/************** 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; }
	.open-menu {
		display: block !important;
		position: absolute;
		right: 22px;
		top: 31px;
		cursor: pointer;
	}
	.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; padding-top:45px;}
	.services-row{ margin-bottom: 0px; }
	.client{ margin-bottom: 22px; }
	.client img{ width: 50%; }


.pyramid-2{ max-width:98%; clear:both; }
.services-row.pyramid-2 .module{ width:100%; }
.pyramid-3{ max-width:98%; clear:both; }
.services-row.pyramid-3 .module{ width:100%; }
.pyramid-4{ max-width:98%; clear:both; }
.services-row.pyramid-4 .module{ width:100%; }

   .margin60 { margin-left:0px; max-width:100%; text-align:left !important; width:100%; }   



	.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){

}