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

}

@media only screen and ( max-width:1680px) {
#worcester-home { background-size:100% 100%;}
#underfloor-heating {background-size: auto 55%, auto 75%, cover;}
}

@media only screen and ( max-width:1500px) {
#underfloor-heating {background-size: auto 45%, auto 65%, cover;}
.underfloor-heating p {font-size:16px; line-height:20px;}
.underfloor-heating h2 { font-size:28px; line-height:30px;}
}

@media only screen and ( max-width:1300px) {
#underfloor-heating {
    background-size: 15% auto, 14% auto, cover;
    background-position: bottom 9% left 8%, bottom 0% right 8%, bottom 0% left 0%;
}
#underfloor-heating .wrpper {
    width: 98%;
    margin: 0 auto;
}
}


@media only screen and ( max-width:1200px) {
.wrapper { width:94%; margin:0 2%;}
#header { padding-bottom:0px;}
#header-top { padding:9px 0;}
.header-top-right { width:auto;}

#header { text-align:center;}
.logo,.header-right,.header-mid-left,.header-mid-right { float:none; display:inline-block; width:auto;}

#box-pen { text-align:center; margin:30px 0;}
#accreditations,#footer,#content,#worcester,#contact { margin:30px 0;}
#gas-safe { padding:30px 0;}
.box-pen ul li { width:auto; margin:0 10px 20px 0; float:none; display:inline-block;}


#why-choose {
background:
linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),
url('../images/why-choose-us-image.png'),
url('../images/why-choose-us-background_parallax.png');
background-repeat: no-repeat,no-repeat,no-repeat; 
background-position:left 0 bottom 0, center bottom 0%,left 0px bottom 0%;
background-size:100% 100%,50% auto,250% auto;}
.why-choose-inn { background:none;}
.why-choose { width:100%; text-align:center; padding:50px 0;}

.booking-left { width:72%;}
.booking-left h2 { font-size:35px; line-height:40px;}
.booking-left p { margin:0px; padding:0px; font-size:22px; line-height:30px;}
.booking-right { width:26%;} 

.footer1 { width:33%;}
.footer3 { width:22%;}
.footer2 h3 { float: none; margin: 0; display: inline-block;}
.footer2 { width:44%; padding:0px; border:0px; text-align:center;}
.footer2 h2 { float:none;}
.footer2 h2 br { display:none;}
.footer3 ul {-webkit-column-count: 1; /* Chrome, Safari, Opera */  -moz-column-count: 1; /* Firefox */  column-count: 1;}

} 

@media only screen and ( max-width:980px) {
.header-top-right {float:left;}

.header-top-right p span { display:none;}

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

.contact1 p a { font-size:35px;}
.contact2 { margin:2% 0;}

.booking-left { width:68%;}
.booking-right { width:32%;} 

#underfloor-heating { background-position: bottom 5% left 8%, bottom 0% right 8%, bottom 0% left 0%;}

}

@media only screen and ( max-width:767px) {
#header-top { padding: 9px 0; position: fixed; z-index: 9999999; background:#dc701c;}
#header { padding-bottom:0px; margin:6% 0 0;}
.menu { z-index:99999999; position:relative;}

.wrapper { width:90%; margin:0 5%;}
p,.worcester-home-right p,.why-choose p { font-size:16px; font-family:'Montserrat Light'; line-height:26px;}
h2 { font-size:26px; line-height:35px;}
h3 { font-size:16px; line-height:26px;}
.header-top-right p a { color:#fff;}


.header-mid-left h3 { margin:3% 0;}
.header-mid-left h2 { padding:0px;}
.header-mid-right { margin:3% 0 0;}

#worcester-home { padding:30px 0;}

.header-top-right { float:none; width:auto; display:inline-block; vertical-align: middle;}
.header-top-right p { font-size: 14px; line-height: 22px; display: inline-block;}

.worcester-home-left { margin-bottom:20px;}
.worcester-home-right p { margin:0px;}

#why-choose {background-size:100% 100%,70% auto,250% auto;}
.why-choose { padding:30px 0;}

#content,#worcester-home,#booking,#footer,#contact,#accreditations,#worcester { text-align:center;}
.formrow.captcha .label { text-align:left;}
.worcester-left h2,.worcester-right h2 { font-size:24px; line-height:30px;}
.accreditations-left,.accreditations-right,.booking-left,.booking-right,.row-left,.row-right,.contact-left,.contact-right,.worcester-home-left,.worcester-home-right,.footer1,.footer2,.footer3,
.worcester-left,.worcester-right { float:none; display:inline-block; width:100%;}

.footer2 {  padding:0px; border:0px;}
.footer2 h2 { width:100%;}
.footer2 h3 { float: none; margin: 6% 0 0; display: inline-block; width: 48%;}
.footer2 span { margin:0px;}
.footer2 span img {
    width: 80%;
    margin: 8px 0 0;
}
.row-left { margin-bottom:3%;}
.footer2 h2 br { display:none;}
.footer1 { margin-bottom:3%;}
.footer3 { margin:3% 0 0;}

.contact-right { margin:0px;}

.booking-right .btn { margin:4% 0 0;}
.booking-right .btn a { font-size:17px; padding:8px 20px;}

.pic-img img { width:auto; float:none;}

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

.worcester-services li { font-size:17px; line-height:25px;background-position: top 9px left 0;}

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

#worcester-full h2 { font-size:22px; line-height:30px;}

.space { margin:15px 0;}

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

.hitachi-left{width: 100%;}
.hitachi-right{width: 100%;}

}

@media only screen and ( max-width:620px) {
.header-top-right p a { font-size:14px;}
.our-services-include ul { -webkit-column-count: 2; /* Chrome, Safari, Opera */  -moz-column-count: 2; /* Firefox */  column-count: 2; overflow:hidden;}

.gas-safe h2 { font-size:22px;}
#gas-safe {background-position: right 37% top 0}

.footer2 h3 { width:52%;}

#why-choose {background-size:100% 100%,90% auto,250% auto;}

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

.booking-right .btn { margin:6% 0 0;}
.booking-left p { font-size:19px; line-height:25px;}
}

@media only screen and ( max-width:580px) {
.header-top-right p span { display:none;}

.header-top-right p {  padding: 0 0 0 30px; background-size: 5%; background-position: top 3px left 0; padding:0 0 0 20px;}

.header-mid-left h2 { font-size:28px;}

.worcester-home-right h2 { font-size:20px; line-height:26px;}

.underfloor-heating p{font-size:14px; line-height:18px;}

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

.header-mid-left h2 a { display:inline-block;}

.gas-safe p { font-size:15px;}

.footer2 h3 { width:60%;}
.footer3 ul {-webkit-column-count: 1; /* Chrome, Safari, Opera */  -moz-column-count: 1; /* Firefox */  column-count: 1;}

}

@media only screen and ( max-width:470px) {
#header { margin:8% 0 0;}

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


#underfloor-heating { background-size: 0% 0%, 0% 0%, cover;}

.header-mid-left h2 span { display:none;}
.footer2 h3 { width:72%;}
}

@media only screen and ( max-width:400px) {
.header-top-right p a { font-size:13px;}
.header-top-right p { background-position: top 5px left 0;}
.footer2 h3 { width:100%;}
.footer2 h3 { width:90%;}
}

@media only screen and ( max-width:360px) {
.logo img { width:80%;}

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