@media only screen and (min-width:576px) {
.col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% }
.col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% }
.col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
.col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }
.col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% }
.col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
.col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% }
.col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% }
.col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% }
.col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% }
.col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% }
.col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
}
@media only screen and (min-width:992px) {
.col-lg { -ms-flex-preferred-size: 0; flex-basis: 0%; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% }
.col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% }
.col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% }
.col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% }
.col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
.col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }
.col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% }
.col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
.col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% }
.col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% }
.col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% }
.col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% }
.col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% }
.col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
}
@media only screen and (max-width:1700px) {
.locations { margin: 20px 0 0 }
.locations ul{margin:0 0 0 70px;}
}
@media only screen and (max-width:1600px) {
#worcester-banner { background-position: top 20% center!important }
.pd90 { padding: 70px 0 }
}
@media only screen and (max-width:1400px) {
.pd90 { padding: 60px 0 }
}
@media only screen and (max-width:1200px) {
p br, h3 br { display: none }
.wrapper { width: 90%; margin: 0 5% }
.header { border: 0; padding: 0 0 }
.booking-left { width: 70% }
.booking-left h2 { margin: 0; padding: 0 }
.booking-right { width: 30% }
.areas-left { width: 10% }
.areas-right { width: 90% }
.locations ul{margin:0 0 0 105px;}
}
@media only screen and (max-width:1100px) {
.header-phone h2 a { font-size: 20px }
}
@media only screen and (max-width:1000px) {
#header { text-align: center }
.logo, .header-right { float: none; display: inline-block; width: auto; margin: 0; padding: 0 20px 0 0; vertical-align: middle }
.header-phone span { float: none }
.header-phone h2 a { display: inline-block }
.header-right { margin-left: auto; margin-right: 15px;}
.locations ul{margin:0 0 0 85px;}
}
@media only screen and (max-width:900px) {
.footer1 { width: 26% }
.footer2 { width: 28%; padding: 0 30px }
.footer3 { width: 32%; padding: 0 20px; margin: 0 }

#areas { padding:40px 0;}
.locations1 { width: 30% }
.locations { padding-left:0; }
.our-services-include li { font-size: 14px }
.locations ul{margin:0;}
.locations li { font-size:18px; line-height:25px;}
}
@media only screen and (max-width:767px) {
.pic-img p { font-size: 18px; line-height: 28px }
.pic-img { text-align: center!important; margin-bottom: 20px; }
.booking-right { margin-top: 20px; }
p { font-size: 16px; line-height: 26px; font-family: 'Montserrat Light' }
h2 { font-size: 28px; line-height: 40px }
h3 { font-size: 18px; line-height: 26px }
h4 { font-size: 17px; line-height: 26px }
#content { margin: 30px 0 }
.worcester-left h2, .worcester-right h2 { font-size: 24px; line-height: 30px }
.worcester-home-left, .worcester-home-right { float: none; display: inline-block; width: 100% }
#worcester, #content, #content1, #content2, #footer, #booking, #contact, #areas, #worcester-home, #accreditations, .accreditations-right, #landlord, #boiler-serv { text-align: center }
.welcome-row-left, .welcome-row-right, .accreditations-left, .accreditations-right, .worcester-left, .worcester-right, .row-left, .row-right, .row2-left, .row2-right, .boiler-serv-left, .boiler-serv-right, .landlord-left, .landlord-right, .about-left, .about-right, .about1-left, .about1-right, .booking-left, .booking-right, .contact-left, .contact-right, .footer1, .footer2, .footer3, .footer4 { float: none; display: inline-block; width: 100% }
.footer1, .footer2, .footer3, .footer4 { margin: 0; padding: 0; text-align: center; border: 0 }
.footer2, .footer3 { padding: 15px 0 }
.footer4 li { display: inline-block; margin: 15px 0 0 }
.worcester-col-left { float: none; display: inline-block; width: 100%; margin-bottom: 70px; min-height: auto }
.pic-img img { width: 90% }
.areas-left, .areas-right { float: none; display: inline-block; width: 100%; margin: 0; padding: 0 }
.areas h2 { font-size: 28px; margin: 15px 0 0 }
#our-services-include p { font-size: 20px }
#our-services-include h2 { font-size: 24px; padding: 0 0 10px }
#copy-right p { font-size: 15px; line-height: 22px }
#copy-right p span { font-size: 20px }
#footer { padding: 30px 0 }
.contact1 p span, .contact2 span { float: none; display: inline-table; width: 100%; min-height: auto; margin: 0; padding: 10px 0 }
.contact-left { margin-bottom: 20px }
.contact-add h3 { font-size: 23px; line-height: 35px }
.contact-add h3 a { font-size: 30px; line-height: 40px }
.formrow { text-align: left }
.label label { font-size: 18px }
.locations li { font-size: 14px }
.locations li { text-align: left }
.worcester-services li { line-height:20px;    background-position: top 12px left 0;}
.locations li {background-position: top 6px left 0;}
.locations {padding-left: 0;}

.col-sm-3, .col-sm-6, .col-sm-3 {
    float: none !important;
    display: inline-block !important;
    width: 100% !important;
    text-align: center;
    max-width: 100% !important;
    flex: 100%;
}
.col-sm-3 { margin:20px 0 0;}


.footer .footer-top .tell-text { font-size:35px; margin:15px 0;}
.footer .footer-top ul a { line-height:32px;}

}

@media only screen and (max-width:640px) {
.our-services-include ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; overflow: hidden }
}
@media only screen and (max-width:600px) {
#our-services-include p { font-size: 18px; line-height: 26px }
#our-services-include h2 { padding: 10px 0 }
.logo, .header-phone, .header-right { margin: 0; padding: 0 }
.header-phone { padding: 15px 0 }
.footer .footer-top .map-box { border: 0 }
.pd90, #our-services-include { padding: 40px 0 }
.bottom-slider-text {display: block;text-align: center;align-items: center;}
.footer .footer-top ul a {
    line-height: 24px;
}
}
@media only screen and (max-width:540px) {
h2 { font-size: 22px; line-height: 30px }
.services ul { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; overflow: hidden }
.our-services .our-services-include li { font-size: 14px }
.customer-section h2 + p { font-size: 15px }
}
@media only screen and (max-width:420px) {
.our-services-include ul { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; overflow: hidden }
.label label { font-size: 16px }
.worcester-services li { line-height:25px; background-position: top 18px left 0;}
}
@media only screen and (max-width:380px) {
.header-phone h2 a { font-size: 18px }
ul.services2 li { font-size: 16px; line-height: 26px }
.footer .footer-top .tell-text { font-size:30px;}
}
@media only screen and (max-width:340px) {
.header-phone h2 { line-height: 24px }
.header-phone h2 a { font-size: 16px }
}