@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 { 	margin:16px 0;}
.logo { width:40%;}
.header-mid { width:36%;}
.header-right  { width:20%;}
.header-mid h2 a { border-right: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;}

.accreditations-left {width: 44%;}
.accreditations-right {width: 56%;}
}


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

.accreditations-left { width:42%;}
.accreditations-right { width:58%;}
.home-img { float:none; margin-bottom:20px;}

}

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

.accreditations-left { width:100%; text-align:center;}
.accreditations-right { width:100%; text-align:center;}

.booking-left { width:70%;}
.booking-right { width:28%;}
}
@media only screen and ( max-width:860px) {
.logo { width:32%; margin-right:40px;}
.logo img { width:100%;}
.header-mid { width:39%; margin:0px;}
.header-mid h2 { font-size:21px; line-height:30px; margin:0px; padding:0px;}
.header-mid h2 a { padding:0px;}
}


@media only screen and ( max-width:768px) {
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;}

#header { text-align:center;}
.logo,.header-mid,.header-right { float:none; display:inline-block; width:auto;}
.logo { margin-bottom:20px;}
.header-right { margin-top:20px;}
.header-mid h2 span { float:none; width:100%; display:inline-block; min-height:auto; margin:0px;}
.header-mid h2 a { border-right: 4px solid #f58838; padding:0 10px 0 10px;}

.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,#footer,.footer2 h2,.footer3 h2,.booking-right { 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,.gas-safe-left,.gas-safe-right,
.footer1,.footer2,.footer3,.footer4,.worcester2-left,.worcester2-right {float:none; display:inline-block; width:100%;}

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

.contact-form { padding:15px;}

.footer1,.footer2,.footer3,.footer4 { 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%;}
.footer4 li {  display:inline-block;}
#our-services-include p { font-size:20px;}
#our-services-include h2 { font-size:24px; padding:0 0 10px;}


#copy-right p { font-size:14px; line-height:22px;}
#copy-right p span { font-size:20px;}


#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;}
#oftec { text-align:center;}
.oftec-left,.oftec-right { float:none; display:inline-block; width:100%;}

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

@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) {
.header-mid h2 span img { width:10%;}
.header-mid h2 { font-size:22px; line-height:25px;}
.header-mid h2 a { font-size:18px; line-height:20px; margin:5px 0;}

#areas-cover h2, .accreditations-left h2 { font-size:25px; line-height:30px;}
.footer3 ul { width:100%;}
.home-img img { width:100%;}

.booking-left h2,.content-left h2{ font-size:22px; line-height:30px;}

.content-left h4 { font-size:16px;}
}
@media only screen and ( max-width:520px) {
.pic-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) {
.accreditations-right li:first-child img { width:90%;}
}


@media only screen and ( max-width:360px) {
.header-mid h2 a { font-size:16px; line-height:16px; }
}