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

	/* Grids */
	.container{ width:85%; margin:0 auto; }
	.grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-3-4, .grid-2-3, .full-width{
		width:100%;
		margin:0px;
	}
	
	/* Top Menu */
	.top-bar{ padding:20px; }
	
	/* Navigation Menu */
	.sf-responsive{ display:block; }
	.top-menu{ display:none; }
	
	/* Search Bar */
	.search-container{ display:block; text-align:center; }
	.search-bar{ display:inline-block }
	
	/* Header */
	.header-social{ display:inline-block; margin:0 auto; }
	.logo{ display:block; margin:0 auto; text-align:center; margin-bottom:20px; }
	.header-social.mobile{ display:inline-block; margin:0 auto; }
	.header-social.left{ display:none; }
	.main-menu{ display:none; }
	
	/* Footer */
	.copyright{ text-align:center; }
	.copyright ul{ display:inline-block; float:none; font-size:10px; }
	.copyright p{ display:block; margin-bottom:10px; }

}



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

	/* Grids */
	.container{ width:85%; margin:0 auto; }
	.grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-3-4, .grid-2-3, .full-width{
		width:100%;
		margin:0px;
	}
	.one-half, .one-third, .one-fourth, .one-fifth, .one-sixth{
		width:100%;
		margin:0px;
	}
	
	.list-one-col .one-third{ width:100%; margin-bottom:20px; }
	.list-one-col .description-container{ width:100%; margin:0px; }
	
	.two-col .blog-item{ margin-bottom:40px; }
	.two-col .blog-item h1{ font-size:20px; }
	
	/* Top Menu */
	.top-bar{ padding:20px; }
	
	/* Navigation Menu */
	.sf-responsive{ display:block; }
	.top-menu{ display:none; }
	
	/* Search Bar */
	.search-container{ display:block; text-align:center; }
	.search-bar{ display:inline-block; margin:0 auto; }
	
	/* Header */
	.header-social{ display:inline-block; margin:0 auto; }
	.logo{ display:block; margin:0 auto; text-align:center; margin-bottom:20px; }
	.header-social.mobile{ display:inline-block; margin:0 auto; margin-bottom:5px; }
	.header-social.left{ display:none; }
	.header-social.right{ margin-left:0px; }
	.main-menu{ display:none; }
	
	/* Footer */
	.copyright{ text-align:center; }
	.copyright ul{ display:inline-block; float:none; font-size:10px; }
	.copyright p{ display:block; margin-bottom:10px; }

}