@media only screen and ( max-width:1750px) {
.logo-responsive,.header-mid,.header-right { float:none; display:inline-block; width:auto; text-align: center; vertical-align: middle; margin:15px 0;}
}


@media only screen and ( max-width:1100px) {
.wrapper { width:94%; margin:0 2%;}
#header { text-align:center;}


.header-mid { margin:0px;}

#box-pen { margin:15px 0; z-index:-999;}
.box-pen li:first-child,.box-pen li:last-child { float:none; vertical-align:top;}
.box-pen li { float:none; display:inline-block; margin:0 5px;}

.booking-left { width:76%;}
.booking-left h1 { font-size:24px;}
.booking-right { width:24%;}

.footer-1 li h2 {  font-size: 12px; line-height: 17px;}
.footer-2 { width:40%;}
.footer-3 { width:20%;}
.footer-4 { width:6%; padding:0 2px;}
.footer-1 li h3 { font-size:15px;}

.accreditations-right li:last-child { float:none;}
.accreditations p { padding:10px 0;}

.booking_form { overflow:scroll; display:block;}

.footer-2 li { font-size:8px;}
.accreditations-right li { padding:0px !important; float:none;}
}


@media only screen and ( max-width:980px) {
#header {}
.logo { width:100%; text-align:center; padding:15px 0;}
}

@media only screen and ( max-width:767px) {
#header { margin-top:60px;}
h1{ font-size:21px !important; margin:5px 0 !important; padding:0px; line-height:25px !important;}
h2 { font-size:17px; margin:5px 0; padding:0px; line-height:22px;}
h3 { font-size:18px; margin:5px 0; padding:0px; line-height:22px;}
p { font-size:15px;}
.box-1 h2 { padding: 10px 0px; font-size:20px;}

#contact { margin-bottom:0px;}

.space { margin:0px;}
.phone-top h2 { font-size:25px; line-height:25px; text-align:left;}
.logo img { width:auto;}
.header-mid,.header-right { float:none; display:inline-block; width:auto; vertical-align:middle;}

.booking-left p { font-size:16px;}
.booking,.worcester-accredited-right { text-align:center;}

.box-pen,#booking,.accreditations,.header-mid { text-align:center;}
#areas h1 { font-size:20px; padding:0 0 10px;}
.heating-box-1,.heating-box-1:last-child {float:none; display: inline-block; width:100%; margin:10px 0px; padding:15px; border:1px solid #d5d5d5;}
.box-1{ float:none; display: inline-block; width:46%; margin:10px 0px; padding:0;}

.box-1 img { width:100%;}
.home-img { float:none; text-align:center; margin:0 0 10px;}
.content-left h3,.content-left h2 { margin:5px 0;}

.box-pen li { float:none; display:inline-block; margin:10px 0; width:40%;}

.content-left,.content-right,.booking-left,.booking-right,.accreditations-left,.accreditations-right,.register-left,.register-right,.row2-left,.row2-right,
.row-left,.row-right,.contact-left,.contact-right,.col-left,.col-right,.worcester-left,.worcester-right,.faq-left,.faq-right,.cover-plan-left,.cover-plan-right,
.blog-left,.blog-right,.atag-left,.atag-right,.worcester-accredited-left,.worcester-accredited-right,
.gas-safe-left,.gas-safe-right { float:none; display: inline-block; width:100%;}
.service li { font-size:13px; line-height:22px;}

.
.booking-right .btn a { padding:8px 20px;}

.pic-img img { width: auto;}

.footer-1,.footer-2,.footer-3,.footer-4 { border:0px; padding:6px 0; margin:0px; float:none; display:inline-block; width:100%;}
.footer-4 { text-align:center;}
.footer-1 li span { min-height:100px;}
.footer-1 li { width:100%; float: none;}
.footer-4 li { float:none; width:auto; display:inline-block; margin-top:12px; padding:0px;}

#copyright p { text-align:center;}
.header-right img { width:auto;}
.footer-2 li { font-size:12px;}

.contact-right .address h2 a { font-size:30px; line-height:25px; margin:0px; padding:0px;}
.offers ul {-webkit-column-count:2; /* Chrome, Safari, Opera */  -moz-column-count: 2; /* Firefox */  column-count: 2; overflow:hidden;}
.why-choose { width:100%; margin:0px; float:none; text-align:center;}

#copyright p { font-size:14px; line-height:18px;}
}

@media only screen and ( max-width:620px) {
.box-1 h2 { font-size:17px;}
.offers-1 { width:100%;}
}

@media only screen and ( max-width:520px) {
.pic-img img,.home-img img { width:100%;}
.footer-1,.footer-2 { width:100%; margin:0px;}
.logo { padding:10px 0;}
}

@media only screen and ( max-width:420px) {
.logo img { width:auto;}
.header-mid { margin:0px;}
.box-1, .box-1:last-child {float:none; display: inline-block; width:100%; margin:10px 0;}
.service ul { width:100%;}
.phone-top h2, .email-top h2 { font-size:20px;}
.box-1, .box-1:last-child { width:45%;}
.offers ul {-webkit-column-count:1; /* Chrome, Safari, Opera */  -moz-column-count: 1; /* Firefox */  column-count: 1; overflow:hidden;}
.box-pen li,.featured-services li img { width:100%;}
.header-mid h2  { font-size:20px; margin:0px; padding:10px 0 0;}
}

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

}