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

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

.callus-inn-right { width:25%;}
.why-choose {width: 50%;}
}

@media only screen and ( max-width:1360px) {
#why-choose { 
background:
linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8)),
url('../images/why-choose-background.png'); 
background-repeat: no-repeat, no-repeat;
background-position: top 0 left 0, bottom -25px right 100px;
background-size: 100% 100%, auto 109%; }
.why-choose {width: 100%; text-align:center;}
.callus-inn-left { width:68%;}
.callus-inn-right { width:30%;}
}

@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%;}
.areas-we-cover-services { margin:15px 0 0 0;}
}

@media only screen and ( max-width:1200px) {
#header,.header-left { text-align:center;}
#content,#row2 { margin:40px 0;}

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

.wrapper { width:90%; margin:0 6%;}

.header-left,.header-right { float:none; display:inline-block; width:auto; vertical-align:middle; margin:0 2%;}

.header-left .logo,.header-left .menu { padding:0px;}
.header-left .logo { float: none; display:inline-block; width:auto;}

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

#why-choose { text-align:center;}
/*#why-choose { background-image:none;}*/

.customer-stories-left { width:66%;}
.customer-stories-left h1 {font-size: 25px;line-height: 30px;}
.customer-stories-right { width:34%;}

.customer-reviews-mid { width:42%; margin:0 2%;}
.customer-reviews-right { width:25%;}

.why-choose { width:100%;}

.gas-safe { width:100%;}
#gas-safe { background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url('../images/gas-safe-background.jpg'); background-color:#000; background-repeat:no-repeat; background-position: right 25% top 0%;background-size:auto 100%;}

#gas-safe-section { background-size:14% 90%,80px 80px; padding:15px 0;}
.gas-safe-text { padding-left:4%;}

.footer1 { width:42%;}
.footer2 { width:30%;}
.footer3 { width:24%;}

.oftec { width: 100%; float: none; text-align: center;}	
.oftec-img { float: none; margin-left: 0;}
#oftec {
background:
linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),
url('../images/oftec_new.jpg');
background-repeat:no-repeat, no-repeat;
background-size:cover; 
background-position:left 0% top 0%, left 0% top 0%;}

.footer1 h2 {font-size: 30px; line-height:30px;}
}

@media only screen and ( max-width:1170px) {
#call-us {background-size:100% auto; background-attachment: scroll; }
.callus-inn-left, .callus-inn-right {width:100%; flaot:none; text-align:center;}
.callus-inn-right { padding:20px;}
.callus-inn-right .btn a { background-position: top 10px right 20px; font-size: 16px;}
}

@media only screen and ( max-width:980px) {
#our-services-include { padding:30px 0;}
#header { padding:20px 0;}
.header-top-right { float:left;}
.header-right { margin:0px;}

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

.callus-left { width:60%;}
.callus-left h2 { font-size:25px; line-height:30px;}
.callus-right { width:40%;}

.header-right p a { font-size: 22px;}

.gas-safe-text h2 { text-align:center; font-size:20px; line-height:25px; margin:0px; padding:0px;}
.worcester-left h2 br, .worcester-right h2 br { display:none;}


.reviews-left,.reviews-right,.reviews:last-child { float:none; display:inline-block; width:100%;}
.reviews-left p br,.reviews-right p br { display:none;}


}


@media only screen and ( max-width:768px) {
h2,.row2 h2 { font-size:22px; line-height:30px;}
p,.row2-left p,.why-choose p { font-size:16px; line-height:24px;font-family:'Montserrat Light';}
#content,#footer,#accreditations,#worcester,#row2 { 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;}
#our-services-include { background-size:200% auto;}
#our-services-include { padding:25px 0 50px;}
#areas-we-cover,#worcester-home,#booking,#contact,#blog,#callus { text-align:center;}
#why-choose { padding:30px 0;}
#booking { margin:4% 0;}
#header { padding-bottom:0px;}
.header-right p {line-height: 22px;}
#areas-we-cover,#footer { padding:40px 0;}

.row3-right { margin-top:5%;}
.worcester-left { margin-bottom:5%;}
ul.services2 li { text-align: left; font-size:15px; line-height:22px;}
.registered-gas-right img { width:auto;} 
.header-right p { text-align:center; font-size:21px;}

.why-choose li { font-size:16px;}
.worcester-home-left { margin-bottom:3%;}
.worcester-home-right h2 { padding:0px;}
.worcester-home-right p { margin:0px; font-size:16px; line-height:22px;}

#our-services-include .find-more a { font-size:18px; padding:6px 20px;}
.booking h1 { font-size:25px; line-height:30px;}
.booking p a {  padding: 8px 30px; font-size: 18px;}
.areas-we-cover-services li { font-size:21px;background-position: top 15px left 0;}
.worcester-full h2 { font-size:20px; line-height:30px;}
.accreditations p br { display:none;}

.why-choose li { color:#fff; text-align:left;background:url('../images/dot.png'); background-repeat:no-repeat; background-position:top 18px left 0;}
.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%;}

.row2-left { margin:0; padding:0;}
.row2-left li { text-align:left; line-height:20px; font-size:17px;padding: 12px 50px;background-position: top 10px left 0;}

.services-left,.services-right,.contact-form { width:100%; text-align:left;}

.row-left,.row-right,.row2-left,.row2-right,.row3-left,.row3-right,.worcester-left,.worcester-right,.footer1,.footer2,.footer3,
.accreditations-left,.accreditations-right,.blog-left,.blog-right,.registered-gas-left,.registered-gas-right,.callus-left,.callus-right,
.contact-left,.contact-right,.why-choose-left,.why-choose-right,.row2-left li,.worcester-col-left{float:none; display:inline-block; width:100%;}
.worcester-col-left{ margin:40px 0 80px 0; min-height:auto;}
.footer1,.footer2 { margin-bottom:15px;}

.customer-reviews-left h2 br { display:none;}
.areas-we-cover-left,.areas-we-cover-right {float:none; display:inline-block; width:100%; margin:0px; padding:0px;}
.areas-we-cover h2,.accreditations h2 {font-size:28px; margin:15px 0 0;}

.worcester-left p br, .worcester-right p br,.contact-right p br { display:none;}

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

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

#callus { padding:30px 0 40px;}
.callus-left h2 { font-size:22px; line-height:30px;}
.callus-right { margin:5% 0 0;}
.callus-right a,.callus-right a:hover {background-position: top 8px right 15px;padding: 7px 60px 7px 20px;font-size: 18px;background-size: 10%;}

#gas-safe { margin:0px;}
.contact-add h3 a { font-size:30px;}
.contact-add h3 { font-size:25px; line-height:30px;}
#gas-safe-section { background-image:none;}
.gas-safe-text { width:100%; padding:0px;}
#worcester-home { padding:40px 0;}
.worcester-home-right h2,#our-services-include h2 { font-size:23px; line-height:30px;}
.worcester-home-right .btn { margin:5% 0 0;}

.worcester-left h2, .worcester-right h2 {font-size:25px; line-height:32px;}

.customer-stories-left,.customer-stories-right,.customer-reviews-left,.customer-reviews-mid,.customer-reviews-right {float:none; display:inline-block; width:100%; }
.customer-reviews-mid { margin:0px;}

.callus-inn-left p{ font-size: 16px; line-height: 20px;}
.callus-inn-left h2 {  font-size: 25px;  line-height: 30px;}

}

