@media only screen and ( min-width:1921px) {
.gas-safe-text { width:100%;}
}

@media only screen and ( max-width:1800px) {
i.nobr{white-space:normal;}	
#box-pen {background-size:200% auto;}
}

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

#box-pen {background-size:150% auto;}
#why-choose { background-size:140% auto;}
.why-choose-right { width:50%;}

.row2-right img { width:100%;}

#facebook-feed {background-size: 150% auto;}
#areas-cover {background-size: 160% auto;} 

#customer-reviews {background-size:200% auto;}	
#worcester-home {background-size:160% auto;}

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

.gas-safe { padding-bottom:0px; width:100%; margin:0px;
background-position: right 35% bottom 10%, right 5% bottom 10%;
background-size: 15% auto, 25% auto;}

#worcester-home {background-size:200% auto;background-position: left 60% bottom 80%;}

.top-address { left:0; text-align:center;}
}

@media only screen and ( max-width:1400px) {
#box-pen {background-size:170% auto;}
#why-choose { background-size:160% auto;}


.customer-reviews li { width:22%;}
.customer-reviews li img { width:100%;}

#facebook-feed {background-size: 170% auto;}

#areas-cover {background-size: 180% auto;}


}


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

#content,#contact { margin:30px 0;}

#worcester-full {text-align:center;}

.header-left { width:34%;}
.header-right { width:62%;}

#box-pen li { float: none; display: inline-block; width: auto; margin: 0 0 20px;}
.arrow-icon1,.arrow-icon2 { display:none;}

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


.home-box li p br { display:none;}

#box-pen {background-size:180% auto;}
#box-pen li { float:none; display:inline-block; margin:0 2%;}

#facebook-feed {background-size: 300% auto;}
.facebook-feed-right { width:54%;}
#areas-cover {background-size: 400% auto;}

#worcester-home {background-size:200% auto;background-position: left 60% bottom 60%;}
.worcester-home-left h1 {font-size:22px; line-height:30px;}
.worcester-home-left p { font-size:18px; line-height:25px;}

