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

.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-home { background-size:auto 100%;}
}


@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%;}	

#our-services-include { padding:40px 0;}
.our-services-include h1 { font-size:28px;}
.our-services-include .btn { margin:40px 0 10px;}
.our-services-include .btn a { font-size:18px;}
.accreditations { padding:0px;}
.accreditations p { padding:10px 0;}

}


@media only screen and ( max-width:1200px) {
.wrapper { width:90%; margin:0 6%;}
.header { text-align:center;}
.header { text-align:left; }
.logo,.header-right { /*float:none;*/ display:inline-block; width: auto; vertical-align:middle;}

#header.header1 .callus-today { right:10%; top:3%;}

#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%;}

#areas-we-cover { padding:50px 0; background-size:auto auto;}
.areas-we-cover-right h2 br { display:none;}
.areas-we-cover-right h2 { font-size:20px;}

#jcp-contact { margin:50px 0;}

.footer-form-left { background-size: auto auto; min-height:auto;}
#worcester-full { background-size:auto 100%;}

#orange-services { background-size: auto  auto;}
.orange-services-left { width:64%;}
.orange-services-left h1 { font-size:30px; line-height:35px;}
.orange-services-right { width:32%;}
.orange-services-right .btn a { font-size:20px;}

.jcp-contact li h3 {font-size: 20px;line-height: 26px;}
.footer-form-left { padding:3% 0 0% 2%;}

.footer-form { float:none; display:inline-block; margin:0 auto; width:90%;}
.footer-form-left { text-align:center;}

.customer-reviews-left { width:68%;}
.customer-reviews-right { width:32%;}

.example-image-link { float: none !important; display: inline-block !important;}

#boiler-finance-row { background-size: auto auto;}
.boiler-finance-left img { width:90%;}
.boiler-finance-right .btn a { font-size:14px;}
.boiler-finance-row-left h1, .boiler-finance-row-right h1 {padding: 10px 20px;font-size: 24px;}
.boiler-finance-row-left li, .boiler-finance-row-right li { line-height:35px; font-size:18px;}

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


.cover-plans1 { float:none; display:inline-block; width:auto; margin:80px 30px 0;}
.cover-plans1 h3 { font-size:40px;}
.cover-plans1 h1 { font-size:30px;}
.benefits p { font-size:17px;}
.cover-plans1 ul { padding:10px 20px;}

.new-boiler h1 b { font-size:22px;}

.new-boiler h1 { text-align:center;}
}


@media only screen and ( max-width:980px) {
.header { padding-bottom:0px;}
.menu  { padding:0px !important;}

.logo,.header-right { width:100%; float:none;}
#header .callus-today { right:10%; top:5%;}

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

@media only screen and ( max-width:767px) {	
p { font-size:16px; line-height:24px;}

h2,.row2-left h1, .row2-right h1,.row-left h1, .row-right h1 { font-size:22px; line-height:28px;}
h3,.row2-left h3, .row2-right h3 { font-size:17px; line-height:22px;}
.callus-today  { position: absolute;}
.header {  padding-bottom:0px;}
.header2 .menu { padding:0px;}
ul.services2 li { font-size:17px;}
h1,.why-choose h1 { font-size:25px; line-height:30px;}

#new-boiler { padding:30px 0;}

.why-choose p { font-size:17px; line-height:24px; padding:10px 0;}
.accreditations p { font-size:16px; line-height:25px;}
.space1 { margin:0px; padding:15px 0;}
.boiler-finance-left h2 {font-size: 16px;line-height: 22px;}
.boiler-finance-right h1 { font-size:20px; line-height:25px;}

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

#areas-we-cover,.customer-reviews { 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;}


#why-choose { padding:50px 0;background-size: auto auto;}
.why-choose .btn { margin:25px 0 0;}
.why-choose .btn a,.why-choose .btn a:hover { font-size:23px;background-position: top 15px left 16px;}

.jcp-contact h1 { padding:0 0 30px;}
.jcp-contact li,.jcp-contact li:first-child,.jcp-contact li:last-child { display: inline-block; width: 100%;margin-bottom: 15px;padding: 0px;border-radius: 5px;}
.jcp-contact li h3 { font-size:20px; line-height:26px;}
.jcp-contact li h3 br { display:none;}

#content,#orange-services,#examples,#boiler-finance,#company-text,.contact-left,.contact-right,#plumbing-bathrooms,#new-boiler { text-align:center;}
#content,#boiler-finance { margin:30px 0;}

.footer-form-left,.footer-form-right,.row-left,.row-right,
.row2-left,.row2-right,.row3-left,.row3-right,.orange-services-left,.orange-services-right,
.service-plans-left,.service-plans-right,.service-plans-box-left,.service-plans-box-right,.customer-reviews-left,.customer-reviews-right,
.boiler-finance-left,.boiler-finance-right,.worcester-left,.worcester-right,.plumbing-bathrooms-left,.plumbing-bathrooms-right,
.contact-left,.contact-right,.contact-address-left,.contact-address-right  {float:none; display:inline-block; width:100%;}

#worcester-home,.worcester,.formrow.pad1 { text-align:center;}
.worcester-left h1,.worcester-right h1 { font-size:24px; line-height:30px;}
.worcester-home-left,.worcester-home-right { float:none; display:inline-block; width:100%;}
.worcester-left h1 br, .worcester-right h1 br { display:none;}

.contact-right { margin:25px 0 0;}

.services li,.service-plans-right li,.service-plans-text2 li,.worcester-services li { text-align:left;}
.worcester-services li { font-size:18px; line-height:26px;}
.service-plans-text2 { min-height:auto;}

.service-plans-box-left { margin-bottom:50px;}
.boiler-finance-right .btn a { font-size:18px;}

.form-text h1 { padding:25px 0 0 !important;}

.boiler-finance-row-left h1, .boiler-finance-row-right h1 {padding: 8px 15px;font-size: 18px;}
.boiler-finance-row-left li, .boiler-finance-row-right li { line-height:30px; font-size:16px;}
.boiler-finance-row-left ul, .boiler-finance-row-right ul { padding:25px 0 30px 40px;}

.worcester-left h1, .worcester-right h1,#worcester-full h1 { font-size:25px; line-height:30px;}
.worcester-left h2, .worcester-right h2 { font-size:16px; line-height:22px;}

.contact-address-right h2 { font-size:28px;}
.contact-address { margin-bottom:0px;}

.gas-safe-text2 { 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;}

#why-choose {
background-position:left 50% bottom 0%; 
background-size:auto 100%;
background-attachment: scroll;}

#areas-we-cover {
background-position:top 0% left 0%; 
background-size:210% auto;
background-attachment:scroll;}


