@media only screen and ( max-width:1800px) {

}

@media only screen and ( max-width:1620px) {

}

@media only screen and ( max-width:1420px) {
#header { margin:4% 0 0 0;}
}

@media only screen and ( max-width:1300px) {

} 

@media only screen and ( max-width:1200px) {
.wrapper { width:92%; margin:0 4%;}
#header { text-align:center; margin:5% 0 0;}
.logo,.header-right { float:none; display:inline-block; width:auto; vertical-align:middle; margin:0 15px 0 0;}


.boiler-could-left { width:75%;}
.boiler-could-left h2 { font-size:22px; line-height:26px;}
.boiler-could-right { width:24%;}

#homecallnow-banner {
background:
linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),
url('../images/homecallnow-banner-res.png');
background-repeat: no-repeat,no-repeat;
background-position:top 0 left 0,left 0% bottom 0%;
background-size:100% 100%,cover;}
.homecallnow-banner { text-align:center;}
.homecallnow-banner h2 { color:#fff;}
.homecallnow-banner h2 br { display:none;}
.homecallnow-banner p { color:#fff;}

.locations ul { -webkit-column-count:3 ; /* Chrome, Safari, Opera */  -moz-column-count: 3; /* Firefox */  column-count: 3; overflow:hidden;}

.call-us-left { width:58%;}
.call-us-left h2 {font-size:22px;line-height:30px;}
.call-us-left h2 br { display:none;}

.call-us-right { width:40%;}
.why-choose { margin:30px 0;}
.why-choose-left h2 { font-size:30px; line-height:40px;}
.why-choose-left h3 { font-size:17px; line-height:25px;}
.why-choose-left p { line-height:30px;}
.why-choose-left { margin-bottom:30px;}
.why-choose-left h3 br,.why-choose-left p br,.accreditations p br { display:none;}

#our-services-include { padding:50px 0;}

.footer1 { width:48%;}
.footer2 { width:26%; margin:0px;}

.call-now-left { width:68%;}
.call-now-right { width:30%;}

.getin-touch-left h2 br { display:none;}

.getin-touch-left { width:64%;}
.getin-touch-left h2 { font-size: 22px;line-height: 30px;}
.getin-touch-left p { font-size:19px;}
.getin-touch-right { width:35%;}

}

@media only screen and ( max-width:1100px) {
.logo,.header-right { margin:0 10px 0 0;}
.box-pen li { width:auto; margin:0 10px 0 0;}
}

@media only screen and ( max-width:1050px) {
.logo,.header-right { margin:0;}

.footer1 h2 { font-size:22px;}
.footer1 li h3 { font-size:19px;}
.footer1 li h3 a { font-size:22px;}
.footer1 li:last-child h3 {font-size:16px;}
.footer1 li:last-child h3 a {font-size:23px;}
}

@media only screen and ( max-width:1020px) {
.logo { margin:0 0 15px;}

.call-now-left { width:64%;}
.call-now-right { width:34%;}
}

@media only screen and ( max-width:980px) {
.header-top-left { width:40%;margin-right: 4%;}
.header-top-right { width:40%; float:left;}

.choose-services li { font-size:17px; line-height:40px; background-position:top 14px left 0;text-align:left; padding:0 10px 0 40px; text-align:center;}

#call-us { text-align:center;}
.call-us-left,.call-us-right { float:none; display:inline-block; width:100%; text-align:center;}


.footer1 h2 { font-size:20px; padding-bottom:10px;}
.footer1 li h3 { font-size:17px;}
.footer1 li h3 a { font-size:20px;}
.footer1 li:last-child h3 {font-size:14px;}
.footer1 li:last-child h3 a {font-size:20px;}
.footer1 p { font-size:17px;}
.footer3 h2 { font-size:25px;}

.footer1 { width:50%;}
.footer2 { width:24%;}

.call-now-left { width:60%;}
.call-now-right { width:40%;}

#getin-touch { text-align:center;}
.getin-touch-left,.getin-touch-right { float:none; display:inline-block; width:100%; text-align:center;}

.worcester-left h2 br, .worcester-right h2 br { display:none;}
}

@media only screen and ( max-width:820px) {

}

@media only screen and ( max-width:768px) {
h1 { font-size:24px; line-height:30px;}
h2 { font-size:19px; line-height:25px;}
h3 { font-size:18px; line-height:25px;}
h4 { font-size:16px; line-height:25px;}
p { font-size:17px !important; line-height:28px !important;font-family:'Montserrat Light';}

.accreditations h2,.areas h2 { font-size:32px; line-height:40px;}

#content,#content2 { margin:30px 0;}

#accreditations { margin:30px 0;}

#worcester-home,#footer,.footer1 li h3,#boiler-could-box,.boiler-could-right,#call-now,.call-now-right,#content,#content2 { text-align:center;}
.header-top-left { text-align:left;}

.header-top-right p { display:none;}
.header-top-left, .header-top-right { float:none; width:auto; display:inline-block; vertical-align: middle;}
.header-top-left p { font-size: 14px !important; line-height: 22px !important; display: inline-block;}

.box-pen li h2 { font-size:20px;}

.row-left,.row-right,.row2-left,.row2-right,.row3-left,.row3-right,.worcester-home-left,.worcester-home-right,.footer1,.footer2,.footer3,
.boiler-could-left,.boiler-could-right,.why-choose-left,.why-choose-right,.call-now-left,.call-now-right,.worcester-left,.worcester-right,.contact-left,.contact-right {float:none; display:inline-block; width:100%;}


.worcester-col-left { float:none; display:inline-block; width:100%; min-height:auto; margin:40px 0;}
.worcester-col-left h2 { font-size:22px; line-height:30px;}
.worcester-col-left h2 br,.worcester-col-left h3 br { display:none;}

.worcester-services li { font-size:17px; line-height:25px;}
.worcester-full h2 { font-size:19px; line-height:30px;}

.call-now-right { margin:20px 0;}

.worcester-left h2,.worcester-right h2 { font-size:24px; line-height:30px;}
.boiler-could-right { margin:4% 0 15px;}

#our-services-include p { font-size:20px;}
#our-services-include h2 { font-size:24px; padding:0 0 10px;}

.homecallnow-banner h2 {font-size:28px;line-height:35px;}

#call-us { margin:30px 0;}

#footer { padding:30px 0;}
.footer2 { margin:4% 0;}
.footer1 p br { display:none;}

#copy-right p { font-size:15px;}
#copy-right p span { font-size:18px;}

#homecallnow-banner,.homecallnow-banner { height:400px;}

.heating-services ul { -webkit-column-count: 2; /* Chrome, Safari, Opera */  -moz-column-count: 2; /* Firefox */  column-count: 2; overflow:hidden;}
.heating-services li { text-align:left;}


.contact-text-add li h3 { font-size:19px; line-height:40px;}
.contact-text-add li h3 a {font-size: 21px; line-height:40px;}
.contact-text-add li:last-child h3 { font-size:17px;line-height:40px;}
.contact-text-add li:last-child h3 a { font-size:22px;line-height:40px;}
.contact-right p br { display:none;}
.contact-text-add li { display:inline-block;}

.contact-text-map p { text-align:center;}
.contact-text-map p span { width:100%; float:none; display:inline-block; margin:0px;}
}


@media only screen and ( max-width:640px) {
#header {margin: 13% 0 0;}
.header-top-right li { font-size:14px;}
.logo img { width:80%;}
.header-right h2,.header-right h2 a { font-size:20px;}
.header-right h2:last-child { font-size:18px;}

.our-services-include ul,.locations ul { -webkit-column-count: 2; /* Chrome, Safari, Opera */  -moz-column-count: 2; /* Firefox */  column-count: 2; overflow:hidden;}
.locations ul { -webkit-column-count: ; /* Chrome, Safari, Opera */  -moz-column-count: 2; /* Firefox */  column-count: 2; overflow:hidden;}

#box-pen { padding:25px 0;}
.boiler-could { padding:20px 15px;}
.boiler-could-left h2 { font-size:18px; line-height:24px;}
.boiler-could-right { margin:5% 0 15px;}

.boiler-could-right a { font-size:17px;}

.homecallnow-banner h2 {font-size:24px;line-height:30px;}

#our-services-include { padding:30px 0;}
#our-services-include .btn { margin:40px 0 0;}
#our-services-include .btn a { font-size: 16px;padding: 8px 20px;margin: 0 10px;}


#worcester-home { padding:35px 0;}
.worcester-home-right { margin-bottom:30px;}
.worcester-home-right p { margin:5px 0;}

.getin-touch-left h2 { font-size:20px; line-height:30px;}
.getin-touch-right a,.getin-touch-right a:hover { font-size:17px;}

.pic-img img {width: 50%;}
}

@media only screen and ( max-width:560px) {
#header {margin: 14% 0 0;}
.header-top-right li { font-size:13px; line-height:20px;}
.header-right h2 span { vertical-align:middle;}
.header-right h2,.header-right h2 a { font-size:15px; line-height:22px;}
.header-right h2:last-child { font-size:14px; line-height:20px;}

.worcester-home-right h2 { font-size:20px; line-height:26px;}

.accreditations li:first-child img { width:90%;}

.homecallnow-banner h2 {font-size:20px;line-height:30px;}

.homecallnow-banner .btn a { padding:12px 20px; font-size:19px;}

.accreditations h2,.areas h2 { font-size:27px; line-height:30px;}

#homecallnow-banner,.homecallnow-banner { height:350px;}

.call-now-right a {box-shadow: 1px 1px 0px 1px #0066ab; font-size:16px; padding:8px 15px;}

.getin-touch-left h2 { font-size:18px; line-height:30px;}

} 

@media only screen and ( max-width:460px) {
#header {margin: 18% 0 0; padding:0 0 10px;}

.our-services-include ul,.locations ul,.worcester-services ul,.heating-services ul  { -webkit-column-count: 2; /* Chrome, Safari, Opera */  -moz-column-count: 2; /* Firefox */  column-count: 2; overflow:hidden;}
.locations li {font-size: 13px; padding: 0 0 0 12px;}

.worcester-services li { font-size:17px; line-height:26px;}
.homecallnow-banner h2 {font-size:17px;line-height:26px;}

.footer1 li h3 {font-size:18px;}
.footer1 li h3 a { font-size:19px;}
.footer1 li:last-child h3 {font-size:18px;}
.footer1 li:last-child h3 a {font-size:18px;}

.accreditations li { padding:0px;}
.choose-services li { font-size:16px;}

.homecallnow-banner .btn a { padding:10px 20px;  font-size: 17px;box-shadow: 1px 1px 0px 1px #00b1f4;}

.getin-touch-left h2 { font-size:16px; line-height:25px;}
.getin-touch-right a,.getin-touch-right a:hover { font-size:15px; background-size:11%;box-shadow: 1px 1px 0px 1px #0074b0;}


.contact-text-add li h3 { font-size:17px;}
.contact-text-add li h3 a {font-size: 19px; }
.contact-text-add li:last-child h3 { font-size:15px;}
.contact-text-add li:last-child h3 a { font-size:20px;}
.contact-text-add li h3 span img { width:6%;}

.call-us-left h2 { font-size:18px; line-height:25px;}
.call-us-right a { padding:10px 20px; font-size:18px;}

#our-services-include .btn a { font-size: 15px;padding:8px 15px;margin: 0 10px;}
}

@media only screen and ( max-width:380px) {
#header {margin:22% 0 0; padding:0 0 10px;}
p { font-size:16px !important; line-height:28px !important;font-family:'Montserrat Light';}

.header-right h2,.header-right h2 a { font-size:15px;}
.header-right h2:last-child { font-size:13px;}

.footer1 li h3 {font-size:13px;}
.footer1 li h3 a { font-size:16px;}
.footer1 li:last-child h3 {font-size:13px;}
.footer1 li:last-child h3 a {font-size:14px;}

.contact-text-add li h3 { font-size:15px;}
.contact-text-add li h3 a {font-size: 16px; }
.contact-text-add li:last-child h3 { font-size:13px;}
.contact-text-add li:last-child h3 a { font-size:17px;}
.contact-text-add li h3 span img { width:5%;}

#our-services-include .btn a { display:inline-block; margin-bottom:20px;}
}
















