@media only screen and ( max-width:1680px) {
#gas-safe-section {background-position: left 10% bottom 0%,right 10% bottom 50%;}
#worcester-home { background-size:200% 120%;}
}

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

@media only screen and ( max-width:1360px) {
#gas-safe-section {background-position:left 6% bottom 0%,right 5% bottom 60%; background-size:15% 95%,6% 60%;}	

#box-pen {padding: 100px 0 70px;}
.box-pen li h1 { padding: 40px 0 20px; font-size: 22px;}
.box-pen li#icon1 a h3, .box-pen li#icon2 a h3, .box-pen li#icon3 a h3 {font-size: 19px; padding:8px 15px;}
.box-pen li p {font-size: 15px;min-height: 125px;}

#content1 { 
background: 
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/home-servicing&repairs-banner.png'); 
background-repeat: no-repeat,no-repeat;
background-position:top 0 right 0,left 50% bottom 0%; 
background-size:100% 100%,auto auto; }

.row1 h1,.row1 h2,.row1 p {color:#fff;}

#why-choose { 
background: url('../images/why-choose-us-background.png');
background-size:100% auto; 
background-repeat: repeat; 
background-position: top 0 left 0;
background-attachment:fixed; }
.why-choose { width:100%; text-align:center;}
.accreditations h1 { padding:0px;}
.accreditations p { font-size:17px;}
.accreditations p br { display:none;}

}

@media only screen and ( max-width:1200px) {
.wrapper { width:90%; margin:0 5%;}

#header { text-align:center;}
.header-left,.header-mid, .contact-no { float:none; display:inline-block; width:auto; margin:0px; padding:0px; vertical-align:middle;}
.header-top { float: none;}
.header-right .contact-no,.wsmenu-list { text-align:center;}
.contact-no {display:none;}

#gas-safe-section { background-size:14% 90%,80px 80px; padding:15px 0;}
.gas-safe-text h1 { text-align:center; font-size:16px; line-height:25px; padding:0px;}
.gas-safe-text { padding-left:4%;}
.gas-safe-text h1 span a { font-size:inherit;}


.accreditations {text-align:center;}
.accreditations p {    padding-top: 10px;}
.accreditations-left { float:left; width:100%;}
.accreditations-right { float:right; width:100%;}

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

#content .row-right li {line-height:24px; padding:7px 0px 7px 50px; font-size:19px; background-position:top 10px left 0;}
}


@media only screen and ( max-width:980px) {
#content {margin: 20px 0; }
#content .row {margin: 20px 0;}
	
.header-right .contact-no,.menu { width:100%;}
.box-pen li { float:none; display:inline-block; width:auto; margin-bottom:150px;}
.box-pen li p { min-height:auto;}

#content1 { background-position: top 0 right 0,left 90% bottom 0%;}

.areas-we-cover-left { width:10%;}
.areas-we-cover-right { width:88%;}

#worcester-content .row-left { float: left; width: 50%; }
#worcester-content .row-left img:last-child { padding-bottom: 20px; float:right;  }
#worcester-content .row-right {     float: right; width: 50%; }
#worcester-content .row-left img { width: 50%; padding-right:20px;}
#booking,.booking { text-align: center; width:100%; background-size: auto auto;}
.booking-left, .booking-right {width:100%; display:inline-block;}
.booking-left h1{padding: 0 0 10px 0;}
.booking-left p { font-size:17px; line-height:22px;}
.booking-right {padding:0; margin-bottom:20px;}

#offers {padding: 20px 0 40px 0; 
    background-position: bottom 50% left 50%;
    background-size: auto 100%; }
.offers ul {padding: 0;}
}

