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

}

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

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

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


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


@media only screen and ( max-width:1200px) {
.wrapper { width:90%; margin:0 5%;}
#header { text-align: center;}
.logo,.header-mid,.header-right { float:none; display: inline-block; width:auto; padding: 0 0 15px;}
.header-right  { padding:0px;}

#content2 { margin:30px 0;}

.booking-left { width:70%;}
.booking-right { width:25%;}

.contact-right p br { display:none;}

#about-us { background-size:cover;}
#about-us h2 { font-size:35px; line-height:40px;}

#box-pen li { margin:0 10px;}
}


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

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

#box-pen li { width:24%;}
#box-pen li img { width:100%;}

.booking-left { width:70%;}
.booking-right { width:28%;}
}

@media only screen and ( max-width:767px) {
p,.worcester-home-right p,.row-right p {font-family:'Montserrat Light'; font-size:15px; line-height:25px;}
h2,.contact-left h2, .contact-right h2 { font-size:22px; line-height:30px;}
h3,.powerflushing-right h3,.content-left h3 {font-size:16px; line-height:25px;}

.content-left h3 br { display:none;}

.home-img { margin:0 0 20px;}

.booking-left h2,.content-left h2{ font-size:25px; line-height:30px;}
.booking-right a {font-size: 17px; padding:8px 20px;}


#content,#boiler-repairs,#powerflushing,#bathroom-nstallations,#other-services,#footer,#booking,#accreditations,#copy-right p,.worcester,#worcester2 { text-align:center;}

.row-left,.row-right,.boiler-repairs-left,.boiler-repairs-right,.powerflushing-left,.powerflushing-right,
.bathroom-nstallations-left,.bathroom-nstallations-right,.other-services-left,.other-services-right,
.worcester-left,.worcester-right,.contact-left,.contact-right,.booking-left,.booking-right,
.accreditations-left,.accreditations-right,.content-left,.content-right,
.footer1,.footer2,.footer3,.worcester2-left,.worcester2-right {float:none; display:inline-block; width:100%;}

.contact-form { padding:15px;}

.footer1,.footer2,.footer3 { padding:0px; margin:0px; border:0px;}

.footer1 li:first-child span,.footer1 li:last-child span { float:none; display:inline-block; min-height:auto; width:100%;}

#our-services-include p { font-size:20px;}
#our-services-include h2 { font-size:24px; padding:0 0 10px;}

ul.services1 li,.footer3 li,ul.services2 li { text-align:left;}

#copy-right p { font-size:14px; line-height:22px;}
#copy-right p span { font-size:20px;}
.footer3 ul { -webkit-column-count: 2; /* Chrome, Safari, Opera */  -moz-column-count: 2; /* Firefox */  column-count: 2; overflow:hidden;}

.footer3 ul { width:60%; margin:0 auto;}

#areas-cover h2,.accreditations-left h2 { font-size:30px; line-height:40px;}
.contact-add h3 a { font-size:35px; line-height:40px;}

.home-img { text-align:center; float:none;}
}

@media only screen and ( max-width:640px) {
.header-mid h2 { font-size:28px; line-height:35px;}

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

@media only screen and ( max-width:540px) {
#areas-cover h2, .accreditations-left h2 { font-size:25px; line-height:30px;}
.footer3 ul { width:100%;}
#box-pen li { width:32%;}
.home-img img { width:100%;}
}

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

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


@media only screen and ( max-width:420px) {
#box-pen li { width:42%;}
}

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

}