@media only screen and ( max-width:1600px) {

}


@media only screen and ( max-width:1170px) {

#home-testimonials { background-size: 300% 300%;}

.reviews-text { width:50%;}


.accreditations .bx-wrapper .bx-prev { left:0px;}
.accreditations .bx-wrapper .bx-next { right:0px;}

}

@media only screen and ( max-width:1100px) {
.wrapper { width:90%; margin:0 6%;}

#header { text-align:center;}
.logo,.header-mid,.header-right { float:none; display:inline-block; width:auto; vertical-align:middle; padding:0 10px;}

#box-pen li,#box-pen li:first-child,#box-pen li:last-child { float:none; display:block; width:auto; text-align: center;}

.callus-left { width:75%;}
.callus-left h2 { font-size:26px; line-height:30px;}
.callus-right { width:25%;}

}


@media only screen and ( max-width:980px) {
.space { margin:0px;}

.footer-1 { width:26%;}
.footer-2 { width:28%; margin:0 30px;}
.footer-3 { width:16%;}
.footer-4 { width:12%;}

.gas-safe-text { width:100%;}
.gas-safe { padding:25px 0;
background:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url('../images/gas-safe-bg.jpg');
background-repeat: no-repeat, no-repeat;
background-position:top 0 left 0,top 0 left 0;
background-size: cover,cover;}


#contact-callus { padding:40px 0; text-align:center;
background:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url('../images/contactus-midpage-banner.png');
background-repeat: no-repeat, no-repeat;
background-position:top 0 left 0,left 0 bottom 50%;
background-size: cover,cover;}
#contact-callus h2 { font-size:32px; line-height:40px; margin:0px; padding:0px;}
#contact-callus p { font-size:25px; line-height:30px;}
#contact-callus p br { display:none;}

}

@media only screen and ( max-width:767px) {
h1,#call-us h1 { font-size:26px; line-height:30px;}
h2 { font-size:22px; line-height:30px;}
h3 { font-size:18px; line-height:24px;}
p { font-size:16px; line-height:24px;}

.menu { border:0px;}
#menu { padding:0px;}
#header { padding-bottom:0px;}
.logo { width:100%; padding:0px;}
.header-right { margin:5px 0 0;}
#box-pen { padding:30px 0;}

.header-mid li { margin:0 0 10px;}
#box-pen li a h2 { margin:0px; padding:15px 0;}
#welcome-row { padding:50px 0;}
.callus-left h2 { font-size:25px; line-height:32px;}
.home-services li { font-size:16px;}
.footer-4 li { display:inline-block;}
#copy-right h4 { font-size:13px; line-height:22px;}

#accreditations h1 { margin:0px; padding:0px;}

#accreditations .slide .bx-wrapper .bx-viewport {
    min-height: 50px;
    overflow: hidden;
    transform: translateZ(0px);
}

#content,#footer,#accreditations,.home-services,.reviews-text { text-align: center;}
#content,#footer,#accreditations,#why-choose { margin:30px 0; padding:0px;}

#call-us,.gas-safe-text { padding:30px 0;}

#home-testimonials { padding:30px 0;}

.home-testimonials { padding:15px 0 0;}
.reviews { width:80%;}

#call-us .btn p {padding: 6px 25px;font-size: 20px;line-height: 24px; border-radius:18px;}
#call-us .btn p span { width:100%; float:left;}

.content-left,.content-right,.accreditations-left,.accreditations-right,.booking-left,.booking-right,.gas-safe-left,.gas-safe-right,
.row-left,.row-right,.home-services-left,.home-services-right,.callus-left,.callus-right,
.contact-left,.contact-right,.footer-1,.footer-2,.footer-3,.footer-4 { float:none; display:inline-block; width:100%;}
.footer-1,.footer-2,.footer-3  { margin:0px; padding:0 0 10px;}
.footer-3 li { line-height:26px;}

.callus-left,.callus-right { text-align:center;}

.footer-1 h2 span,.footer-1 h3 span { min-height:auto; width:100%;}

.home-services ul { -webkit-column-count: 2; /* Chrome, Safari, Opera */  -moz-column-count: 2; /* Firefox */  column-count:2; overflow:hidden;}
.home-services li { text-align:left; font-size:17px; font-weight:normal; line-height:22px;}

.pic-img img { width:auto;}

#copy-right p { font-size:14px; line-height:20px;}

#accreditations li:first-child img { width:100%;}
#home-testimonials { background-size: 400% 400%;}
.footer-1 h2 { vertical-align:top;}

.contact-right .contact-phone,.contact-right .contact-map { padding:0px;}
.contact-right p { font-size:15px; line-height:22px;}
.contact-right p br { display:none;}

.contact-left { margin-bottom:20px;}
.pad1 { text-align:center;}



.content-left li { text-align:left;}

.footer-4 { margin:0px;}
.content-right { margin:15px 0 0;}


#home-services p { font-size:16px; line-height:22px;}

.contact-address h3 { margin:0px; padding:0px;}
}

@media only screen and ( max-width:640px) {
p { font-size:14px; line-height:24px;}
.home-services ul {-webkit-column-count: 2; /* Chrome, Safari, Opera */  -moz-column-count:2; /* Firefox */  column-count:2; overflow:hidden;}	

.reviews { width:100%;}
.reviews-logo,.reviews-text { width:100%; float:none; display:inline-block;}

.gas-safe h1,#call-us h1 { font-size:22px; margin:15px 0 0; padding:0px;}
#accreditations p,#call-us p { font-size:17px; line-height:22px;}
#call-us h1 { margin:0px;}
.gas-safe h3 { font-size:17px; line-height:22px;}

#accreditations {display:none;}
#logomob {display:block;}
}

@media only screen and ( max-width:540px) {
.pic-img img { width:100%;}
.home-services ul,.home-services ul  {-webkit-column-count: 1; /* Chrome, Safari, Opera */  -moz-column-count:1; /* Firefox */  column-count:1; overflow:hidden;}	

.callus-left h2 { font-size:19px; line-height:28px;}
.callus-left p { font-size:16px; line-height:25px; margin:10px 0;}
#home-services h2 { font-size:20px; line-height:28px; padding:10px 0;}

.home-services li { font-size:15px; line-height:26px; background: url(../images/dot2.png) 0 11px no-repeat;}
.gas-safe h2 { font-size:20px; line-height:28px;}

#contact-callus h2 { font-size:25px; line-height:30px;}
#contact-callus p { font-size:22px; line-height:28px;}

#accreditations .slide a img { max-width:60px;}
.slider .flexslider .slides img {
    width: 90% !important;
}
}


@media only screen and ( max-width:420px) {
#call-us .btn p {padding: 6px 18px;font-size: 16px;}

#home-testimonials { background-size: 450% 450%;}

#box-pen li { margin:0px;}
#box-pen { text-align:left;}

}

@media only screen and ( max-width:350px) {
#call-us .btn p {font-size: 15px;}
}






























