@media only screen and ( max-width:1700px) {
#gas-safe-section {background-position: left 10% bottom 0%,right 10% bottom 50%;}
}

@media only screen and ( max-width:1620px) {
.areas-we-cover-services {margin: 20px 0 0;}

#homenewboiler { padding:100px 0;}
#homenewboiler { background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url('../images/new-boilers-bg.png');  background-repeat:no-repeat; background-position: right 100% top 35%;
background-size:160% auto;}
.homenewboiler-phone h2 { font-size:30px; background:url('../images/phone-icon-res.png'); background-position:top 10px left 0; background-repeat:no-repeat; vertical-align:top; }
.homenewboiler-phone h2 a { color:#fff; }
.homenewboiler-btn { text-align:right;}
.homenewboiler { width:100%; margin:0px;}
.homenewboiler h1 { color:#fff;}
.homenewboiler p { margin:0px; color:#fff;padding:0 20px;}
.homenewboiler p br { display:none; }
.homenewboiler-phone h2 { text-align:left;}
.homenewboiler-phone h2 a { padding-left: 55px;}

.areas-cover-left { padding:8% 0 0 4%;}

}

@media only screen and ( max-width:1400px) {

#why-choose {background-position: right 0% bottom 61%;}
.why-choose { width:53%;}
}

@media only screen and ( max-width:1300px) {
.areas-we-cover-right { margin:0px;}

#gas-safe-section {background-position:left 6% bottom 0%,right 5% bottom 60%; background-size:15% 95%,6% 60%;}
.booking-left, .booking-right {width:100%; float:none; text-align:center;}

}


@media only screen and ( max-width:1200px) {
.wrapper { width:92%; margin:0 4%;}
#content,#contact { margin:40px 0;}
#footer { padding:40px 0;}
#header { text-align:center;}
.logo,.header-mid,.header-right,.header-phone h2,.header-phone h3 { float:none; display:inline-block; width:auto; margin:0px; padding:10px 0 0; vertical-align:middle; text-align:center;}

.gas-safe { width:100%;}
#gas-safe { background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url('../images/gas-safe-background.jpg'); background-color:#000; background-repeat:no-repeat; background-position: right 25% top 0%;background-size:auto 100%;}

#gas-safe-section { background-size:14% 90%,80px 80px; padding:15px 0;}

.gas-safe-text { padding-left:4%;}

#content-test { text-align:center;}

.worcester-left h2 { font-size: 35px; line-height: 40px}
.worcester-full h2 { font-size: 25px; line-height: 32px;}

.customer-stories-left { width:66%;}
.customer-stories-left h1 {font-size: 25px;line-height: 30px;}
.customer-stories-right { width:34%;}

.customer-reviews-mid { width:42%; margin:0 2%;}
.customer-reviews-right { width:25%;}


.footer3 h2 { padding:0; font-size:25px;}
.footer3 li { line-height:32px;}

#areas-we-cover { text-align:center;}
.areas-cover-left,.areas-cover-right,.areas-cover-text,.areas-cover-icon { float:none;  width:100%;}
.areas-cover-left { padding-left:0px; height:500px; padding:30px 20px 50px;}

.pulse { bottom: 48%; right: 28%;}
.areas-cover-right { height:450px;background-size: cover;}
}

@media only screen and ( max-width:1100px) {
#why-choose {float:left; width:100%; padding:0; margin:0px; text-align:center;
background:
linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),
url('../images/why-choose-img.png');
background-repeat:no-repeat, no-repeat;
background-position:top 0 left 0,top 0 left 0;
background-size:100% 100%,auto 100%;}
.why-choose { width:100%; text-align:center; padding:20px 0;}
.why-choose h2 { color:#fff;}
.why-choose h3 { color:#fff;}
.why-choose p { color:#fff;}

#header-top { padding: 23px 0;}
}

@media only screen and ( max-width:1000px) {
#homenewboiler { background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url('../images/new-boilers-bg.png');  background-repeat:no-repeat; background-position: right 100% top 30%;
background-size:180% auto;}

.contact-add h3 a {font-size:40px; line-height:40px;}
.contact-add h4 {font-size: 30px;line-height: 40px;}
.worcester-left h2 br,.worcester-right h2 br { display:none;}
.worcester-left h2 br { display:none;}
.footer1 { width:37%;}
.footer1 h2 { font-size:32px; line-height:40px;}
.footer2 { width:30%;}
.footer3 { width:22%;}
}
@media only screen and ( max-width:980px) {
.gas-safe { padding-bottom:0px;
background-position: right 35% bottom 5%, right 5% bottom 5%;
background-size: 15% auto, 25% auto;
background-color:#none;}
.gas-safe-text h2 { text-align:center; font-size:20px; line-height:25px; margin:0px; padding:0px;}

.reviews-left,.reviews-right,.reviews:last-child { float:none; display:inline-block; width:100%;}
.reviews-left p br,.reviews-right p br { display:none;}

}


@media only screen and ( max-width:900px) {

#content { text-align:center;}

}

@media only screen and ( max-width:768px) {
p { font-size:16px; line-height:22px;font-family:'Montserrat Light';}
h1 { font-size:25px; line-height:30px;}
h3 { font-size:20px; line-height:26px;}


.wrapper { width:90%; margin:0 5%;}
#content,#content2,#contact,#footer { text-align:center;}
#our-services-include { padding:40px 0;}
#why-choose { padding:40px 0;}
#why-choose h1 { font-size:25px; line-height:30px;}

.header-right,.header-phone,.header-phone h3 { margin:0px; padding:0px;}

.row-left,.row-right,.row2-left,.row2-right,.row4-left,.row4-right,.cust-top-left,.cust-top-right,.worcester-left,.worcester-right,.worcester-col-left,.footer1,.footer2,.footer3,.contact-left,.contact-right { float:none; display:inline-block; width:100%;}
.worcester-col-left { min-height:auto; margin-bottom:60px;}
.worcester-col-left h2 br { display:none;}

#accreditations {text-align: center; margin: 20px 0;}

.accreditations-right li:first-child img { width:90%;}

.why-choose { width:100%;}
.why-choose h3 { font-size:16px; line-height:25px;}

.our-services-include ul {-webkit-column-count: 2; /* Chrome, Safari, Opera */  -moz-column-count: 2; /* Firefox */  column-count: 2; overflow:hidden;}
.our-services-include h2 { padding:15px 0;}


.our-services-include .btn a { padding: 12px 30px; font-size: 17px;}

#homenewboiler { padding:60px 0;}

#gas-safe { margin:0px;}
#gas-safe-section { background-image:none;}
.gas-safe-text { width:100%; padding:0px;}


.customer-stories-left,.customer-stories-right,.customer-reviews-left,.customer-reviews-mid,.customer-reviews-right {float:none; display:inline-block; width:100%; }
.customer-reviews-mid { margin:0px;}

.footer1,.footer2,.footer3 { margin:0px; padding:0px;}
.footer2 { margin:20px 0;}
.footer3 h2 { font-size:25px; line-height:30px;}
.footer3 h3 {font-size:28px; line-height:30px; margin:0px; padding:10px 0;}

#copy-right p { font-size:15px; line-height:22px;}
#copy-right p span { font-size:20px;}
}


@media only screen and ( max-width:640px) {
h2 { font-size:25px; line-height:30px;}
h3 { font-size:17px; line-height:25px;}
h4 { font-size:15px; line-height:22px;}


.our-services-include li {font-size: 15px;line-height: 24px;background-position: top 10px left 0;}

.homenewboiler-btn,.homenewboiler-phone { width:100%; text-align:center; float:none; display: inline-block;}
.homenewboiler-phone h2 { text-align:center; background-position: center 0 right 0; display:inline-block; margin-top:15px;}

#gas-safe {background-position: right 37% top 0}
.gas-safe h1 { font-size:22px;}

.booking2-btn a { margin: 10px 15px;}

.reviews-left h3 { font-size:22px; line-height:26px;}
.reviews-right p { font-size:17px; line-height:22px;}

.worcester-full h2 { font-size: 22px; line-height: 27px;}

.footer1 h2 { font-size:25px;  line-height:30px;}
.footer1 h3 {font-size:26px;line-height:30px;}


.areas-cover-text li {width:48%;}

.areas-cover-right { height: 330px;}

}

@media only screen and ( max-width:540px) {
.gas-safe p { font-size:15px;}
.gas-safe-text h2 {  font-size:17px; line-height:25px;}
}

@media only screen and ( max-width:520px) {
#header { padding:20px 0 0;}
#content3 { margin: 20px 0;}
.row4 h2 { font-size: 23px;padding: 0;line-height: 28px;}
	
.booking2-btn a { font-size: 18px;}
.booking2-btn a:last-child:hover { background: #f19628 url(../images/call1.png); background-repeat: no-repeat;  background-position: top 9px left 30px; padding: 12px 30px 12px 80px;}
#worcester-full { padding:40px 0;}
.worcester-full p {font-size: 16px; line-height:22px;}
.worcester-services ul {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
.worcester-services li { font-size: 18px;  line-height: 24px;}
.worcester-col-left h2 { font-size: 22px; line-height: 24px;}
.worcester-col-left h3 {  font-size: 18px; line-height: 22px;}
.worcester-col-left { margin-bottom: 20%; padding: 30px 20px;}
#copy-right p { font-size:14px;}
.our-services-include ul {-webkit-column-count: 1; /* Chrome, Safari, Opera */  -moz-column-count: 1; /* Firefox */  column-count: 1; overflow:hidden;}
.our-services-include .btn a { display: inline-block; margin: 0 0 20px 0;}
}

@media only screen and ( max-width:460px) {
.header-phone h3 { font-size: 23px; line-height: 30px;}
.booking p { font-size: 18px; line-height: 24px;}
.contact-add h4 { font-size: 26px; line-height: 36px;}
.worcester-left h2 {
    font-size: 26px;
    line-height: 30px;
}
.services ul {-webkit-column-count: 1; /* Chrome, Safari, Opera */  -moz-column-count: 1; /* Firefox */  column-count: 1; }	
.customer-reviews-left h2 {  font-size: 28px; line-height: 30px;}
.customer-reviews-mid p { font-size: 16px; line-height: 23px}
.customer-reviews-right p { font-size: 16px; line-height: 6px;}
}

@media only screen and ( max-width:420px) {
.logo img { width:90%; margin:0 0 15px;}
#worcester-col { margin: 22% 0 4%;}
.accreditations li img {width:90%;}
.gas-safe-text h2 {  font-size:12px; line-height:22px;}
}

@media only screen and ( max-width:360px) {
.gas-safe-text h2 {  font-size:11px; line-height:20px;}

}

@media only screen and ( max-width:350px) {

}

@media only screen and ( max-width:320px) {

}