#worcester-full {
background-position:top 0% left 0%;
background-size:auto 100%;
background-attachment:scroll;}

#copy-right p { text-align:center; font-size:13px; line-height:18px;}
#copy-right p span { font-size:18px;}

.cover-plans1 { margin:30px 30px 0;}

.responsive-img { width:60% !important;}
}

@media only screen and ( max-width:640px) {
#header .callus-today { right:10%; top:30%;}
#header .callus-today img { width:70%;}

#header.header1 .callus-today { right:10%; top:5%;}

.areas-we-cover h1, .accreditations h1 { font-size:22px; line-height:30px;}
.our-services-include h1 {font-size:22px; line-height:30px; padding:10px 0;}
.our-services-include li { font-size:19px; text-align: left; line-height:30px;}

.box-pen li#icon1 a h3, .box-pen li#icon2 a h3, .box-pen li#icon3 a h3 { width:50%;}

.areas-we-cover-right h2 { font-size:18px;}
.areas-we-cover-services li { font-size:19px; line-height:26px; padding:0 18px;}

.footer-form { width:90%;}
.footer-form .formrow.pad1 { float: none; width: auto; text-align: center;}


#boiler-finance-row { text-align: center;}
.boiler-finance-row-left,.boiler-finance-row-right { float:none; display:inline-block; width:100%;}
.boiler-finance-row-left ul, .boiler-finance-row-right ul { padding:20px 0;}
.boiler-finance-row-left { margin-bottom:20px;}

.worcester-services ul,.services ul {  -webkit-column-count: 1; /* Chrome, Safari, Opera */  -moz-column-count:1; /* Firefox */  column-count: 1; overflow:hidden;}
.our-services-include ul { -webkit-column-count: 2; /* Chrome, Safari, Opera */  -moz-column-count: 2; /* Firefox */  column-count: 2; overflow:hidden;  }
.worcester-services li { text-align:left; font-size:18px; line-height:25px;}

.jcp-contact li h3 { font-size: 18px;}

.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-position:top 0% right 10%;
background-size:auto 100%;
background-attachment:scroll;}


}

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

.boiler-finance-right .btn a { font-size:13px;}

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

.accreditations li:first-child img { width:80%;}

.our-services-include ul { -webkit-column-count: 1; /* Chrome, Safari, Opera */  -moz-column-count:1; /* Firefox */  column-count: 1; overflow:hidden;  }

}

@media only screen and ( max-width:460px) {
.logo img { width:70%;}
#header .callus-today { right:10%; top:30%;}

}

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

}