@media only screen and ( max-width:1680px) {
#content,#content2 { margin:30px 0;}
#header { margin:4% 0 0;}
#worcester-home { background-size:100% 100%;}

#why-choose {background-position: bottom 0% left 10%;}
.aircon_midbanner_right h2 br,.aircon_midbanner_right h4 br { display:none;}	
}

@media only screen and ( max-width:1360px) {
#box-pen { padding:0px;}

.row-left {width: 55%;}
.row-right {width: 35%;}
.find-btn a {background-position: top 8px right 10px; font-size: 20px;}\
.find-btn a:hover {background-position: top 8px right 10px;}

.landlord-gas-left {float:left; width:40%;} 
.landlord-gas-right {float:right; width:55%;}

.aircon_midbanner_right h2 {  font-size:32px; line-height: 40px;}
.aircon_midbanner_right { padding: 50px;}
}
@media only screen and ( max-width:1300px) {
#why-choose {background-position: bottom 0% left 0%;}
.aircon2-left .pic-img { margin: 0px;}
.aircon_midbanner_left {background-position:center 0;}

}
@media only screen and ( max-width:1200px) {
.wrapper { width:90%; margin:0 6%;}
#header { margin:5% 0 0;}
#header-top,#header { text-align:center;}
.header-top-left,.header-top-right { float:none; display:inline-block; width:auto;}

.header-right img { float: right; padding: 10px 40px 30px 40px; }
.header-right h2 { text-align:center;}

.logo,.header-worcester-logo,.header-free-quote-btn,.header-phone { float:none; display:inline-block; width:auto; margin:0 1%; text-align:center; vertical-align:middle;}
.header-right { float:none; display:inline-block; width:auto;}

.header-right {margin:20px 0;}	

.areas-we-cover-services {margin: 20px 0 0;}
.areas-we-cover-left { width:10%;}
.areas-we-cover-right { width:90%;}

#truequote img { width: 100%;}

#team { text-align:center;}
.team-left,.team-mid,.team-right { float:none; display:inline-block; width:auto;}

.call-us-left { width:68%;}
.call-us-left h1 { font-size:26px; padding:0px;}
.call-us-right { width:32%;}

.spread-cost-mid img,.spread-cost-right img { width:100%;}
#spread-cost { text-align:center; background-size:250% auto;}
.spread-cost-left { margin-bottom:5%;}
.spread-cost-left img { width:auto;}
.spread-cost-left,.spread-cost-mid,.spread-cost-right { float:none; display:inline-block; width:auto;}

.smart-controls li { float:none; display:inline-block; width:auto; margin:0% !important;}
.smart-controls li h3 br { display:none;}
.smart-controls ul { min-height:auto;}
.smart-controls li .find-btn { margin:8% 0;}

.home-form .formrow.pad1 { width:22%;}
.home-form .formrow { width:23%;}
.home-form .formrow.pad1 input { font-size:17px;}

#why-choose { 
background:
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/home-image1.png');
background-color:#40aae0;
background-repeat:no-repeat, no-repeat; 
background-position:top 0% left 0%, bottom 0% right 25%;
background-size:100% 100%, auto auto;}
	
.aircon_midbanner_right h2 {  font-size:30px; line-height: 40px;}
.aircon_midbanner_right h4 { font-size: 19px; line-height:28px;}	
} 

