/* http://css-tricks.com/snippets/css/media-queries-for-standard-devices/ */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	p.comment-author, p.comment-email, p.comment-url, p.comment-comment { float: none; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	#main,
	#sidebar,
	.single-portfolio .project_media,
	.single-portfolio .single-portfolio-details {
		width: auto;
		margin-left: 0;
		float: none;
	}
	.single-portfolio .project_media { padding: 0; }
	
	.wpb_navbar-inner .vc_span3,
	.wpb_navbar-inner .vc_span9 {
		width: auto;
		float: none;
		margin-left: 0;
	}
	
	.wpb_navbar-inner .container {
		padding: 20px 0 10px;	
	}
	#nav-main {
		margin-top: 10px;
	}
	
	
	.page-header .vc_span3, .page-header .vc_span9 {
		width: auto;
	}
	.page-header .vc_span3, .page-header .vc_span9 {
		float: none;
		margin-left: 0;
	}
	
	article.post, .search-results .wpb_content_wrapper article {
		padding-left: 0;
		left: 0;
	}
	.vc_span8 .wpb_content_wrapper,
	.wpb_sidebar_wrapper {
		padding-right: 30px;
		padding-left: 30px;
	}
		.wpb_sidebar_wrapper {
			padding: 0 5% 0 5%;
			
			margin-left: 0;
			margin-right: 0;
		}	
	
	.site_nav .brand {
		display: block;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	
	#mobile_nav_toggle { display: none; }
	#nav-main,
	#nav-second {
		text-align: center;
	}
	#nav-second {
		margin-top: 10px;
	}
	
	.site_nav .sub-menu {
		text-align: left;
		left: 0;
		top: 20px;
	}
	
	.site_nav .second-nav {	margin: 0; }
	.site_nav .main-nav > li,
	.site_nav .second-nav > li {
		display: inline;
		display: inline-block;
		float: none;
		margin-right: 10px;
		margin-bottom: 5px;
	}
	.site_nav .main-nav a,
	.site_nav .second-nav a { display: inline; }
	
	.site_nav .main-nav .sub-menu a,
	.site_nav .second-nav .sub-menu a { display: block; }
	
	#wrap .wpb_top_slider {
		margin-bottom: 20px;
	}
	
	.wpb_separator, .vc_text_separator {
		left: 0;
		width: auto;
	}
	
	
	.other_projects_footer {
		width: 102%;
	}
	.other_projects_footer .portfolio_thumb {
		margin-left: 2% !important;
	    width: 14%;
	}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	/*body {	background: #FFDFDF; }*/ /* Red */
	body { padding-left: 0; padding-right: 0; }
	.container {
		width: 768px;
	}
	
	.portfolio_type_classic .portfolio_isotope {
		/*width: 726px;*/
	}
	.portfolio_type_classic .portfolio_thumb.vc_span6 { width: 344px; }
	.portfolio_type_classic .portfolio_thumb.vc_span4 { width: 222px; }
	.portfolio_type_classic .portfolio_thumb.vc_span3 { width: 162px; }
	
	.other_projects_footer {
		width: 730px;
	}
	.other_projects_footer .portfolio_thumb {
		width: 105px;
	}
}

/*
	Mobile Landscape Size to Tablet Portrait (devices and browsers)
	~ iPads and other tablets
*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	/*body {	background: #A0FF9F; } */ /* Green */
	.container {
		width: 90%; /*480px;*/
		min-width: 480px;
	}	
	
		.wpb_sidebar_wrapper {
			padding-left: 0;
		}
			.wpb_sidebar_wrapper article.widget {
				float: left;
				width: 45%;
				margin-left: 5%;
			}
		
	.project_media {
		
	}
	
	.portfolio_type_classic .portfolio_isotope { width: auto; }
	.portfolio_type_classic .portfolio_thumb.vc_span6 { width: 45%; }
	.portfolio_type_classic .portfolio_thumb.vc_span4 { width: 28%; }
	.portfolio_type_classic .portfolio_thumb.vc_span3 { width: 20%; }
}

/*
	Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
	~ Mobile phones
*/
@media only screen and (max-width: 479px) {
	/*body {	background: #B3B4EF; }*/ /* Blue */
	
	#main {
		width: 100%;
	}
	.container,
	.portfolio_type_classic .portfolio_isotope {
		width: auto;
	}
	
	.wpb_sidebar_wrapper { margin-right: 0; }
	
	.wpb_tour .ui-tabs .ui-tabs-nav li, .wpb_tour .ui-tabs .ui-tabs-nav li.ui-tabs-selected { width: 100%; }
	
	.portfolio_type_classic .portfolio_isotope {
		margin-left: 0;
	}
	.portfolio_type_classic.wpb_content_wrapper article.portfolio_thumb {
		width: 100%;
		margin-left: 0;
		float: none;
	}
	
	
	.other_projects_footer .portfolio_thumb {
		margin-left: 2% !important;
	    width: 31%;
	}
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}