@media only screen and ( max-width:1680px) {
#worcester-home { background-size: 200% 120%;}
}

@media only screen and ( max-width:1620px) {
#header{text-align:center;}
.header-left, .header-mid, .contact-no, .header-right{ float:none; width:auto; display:inline-block; margin:0 10px; padding:0; vertical-align:middle;}
.boiler-quote-left, .boiler-quote-right {width:100%; float:none; text-align:center; padding:10px;}

#why-choose {background-size: 40% 100%,130% auto;}
}

@media only screen and ( max-width:1360px) {
.feedback li {padding:0;}
.feedback li img {width:100%;}

.why-choose { width:100%; text-align:center; }
.accreditations h1, .complaints h1 { padding:20px 0 0 0;}
.accreditations p, .complaints p { font-size:17px;}
.accreditations p br, .complaints p br { display:none;}



#why-choose { float: left; width: 100%; padding:60px 0 80px; margin:0; text-align: left;
background:
linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),
url('../images/why-choose-us-image.png'),
url('../images/home-about-us-background.png');
background-repeat:no-repeat,no-repeat,no-repeat;
background-position: top 0 left 0, top 0 right 10%, top 0% left 0%;
background-size:100% 100%,40% 100%,120% auto; }
.why-choose h1 { color:#fff;}
.why-choose p {color:#fff;}
}

@media only screen and ( max-width:1200px) {
.wrapper { width:90%; margin:0 5%;}
#box-pen { text-align:center;}
.box-pen {padding:0;}
.box-1 {float: none;  width: auto;  margin: 0 0 10px 0;  display: inline-block;}

.contact-right h1 a { font-size:35px;}
.contact-right .address h3 { font-size:22px; line-height:30px;}

.worcester-home-right h1{ font-size: 32px; line-height: 40px; }
.worcester-home-right p{ font-size: 18px; line-height: 26px; }
.services-left img { width:60%;}
.atag-services-right img {width:100%;}
.services-right, .atag-services-left h1 { font-size: 30px; line-height: 35px;}
.contact-right h2, .contact-right h2 a {padding:0; margin:0; font-size: 30px; font-weight: bold; line-height: 10px;}
.contact-right h2 {line-height:30px;}
#footer{    padding: 50px 0 30px 0;}
.copyright-left, .copyright-right {float:none; width:100%; text-align:center;}

#why-choose { background-size:100% 100%,auto auto,180% auto; background-position: top 0 left 0, top 0 right 0%, top 0% left 0%; }

.worcester-left h1, .worcester-right h1 {font-size: 20px; line-height: 24px;}
}


@media only screen and ( max-width:980px) {
.worcester-home-right h1{ font-size: 26px; line-height: 35px; }
#worcester-full { background-size: 800% auto;}
.worcester-left .pic-img, .worcester-right .pic-img { padding: 0;}
.worcester-left h3, .worcester-right h3 { padding: 0; text-align: center; font-size: 19px;}
.worcester p {text-align: center; font-size: 17px; line-height:20px;padding-bottom:20px;}
#services { padding:0;}
#atag-services {padding:20px 0;}
#offers .btn a { font-size: 16px;}
.contact-right .address {padding:0 0 10px 0;}

#why-choose { background-size:100% 100%,auto auto,280% auto; background-position: top 0 left 0, top 0 right 0%, top 0% left 0%; }

}

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

.header-top { text-align: left; float: none;}
.header-top li a {
    color: #fff;
}
	
.boiler-quote-left, .boiler-quote-right {width:100%; float:none; text-align:center; padding:10px; }
.accreditations li { padding:10px 0;}
.worcester { padding: 20px 0 0 0; }
.worcester-home-right h1 { padding:0px;}
#worcester-home,#footer,.footer4 li { text-align:center;}
.worcester-home-left h1,.worcester-home-right h1 { font-size:24px; line-height:30px;}

#content { text-align: center;  margin: 30px 0;}

.worcester-home-left,.worcester-home-right,.footer1,.footer2,.footer4, .contact-left,.contact-right,.worcester-left, .worcester-right { float:none; display:inline-block; width:100%;}
.worcester-left h1, .worcester-right h1 {    font-size: 26px; line-height: 28px; text-align:center;}
.worcester-right h2 { font-size: 20px; line-height: 24px;}

.services-left { width:100%; float:none;  vertical-align:middle; padding:0; margin: 25px 0 0 0;}
.services-left img { width:25%; text-align:center;}
.services-right { width:100%;}
.services-right h1 {     font-size: 25px;  line-height: 30px; text-align:center;  padding: 20px 0 0 0;}
.services-right p { font-size: 16px; text-align:center;  padding: 10px 0 15px;  line-height: 20px;}

.services li {font-size: 16px;}

.atag-services-right { width:100%; float:none;  vertical-align:middle; padding:0; margin: 25px 0 0 0;}
.atag-services-right img { width:25%; text-align:center;}
.atag-services-left, .atag-services-right { width:100%;}
.atag-services-left h1 {     font-size: 25px;  line-height: 30px; text-align:center;  padding: 20px 0 0 0;}
.atag-services-left h2 {     font-size: 20px;  line-height: 25px; text-align:center;  padding: 20px 0 0 0;}
.atag-services-left p { font-size: 16px; text-align:center;  padding: 10px 0 15px;  line-height: 20px;}


.why-choose-left p {font-size: 18px;  line-height: 21px;}
.why-choose-left h1 {  font-size: 30px;}
   

#footer { padding:30px 0;}
.footer1 a { font-size: 30px;}
.footer2 { margin:0px;}
.contact-right { margin:0px; padding:0px; text-align:center;}
.contact-right .address h1,.contact-right .address h3,.contact-right .address p { background-position: top 0 center; padding:50px 0 20px; margin:0px;}
.contact-right h1{ padding: 30px 0 10px 0;}
.contact-right h1 a { font-size:30px;}
.copyright-left p , .copyright-right p  {font-size:14px; line-height:18px;}


#why-choose { background-size:100% 100%,100% auto,360% auto; background-position: top 0 left 0, left 0 bottom 0, top 0% left 0%; }
.why-choose ph1 { font-size:25px; line-height:30px;}
.why-choose p { font-size:17px; line-height:22px; font-weight:normal;font-family:'Montserrat Regular';}
}


