@media only screen and ( max-width:1650px) {
#why-choose { background:#25408f url('../images/res-img.png'); background-position:top 0 left 0; background-repeat:repeat-x; background-size:auto auto;}
#footer { background:url('../images/res-img.png'); background-position:top 0 left 0; background-repeat:repeat-x; background-size:auto auto;}
#booking { background:#25408f url('../images/res-img.png'); background-position:top 0 left 0; background-repeat:repeat-x; background-size:auto auto;}

.why-choose { width:90%; text-align:center; margin:0 auto; float:none;}
#home-box { background-size:auto 100%}
}

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

#header { text-align:center; margin:45px 0 0;}
.logo,.header-mid,.header-right { float:none; display:inline-block; width:auto; margin:0px; padding:10px 15px;}


#why-choose { margin:30px 0;}
.booking-btn a { font-size:17px;}

.box-pen li { margin:0 28px 0 0;}

#trust-pilot { margin:0 0 30px;}
.trust-pilot li { width:30%; margin:0px;} 
.trust-pilot li img { width:100%;}

.booking { padding:10px 0;}
.booking-left { width:68%;}
.booking-right { width:30%;}
}


@media only screen and ( max-width:980px) {
#content { margin:20px 0;}

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

.header-top { text-align:left; float:none;}
.header-top li { float:none; display:inline-block;}

.booking-btn a { font-size:14px; padding:12px 30px;}

#areas-we-cover { padding:35px 0;}	
.areas-we-cover-left { width:10%;}
.areas-we-cover-right { width:90%;}
.testimonials-img2 img { max-width:100%;}

.home-box li h2 { font-size:22px; line-height:25px;}

}

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

}


@media only screen and ( max-width:767px) {
h1,#trust-pilot h1,.areas-we-cover h1,.accreditations h1,.why-choose h1 { font-size:26px; line-height:30px;}
.accreditations h1,.areas-we-cover h1,.why-choose h1,#trust-pilot h1{ padding:0 0 15px;}
.booking-left h1,#worcester-full h1 { font-size:22px;}
.booking-right .btn a { padding:6px 20px; font-size:20px; border:2px solid #fff;}
.booking-right .btn { margin-top:30px;}
.areas-we-cover-right h2 { font-size:18px; line-height:22px;}
.areas-we-cover-right p { font-size:16px; line-height:20px;}

 
p { font-size:15px; line-height:22px;}
.home-box li { float:none; display:inline-block; width:auto;}

#content,#booking,#footer,#booking-btn,.footer-3 h2,.booking-left h1,#row,.worcester { text-align:center;}
.booking-btn-right { margin-top:30px;}

.row-left,.row-right,.row2-left,.row2-right,.worcester-left,.worcester-right,
.videos-left,.videos-right,.contact-left,.booking-btn-left,.booking-btn-right,
.contact-right,.booking-left,.booking-right,
.footer-1,.footer-2,.footer-3 { float:none; display:inline-block; width:100%;}

.accreditations p,.why-choose p { margin:0px; font-size:15px; line-height:22px;}
.footer-1,.footer-2,.footer-3 { margin:10px 0; padding:0px;}

.contact-left { margin-bottom:30px;}

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

#home-box { margin:0px;}

#gas-safe { margin:0px;}
#oftec { text-align:center;}
.oftec-left,.oftec-right { float:none; display:inline-block; width:100%;}


.box-pen li { width:24%; float:none; display:inline-block;}
.box-pen li:last-child { float:none;}
.home-box li img  { vertical-align:top;}
}

@media only screen and ( max-width:640px) {
#header {  margin-top:70px;}
.gas-safe h1 { font-size:22px;}
#gas-safe {background-position: right 37% top 0}

#areas-we-cover { text-align:center;}
.areas-we-cover-left,.areas-we-cover-right { float:none; display:inline-block; width:100%;}


.box-pen li { width:40%; margin-bottom:20px;}
.home-box li { width:48%; vertical-align:top;}
.home-box li h2 { font-size:20px; line-height:25px;}
.home-box li img { width:70%;}
}

@media only screen and ( max-width:520px) {
.booking-btn a { font-size:16px;}
.header-top li { margin:0px;}
.home-box li { padding-bottom:30px;}

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

.logo, .header-mid, .header-right { padding:0px;}

.booking-btn a { font-size:12px;}	
}

@media only screen and ( max-width:420px) {
.header-mid h1 { font-size:30px;}
.booking-btn a {padding: 10px 15px;}
.box-pen li { width:49%;}
}