@media only screen and ( max-width:1100px) {
#why-choose { background-size:150% auto;}

.footer1 { width:34%;}
.footer2 {width: 33%;margin: 0 2%;}
.footer3 { width:10%;}
.footer4 {width: 17%;}

.box-pen li h1 { font-size:25px;}
.box-pen li#icon1 a h3, .box-pen li#icon2 a h3, .box-pen li#icon3 a h3 { padding:7px 16px; font-size:17px;}

#header-top { z-index:99;}
}
@media only screen and ( max-width:1190px) {
.logo{width:40%; float:left;}
.logo img{width:90%; margin: 10px auto; height:auto;}
#testimonial h2 {width: 30%; font-size:35px; padding:10px 20px 15px 20px;}

#why-choose { background-size:100% 100%, 40% auto;background-position:top 0% left 0%, bottom 0% right 26%;}
.why-choose{width:100%;}
.find-btn a {font-size:16px;}
}
@media only screen and ( max-width:980px) {
.logo img{width:auto;}	
#header-top {padding:8px 0;}

.header-right { margin:0px;}

.header-right h2 {margin:0 !important;}
	
.home-form .formrow.pad1 { width:22%;}
.home-form .formrow { width:23%;}
.home-form .formrow.pad1 input { font-size:12px;}
.home-form .formrow input { font-size:15px;}
.home-form .formrow input { padding:5px 20px;}
.home-form .formrow.pad1 { margin:5px 0 0;}
.home-form .formrow.pad1 input { padding:6px 15px;}


.space { margin:10px 0;}

#our-services-include { padding:30px 0;}

#areas-we-cover { background-size:150% auto; padding:40px 0;}

.team-right { text-align:center;}

#worcester-full,#our-services-include,#areas-we-cover { background-attachment:scroll;}

#contact,#team { margin:25px 0;}

.row-left {width: 55%;}
.row-right {width: 35%;}
.find-btn a {background-position: top 8px right 10px; font-size: 11px;}
.find-btn a:hover {background-position: top 8px right 10px;}

#testimonial h2 {width: 50%; font-size:35px; padding:10px 20px 15px 20px;} 
#testimonial h2:after {left: 15%;}

#testimonial .dvleft{width:40%;}
#testimonial .dvright{width:58%;}
.bubble {margin-top:30px;} 
.bubble:after {left: 70%; margin-left: -10px; margin-bottom: -30px; }
.bubble p{font-size:16px; line-height:22px;}
.bubble p span{font-size:18px; line-height:55px;}

.contact-address-left {width: 15%;}
.contact-address-right {width: 85%;}
.contact-address-right h2 {font-size: 35px; line-height: 55px;}

.aircon_midbanner_left,.aircon_midbanner_right {width: 100%; display: inline-block;float: none; height: 400px;}	
.aircon_midbanner_right {margin: -5px 0 0 0; text-align: center;}
	
	
}
@media only screen and ( max-width:800px) {
#header { margin:7% 0 0;}
.areas-we-cover-services ul{margin:0; padding:0; column-count:2; -moz-column-count:2; -o-column-count:2;}
.areas-we-cover-services ul li{text-align:left; float:none;}
}

@media only screen and ( max-width:767px) {
p { font-size:16px; line-height:24px;}
h1,.worcester-full h1 { font-size:26px; line-height:30px;}
h3,.worcester-left h3 { font-size:22px; line-height:26px;}
.news-title h2 { font-size:18px; line-height:25px;}
.call-us-left h1 { font-size:23px; line-height:26px;}

.worcester-box h3 { font-size:19px; line-height:24px;}
.worcester-left h3 br { display: none;}
#our-services-include p { font-size:20px;}
#our-services-include h1,.areas-we-cover-right h1 { font-size:24px; padding:0 0 10px;}

.services-left,.services-right { width:100%; text-align:left;}

#aircon2 { text-align:center;}
.aircon2-right ul {text-align:left;}
.aircon2-right li {font-size: 16px; margin: 10px 0;}

#content,#content2,#areas-we-cover,#repairs-servicing,#call-us,#row2,#footer,#eligibility,.news,#hitachi,#landlord-gas,.team-right,.complaints { text-align:center;}
.areas-we-cover-left,.areas-we-cover-right,
.repairs-servicing-left,.repairs-servicing-right,
.call-us-left,.call-us-right,
.row-left,.row-right,.row2-left,.row2-right,.row3-left,.row3-right,
.eligibility-left,.eligibility-right,
.worcester-left,.worcester-right,
.news-left,.news-right,
.hitachi-left,.hitachi-right,
.landlord-gas-left,.landlord-gas-right,
.boiler-finance-left,.boiler-finance-right,
.contact-left,.contact-right,.aircon1-left,.aircon1-right,.aircon2-left,.aircon2-right {float:none; display:inline-block; width:100%; margin:0px; padding:0px;}
.areas-we-cover h1,.accreditations h1 {font-size:28px; margin:15px 0 0;}

.footer1,.footer2,.footer3,.footer4 { float:none; display:inline-block; width:100%;}

.footer1,.footer2,.footer3,.footer4 { margin:0px; padding:0 0 20px;}
.footer3 li { display:inline-block; padding:0 10px;}

.eligibility-left { margin-bottom:20px;}
.eligibility-text { min-height:auto;}
.eligibility-text li { text-align:left;}

#call-us { background-size:120% auto; }
.call-us-right { margin:5% 0 0;}

.pic-img img { width:auto;}

.find-btn a {background-position: top 8px right 10px; font-size: 18px;}
.boiler-finance-left .find-btn { margin:5% 0;}

#landlord-gas { padding:25px 0;}
.landlord-gas-left .find-btn { margin:2% 0 !important; display:block;}

#spread-cost { text-align:center; background-size:350% auto;}

.team-right li { margin:10px 8px;}

.worcester-box1,.worcester-box2 { float:none; display:inline-block; width:100%; min-height:auto;}
.worcester-box h1 { font-size:22px;}
.worcester-box1 { margin-bottom:15%;}

.home-form {}
.home-form { text-align:center;}
.home-form .formrow { width:31%;}
.home-form .formrow input { font-size:14px;}
.home-form .formrow.pad1  { float:none; display:inline-block; width:auto;}
.home-form .formrow.pad1 input { padding:5px 25px;}


#why-choose { padding:60px 0; 
background-image:
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/why-choose-banner-parallax.png');
background-repeat:no-repeat,no-repeat; 
background-position: top 0 left 0,top 80% right 4%;
background-size:100% 100%,200% auto;}

