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

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

	
}


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


	.section{ padding: 40px 0 10px; }

	


	
	
	/* ---------------------------------
	5. SINGLE POST
	--------------------------------- */
	
	.blog-area{ padding: 260px 0 20px; }
	
	.blog-posts .single-post{ margin-bottom: 50px; }



	/* POST AUTHOR */

	.blog-posts .post-author{ margin: 30px 0; margin-left: 20px; padding: 40px 30px; position: relative; 
		box-shadow: 0px 5px 40px rgba(0,0,0,.2); }

	.post-author .author-image{ position: static; margin: 0 auto 20px; }

	.post-author .author-info{ margin-left: 0px; }


	/* ---------------------------------
	6. SIDEBAR STYLING
	--------------------------------- */

	.sidebar-section{ margin-bottom: 30px; }

	
	/* ---------------------------------
	7. FOOTER INSTAGRAM STYLING 
	--------------------------------- */

	.footer-instagram-area ul.instagram > li{ width: 25%; }

	
	/* ---------------------------------
	8. FOOTER
	--------------------------------- */
	

	
	
	
	

	
}

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

	/* ---------------------------------
	1. PRIMARY STYLES
	--------------------------------- */

	body{ font-size: 14px;  }
	
	/* ---------------------------------
	2. COMMONS FOR PAGE DESIGN
	--------------------------------- */

	.left-area,
	.right-area{ float: none;  }

	.width-60,
	.width-50{ width: 100%; }

	.left-area li a,
	.right-area li a{ padding: 0 10px 0 0!important; }

	/* ---------------------------------
	5. SINGLE POST
	--------------------------------- */
	
	.single-post .icons ul.social-icons{ margin-top: 10px; }
	
	
}

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

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