@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,
	.two-third,
	.three-fourth,
	.full-width{
		width:100%;
		margin:0px;
	}

	.featured-container .one-fourth .featured-item{ width:49%; margin-left:1%; margin-right:1%; float:left; }
	.featured-container .one-fourth .featured-item.first{ margin-left:0px; }
	.featured-container .one-fourth .featured-item.last{ margin-right:0px; }
	.featured-container .one-half{ width:100%; margin:0px; }

	.news-feed.three-column .one-third{ float:left; width:48%; margin-left:1%; margin-right:1%; margin-bottom:20px; }
	.news-feed.three-column .one-third.first{ margin-left:0px; }
	.news-feed.three-column .one-third.last{ margin-right:0px; }
	
	.news-feed.large-thumb .one-half{ width:100%; }
	.news-feed.large-thumb .one-half{ margin:0px; margin-bottom:40px; }
	
	.pagination-container{ margin-bottom:40px; }

	/* ============================================================ */
	/* 							Headers							    */
	/* ============================================================ */
	.logo-container{ text-align:center; margin-bottom:20px; }
	.header-container{ padding-top:30px; padding-bottom:20px; }
	.header-bar .one-fourth.last{ text-align:center; }
	.header-social{ display:inline-block; float:none!important; margin:0 auto; margin-bottom:20px; }
	
	.responsive-main-menu{ display:block!important; }
	.responsive-top-menu{ display:block!important; margin-bottom:10px; }
	.top-menu{ display:none; }
	.sf-menu{ display:none; }
	
	/* ============================================================ */
	/* 							Pages							    */
	/* ============================================================ */
	.page-title{ width:100%; }
	
	/* ============================================================ */
	/* 							Widgets							    */
	/* ============================================================ */
	.widget-recent-post li{ width:100%; }
	.widget-recent-post li a{ display:block; height:30px; }
	
}



@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,
	.two-third .one-half,
	.three-fourth,
	.full-width{
		width:100%!important;
		margin:0px;
	}
	
	.news-feed.large-thumb .one-half{ width:100%; }
	.news-feed.large-thumb .one-half{ margin:0px; margin-bottom:40px; }
	
	.pagination-container{ margin-bottom:40px; }
	
	/* ============================================================ */
	/* 							Headers							    */
	/* ============================================================ */
	.logo-container{ text-align:center; margin-bottom:20px; }
	.header-container{ padding-top:30px; padding-bottom:20px; }
	.header-bar .one-fourth.last{ text-align:center; }
	.header-social{ display:inline-block; float:none!important; margin:0 auto; margin-bottom:20px; }
	
	.responsive-main-menu{ display:block!important; }
	.responsive-top-menu{ display:block!important; margin-bottom:10px; }
	.top-menu{ display:none; }
	.sf-menu{ display:none; }

	/* ============================================================ */
	/* 							Pages							    */
	/* ============================================================ */
	.page-title{ width:100%; }

	/* ============================================================ */
	/* 							Widgets							    */
	/* ============================================================ */
	.widget-recent-post li{ width:100%; }
	.widget-recent-post li a{ display:block; height:30px; }

}