/***********************************************************/
/***********  MEDIA QUERIES - RESPONSIVE STYLES  ***********/
/***********************************************************/


@media (max-width: 990px) {
	
	/* General Styles */
	body {
		min-width: 780px;
		overflow-x: hidden;
	}
	
	
	/* Container Styles */
	.container {
		width: 760px;
	}
	
	#main-content-with-sidebar {
		width:520px;
		margin-right:30px !important;
	}
	
	/* Column Styles */
	.col-1 { width: 45px }
	.col-2 { width: 110px }
	.col-3 { width: 175px }
	.col-4 { width: 240px; }
	.col-5 { width: 305px }
	.col-6 { width: 370px }
	.col-7 { width: 435px }
	.col-8 { width: 500px }
	.col-9 { width: 565px }
	.col-10 { width: 630px }
	.col-11 { width: 695px }
	.col-12 { width: 760px }
	
	
	/* Portfolio Thumbs */
	.da-thumbs li { width: 252px; height:164px; }
	
	
	/* Columns with a sidebar */
	*[class *= "col-"] { margin-right: 20px }
	
	
	/* Welcome Box */
	#intro-box .inside { margin-top:0px; }
	
	
	/* Typography stuff */
	#intro-box .inside h1 { 
		font-size: 30px;
		line-height:40px; 
		letter-spacing: 0px; 
	}
	
	#intro-box .inside h2 { 
		font-size: 25px; 
		line-height: 35px;
		letter-spacing: 0px; 
	}
	
	
	/* Overlay Search */
	#search-overlay .hb-search { font-size: 60px; }
	
	
	/* Hide Stuff */
	#scrollTop, .views-likes-holder { display:none; visibility:hidden; }
	
	
	/* Show Stuff */

	
}
/* END 990px **********************************************/



@media (max-width: 815px) {
	
	/* General Styles */
	body { min-width: 660px; }
	
	
	/* Container Styles */
	.container { width: 640px }
	
	
	/* Column Styles */
	.col-1 { width: 35px }
	.col-2 { width: 90px }
	.col-3 { width: 145px }
	.col-4 { width: 200px }
	.col-5 { width: 255px }
	.col-6 { width: 310px }
	.col-7 { width: 365px }
	.col-8 { width: 420px }
	.col-9 { width: 475px }
	.col-10 { width: 530px }
	.col-11 { width: 585px }
	.col-12 { width: 640px }

	ul.tabs { height: auto; }
	ul.tabs li { float:none; }
	
	
	/* Portfolio Thumbs */
	.da-thumbs li { width: 319px; height:208px; }
	
	
	/* Hide Stuff */
	#menu-wrapper { display:none;}
	
	
	/* Show Stuff */
	.views-likes-holder, #nav-wrap { display:block; visibility:visible; }
	#nav-resp { right: 0px !important; }
}
/* END 815px **********************************************/



@media (max-width: 710px) {

	/* General Styles */
	body { min-width: 500px; }


	/* Container Styles */
	.container { width: 480px }


	 *[class *= "col-"], #main-content-with-sidebar *[class *= "col-"] {
		width: 480px;
		margin-bottom: 40px !important;
		float: none;
	}

	/* Portfolio Thumbs */
	.da-thumbs li { width: 480px; height:312px; }

	#nav-resp { right: 0px !important; }

	.sidebar-content-inside { padding-left:0px !important; padding-top: 40px; }
}
/* END 710px **********************************************/



@media (max-width: 540px) {
	
	/* General Styles */
	body {
		min-width: 280px;
	}


	/* Container Styles */
	.container { width: 280px; }

	*[class *= "col-"], #main-content-with-sidebar *[class *= "col-"] {
		width: 280px;
	}

	#portfolio-filter li {
		margin-bottom: 20px;
	}

	.da-thumbs li { width: 280px; height:182px; }

	/* Center small logo */
	#nav-wrap { display: block; float: none !important; margin: 0 auto; text-align: center; }
	#menu-icon { float:none; margin: 0 auto; }
	#nav-resp { right: 0px !important; }

	.welcome-logo { margin:0; }

	/* Hide Stuff */
	#nav-logo, #intro-box h1, #intro-box h2 { display:none !important;}

	/* Other */
	.form-disclaimer { margin-left: 0px !important; margin-right: 0px !important; margin-bottom: 20px; }
	.callout-box-inner .button { margin-bottom:20px !important; float: none !important; }
	.separator-text .focus-sep-text { display:none; }

}
/* END 540px **********************************************/