@media only screen and ( max-width:640px) {
.boiler-quote-left, .boiler-quote-right {width:100%; float:none; text-align:center; padding:10px; }
.boiler-quote-left a,.boiler-quote-right a {  font-size: 16px; padding:8px 30px;  }
.offers ul, .services ul {-webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; }
.accreditations h1, .complaints h1 { font-size:25px;}
.contact-right h2, .contact-right h2 a { padding:0; margin:0; font-size: 20px;font-weight: bold;line-height:20px;}
.contact-right h2 {line-height:20px;}
.contact-right .address {padding:20px 0;}
.phone{ padding:0 0 10px 0;}
.feedback li {width: 100%;}
}

@media only screen and ( max-width:540px) {
#why-choose { padding:30px 0; background-size:100% 100%,100% auto,390% auto; background-position: top 0 left 0, left 0 bottom 0, top 0% left 0%; }
.why-choose h1 { font-size:22px; line-height:25px; margin:0px; padding:0px;}
.why-choose p { font-size:15px; line-height:20px;}

#header-top li { font-size:13px;}
.header-top li a { font-size: 14px;}
.header-top li span { font-size:15px;}

#boiler-quote { padding:20px 0 ;}
.boiler-quote-left a,.boiler-quote-right a {  font-size: 14px; padding:8px 20px;  }
.accreditations li:first-child img { width:80%;}
.worcester-home-left h1,.worcester-home-right h1 { font-size:20px; line-height:24px;}
.contact-no a { font-size: 24px; display:block;}
.contact-no p br { display:none;}
.worcester-left h1, .worcester-right h1 { font-size: 25px;  line-height: 28px;}
.worcester-right h2 {    font-size: 18px; line-height:22px;}
.complaints p a { font-size:18px;}
.contact-no p { font-size: 20px;}
.contact-right .address h1,.contact-right .address h3,.contact-right .address p {padding:0;}
}


@media only screen and ( max-width:420px) {
.header-top li a { font-size:11px;}
.header-top li span { font-size:11px;}

.header-right img {width:90%;}

.boiler-quote-left a,.boiler-quote-right a {  font-size: 11px; padding:8px 12px;  }
.offers ul, .services ul{-webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; padding:0 0 0 10px;}
.services-right, .atag-services-left h1 {     font-size: 20px;  line-height: 25px; text-align:center;  padding: 20px 0 0 0;}
.services-right, .atag-services-left p { font-size: 14px;}
.atag-services-left a {font-size: 11px;}
.contact-no a { font-size: 20px;}
.complaints p a {  font-size: 14px;}

#why-choose { padding:30px 0; background-size:100% 100%,100% auto,650% auto; background-position: top 0 left 0, left 0 bottom 0, top 0% left 0%; }



	
}

@media only screen and ( max-width:340px) {
.header-top li a { font-size:10px;}
.header-top li span { font-size:11px;}

.complaints p a { font-size: 12px;}
}