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

}

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

}


@media only screen and ( max-width:1600px) {
.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-full { background-size:200% 200%;}
#areas-we-cover { background-size:100% 100%;}
}

@media only screen and ( max-width:1200px) {
.wrapper { width:90%; margin:0 5%;}

#header { padding-bottom:0px;}

.header-top li { margin:0 4px;}
#header,#header-top { text-align:center;}
.header-top { text-align:left;}
.logo,.header-phone,.header-top-left,.header-top-right,.header-right {float: none; width:auto; margin:0px; padding:0px; text-align:center; display:inline-block; vertical-align: middle;}	

#box-pen li,#box-pen li:first-child,#box-pen li:last-child { float:none; display:inline-block; width:auto;}

#home-testimonials { background-size: 300% 300%;}

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

.step-post1-right,.step-post2-left { margin:20px 0 0;}


#footer { text-align:center;}
.footer-1,.footer-2,.footer-3 { float:none; width:auto;}

.step-post1-left .img-responsive ,.step-post2-right .img-responsive { width:80%;}

.worcester-logo { width:18%;}
.worcester-text { width:78%;}
.worcester-text { margin:0px;}
.worcester-text p { margin:0px; padding:0 0 15px;}

.our-prices li { float:none; display: inline-block; width:auto; margin:20px 25px;}
.contact-address-right h2 {font-size:28px;line-height:40px;}
}

@media only screen and ( max-width:980px) {
h1 { font-size:28px; line-height:32px;}
#worcester { padding:0px;}

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

.header-top-right li { float:none; display:inline-block;}

#call-us { padding:70px 0;}
.call-us li.first,.call-us li.second,.call-us li.third { margin:15px 0;}

.contact-right { width:47%;}
.cont-add { margin:0 0 15px;}
.contact-address-right h2 { font-size:22px; line-height:30px;}

.contact-address-left {width:15%;}
.contact-address-right {width:80%;}

#content { margin-bottom:0px;}
#accreditations { margin:20px 0;}
.box-pen ul li{margin-left: 20px;}
}

@media only screen and ( max-width:767px) {
h1,.accreditations h1,.gas-safe h1,.footer-1 h1 { font-size:25px; line-height:26px;}
.accreditations h1 { padding-bottom:10px;}
.accreditations p { margin-bottom:10px;}
.video-left h1,.video-right h1 { font-size:20px; line-height:26px;}
p { font-size:15px; line-height:22px;}
.accreditations p { font-size:16px; line-height:22px;}
.header-top li  { font-size:12px;}
.header-top { float:none;}

#worcester-full h1 { font-size:22px; line-height:28px;}
#worcester-full h1 br { display:none;}

.call-us h1 { font-size:22px; line-height:26px;}

.worcester-text { margin:15px 0 0 !important;}


#content,.videos,.video-left h1,.video-right h1,#worcester-guarantee,.what-we-do,.header-top,.worcester,#areas-we-cover,#worcester-home,#truequote,.box-pen { text-align:center;}
.worcester-left h1,.worcester-right h1 { font-size:22px; line-height:25px; margin-top:10px; padding:0px;}

.worcester-home-right h1 { font-size:25px; margin-top:20px; padding:0px; line-height:30px;}

.what-we-do-left h1 br { display:none;}

.row-left,.row-right,.row2-left,.row2-right,.row3-left,.row3-right,.video-left,.video-right,
.worcester-logo,.worcester-text,.what-we-do-left,.what-we-do-right,.worcester-left,.worcester-right,.contact-left,.contact-right,
.worcester-home-left,.worcester-home-right,.truequote-left,.truequote-right,
.footer-1,.footer-2,.footer-3 { float:none; display:inline-block; width:100%; margin:0px;}
.footer-2 { margin-bottom:20px;}

.truequote-left li p br { display:none;}

ul.services3 li { text-align:left; font-size:17px; line-height:20px;}
ul.services3 {-webkit-column-count: 1; /* Chrome, Safari, Opera */  -moz-column-count: 1; /* Firefox */  column-count:1; overflow:hidden;}

.what-we-do-right ul,.offers ul {-webkit-column-count: 2; /* Chrome, Safari, Opera */  -moz-column-count: 2; /* Firefox */  column-count:2; overflow:hidden;}

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

.header-phone h1 { font-size:22px; line-height:25px; margin-top:10px;}

#step-post { background:#1a1a1a;}
.step-post-bg-res.step-post-bg2 { display:none;}
.ways-to-pay h1 { font-size: 40px;}
.ways-to-pay h3 { font-size:25px;}

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


#scroll-down h1 { font-size:30px; line-height:20px;}
.call-us li.first a,.call-us li.second a,.call-us li.third a { font-size:19px;}

.contact-address { text-align:center;}
.contact-address-right h2 { font-size:28px; line-height:32px;}
.contact-address-left,.contact-address-right { float:none; display:inline-block; width:100%;}

#contact { margin-bottom:0px;}
.contact-form { margin-bottom:30px;}
.contact-left,.contact-right,.pad1 { text-align:center;}

.areas-we-cover h1 { font-size:30px; line-height:35px;}
.areas-we-cover h2 { font-size:20px; line-height:25px;}

.home-testimonials li:first-child,.home-testimonials li,.home-testimonials li:last-child { float:none; display:inline-block; width:auto; }
.testimonials-text {min-height:auto;}
.testimonials-text h2 { font-size:18px;}

#offers p { font-size:21px;}
#offers h1 { font-size:26px;}

.box-pen ul li { display:inline-block; width:32%;}
}

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

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

