/* Screens Resolution : 992px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 1200px) {
	
}

/* Screens Resolution : 992px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 992px) {
	
	/* ---------------------------------
	1. PRIMARY STYLES
	--------------------------------- */

	h1{ font-size: 3em; line-height: 1; }
	h2{ font-size: 2em; line-height: 1; }
	h3{ font-size: 1.5em; }
	h4{ font-size: 1.2em; }
	h5{ font-size: .9em; }
	h6{ font-size: .85em; letter-spacing: 0px; }

	
	/* ---------------------------------
	3. HEADER
	--------------------------------- */
	
	header ul.main-menu > li > a{ padding: 0 5px; }
	
	/* ---------------------------------
	4. MAIN
	--------------------------------- */
	
	.main-section{ margin: 0 -7.5px; padding: 0 15px; }
	
	.main-section .blog-area{ width: 50%; height: auto; padding: 0 7.5px; }
	
	.blog-area .blog-post:first-child,
	.blog-area .blog-post:last-child{ margin: 0px; }

	.blog-area .blog-post{ height: auto; width: 100%; float: none; margin-bottom: 15px!important; 
		background: none; }
	
	.blog-area:last-child .blog-post:last-child{ margin: 0!important; }
	
	.blog-area .blog-post img{ display: block; height: auto; width: 100%; }
	
	
	
	/* SCROLLBAR */
	
	.main-section::-webkit-scrollbar{ width: 10px; }
	 
	.main-section::-webkit-scrollbar-track { background: #EBEBEB;
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); }
	 
	.main-section::-webkit-scrollbar-thumb { background-color: #32D98B; outline: 1px solid #32D98B; }
	
	
	
}

/* Screens Resolution : 767px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
	
	/* ---------------------------------
	1. PRIMARY STYLES
	--------------------------------- */

	p{ line-height: 1.4; }
	
	h1{ font-size: 3em; }
	h2{ font-size: 1.8em;}
	h3{ font-size: 1.2em; }

	
	/* ---------------------------------
	3. HEADER
	--------------------------------- */
	
	/* MAIN MENU */
	
	header .main-menu{ display: none; position: absolute; top: 60px; left: 0; right: 0; float: none; 
		opacity: 0; z-index: 1; height: auto; text-align: left; background: #fff; }
	
	header .main-menu.visible-menu{ display: block; box-shadow: 0 4px 20px -10px rgba(0,0,0,.4); 
		animation: full-opacity-anim .2s forwards ease; }
	
	@keyframes full-opacity-anim{
		
		100%{ opacity: 1; }
	}
	
	header .main-menu > li{ display: block; }
	
	header ul.main-menu > li > a{ display: block; height: auto; line-height: 1; padding: 15px; 
		border-top: 1px solid #eee; }
		
	
	/* HAMBURGER ICON */

	.menu-nav-icon{ display: block; }
	
	
	/* DROPDOWN  */
	
	header .main-menu li.drop-down > ul.drop-down-menu{ position: static; box-shadow: none; }
	
	header .main-menu li.drop-down > ul.drop-down-menu li{ border-top: 1px solid #eee; }
	header .main-menu li.drop-down > ul.drop-down-inner li:first-child{ border-top: 1px solid #ddd; }
	
	/* DROPDOWN HOVER */
	
	header .main-menu li.drop-down > ul.drop-down-menu li a{ padding-left: 25px; }
	
	header .main-menu li.drop-down > ul.drop-down-inner li a{ padding-left: 35px; }
	
	
	/* ---------------------------------
	4. MAIN
	--------------------------------- */
	
	.main-section{ margin: 0; padding: 0 15px; }
	
	.main-section .blog-area{ width: 100%; height: auto; float: none; padding: 0; }
	
	.blog-area .blog-post:first-child,
	.blog-area .blog-post:last-child{ margin: 0px; }

	.blog-area .blog-post{ height: auto; width: 100%; float: none; margin-bottom: 15px!important; }
	
	.blog-area:last-child .blog-post:last-child{ margin: 0!important; }
	
	.blog-area .blog-post img{ height: auto; width: 100%; }

	
	/* BLOG INFO */

	.blog-post .blog-info{ opacity: 1; }

	.blog-post .blog-info:after{ -webkit-transform: translateY(0); transform: translateY(0); }
	
	
	/* SCROLLBAR */
	
	.main-section::-webkit-scrollbar{ width: 6px; }
	 
	.main-section::-webkit-scrollbar-track { background: #EBEBEB;
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); }
	 
	.main-section::-webkit-scrollbar-thumb { background-color: #32D98B; outline: 1px solid #32D98B; }
	
	/* ---------------------------------
	5. FOOTER
	--------------------------------- */

	footer{ text-align: left; }
	
	footer .copyright{ display: none; }
	
	footer .social-icons > li > a{ margin-left: 10px; }
	
	
}

/* Screens Resolution : 575px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 600px) {
	
	/* ---------------------------------
	1. PRIMARY STYLES
	--------------------------------- */

	body{ font-size: 14px; margin: 0; padding: 60px 0; height: 100%; width: 100%; }
	

	
	/* ---------------------------------
	3. HEADER
	--------------------------------- */

	header{ padding: 0 15px; }
	
	header .right-area{ display: none; }
	
	header ul.main-menu > li > a{ padding: 15px; }
	
	/* HAMBURGER ICON */

	.menu-nav-icon{ float: right; }
	
	
	


	/* ---------------------------------
	10. FOOTER
	--------------------------------- */

	footer{ padding: 0 15px; }
	
	footer .social-icons > li > a{ margin-left: 5px; }
	
}

/* Screens Resolution : 575px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 575px) {
	
	
	
}

/* Screens Resolution : 479px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 479px) {


}

/* Screens Resolution : 359px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 359px) {
	
	/* ---------------------------------
	3. HEADER
	--------------------------------- */

	header .heading-wrapper{  padding: 30px 20px 20px; }

	header .info .icon{ font-size: 25px; }

	header .info .right-area{ margin-left: 35px; }

}

/* Screens Resolution : 290px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 290px) {

	/* ---------------------------------
	10. FOOTER
	--------------------------------- */

	footer{ padding: 0 10px; }
	
}

/* Screens Resolution : 290px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 260px) {
	
	
	
}