@media screen and (max-width: 768px) {
	
.responsive-wrapper {width: 100%; box-sizing: border-box;}
#headercontainer {padding-top: 80px;background-color:rgba(188, 213, 234, 0.5)}
.corporate-logo {position: absolute; top: 10px; left: 10px; margin-left: 0; width: 130px;}
.contact-us {position: absolute; top: 10px; right: 0; margin-right: 0; width: 130px; }
.contact-us a {width: 130px; height: 110px;background-size: 130px auto;}
.contact-us a span {padding: 30px 0 0 62px; width: 100px; text-align: center;}
.leftdiv {width: 100%; padding: 0 20px; box-sizing:border-box; max-width: 100%;}
.rightdiv  {width: 100%; padding: 0 20px; box-sizing:border-box;}
.containerdiv  {width: 100%; padding: 0 20px;}
.homepic {max-width: 100%;}
.small-link {float: none; width: 100%; text-align: left!important;}
	.logodiv {width: 100%; padding: 0 20px; box-sizing:border-box; }
footer .leftdiv2 {width: 50%; padding: 0 100px; box-sizing:border-box; margin-left: 95px;}
footer .middlediv {width: 50%; padding: 0 100px; box-sizing:border-box; margin-left: 95px;}
footer .middlediv2 {width: 50%; padding: 0 100px; box-sizing:border-box; margin-left: 95px;}
footer .middlediv3 {width: 50%; padding: 0 100px; box-sizing:border-box; margin-left: 95px; margin-bottom: 30px;}
footer .rightdiv2 {width: 100%; padding: 20px; box-sizing:border-box; border-top: solid 1px rgba(142, 204, 240, 0.5);}
footer .footer-wrapper {padding: 10px 20px;}
#faqquestions {line-height: 130%;}
.contact-form-container {width: 100%; padding: 0 20px; float: none;}
.contact-form-container:after {content: ""; display: table; clear: both;}
.contact-right {width: 100%; padding: 20px; float: none; text-align: left;  border-top: solid 1px rgba(142, 204, 240, 0.5); margin: 20px 0 0 0;}
h3 {line-height: 1.3em;}
.thermal div {width: 45%!important; margin-right: 0!important; margin-left: 10%;}
.thermal div:nth-of-type(3n+1) {margin-left: 0;}
#generaltext {line-height: 1.3em;}
.new-build.table-holder table tr:first-of-type td div {min-height: 100px;}
iframe {width: 100%; height: 500px;}

}

@media screen and (max-width: 601px) {
	
.new-build.table-holder table tr:first-of-type td div {min-height: 130px;}
iframe {width: 100%; height: 400px;}

}

@media screen and (max-width: 480px) {
.headercontainer {padding-top: 80px;background-color:rgba(188, 213, 234, 0.5)}
.corporate-logo {position: absolute; top: 10px; left: 10px; margin-left: 0; width: 120px;}
.contact-us {position: absolute; top: 10px; right: 0; margin-right: 0; width: 130px; }
.contact-us a {width: 130px; height: 110px;background-size: 130px auto;}
.contact-us a span {padding: 30px 0 0 62px; width: 100px; text-align: center;}
.leftdiv {padding: 0 30px;}
.rightdiv  {padding: 0 30px;}
.containerdiv  {padding: 0 30px;}
footer .leftdiv2 {padding: 0 30px;}
footer .middlediv {padding: 0 30px;}
footer .middlediv2 {padding: 0 30px;}	
footer .middlediv3 {padding: 0 30px;}
footer .rightdiv2 {padding: 30px;}
footer .footer-wrapper {padding: 10px 30px;}	
.contact-form-container {padding: 0;}	
.contact-form-container:after {content: ""; display: table; clear: both;}	
.contact-right {padding: 20px 30px;}		
.containerdiv div {width: 100%!important;}
.containerdiv .why-circle {float: none!important; width: 250px!important; height: 250px; margin: 10px auto 40px auto!important; box-sizing:border-box;}	
.containerdiv .why-circle p {margin: 0!important; position: relative; top: 95px; left: 50%; width: 200px; margin-left: -100px!important;}
.containerdiv .why-circle2 {float: none!important;width: 250px!important; height: 250px; margin: 10px auto!important; box-sizing:border-box;}
.containerdiv .why-circle2 p {margin: 0!important; position: relative; top: 70px; left: 50%; width: 200px; margin-left: -100px!important;}
.compare { float: none; margin: 20px 0; padding: 20px; max-width: 100%; width: 100%; box-sizing:border-box;}
iframe {width: 100%; height: 300px;}
.case-study-btn {float: none; margin-top: 20px;}
label {float: none; width: 100%; margin: 0 0 10px 0; display: block;}
.contact-form-container h4 {float: none;}
input {float: none; width: 100%; box-sizing:border-box;}
select {float: none; width: 100%;}
textarea { float: none; width: 100%; box-sizing:border-box;}
input[type=submit] {float: none; width: 100%; box-sizing:border-box; padding: 15px;}
.thermal div {width: 100%!important; margin-right: 0!important; float: none!important; margin-left: 0;}
.thermal div img {width: 100%; height: auto;}
.new-build.table-holder table {width: 50%; border: solid 1px #fff; box-sizing:border-box; float: left;}
.new-build.table-holder table tr:first-of-type td div {min-height: 100px;}

}