#step-post { padding-bottom:0px;}

.header-top-right li { display:inline-block;}

.header-phone h1 { font-size:20px; line-height:22px;}

.call-us h1 { font-size:20px;}
.call-us li.first a,.call-us li.second a,.call-us li.third a { padding:10px 30px 10px 50px;}

.footer-1 h2 { font-size:20px; line-height:25px;}

#scroll-down h1 { font-size: 21px; line-height:0px;}
.step-post2-left h1,.step-post1-right h1 { font-size:18px; line-height:26px; padding:0px;}

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

.areas-we-cover { text-align:center;}
.areas-we-cover {  background-position: top center; padding: 80px 0 0;}
}

@media only screen and ( max-width:540px) {
#header { margin-top:70px;}
.header-phone h1 { font-size:18px;}

.call-us h1 { font-size:18px;}
.call-us li.first a,.call-us li.second a,.call-us li.third a { font-size:18px;}

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

#step-post,.step-post2-left { text-align:center;}
.step-post1-left .img-responsive,.step-post2-right .img-responsive { float:none;}
.step-post1-left,.step-post1-right,.step-post2-left,.step-post2-right { float:none; display:inline-block; width:100%;}
.step-post-bg { background-position: top 0 center, left 0 top 0px, center bottom 0;}	
.step-post-bg2 { background-position: top 0 center, left 0 top 0px, center bottom 0;}

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

.contact-address-right h2 { font-size:22px; line-height:26px;}
.box-pen ul li { float:none; }
.box-pen ul li#icon1 a,.box-pen ul li#icon2 a,.box-pen ul li#icon3 a { background-size:80% auto;}
.box-pen ul li#icon1 a:hover,.box-pen ul li#icon2 a:hover,.box-pen ul li#icon3 a:hover { background-size:80% auto;}
.box-pen ul li { padding:0px;}
.box-pen ul li a { padding:80px 0;}
}

@media only screen and ( max-width:460px) {
.logo img { width:100%;}
.header-phone h1 { font-size:16px;}

.call-us h1 { font-size:16px;}
.what-we-do-right ul,.offers ul {-webkit-column-count: 1; /* Chrome, Safari, Opera */  -moz-column-count: 1; /* Firefox */  column-count:1;}

.clients li h2 { font-size:28px; line-height:34px;}
.clients li img { width: 100%;}

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

@media only screen and ( max-width:400px) {
.header-phone h1 a { display: inline-block;}
.header-top li { font-size:10px;}
}