#why-choose { padding:50px 0;
background:
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/home1.png'),
url('../images/homestrip2.png'); 
background-repeat:no-repeat,no-repeat,no-repeat;
background-position:left 0 bottom 0,left 50% bottom 0,left 40% bottom 20%; 
background-size:100% 100%, auto auto,250% auto;}
.why-choose-left { display:none;}
.why-choose-right { width:80%; margin:0 auto; text-align:center; float:none;}
.why-choose-right h1 br { display:none;}
.why-choose-right h1 { color:#fff;}
.why-choose-right p { color:#fff;}

#accreditations-logo { padding:25px 0;}
.accreditations-logo-left { width:45%;}
.accreditations-logo-left p br { display:none;}
.accreditations-logo-right { width:52%;}
.accreditations-logo-right li { margin:0px;}

.booking-now-left { width:64%;}
.booking-now-right { width:35%; margin:3% 0 0;}

.footer1 h3 a { display: inline-block;}
.contact-left { width: 40%;}
.contact-right { width: 56%;}
.contact-add h2 {  font-size: 20px;}
}

@media only screen and ( max-width:1100px) {
#top-address { z-index:99;}

.header-left { width:39%;}
.header-right { width:100%;}
.wsmenu-list > li > a { padding: 3px 4px; font-size: 13px;}

#box-pen {background-size:220% auto;}
.home-box li { float:none; display:inline-block; width:auto; margin:0 1% 5%;}

.facebook-feed-right { width:50%;}
ul.services2 { -webkit-column-count: 2; /* Chrome, Safari, Opera */  -moz-column-count: 2; /* Firefox */  column-count: 2; overflow:hidden;}

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

}

@media only screen and ( max-width:1000px){
	#header .top-address li {
    margin: 1% 1% 0 0;
    font-size: 14px;
    line-height: 18px;}
    .header-right{float: left;width: 100%}
    #header .top-address{text-align: left;}
}
@media only screen and ( max-width:980px) {
	.slide-inn h1 { color:#ffffff;line-height: 1.5!important;}
.gas-safe { padding-bottom:0px;
background-position: right 35% bottom 5%, right 5% bottom 5%;
background-size: 15% auto, 25% auto;}

.header-left { width:auto;    width: 100%;
    float: left;}

#box-pen {background-size:250% auto;}

#worcester-home {background-size:250% auto;}


#facebook-feed {background-size: 400% auto; text-align:center;}
.facebook-feed-left,.facebook-feed-right { float:none; display:inline-block; width:100%;}

#areas-cover { text-align:center;}
#areas-cover h2 { font-size:20px; line-height:26px;}
#areas-cover h2 br { display:none;}

}

@media only screen and ( max-width:800px) {
#box-pen {background-size:300% auto; padding:30px 0;}
.box-pen h1 { font-size:22px; line-height:25px;}
}

@media only screen and ( max-width:767px) {
i.nobr{white-space:nowrap;}		
p { font-size:16px; line-height:24px;}
#worcester-home,#accreditations-logo,#content,.contact-right { text-align:center;}
.worcester-left h1,.worcester-right h1 { font-size:24px; line-height:30px;}
.worcester-home-left,.worcester-home-right,.accreditations-logo-left,.accreditations-logo-right,
.row-left,.row-right,.row2-left,.row2-right,.oftec-left,.oftec-right, .worcester-left,.worcester-right { float:none; display:inline-block; width:100%;}

.row-right,.row2-right { margin:4% 0 0;}

#oftec {text-align: center;}
.oftec-left, ul.services2 li {text-align: left;}

.oftec-left h1{font-size: 24px !important; line-height: 30px;}

ul.services2 li,.worcester-services li { text-align:left;}

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

#title h1 { font-size:25px; line-height:30px;}
.home-box li { float:none; display:inline-block; width:100%; margin:0 0 5%; padding:20px;}


.why-choose-right h1 { color:#fff; font-size:20px; line-height:25px;}
.why-choose-right p { color:#fff; font-size:16px; line-height:22px;}
.why-choose-right .btn a {font-size: 17px; padding: 8px 20px;}

#booking-now { text-align:center; padding:30px 0 40px;}
.booking-now-left,.booking-now-right,.footer1,.footer2,.footer3,
.contact-left,.contact-right { float:none; display:inline-block; width:100%;}
.booking-now-right { margin:5% 0 0;}

.contact-right { margin:5% 0 0;}

.contact-add h3,.contact-add h2 { text-align:left;}

.pic-img img,.row2-right img { width:60%;}
.pic-img { margin-bottom:15px;}

.footer2 { margin: 0 0 2%;}

.footer1 h2,.footer1 h3 { padding:0px;}
.footer1 p { text-align:center;}
.footer1 h3,.footer1 h2, .footer1 h3 { float:none; text-align:center;}
.footer1 h2 span,.footer1 h3 span,.footer1 p span { float:none; display:inline-block; width:100%; min-height:auto; text-align:center; margin:0px;}

#worcester-full h1 { font-size:22px; line-height:30px;}
#worcester-full h2 { font-size:18px; line-height:25px;}
#worcester-full p { font-size:16px; line-height:22px;}

#worcester-home { background-size:450% auto; padding:30px 0; background-position: left 60% bottom 60%;}
.worcester-home-right img { width:auto;}

#facebook-feed {background-size:500% auto;}
#areas-cover {background-size: 550% auto;}

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

.worcester-services li { padding: 0 15px; line-height: 23px; font-size: 17px;background-position: top 8px left 0;}
#copy-right p { font-size:15px;} 
#copy-right p span { font-size:20px;}

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

}

@media only screen and ( max-width:640px) {
.wrapper { width:86%; margin:0 8%;}

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

#title h1 { font-size:20px; line-height:30px;}

.booking-now-left h1 { font-size:20px; line-height:25px;}
.booking-now-left h1 span { font-size:22px;}

#box-pen {background-size:400% auto;}
#why-choose {background-size:100% 100%, auto auto,350% auto; padding:25px 0;}

#worcester-home { background-size:600% auto; background-position: left 30% bottom 0%;}

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

#facebook-feed {background-size:700% auto; padding:30px 0;}
.facebook-feed-right p { font-size:16px; line-height:22px;}

.contact-add h3,.contact-add h2 { text-align: center;}
.contact-right h4 { font-size:17px; line-height:22px;}
.contact-add { text-align:center;}
.contact-add h2 span,.contact-add h3 span { float:none; display:inline-block; width:100%; min-height:auto;}

#customer-reviews { background-size:800% auto; padding:30px 0;}
.customer-reviews li { width:48%;}

#worcester-home { background-position:left 54% bottom 60%;}

#areas-cover h1 { font-size:25px; line-height:30px;}
#areas-cover h2 { font-size:16px; line-height:22px;}

.why-choose-right h1 { color:#fff; font-size:16px; line-height:22px;}
.why-choose-right p { color:#fff; font-size:14px; line-height:22px;}
.why-choose-right .btn a { font-size:16px; padding:6px 15px; }

ul.boiler-list{margin:20px 0 0 0; padding:0; column-count:1;}
ul.boiler-list li{margin:20px 0 0 0; text-align:left;}
ul.boiler-list li img{width:100%;}
}

@media only screen and ( max-width:540px) {
.worcester-home-right h1 { font-size:20px; line-height:26px;}

.box-pen h1 { font-size:18px; line-height:22px;}
#why-choose {background-size:100% 100%, auto auto,450% auto;}

#worcester-home { background-size:1250% auto;}

.customer-reviews h1 img { width:70%;}

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

.worcester-home-right img { width:90%;}
.accreditations-logo-right li:first-child img { width:80%;}

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

.contact-add h2 { font-size:19px; line-height:22px;}
.contact-add h3 br { display:none;}

.call-text { display:none;}

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

}


@media only screen and ( max-width:460px) {
.our-services-include ul { -webkit-column-count: 1; /* Chrome, Safari, Opera */  -moz-column-count: 1; /* Firefox */  column-count: 1; overflow:hidden;}

.header-left h2 { font-size: 12px; line-height: 18px;}

#why-choose {background-size:100% 100%, auto auto,800% auto;}
#box-pen { background:#464345; text-align:center;}

#facebook-feed {background-size:800% auto; padding:30px 0;}
#areas-cover {background-size:700% auto;}
.facebook-feed-left img { width:80%;}

#worcester-full { background-size:800% auto; padding:25px 0;}

#box-pen li { float:none; display:inline-block; width:auto; margin:0 2% 2%;}

.footer1 h2 { font-size:17px;}
.footer1 h3 { font-size:18px;}

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


}

@media only screen and ( max-width:360px) {
#facebook-feed,#areas-cover {background-size:900% auto;}

.footer1 h2,.footer1 h3 { font-size:15px;}

.contact-add h2 { font-size:17px; line-height:22px;}

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