@media only screen and ( max-width:767px) {
h1 { font-size: 25px; padding: 0; line-height: 30px;}

.header-top li a { font-size:16px;}

p,#worcester-content .row p,#worcester-full p { font-size:16px;}
.worcester-home-right p { font-size:16px; line-height:24px;}
#worcester-full h1 { font-size:22px; line-height:28px;}
#worcester-content .row h2 { font-size:20px;}
#gas-safe-section { background-image:none;}
.gas-safe-text { width:100%; padding:0px;}
.worcester-home-right h1 { padding:0px;}

#areas-we-cover {padding: 20px 0;}
.areas-we-cover-right h1 { font-size: 25px;}
.areas-we-cover-right h3 {font-size: 18px;}

#header { margin-bottom:0px;}

#worcester-home,#footer,#content2 { text-align:center;}
.worcester-left h1,.worcester-right h1 { font-size:24px; line-height:30px;}
.worcester-content { text-align: center;}
.worcester-home-left,.worcester-home-right,.footer1,.footer2,.footer4,.row-left,.row-right,#content2 .row-left,#content2 .row-right,.booking-left,.booking-right,.contact-left,.contact-right { float:none; display:inline-block; width:100%;}



#content{margin:0;}

#content .row-left,#content .row-right { float:none; display:inline-block; width:100%;}
#content .row-right h1 { line-height:normal;}


#content .row-right span,#content .row-right h1 { float:none; display: inline-block; padding:0px;}



.row1 h1 br,.row1 h2 br,.row1 p br,#content .row-right h1 br,#content2 .row-left h1 { display:none;}

.row1 { padding:25px 0;}
.row1 h1 { font-size:25px; line-height:30px; padding:15px 0;}

.row1 h2 { font-size:22px; line-height:28px;}
.row1 p { font-size:17px; line-height:22px; padding:12px 0;}
#content1 { background-position: top 0 right 0,left 90% bottom 0%;text-align:center;}


#footer { padding:30px 0;}
.footer1 a { font-size: 30px;}

.box-pen2 li { float:none; display:inline-block; width:auto; min-height:auto; margin-bottom:100px;}
.box-pen2 li p { min-height:auto; margin:0px;}
.footer2 { margin:0px;}
.accreditations li { padding:10px 0;}

.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 a { font-size:30px;}

.gas-safe-text h1 {font-size: 20px;line-height: 27px;}
.contact-right h1{ padding: 30px 0 10px 0;}

#worcester-home {padding: 60px 0; 
background-position: left 50% top 0%;
background-size: auto 100%;
background-attachment:scroll; }


#worcester-content .row-left { float: left; width: 100%; }
#worcester-content .row-left img:last-child { padding-bottom: 20px; float:right;  }
#worcester-content .row-right {     float: right; width: 100%; }

.contact-form h1{ font-size: 22px;  padding: 0 0 10px 0;}

#copy-right p, #copy-right p a{font-size:14px; line-height:18px;}
}

@media only screen and ( max-width:640px) {
.header-left img {width:80%;}
.areas-we-cover { text-align:center;}
.areas-we-cover-left,.areas-we-cover-right { float:none; display:inline-block; width:100%;}
.our-services ul {  -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; overflow: hidden; }

}

@media only screen and ( max-width:540px) {
.contact-no a { font-size: 24px;}

.worcester-home-right h1 { font-size:20px; line-height:26px;}

.row-left img { width:80%;}
.our-services {margin:0;}
.our-services li {font-size:17px;}
.offers ul {-webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1;}

#box-pen2 { padding: 80px 0 60px; }
.accreditations li:first-child img { width:80%;}
.box-pen2 li h1 {   font-size: 22px;  line-height: 28px;}
.box-pen2 li p { font-size: 16px;}
.box-pen2 li h2 { font-size: 18px; line-height: 22px; }
.booking-left {    margin: 0 0 20px 0;}
.booking-left h1 { padding: 0 0 0 0;  font-size: 24px; }
.areas-we-cover-left img {
    width: 10%;
}
.gas-safe-text h1 {font-size: 13px;line-height: 17px;}
}

@media only screen and ( max-width:420px) {
.contact-no a { font-size: 20px;}
.accreditations h1 { font-size:25px;}
}

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

}