@media only screen and ( max-width:1700px) {
.gas-safe {background-position: right 35% bottom 50%, left 90% bottom 0%;}

}

@media only screen and ( max-width:1620px) {
#our-services-include { background-attachment:scroll;}


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

}

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

}
@media only screen and ( max-width:1200px) {
	
.call-us-left { width:68%;}
.call-us-left h1 { font-size:26px; padding:0px;}
.call-us-right { width:32%;}	

.services-left img { width:60%;}
.services-right h1 { font-size: 30px; line-height: 35px;}
}




@media only screen and ( max-width:1170px) {
.wrapper { width:90%; margin:0 5%;}
#header,.header-phone,.header-right { text-align:center;}
.logo,.header-right,.header-mid { float:none; display:inline-block; width:auto; margin:0 2%; padding:0px;}
.header-top { float:left;}
.areas-we-cover-services {margin: 20px 0 0;}
.areas-we-cover-left { width:10%;}
.areas-we-cover-right { width:90%;}

#content { margin:40px 0;}

.call-us-left { width:58%;}
.call-us-right { width:38%;}

.get-touch a,.get-touch a:hover {background-size: 8%;padding: 10px 40px 10px 10px;font-size: 17px;background-position: top 12px right 15px;}

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


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


@media only screen and ( max-width:1100px) {
.booking-left { width:76%;}
.booking-left h1 { font-size:24px;}
.booking-right { width:24%;}
.booking_form { overflow:scroll; display:block;}
  .booking1-right,.booking1-left {  width: 100%;
    text-align: center;}
#footer{ text-align:center;}
.footer1,.footer2,.footer3 {float:none; display:inline-block; width:100%;}

.contact-right h1 a { display:block; padding:0px; font-size:30px; line-height:30px;}
.contact-right h1 br { display:none;}
.contact-right .address .space { margin:0px; padding:0px;}

.accreditations p br { display:none;}
}

@media only screen and ( max-width:980px) {
#our-services-include { padding:30px 0;}
#services { padding:20px 0;}


.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) {
#content,#footer,#accreditations,#why-choose { text-align:center;}
#content { margin:30px 0;}
#why-choose { padding:30px 0;}
#booking { padding:40px 0;}
 
.why-choose-right { margin:10% 0 0; padding:10px 15px;}
.why-choose-right li { text-align:left; line-height:20px; font-size:17px;padding: 12px 50px;background-position: top 10px left 0;}

.worcester-full h1 { font-size:20px; line-height:30px;}

#accreditations { margin:0px;}

.contact-left h3 {font-size: 16px; padding:0 0 15px;}
.contact-left h3 br { display:none;}

.pic-img img { width:auto;}

#booking,#booking1,#contact { text-align:center;}

.booking-left p { font-size:16px;}
.booking { text-align:center;}

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



#call-us { text-align:center;background-size:120% auto; }
.call-us-left h1 { font-size:23px; line-height:26px;}
.call-us-left,.call-us-right {float:none; display:inline-block; width:100%; margin:0px; padding:0px;}
.call-us-right { margin:5% 0 0;}


#our-services-include { background-size:200% auto;}
#our-services-include { padding:25px 0 50px;}

.row-left,.row-right,.booking-left,.booking-right,.worcester-left,.worcester-right,.worcester-col-left,.worcester-col-right,.footer1,.footer2,.footer3,.accreditations-left,.accreditations-right,
.contact-left,.contact-right,.why-choose-left,.why-choose-right {float:none; display:inline-block; width:100%;}

.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;}

.footer1,.footer2 { margin-bottom:15px;}

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

.worcester-col-left { margin-bottom:10%; min-height:auto;}
.booking h1 { font-size:20px; line-height:26px;}

.worcester-left p br, .worcester-right p br { display:none;}
.services-right h1 { font-size:22px;}

.contact1 p span,.contact2 span { float:none; display: inline-block; width:100%; min-height:auto;}
.contact2 { margin:5% 0;}

#gas-safe-section { background-image:none;}
.gas-safe-text { width:100%; padding: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 .address h3 { font-size:20px; line-height:30px;}


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

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

.footer3 li { line-height:35px; font-size:16px;}
#copy-right p { font-size:15px;}
#copy-right p span { font-size:20px;} 


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

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

@media only screen and ( max-width:640px) {
p { font-size:15px; line-height:24px;}
.header-top { text-align:left;}

.gas-safe-text h1 { font-size:14px; }

.our-services-include ul { -webkit-column-count: 2; /* Chrome, Safari, Opera */  -moz-column-count: 2; /* Firefox */  column-count: 2; overflow:hidden;}
.worcester-col-left h3 { font-size:18px; line-height:25px;}
.worcester-col-left h1 { padding:0px;font-size:22px; line-height:25px;}

#call-us { background-size: 200% auto;}
.call-us a,.call-us a:hover { font-size:17px; background-position:top 10px right 20px; background-size:12%;}

.why-choose-left h1 {font-size: 20px;line-height: 26px;}
.why-choose-left h3 { font-size:16px; line-height:22px;}
.accreditations h1 { font-size:22px;}
#our-services-include h1 { font-size:20px;}
#our-services-include p { font-size: 17px; line-height: 22px;}

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

@media only screen and ( max-width:540px) {
.header-top li span { display:none;}
.header-top li { background-size:7%;}


.header-phone { text-align:center;}
.header-phone p a { display:inline-block;}

.pic-img img { width:100%;}

.our-services-btn { margin:10% 0 0;}

.worcester-col-left h1 { font-size:18px; line-height:25px;}
.worcester-left h1,.worcester-right h1 { font-size:20px; line-height:25px;}
.worcester-left h3, .worcester-right h3 { font-size:17px; line-height:25px;}
.worcester-full p { font-size:15px; line-height:24px;}

#call-us {  background-size: 250% auto;}
.call-us-left p { margin:2% 0;}

.gas-safe-text h1 { font-size:12px; }

.booking a { font-size:19px;}


#our-services-include,#areas-we-cover {    background-size: 400% auto;}
#our-services-include h1, .areas-we-cover-right h1 { font-size:22px;}

.worcester-col-left { margin-bottom:20%;padding: 30px 20px;}
.worcester-col-left h3,.worcester-col-left p { font-size: 16px; line-height: 23px;}

.footer1 h2 { font-size:20px; padding:0 0 5px;}
.footer1 h3 a { font-size:23px; line-height:30px;}


.worcester-services ul,.services ul{ -webkit-column-count: 1; /* Chrome, Safari, Opera */  -moz-column-count: 1; /* Firefox */  column-count: 1; overflow:hidden;}
.worcester-services li { font-size:17px; line-height:25px;} 


.gas-safe h1 { font-size:22px;}
.gas-safe h3 { font-size:16px; line-height:24px;}
.gas-safe { padding-bottom:150px;
background-position: left 10% bottom 5%, right 10% bottom 5%;
background-size: 30% auto, 30% auto;
background-color:#989ea0;}
}

@media only screen and ( max-width:460px) {
.header-top li { font-size:13px;}
.header-right p a { font-size:22px;}

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

.why-choose-right li { line-height: 19px; font-size: 15px; padding: 7px 29px;  background-position: top 8px left 0; background-size: 8%;}

.call-us a, .call-us a:hover { background-size:10%;}
.accreditations-right li:first-child img { width:100%;}

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

.booking a { font-size:17px;}
}

@media only screen and ( max-width:420px) {
.services ul{-webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; padding:0 0 0 10px;}
.services-right h1 {     font-size: 20px;  line-height: 25px; text-align:center;  padding: 20px 0 0 0;}
.services-right p { font-size: 14px;}
}

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

}