.why-choose { width:100%; padding:25px 0; text-align:center;}

#worcester-home { text-align:center;}
.worcester-left h1,.worcester-right h1 { font-size:24px; line-height:30px;}
.worcester-home-left,.worcester-home-right { float:none; display:inline-block; width:100%;}

.accreditations-logo p { padding:0px;}
.accreditations-logo ul { margin:5% 0;}
.accreditations-logo li { margin:10px 3% 0 0;}

#areas-we-cover,#our-services-include { background-size:200% auto;}
#our-services-include { padding:25px 0 50px;}

#footer { padding:30px 0;}
#copy-right p { font-size:13px; line-height:18px;}
.scrollup { bottom:80px;}

.widget-body.businesses-reviews-body .header .top { margin-top:0 !important;}

#worcester-full { background-size:150% auto; padding:30px 0;}

.box-pen li h1 { padding:20px 0 10px;}

.footer4 ul { -webkit-column-count: 3; /* Chrome, Safari, Opera */  -moz-column-count: 3; /* Firefox */  column-count: 3; overflow:hidden;}

.row-right .pic-img img,.repairs-servicing-left .pic-img img { width: 50% !important;}

#landlord-gas { background:#00aeed;}

#repairs-servicing {padding: 20px 0;}
.repairs-servicing-right {padding: 20px 0;}
.repairs-servicing-left {padding: 20px 0;}

#testimonial h2 {width: 50%; font-size:35px; padding:10px 20px 15px 20px;} 
#testimonial h2:after {left: 15%;}

#testimonial .dvleft{width:40%;}
#testimonial .dvright{width:58%;}
.bubble {margin-top:30px;} 
.bubble:after {left: 70%; margin-left: -10px; margin-bottom: -30px; }
.bubble p{font-size:16px; line-height:22px;}
.bubble p span{font-size:18px; line-height:55px;}

.logo { float:none; display:inline-block; width:100%; text-align:center;}

