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

#worcester-home { background-size: auto 100%; background-position:left 50% top 0;}

#box-pen { background-size: 2500% auto;}
#worcester-full {background-size: auto auto;}
}


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


@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 li { float:none; display: inline-block; width:44%; vertical-align:top;}
.box-pen li h1 { font-size:28px; line-height:32px;}
#box-pen {padding: 100px 0 70px;}

.box-pen li {margin-bottom:80px;}
}



@media only screen and ( max-width:1200px) {
.wrapper { width:90%; margin:0 6%;}
.menu { width:100% !important; padding:0px !important;}
#header,#header-top { text-align:center;}
.logo,.header-mid,.header-right,.header-top-left,.header-top-right { float:none; display:inline-block; width:auto;}
.header-top-right li:last-child { float:none;}

#why-choose { margin:0px; 
text-align:center;
background:
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/why-choose-background.png'); 
background-repeat:no-repeat,no-repeat; 
background-position:left 0% bottom 0,left 50% bottom 0;
background-size:100% 100%, auto auto;}

.why-choose { width:100%;}
.why-choose h1 {color:#fff;}
.why-choose h2 {color:#fff;}
.why-choose p { color:#fff;}

#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;}
.gas-safe-text { padding-left:4%;}

.areas-we-cover-services {margin: 20px 0 0;}
.areas-we-cover-left { width:10%;}
.areas-we-cover-right { width:90%;}


.service-plans { text-align:center;}
.service-plans1:first-child,.service-plans1,.service-plans2,.service-plans3 { float:none; display:inline-block; width:40%;}
.service-plans2 { margin:30px 0;}
.service-plans-ser { min-height:auto;}

#bathrooms-box { background-size:150% auto;}

.row-left .btn a,.row-right .btn a { font-size:16px; padding:10px 10px;}
} 


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

.bathrooms-box-left img { width:80%; margin-bottom:15px;}

.row-left .btn a,.row-right .btn a { font-size:14px; padding:10px 10px;}
}

@media only screen and ( max-width:767px) {
.logo,.header-mid { margin:10px 0;}
p,.worcester-home-right p,#worcester-full p,.accreditations p { font-size:16px; line-height:22px;}
h1,.worcester-home-right h1,#worcester-full h1 { font-size:25px; line-height:30px;}
h2,.why-choose h2,.areas-we-cover-right h2 { font-size:17px; line-height:23px;}
.worcester-home-right  { margin-top:20px;}
.worcester-home-right p { margin:0px;}
.accreditations p br { display:none;}
.areas-we-cover-services li { font-size:18px; line-height:26px; background-position:top 9px left 0;}

#gas-safe-section { background-image:none;}
.gas-safe-text { width:100%; padding:0px;}

.box-pen li { width:100%; }
.box-pen li h1 { font-size:22px;}
.box-pen li p { font-size:15px;}
.box-pen li p br { display:none;}
.box-pen li#icon1 a h3, .box-pen li#icon2 a h3, .box-pen li#icon3 a h3 { width: auto; font-size:17px; width:40%;}

.contact-left { margin-bottom:20px;}
.contact-address-right h3 { font-size:25px; line-height:35px;}

.row-left { margin-bottom:30px;}

#content,#worcester-home,#footer,#bathrooms-box,.video-left,.video-right,.pad1,#benefits,#central-heating { text-align:center;}
.worcester-left h1,.worcester-right h1 { font-size:24px; line-height:30px;}
.worcester-home-left,.worcester-home-right,.row-left,.row-right,.bathrooms-box-left,.bathrooms-box-right,
.central-heating-left,.central-heating-right,
.contact-left,.contact-right,.contact-address-left,.contact-address-right,.worcester-left,.worcester-right,.video-left,.video-right,
.benefits-left,.benefits-right,
.footer1,.footer2,.footer3,.footer4 { float:none; display:inline-block; width:100%;}

.footer1,.footer2,.footer3,.footer4 { margin:0px; padding:0 0 20px;}
.footer3 li { display:inline-block; padding:0 10px;}

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

#areas-we-cover { text-align:center;}
.areas-we-cover-left,.areas-we-cover-right {float:none; display:inline-block; width:100%; margin:0px; padding:0px;}
.areas-we-cover h1,.accreditations h1 {font-size:28px; margin:15px 0 0;}

.service-plans1:first-child,.service-plans1,.service-plans2,.service-plans3 { width:100%;}
.debit h1 { font-size:50px; line-height:50px;}
.aubrey-services li { text-align:left; font-size:17px;}
.included { font-size:22px;}
.debit h3 { font-size:19px;}

.aubrey-services { margin:15px 0 0;}
.aubrey-services ul,.worcester-services ul { -webkit-column-count: 1; /* Chrome, Safari, Opera */  -moz-column-count: 1; /* Firefox */  column-count: 1; overflow:hidden;}
.worcester-services li { text-align:left;}

.row-left .btn a,.call-us .btn a,.central-heating-right .btn a,.row-right .btn a { font-size:17px; padding:8px 15px;}

#bathrooms-box { background-size:200% auto;}
.bathrooms-box-left img { width:70%; }
.bathrooms-box-right h1 br { display:none;}

.benefits-right li { text-align:left;}
.benefits-left h1 br { display:none;}

.areas-services li { text-align:left; font-size:17px; line-height:25px;background-position: top 9px left 0;}

}


@media only screen and ( max-width:640px) {
.box-pen li#icon1 a h3, .box-pen li#icon2 a h3, .box-pen li#icon3 a h3 { width:50%;}
.our-services-include ul { -webkit-column-count: 2; /* Chrome, Safari, Opera */  -moz-column-count: 2; /* Firefox */  column-count: 2; overflow:hidden;}

.bathrooms-box-right h1 { font-size:22px; margin:15px 0 0;} 

.benefits-right 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) {
#header-top { text-align:left;}
.header-top-left li, .header-top-right li { font-size:14px;}
.header-right h2 { font-size:18px;}
.accreditations li:first-child img { width:100%;}
.bronze-more a,.silver-more a,.gold-more a { font-size:17px;}

.row-left .btn a,.call-us .btn a,.central-heating-right .btn a,.row-right .btn a { font-size:15px; padding:8px 12px;}

#bathrooms-box { background-size:250% auto;}

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



@media only screen and ( max-width:460px) {
.logo img { width:100%;}
.header-right h2 { font-size:17px;}
.box-pen li#icon1 a h3, .box-pen li#icon2 a h3, .box-pen li#icon3 a h3 { width:70%;}
.our-services-include ul{ -webkit-column-count: 1; /* Chrome, Safari, Opera */  -moz-column-count: 1; /* Firefox */  column-count: 1; overflow:hidden;}

.row-left .btn a { font-size:10px; padding:8px 8px;}
}


@media only screen and ( max-width:340px) {
.header-right h2 { font-size:16px;}
.box-pen li#icon1 a h3, .box-pen li#icon2 a h3, .box-pen li#icon3 a h3 { width:90%;}

}