/************** SMARTPHONES ****************/

@media only screen and (max-width: 767px){

	.hide-for-small { display: none; }
	.mobile-nav { display: block; padding-bottom: 37px; }
	.navigation { padding-bottom: /*22px*/0; padding-top: 37px; width: 100%; }
		.navigation:last-child { padding-top:0; }
	.navigation li { float: none; margin-bottom: 11px; margin-right: 0; overflow: hidden; }
	#nav img.logo { max-width: 70%; }
	.open-menu {
		border: 1px solid #222;
		display: block !important;
		position: absolute;
		right: 22px;
		top: 25px;
		cursor: pointer;
		width: 40px; height: 40px;
		padding: 10px;
		z-index: 999;
	}
	.navigation li a { float: /*left*/ none; }

	
	p.four-cols, p.three-cols, p.two-cols{
		
		-webkit-columns: 100px 1;
		-moz-columns: 100px 1;
		columns: 100px 1;
	}
	
	.team-img-holder img{ width: 50% }
	.service{ margin-bottom: 11px; }
	.services-row{ margin-bottom: 0px; }
	.client{ margin-bottom: 22px; }
	.client img{ width: 50%; }
	
	.project-details p{ width: 100%; }
	.project-img-holder{ width: 100%; height: 350px; }
	#map-toggle{ right: auto; left: 30%; }
	#contact-holder{ padding-top: 110px; }
	.flex-direction-nav a{ display: none; }

}

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

	#clients{  background-attachment: scroll; }
	#quote-divider{ background-attachment: scroll; }

}

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

	.navigation li{ margin-right: 32px; }
	.service h5{ 1em }
	.service{ max-height: 154px; }
	
	

}

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

	

}

/**************** SMALL SCREENS *****************/

@media only screen and (max-width: 960px){

}