@media only screen and ( max-width:1680px) {
.gas-safe { padding-bottom:0px;
background-position: right 35% bottom 10%, right 5% bottom 10%;
background-size: 15% auto, 25% auto;
background-color:#989ea0;}

#worcester-full  { background-size:250% auto;}
}


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


.areas-we-cover-services { margin:20px 0 0px;}

}


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

#header { text-align:center;}
.logo,.header-right { float:none; display:inline-block; width:100%; margin:0px; padding:0px 15px; vertical-align:middle;}
.header-right { text-align:center;}


.box-pen { text-align:center;}
.box-pen li { float:none !important; display: inline-block; width:auto !important; padding-bottom:15px;}

.gas-safe { padding-bottom:0px;
background-position: right 35% bottom 10%, right 5% bottom 10%;
background-size: 15% auto, 25% auto;
background-color:#989ea0;}

.booking-left { width:68%;}
.booking-right { width:28%;}
.header-top-right { float:none; display: inline-block; width:100%;}
.header-top-right { text-align: left;}

.booking h1,.gas-safe h1 { font-size:28px;}

.footer2 { width:43%; margin:0 5%;}
.footer3 { width:15%;}
}


@media only screen and ( max-width:980px) {
.accreditations p { margin:10px 0; font-size:16px;}
.areas-we-cover-left { width:10%;}
.areas-we-cover-right { width:90%;}

.gas-safe { padding-bottom:0px;
background-position: right 35% bottom 5%, right 5% bottom 5%;
background-size: 15% auto, 25% auto;
background-color:#989ea0;}

#worcester-full  { background-size:700% auto;}
}

@media only screen and ( max-width:767px) {
p { font-size:15px; line-height:22px;}
h3 { font-size:17px; line-height:22px;}
.home-box-left h1 { font-size:26px; line-height:30px;}
#header { padding-bottom:0px;}

.worcester-home-right h1 br { display:none;}
.worcester-home-right h1,.why-choose h1 { font-size:27px; line-height:32px;}
.worcester-home-right p { font-size:17px; line-height:22px; margin:10px 0;}

#content { padding:25px 0;}
#contact { margin:25px 0;}
#why-choose { padding:30px 0;}
.why-choose h2 { font-size:17px; line-height:22px;}
.row2-right { padding-top:15px;}
.row-left { padding-bottom:10px;}
.row2-right h3,.row-left h3 { font-size:16px; line-height:22px;}

#worcester-full h1 { font-size:18px; line-height:22px;}
.areas-we-cover-right h2 { font-size:17px; line-height:22px;}

.worcester-home-right h1 br { display: none;}

.accreditations h1,.worcester-right h1,.worcester2-left h1, .worcester2-right h1 { font-size:25px; line-height:30px;}
.worcester-right h1 br { display:none;}
.accreditations p { margin:0px; font-size:16px; line-height:22px;}
.accreditations p br { display:none;}

#worcester-full { padding:30px 0;}

#content,#booking,#worcester-home,.footer1,#areas-we-cover,.contact-right,#row2,.pad1,#accreditations,#home-box { text-align:center;}

.contact-left,.contact-right,.booking-left,.booking-right,.row-left,.row-right,.row2-left,.row2-right,.row3-left,.row3-right,.accreditations-left,.accreditations-right,
.areas-we-cover-left,.areas-we-cover-right,.worcester2-left,.worcester2-right,.testimonials-left,.testimonials-right,.home-box-left,.home-box-right, 
.worcester-left,.worcester-right { float:none; display:inline-block; width:100%;}

#booking {padding: 30px 0 40px;}
.booking h1, .gas-safe h1 { font-size:22px; line-height:26px;}
.booking .btn { margin-top:30px;}
.booking .btn a {font-size: 17px;padding: 6px 22px;}

.contact-left { margin-bottom:20px;}
.contact-right p br { display:none;}

.booking-right { margin-top:8%;}

.contact-right .address h3 { font-size:24px; line-height:35px;}

#footer { text-align:center; padding:25px 0 0;} 	 
.footer1,.footer2,.footer3,.footer4 { float:none; display:inline-block; width:100%; padding-bottom:20px; margin:0px;}


#copy-right p { font-size:13px;}
#copy-right p span { font-size:18px;}


#worcester-home {background-size: 100% 100%;}

#our-services-include p { font-size:20px;}
#our-services-include h1,.areas-we-cover-right h1 { font-size:24px; padding:0 0 10px;}

.worcester-services li { font-size:16px; text-align:left; line-height:22px;} 
#worcester-full p { font-size:16px; line-height:22px;}


.contact-address-left,.contact-address-right { float:none; display:inline-block; width:100%;}
.contact-address-right h2  { font-size:25px; line-height:30px;}

.contact-address-right h3 { font-size:22px; line-height:28px;}

.gas-safe-text { width:100%;}
.gas-safe { padding-bottom:150px;
background-position: left 10% bottom 5%, right 10% bottom 5%;
background-size: 15% auto, 25% auto;
background-color:#989ea0;}

#our-services-include .btn a {font-size: 20px;line-height: 25px;padding: 6px 20px;}

#areas-we-cover { background-size:200% auto;}

#home-box { margin:30px 0;}


}

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

.header-right { padding-top:18px;}

.footer1 h2 span { float:none;}

#gas-safe {background-position: right 37% top 0}
.gas-safe h1 { font-size:22px;}
.gas-safe-text h1 br {  display:none;}



.our-services-include ul,.general-plumbing-services ul  { -webkit-column-count: 2; /* Chrome, Safari, Opera */  -moz-column-count: 2; /* Firefox */  column-count: 2; overflow:hidden;}
.worcester-services ul {-webkit-column-count: 1; /* Chrome, Safari, Opera */  -moz-column-count: 1; /* Firefox */  column-count: 1; overflow:hidden;}
.header-top-right li { font-size:12px;}
#worcester-full h1 { font-size:17px;}

.gas-safe { padding-bottom:150px;
background-position: left 10% bottom 5%, right 10% bottom 5%;
background-size: 20% auto, 30% auto;
background-color:#989ea0;}

#worcester-full  { background-size:800% auto;}
.accreditations li .logo1 img { width: 100%;}
.header-top-right { text-align:left;}
}

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

.header-right h1 { font-size:20px; padding:5px 0 10px;}

.gas-safe p { font-size:15px;}
.gas-safe-text h1 { font-size:13px; line-height:20px;}
.gas-safe { padding-bottom:150px;
background-position: left 10% bottom 5%, right 10% bottom 5%;
background-size: 30% auto, 30% auto;
background-color:#989ea0;}

.contact-address-right h2  { font-size:22px; padding-top:10px; line-height:25px;}

}

@media only screen and ( max-width:420px) {
.logo img { width:100%;}
.header-right h1 { font-size:18px;}
.booking .btn a { font-size:15px;}

.our-services-include ul,.general-plumbing-services ul {-webkit-column-count: 1; /* Chrome, Safari, Opera */  -moz-column-count: 1; /* Firefox */  column-count: 1; overflow:hidden;}
.accreditations li .logo2 img { width:80%; margin:0px; padding:0px;}

#worcester-full  { background-size:1000% auto;}
.box-pen ul li h1 { font-size:24px;}
}

@media only screen and ( max-width:320px) {
#worcester-full  { background-size:1200% auto;}
}