@media only screen and (min-width: 480px) and (max-width: 768px ) {
	
	/* ============================================================ */
	/* 							Grids 								*/
	/* ============================================================ */
	.container{ width:90%; margin:0 auto; }
	.grid-2,
	.grid-3,
	.grid-4,
	.grid-5,
	.grid-6,
	.grid-3-4,
	.grid-2-3,
	.one-sixth,
	.one-fifth,
	.one-fourth,
	.one-third,
	.one-half,
	.two-third,
	.three-fourth,
	.full-width{
		width:100%;
		margin:0px;
	}
	
	.footer-container .full-width{ width:86%; margin:0 auto; }
	.footer-container .one-third{ width:100%; margin:0px; margin-bottom:40px; }
	
	.content-separator{ background-image:none; }
	.left-content-separator{ background-image:none; }
	.right-content-separator{ background-image:none; }


	/* ============================================================ */
	/* 							Headers							    */
	/* ============================================================ */
	.logo-container{ text-align:center; margin-bottom:20px; }
	.social-media-container{ text-align:center; }
	.header-social{ display:inline-block; margin:0px; margin-bottom:30px; float:none }

	.header-search{ width:100%; }
	
	.sf-responsive{ display:block; }
	.sf-menu,.nav-container{ display:none; }
	
	.header-container{ padding-top:30px; padding-bottom:30px; }
	.header-search-container{ text-align:center; width:100%; width:80%; margin:0 auto; }
	.header-search{ width:100%; }
	.header-search:focus, .header-search:hover{ width:100%; }
	.header-search-button{ display:none; }


	/* ============================================================ */
	/* 							Pages							    */
	/* ============================================================ */
	.featured-title{ top:10%; }
	.featured-page-container img{ width:100%; }
	.featured-title h1{ max-width:100%; font-size:40px; }
	.featured-title span{ max-width:80%; }


	/* ============================================================ */
	/* 							Sliders							    */
	/* ============================================================ */
	.skw-content .caption h1{ font-size:25px; }


	/* ============================================================ */
	/* 							Blog Items							*/
	/* ============================================================ */
	.blog-item-large{ padding:0px; }
	.pagination{ margin-bottom:40px; }
	
	
	/* ============================================================ */
	/* 							Single							    */
	/* ============================================================ */
	.sidebar-container{ padding:0px; }
	.related-post .one-third{ width:31%; margin-left:1.7%; margin-right:1.7%; }
	.related-post .one-third.first{ margin-left:0px; }
	.related-post .one-third.last{ margin-right:0px; }
	.single-rating{ width:100%; margin-bottom:20px; }
	
	
	
	/* ============================================================ */
	/* 						Footer Widget						    */
	/* ============================================================ */
	.social-container{ padding:0px; padding-top:20px; padding-bottom:20px; }
	.social-container ul li{ width:33%; margin:0px; margin-bottom:10px; }
	
}



@media only screen and (min-width: 320px) and (max-width: 480px ) {

	/* ============================================================ */
	/* 							Grids 								*/
	/* ============================================================ */
	.container{ width:90%; margin:0 auto; }
	.grid-2,
	.grid-3,
	.grid-4,
	.grid-5,
	.grid-6,
	.grid-3-4,
	.grid-2-3,
	.one-sixth,
	.one-fifth,
	.one-fourth,
	.one-third,
	.one-half,
	.two-third,
	.three-fourth,
	.full-width{
		width:100%;
		margin:0px;
	}
	
	.footer-container .full-width{ width:86%; margin:0 auto; }
	.footer-container .one-third{ width:100%; margin:0px; margin-bottom:40px; }
	
	.content-separator{ background-image:none; }
	.left-content-separator{ background-image:none; }
	.right-content-separator{ background-image:none; }


	/* ============================================================ */
	/* 							Headers							    */
	/* ============================================================ */
	.two-third.last.ads-container{ display:none; }
	.logo-container{ text-align:center; margin-bottom:20px; }
	.social-media-container{ text-align:center; }
	.header-social{ display:inline-block; margin:0px; margin-bottom:30px; float:none }

	.header-search{ width:100%; }
	
	.sf-responsive{ display:block; }
	.sf-menu,.nav-container{ display:none; }
	
	.header-container{ padding-top:30px; padding-bottom:30px; }
	.header-search-container{ text-align:center; width:100%; width:80%; margin:0 auto; }
	.header-search{ width:100%; }
	.header-search:focus, .header-search:hover{ width:100%; }
	.header-search-button{ display:none; }


	/* ============================================================ */
	/* 							Pages							    */
	/* ============================================================ */
	.featured-title{ top:40%; left:0px; text-align:center }
	.featured-page-container img{ width:100%; height:180px; }
	.featured-title h1{ max-width:100%; width:100%; font-size:30px; }
	.featured-title span{ display:none }


	/* ============================================================ */
	/* 							Sliders							    */
	/* ============================================================ */
	.skw-content .caption h1{ font-size:20px; }


	/* ============================================================ */
	/* 							Blog Items							*/
	/* ============================================================ */
	.blog-item-large{ padding:0px; }
	.pagination{ margin-bottom:40px; }
	
	
	/* ============================================================ */
	/* 							Single							    */
	/* ============================================================ */
	.sidebar-container{ padding:0px; }
	.related-post .one-third{ width:31%; margin-left:1.7%; margin-right:1.7%; }
	.related-post .one-third.first{ margin-left:0px; }
	.related-post .one-third.last{ margin-right:0px; }
	.single-rating{ width:100%; margin-bottom:20px; }
	
	
	
	/* ============================================================ */
	/* 						Footer Widget						    */
	/* ============================================================ */
	.social-container{ padding:0px; padding-top:20px; padding-bottom:20px; }
	.social-container ul li span{ display:none; }

}