@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,#ftr,#nav ul{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;}
.grid{display:block;}
.grid5050 div{width:98%;margin:1%;}
.grid333 div{width:98%;margin:1%;}
}



@media only screen and (max-width:1400px) {
	
	#hdr-contact{right:0;}
	#product-nav ul li:first-child a{border-left:none;} 
	#product-nav ul li:last-child a{border-right:none;} 
	
}

@media only screen and (max-width:1080px) {
	.slide-content h1{font-size:250%;}
	
	#product-nav ul li a{padding:15px;}
	#hdr{text-align:center;}
	#logo{display:block;}
	#logo a{margin:0 auto;width:140px;}
	#nav{display:block;width:100%;text-align:center;}

}

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

}


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

	#banner{height:50vw;}
	.slide-content{font-size:85%;}
	.slide-content span{padding:30px 20px;}
	
	#nav-toggle{display:block;position:absolute;top:50px;right:20px;margin:0;text-align:center;z-index:1000;}
	#nav{display:none;padding:20px 0;margin:0 auto;text-align:left;background:#333;width:auto;margin-top:0px;position:relative;top:24px;}
	#nav ul{display:block;max-width:600px;margin:0 auto;}
	#nav ul li{display:block;border:none;margin:0;border-bottom:1px solid #fff;}
	#nav ul li a {display:block;color:#fff;padding:8px;border-bottom:none;text-align:center;}
	#nav ul li a:hover,#nav ul li.selected a{background:#fff;color:#00523B;}
	#nav ul li:last-of-type {border:none;}
	
	#hdr{padding-left:0;padding-right:0;}
	#hdr-contact{position:static;padding:10px;text-align:center;top:auto;right:auto;}
	
	
	#product-nav ul li{width:50%;font-size:85%;}
	#product-nav ul li:nth-of-type(1),#product-nav ul li:nth-of-type(2){border-bottom:1px solid #fff;}
	#product-nav ul li:nth-of-type(2) a{border-right:none;}
	
	h1{font-size:200%;}
	
	#content-wrapper{background-size:100% 80px;}
	#content{font-size:100%;}
	
	#shop-panel{font-size:100%;}
	#shop-panel p{max-width:400px;}

	.textimgrow-wrapper{font-size:110%;}
	
}




@media only screen and (max-width:820px) {
	.slide-content{font-size:75%;}
	
	.textimgrow div:first-of-type{height:50vw;}
}

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

#projects .project{display:block;}
.project div{width:100%;}
.project-img{height:70vw;}
.project-text{padding:20px;}
	


}

@media only screen and (max-width:640px) {
	
	#banner{height:340px;}
	.slide-content h2{font-size:250%;}
	
	#shop-panel{background-size:30%;}
	
}


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

#shop-panel{padding-top:80px;}
#shop-panel p{max-width:240px;}
}





@media only screen and (max-width:479px) {
	#shop-panel{background-image:none;}
#shop-panel p{max-width:100%;}

}

@media only screen and (max-width:400px) {
	#product-nav ul li{font-size:70%;}

}