@media only screen and (max-width:1399px) {
/*LIGHTBOX*/
.lightbox .lb-image {
/*responsive*/width:auto!important;height:auto!important;
/*responsive - stop image upscaling*/max-width:100%!important;margin:0 auto;
}
.lb-outerContainer {/*responsive*/max-width:80%;height:auto!important;width:auto!important;}
.lb-dataContainer {/*responsive*/max-width:80%;height:auto!important;width:auto!important;}

#hdr,#ftrcontact,#ftr,#homepanels,#hdr-wrapper.stickyNavShrink #hdr,#calc,.content{padding-left:20px;padding-right:20px;}
}

@media only screen and (max-width:820px) {
.cols5050{display:block;}.cols5050 div{width:100%;}.cols5050 div:first-child{margin-right:0%;margin-bottom:40px;}
.cols6040{display:block;}.cols6040 div{width:100%;}.cols6040 div:first-child{width:100%;margin-right:0%;margin-bottom:40px;}
.cols4060{display:block;}.cols4060 div{width:100%;}.cols4060 div:first-child{width:100%;margin-right:0%;margin-bottom:40px;}
.cols6633{flex-direction:column;}.cols6633 div{width:100%;}.cols6633 div:first-child{width:100%;margin-right:0%;margin-bottom:40px;}
.cols3366{flex-direction:column;}.cols3366 div{width:100%;}.cols3366 div:first-child{width:100%;margin-right:0%;margin-bottom:40px;}
.text-col{margin-bottom:0px!important;}.text-col p,.text-col h2{text-align:center;}
}
@media only screen and (max-width:739px) {
.grid{justify-content:left;}
.grid333 div{width:48%;-webkit-flex-basis:48%;-moz-flex-basis:48%;flex-basis:48%;margin:1%;}

}

@media only screen and (max-width:639px) {
.cols333{display:block;}.cols333 div{width:100%;}.cols333 div:nth-child(2){margin-right:0%;margin-left:0;margin-bottom:30px;margin-top:30px;}
.cols2575{display:block;}.cols2575 div{width:100%;}.cols2575 div:first-child{width:100%;margin-right:0%;margin-left:0;margin-bottom:30px}
.cols7525{display:block;}.cols7525 div{width:100%;}.cols7525 div:first-child{width:100%;margin-right:0%;margin-left:0;margin-bottom:30px;}

.grid{display:block;}
.grid5050 div{width:98%;margin:1%;}
.grid333 div{width:98%;margin:1%;}
}



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

@media only screen and (max-width:1200px) {
	
.slide-content h1{width:50%;}
.slide-content br{display:none;}
.slide-content span{background-position:100% 100%;}

#homestats td{font-size:200%;}
}

@media only screen and (max-width:980px) {
	.slide-content span{padding:0 20px 50px 20px;}
	.slide-content h1{width:50%;padding-top:40px;}
	.banner-home span{background-size:auto 80%;}
}


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

#nav-toggle{display:block;position:absolute;top:70px;right:20px;margin:0;text-align:center;transform:translate(0,-50%);-moz-transition: all .55s;-ms-transition: all .55s;  -o-transition: all .55s;transition: all .55s; -webkit-transition: all .55s;}
#hdr-wrapper.stickyNavShrink #nav-toggle{display:block;position:absolute;top:55px;right:20px;margin:0;text-align:center;transform:translate(0,-50%);}
	#nav{display:none;padding:0px 0 0 0;margin:0 auto;text-align:left;background:#E7E7E9;width:auto;margin-top:20px;}
	#nav ul{display:block;}
	#nav ul li{display:block;border:none;border-bottom:1px solid #fff;}
	#nav ul li a {display:block;}
	#nav ul li:last-of-type a {display:inline-block;}

#homestats td{font-size:150%;}
}


@media only screen and (max-width:840px) {
	
.slide-content h1{width:100%;}
.slide-content p{width:100%;max-width:auto;}
.banner-home span{background-position:120% 180%;background-size:auto 70%;}
#homepanels h2{font-size:200%;}
}

@media only screen and (max-width:820px) {
	.blogdetail h1{padding-top:0;}
	.blogdetail .cols3366 div:first-child{margin-bottom:0px!important;}
	.blogdetail img{width:200px;}
	
	.casestudiesdetail h1{padding-top:0;}
	.casestudiesdetail .cols3366 div:first-child{margin-bottom:0px!important;}
	.casestudiesdetail img{width:200px;}
	#casestudiesinfo{margin:20px 0 30px 0;}
	#casestudiesinfo h3{text-align:left;}
	#casestudiesinfo h3 span{display:inline-block;}
}


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

.slide-content p{width:50%;max-width:auto;}
	
#calc br{display:block;}

#outwrapper{padding:0!important;}
#hdr-wrapper{position:static!important;}

.content h1{font-size:250%;}

.bloglist div{display:block;}
.bloglist div div{display:block;width:100%;text-align:center;margin:0!important;}
.bloglist img{margin-top:30px;margin-bottom:40px;}

.casestudieslist div{display:block;}
.casestudies div div{display:block;width:100%;text-align:center;margin:0!important;}
.casestudies img{margin-top:30px;margin-bottom:40px;}
}


@media only screen and (max-width:640px) {
.slide-content span{padding:0px 20px 320px 20px;}
.slide-content p{width:100%;}
.banner-home span{background-position:100% 180%;background-size:auto 70%;}

#homestats td{font-size:120%;padding:15px;}
}

@media only screen and (max-width:639px) {
	.content .subnav{width:100%;border:none;border-bottom:1px solid #E7E7E9;position:relative;left:-15px;}
	.content .subnav li{display:inline-block;border:none;border-right:1px solid #E7E7E9;}
	.content .subnav li a{border:none;padding:7px 6px;}
}


@media only screen and (max-width:599px) {
#ftrcontact{padding:40px 20px;}
#ftrcontact-details{display:block;width:auto;font-size:140%;padding:0 0 15px 0;}
#ftrcontact-social{display:block;width:auto;text-align:left;}

.banner-home span{background-position:bottom right;background-size:auto 340px;}
.slide-content span{padding:0px 20px 340px 20px;}
}





@media only screen and (max-width:500px) {
	#homestats-wrapper{padding:50px 20px;}
	#homestats table tr td{display:block;width:auto;font-size:150%;border:none!important;border-bottom:1px solid #EE7000!important;}
	#homestats table tr:last-of-type td{border:none!important;}
	
	#calc #industry,#calc #turnover{font-size:75%;}
	
	#hdr{padding:10px;}
	#nav-toggle{display:block;position:absolute;top:35px;}
	#logo a{width:75%;max-width:240px;}
	
	.content{padding-top:20px;}
	.content h1{font-size:180%;}
	
	.pullquote-wrapper{margin:45px 0 60px 0;padding:90px 0 0 0;background:url(images/quote1.png) no-repeat 50% 0;display:block;}
	.pullquote{padding:0 0 90px 0;background:url(images/quote2.png) no-repeat 50% 100%;display:block;text-align:center;font-style:italic;font-size:120%;}
	
	.content .subnav{font-size:85%;}


}
