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

@media only screen and ( max-width:1360px) {
#header{ text-align:center;}
#menu { width: 50%;}
.logo, .header-mid, .header-right{float:none; display:inline-block; vertical-align:middle; width:auto;}
}

@media only screen and ( max-width:1200px) {
#header-top { text-align:center;}
#header-top .header-left, #header-top .header-right{width:auto; display:inline-block; float:none; vertical-align:middle;margin:0 10px;}
#menu { width: 60%;}
#boiler-booking{padding:20px 0}
.boiler-booking-left, .boiler-booking-right{width:100%; text-align:center; margin:0;} 
.boiler-booking .btn {margin:0;}
.boiler-booking h2 {padding:0 0 20px 0;}
	
#booking { padding: 11px 0; background-size: 180% auto;}
#worcester-full { background-size: auto auto;}
#booking .btn a {font-size: 18px; padding: 12px 25px;  }


.wrapper { width:90%; margin:0 5%;}
.why_choose { padding: 50px 0;}
.content .row-left img, .content .row-right img { width: 90%;}
.content .row-right img {margin: 0;}
.booking-left h2 { font-size: 22px;}
.booking { padding: 25px 0;}

.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:50%;}
.booking-right { width:50%;}

#accreditations, #awards {width:100%; text-align:center; float:left; padding:20px 0;}
#awards {border-radius:0; padding: 20px; }
.awards h3{ color: #0c569c; font-size:22px; padding:32px 0 0 0;}
.awards h1{color:#0c569c;     padding: 20px 0 0 0; line-height:0;}
.awards li {color:#fff; font-size:18px; background: url('../images/star.png'); background-repeat: no-repeat; background-position: top 0% left 0%; list-style: none;}

.fb-block-right h1 {  line-height:35px;   font-size: 30px;}
.fb-block-left .pic-img img {
    width: 80%;
}

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


#true-quote img {
    width: 100%;
    float: none;
    padding: 0;
    margin: 0;
}
.footer1 { width:40%;}
.footer2 {width: 26%;}
.footer3 {width: 10%;}
.footer4 {width: 17%;}

}


@media only screen and ( max-width:980px) {
.header-mid-text{position:absolute; bottom:20%;}
#worcester-full h1 { font-size:18px; line-height:25px; padding:0 0 10px;}
#content .row-left h1{ font-size:28px; line-height:30px;}
.contact-right h1 a {font-size: 38px;}

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

.booking-right span img { vertical-align: middle;}
.boiler-booking-left br{display:block;}

.gas-safe { padding-bottom:0px;
background-position: right 35% bottom 5%, right 5% bottom 5%;
background-size: 15% auto, 25% auto;
background-color:#989ea0;}
.fb-block-left .pic-img img {
    width: 50%;
}
.fb-block-left, .fb-block-right{width:100%; float:none; display:inline-block; vertical-align:middle; text-align:center;}
#services { padding:20px 0;}
#offers {padding: 30px 0 30px 0;}

#img-block{padding:10px 0;}

.oftec-reg-left h1 { font-size: 24px; padding: 10px 0;
}
}

@media only screen and ( max-width:767px) {
#content2 .row-right h1 { font-size:30px; line-height:35px;}
.header-mid-text{position:inherit;}
#header-top { display:none;}
#header { padding:0; margin-top:10px;}

#offers p,.areas-we-cover-right h2 { font-size:20px; line-height:25px;}
#content,#content2,#worcester,#footer,.row,#areas-we-cover,#booking,#worcester,#content2 .row-left,.booking,#areas-we-cover   { text-align:center;}

#content2 .row-right h3 { font-size:17px; line-height:22px;}
.content2 .our-services li { font-size:18px; line-height:22px;}

#content{ margin:15px 0;  padding: 40px 0;}
#content .row-left img,#content .row-right img {width:60%; }
#content .row-left h1{font-size:25px; line-height:30px;}
#content2 .row-left h1{padding:0;}
#oftec-reg{ padding:25px 0;}
#copy-right p, #copy-right a { font-size:15px;}
#areas-we-cover { padding: 20px 0;}

#contact { margin: 10px 0;}
#footer { padding: 20px 0;}

.boiler-booking .btn a { font-size: 16px; padding: 11px 22px;}
.booking h3 { font-size: 19px;line-height: 21px; padding: 20px 0;}
 
.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;}

.header-mid2 li, .header-mid3 li {font-size:28px; line-height: 30px;}
.contact-address-right h2 { font-size:25px; line-height:26px;}
.contact-address-right h3 { font-size:20px; line-height:26px;}
.booking-left h1 { font-size:28px; line-height:30px;}
.areas-we-cover h1 { font-size:24px; line-height:28px;}
.gas-safe-text { width:100%;}

ul.services2 li { text-align:left; font-size:16px; line-height:24px;}
ul.services1 li,ul.services2 li { text-align:left;}

.awards li {font-size: 18px; line-height: 22px; background: url(../images/star.png); background-repeat:no-repeat; background-position: top 10% left 0%;  background-size: 5% auto;}

.img-block li {    padding: 10px 15px;}

#content .row-left, #content .row-right,.worcester-left,.worcester-right,.contact-left,.contact-right,.contact-address-left,.contact-address-right,.worcester-left,.worcester-right,
.worcester-logo,.worcester-text,#content2 .row-left, #content2 .row-right,.booking-left,.booking-right,.areas-we-cover-left,.areas-we-cover-right { float:none; display:inline-block; width:100%; min-height:auto;}
.content .row-left img, .content .row-right img {  width: 60%;}

#content .btn {padding:20px 0;}

#offers { padding: 30px 0;}
#offers h1{font-size: 28px; line-height: 30px;}
.offers ul { -webkit-column-count: 2; /* Chrome, Safari, Opera */  -moz-column-count: 2; /* Firefox */  column-count:2; overflow:hidden; }
.booking-btn a { font-size:18px;}
.areas-we-cover-right li { margin:0px; font-size:18px; float:none; text-align:left; }
.areas-we-cover-right ul { -webkit-column-count: 3; /* Chrome, Safari, Opera */  -moz-column-count: 3; /* Firefox */  column-count:3;padding:0 0 0 10px;}
.contact-address h2,.contact-address h3 {background-position:center top; text-align:center; padding:0px;}
.contact-address h2,.contact-address h3 { padding:30px 0 0 0;}
.contact-left { margin-bottom:20px;}
.pad1 { text-align: left;}
.gas-safe h3 { font-size: 17px;  line-height: 23px;}


.contact-right{padding:0;}
.contact-right h1{padding:0;}
.footer1 h2 { padding:10px 0;font-size: 18px; }
.footer1,.footer2,.footer3,.footer4,.footer1 h2 span,.footer1 h3 span{ float:none; display:inline-block; width:100%; min-height:auto;}
.footer1,.footer2,.footer3,.footer4 { margin:0px; padding:0 0 10px;}


.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;}
.space {margin:0;}

.fb-block-right h1 {  line-height: 26px;   font-size:22px;}
#content2 .row-right p { font-size:17px; line-height:22px;}

.services {width: 100%; }
}