@media only screen and ( max-width:640px) {
.logo img {width:95%;}
.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 h2 { padding:0px;font-size:22px; line-height:25px;}

.header-mid a,.header-mid a:hover {padding: 7px 50px 7px 20px;font-size: 17px;background-size: 10%;background-position: top 8px right 15px;}
.accreditations li {  padding:0px;}

.registered-gas-left h2 { font-size:23px; line-height:30px;}
.registered-gas-left h3 { font-size:17px; line-height:22px;}
#gas-safe {background-position: right 37% top 0}
.gas-safe h1 { font-size:22px;}
#our-services-include .btn a { margin:0 5px;}
.row-left h2, .row3-left h2 { font-size:26px; line-height:30px;}

.reviews-left h3 { font-size:22px; line-height:26px;}
.reviews-right p { font-size:17px; line-height:22px;}


}

@media only screen and ( max-width:540px) {
.header-top-left p { font-size:13px;}
#our-services-include,#areas-we-cover { background-size: 400% auto;}
#our-services-include h2, .areas-we-cover-right h2 { font-size:22px;}
.header-right p a { font-size:18px;}

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

.pic-img img,.registered-gas-right img { width:100%;}
.worcester-home-right h2 { font-size:20px; line-height:26px;}
.areas-we-cover-right h3 { font-size:18px; line-height:25px;}

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

.worcester-col-left h2 { font-size:18px; line-height:25px;}
.worcester-left h2,.worcester-right h2 { 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;}

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

#worcester { margin:20px 0;}
#worcester-full h2 { font-size:18px; line-height:25px;}
#worcester-full { background-size:1700% auto;}
.gas-safe p { font-size:15px;}

.gas-safe-text h2 {  font-size:17px; line-height:25px;}

#our-services-include .btn a,#our-services-include .btn a:hover { font-size:16px; padding:12px 50px 12px 30px; background-size:10%;background-position: top 12px right 20px;}

.callus-left h2 { font-size:19px; line-height:28px; margin-bottom:4%;}
}

@media only screen and ( max-width:480px) {
.header-top li { font-size:15px;}
.header-mid { margin:2% 0;} 
.logo img { width:80%;}
.header-right p { font-size:17px;}
.header-right p a { font-size:16px;}

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

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

.booking p a { padding: 8px 20px; font-size: 17px;}
.booking h2 { font-size: 20px; line-height: 25px;}

.row2-left li {line-height: 19px; font-size: 15px; padding: 7px 29px;  background-position: top 8px left 0; background-size: 6%;}
.gas-safe-text h2 { text-align:center; font-size:14px; line-height:22px;}

#our-services-include { padding:25px 0;}
#our-services-include .btn a { width:60%; margin:0 auto; display: inline-block; margin-bottom:2%;}

.worcester-left h2,.worcester-right h2 { font-size:18px;}
.worcester-left h3, .worcester-right h3 { font-size:15px; line-height:22px;}

}

@media only screen and ( max-width:420px) {
.header-right p { font-size:15px; margin:0px; padding: 0 0 10px 0; line-height:15px;}
.header-right p a { font-size:14px;}

.gas-safe-text h2 {  font-size:12px; line-height:22px;}

#our-services-include .btn a { width:64%; }
}

@media only screen and ( max-width:360px) {
ul.services2 li,.services li { font-size:16px; line-height:22px;}
.header-right p { font-size:15px; margin:0px; padding:0px;}
.header-right p a { font-size:12px;}
.header-top-right p { font-size:15px;}

#our-services-include .btn a { width:72%; }

.gas-safe-text h2 {  font-size:11px; line-height:20px;}


}

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

}