.video_ {position: relative;margin: 0;padding: 0;height: 250px;min-height: 250px;width: 100%;background-size: cover !important;-webkit-background-size: cover !important;text-align: center;overflow: hidden;}
.video-banner-text h1 { margin: 0;padding: 0 0 10px 0;font-family: arial, helvetica, sans-serif;font-size: 30px;font-weight: 400;text-align: center;color: #fff;}
.video-banner-text p { margin: 0;padding: 0;font-family: arial, helvetica, sans-serif;font-size: 15px;letter-spacing: 0em;font-weight: 400;text-align: center;color: #fff;}
.video-banner-text img {display: block;margin: 0 auto;padding: auto;width: 200px;opacity: 1;}

#aircon_midbanner { margin:30px 0 0;}	
}

@media only screen and ( max-width:640px) {
.greentag {width:50%; height:auto; bottom: 5%; left: 5%;}	
.greentag img{width:50%; height:auto;}	

/*#header-top { display:none;}*/

#header-top,.header-top-right { text-align:left;}
.header-top-left p .click-here { display:inline-block; margin:0px; width:100%; text-align:center;}

#call-us { background-size: 200% auto;}

.our-services-include ul { -webkit-column-count: 2; /* Chrome, Safari, Opera */  -moz-column-count: 2; /* Firefox */  column-count: 2; overflow:hidden;}
.pic-img img { width:100%;}

.cont-add,.contact-right { text-align:center;}
.contact-address-left,.contact-address-right { float:none; display:inline-block; width:100%;}

.home-form .formrow { width:31%;}
.home-form .formrow,.home-form .formrow.pad1 {float:none; display:inline-block; width:48%; margin:0;}

#why-choose { padding:40px 0; }
.why-choose { padding:0px;}

.team-left img, .team-mid img, .team-right img { width:80%;}
.footer4 ul { -webkit-column-count: 2; /* Chrome, Safari, Opera */  -moz-column-count: 2; /* Firefox */  column-count: 2; overflow:hidden;}


#worcester-full { background-size:200% auto;}
.worcester-full h1 { font-size:20px; line-height:24px;}

.aircon_midbanner_right {padding: 20px;}	
.aircon_midbanner_left,.aircon_midbanner_right {height: 350px;}	
.aircon_midbanner_right h4 {font-size: 17px; line-height: 25px; margin: 0;}	

}

@media only screen and ( max-width:540px) {
#header { margin: 15% 0 0;}
.our-services-btn { margin:10% 0 0;}
.find-btn,.find-btn1  { margin-bottom:10%;}
.header-top-right li:first-child { display:none;}
.header-top-left, .header-top-right { width:100%;}
.header-top-left p .click-here  { width:auto;margin-left: 2%;}
.header-top-left p { font-size:12px;}

#spread-cost { text-align:center; background-size:450% auto;}
.spread-cost-left img,.finance-worcester-logo img { width:80%;}
.spread-cost-left .find-btn {margin: 10% 0 !important;}

#why-choose { 
background-position: top 0 left 0,top 80% right 4%;
background-size:100% 100%,250% auto;}
.why-choose h1 { font-size:26px;}
.why-choose h2,.why-choose p { font-size:15px; line-height:20px;}

.worcester-home-right h1 { font-size:20px; line-height:26px;}

.social-icon { margin:20px 0 0 0px;}

#call-us {  background-size: auto;}
.call-us-left p { margin:2% 0;}

.footer4 ul  { -webkit-column-count: 1; /* Chrome, Safari, Opera */  -moz-column-count: 1; /* Firefox */  column-count: 1; overflow:hidden;}
.repairs-servicing-right .find-btn a,.repairs-servicing-right .find-btn a:hover { font-size:17px;padding: 10px 70px 10px 30px;background-position: top 6px right 20px;}

.boiler-finance-left .find-btn a,.boiler-finance-left .find-btn a:hover {background-size:8% auto; font-size:16px; padding:13px 40px 13px 20px;background-position: top 10px right 10px;}

#worcester-full { background-size:300% auto;}

.landlord-gas-left .find-btn a {font-size:15px;}

#testimonial h2 {width: 100%; font-size:35px; padding:10px 20px 15px 20px;} 
#testimonial h2:after {left: 15%;}

#testimonial .dvleft{width:100%;}
#testimonial .dvright{width:100%;}
.bubble {margin-top:30px;} 
.bubble:after {left: 80%; margin-left: -10px; margin-bottom: -30px; }
.bubble p{font-size:16px; line-height:22px;}
.bubble p span{font-size:18px; line-height:55px;}

.aircon_midbanner_left {height: 300px;}
.aircon_midbanner_right h2 { font-size: 24px;  line-height: 34px; }	
}


@media only screen and ( max-width:460px) {

#header { margin:18% 0 0;}
.logo img { width:auto;}
.header-top-left p { font-size:10px;}

.header-right img{width: 100%;}

.logo, .header-worcester-logo, .header-free-quote-btn, .header-phone { margin:2% 0;}

.our-services-include ul  { -webkit-column-count: 1; /* Chrome, Safari, Opera */  -moz-column-count: 1; /* Firefox */  column-count: 1; overflow:hidden;}
.home-form .formrow.pad1 input { padding:3px 12px; font-size:12px;}

#why-choose { 
background-position: top 0 left 0,top 80% right 12%;
background-size:100% 100%,350% auto;}

.accreditations-logo li:first-child img { width:80%;}
#areas-we-cover { background-size:380% auto;}

.repairs-servicing-right .find-btn a,.repairs-servicing-right .find-btn a:hover { font-size:15px;padding: 10px 40px 10px 20px;background-position: top 12px right 10px;}
.repairs-servicing-right .find-btn a,.repairs-servicing-right .find-btn a:hover { background-size:6% auto;}

.boiler-finance-left .find-btn a,.boiler-finance-left .find-btn a:hover {background-size:8% auto; font-size:13px; padding:13px 40px 13px 20px;background-position: top 11px right 10px;background-size:7% auto;}

.find-btn a,.find-btn a:hover {font-size:12px; background-size:8%;}

.header-right h2 { font-size:20px; line-height:25xp; padding:10px 0;}
	
#header-top li {font-size: 12px;}	
	
}

@media only screen and ( max-width:360px) {
.logo img { width:90%;}
.header-top-right li { display: inherit; text-align:center;}
.home-form .formrow,.home-form .formrow.pad1 {float:none; display:inline-block; width:100%; margin:0;}

#why-choose { background-size:100% 100%,380% auto;}
.areas-we-cover-services li { margin:0px;}
.header-top-left p .click-here { width:100%;}
.header-top-left p { text-align:center;}
.home-form-col2 iframe { width: 90% !important; display:inherit;}
#header-top li {font-size: 10px;}
}