@media only screen and ( max-width:640px) {
#header .header-right { padding:15px 0 0;}
.header-mid-text p { font-size:20px;}
.header-right h2 { font-size:17px;}
#offers { padding: 50px 0;}
#offers .btn { margin: 20px 10px 0 10px;}
#offers .btn a { font-size: 16px;padding: 6px 15px;}

.offers ul, .services ul {-webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; }
.content2 .our-services ul{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; margin:2% 0 0;}


p,#worcester-full p,.worcester-right p { font-size:15px; line-height:22px;}
.header-mid h1 br { display: block;}

.header-phone h1,.header-phone h1 a  { font-size:20px;}
.header-mid h1 { font-size:20px;}
.worcester-right p {line-height: 22px; font-size: 19px;}
.contact-right h1 a { font-size: 35px;}
.contact-right .address h3 { font-size: 22px; line-height: 26px;}
.contact-right .address h1, .contact-right .address h3 {display: inline-block;width: 100%; text-align: center; background-position: center 0; padding: 50px 0 0;}
.header-right-btn a,.header-right-btn a:hover {background-position: top 10px right 13px;}
.header-right-btn a br { display: none;}
.worcester-right h1 { font-size:22px; line-height: 26px; padding:0;}
.gas-safe { padding-bottom:150px;
background-position: left 10% bottom 5%, right 10% bottom 5%;
background-size: 20% auto, 30% auto;
background-color:#989ea0;}

.fb-block-right h1 {
    line-height: 28px;
    font-size: 24px;}


#oftec-reg{ text-align:center;}
.oftec-reg-left, .oftec-reg-right{width:100%;}
.oftec-reg-img { float: none; margin:0;}

.areas-we-cover-left img { width: 13%;}

}

@media only screen and ( max-width:540px) {
.header-mid-text p { font-size:18px;}
.header-right h2 { font-size:14px;}

#menu { margin:0px !important;}
#booking { padding: 11px 0; background-size: 220% auto;}
.booking h1 {font-size: 25px; line-height: 30px;}

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

.offers ul, .services ul { -webkit-column-count: 1; /* Chrome, Safari, Opera */  -moz-column-count: 1; /* Firefox */  column-count:1; overflow:hidden;}
.areas-we-cover-right ul { -webkit-column-count: 2; /* Chrome, Safari, Opera */  -moz-column-count: 2; /* Firefox */  column-count:2;padding:0 0 0 10px;}
.booking-right .btn a { font-size:15px;}

.contact-right .address p { padding: 20px 0 10px 40px;}
.booking-right span img { width: 6%;}

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

#copy-right p, #copy-right a {    font-size: 10px;}
.accreditations li:first-child img { width:80%;}



}
@media only screen and ( max-width:420px) {
.header-mid-text p { font-size:16px;}
.header-right h2 { font-size:12px;}

.services-right h1 {     font-size: 20px;  line-height: 25px; text-align:center;  padding: 20px 0 0 0;}
.services-right p { font-size: 14px;}

#booking { padding: 11px 0; background-size: 320% auto;}
#booking .btn a { font-size: 14px;}

.header-right .get-instant-btn a { font-size:16px;}
.booking-right .btn a { font-size:15px;}

.areas-we-cover h2 {     font-size: 17px; line-height: 19px;}
.areas-we-cover-right ul { -webkit-column-count: 1; /* Chrome, Safari, Opera */  -moz-column-count: 1; /* Firefox */  column-count:1 ;padding:0 0 0 10px;}

#fb-block {    background-color: #0c569c;padding: 24px 0;}

.fb-block-right h1 { line-height: 15px; font-size: 15px;}

#offers { padding: 15px 0;}

.content2 .our-services{margin:0;}

.content2 .our-services li { font-size: 18px;}
.worcester-right p { line-height: 20px; font-size: 17px;}

.contact-right h1 a {font-size: 30px;}

.contact-form h1{ font-size: 28px; margin: 0; padding: 20px 0; line-height: 0;}
.contact-right h1{ font-size: 28px;}

}

@media only screen and ( max-width:360px) {
.header-mid-text p { font-size:15px;}
.header-right h2 { font-size:11px;}

}