p { margin:0px; padding:10px 0; font-size:18px; line-height:26px;}
h4 { margin:0px; padding:15px 0;font-family: 'Montserrat Light';}
a { text-decoration:none; color:#fff; font-weight:700;font-family:'Montserrat Bold';}

.wrapper { width:1170px; margin:0 auto;}
.pic-img { width:100%; float:left; margin:0 0 20px;}
.pic-img img { width:100%; max-width:100%;}

ul { list-style-type: none; padding: 0px; margin: 0;}

#content { float: left; width:100%; margin:50px 0;}

.heat-pumps-1 { float:left; width:100%; margin:0px; padding:0px;}
.heat-pumps-1-left { float:left; width:48%; margin:0;}
.heat-pumps-1-left ul { margin:0px; padding:0px;}
.heat-pumps-1-left li {background-image: url('../images/heat-pumps-dot2.png') !important;background-repeat: no-repeat!important;background-position: top 8px left 0!important; font-size:19px !important; line-height:28px; padding:0 18px !important; color:#585861 !important;font-family: 'Montserrat Regular'; margin:12px 0!important;}
.heat-pumps-1-left h1 { color:#0d5ca4; margin:10px 0; font-size:28px; line-height:30px;}
.heat-pumps-1-left h2 { color:#4b4d50; margin:10px 0; font-size:18px; line-height:28px;}
.heat-pumps-1-left h4 { font-size:20px; line-height:30px;margin:0; padding:0 0 20px;}	
.heat-pumps-1-left h5 { font-size:20px; line-height:30px;margin:0; padding:0 0 20px;}	
.heat-pumps-1-left p { color:#000;}
.heat-pumps-1-left .btn { float:left; width:100%; margin:20px 0;}
.heat-pumps-1-left .btn a { background-color:#4cb94e; color:#fff; border-radius:12px; font-size:21px; padding:15px 18px; font-weight:bold;}
.heat-pumps-1-left .btn a:hover { background-color:#247734; color:#fff;}


.heat-pumps-1-right { float:right; width:48%;}

.heat-pumps-2 { float:left; width:100%; margin:30px 0 0; padding:0px;}
.heat-pumps-2-left { float:left; width:48%; margin:0;}
.heat-pumps-2-right { float:right; width:48%;}
.heat-pumps-2-right ul { margin:0px; padding:0px;}

.heat-pumps-2-right li {background-image: url('../images/heat-pumps-dot.png') !important;background-repeat: no-repeat !important;background-position: top 8px left 0 !important; font-size:19px  !important; line-height:28px  !important; padding:0 18px  !important; color:#585861 !important;font-family: 'Montserrat Regular' !important; margin:12px 0;}

.heat-pumps-2-right li {background-image: url('../images/heat-pumps-dot.png') !important;background-repeat: no-repeat!important;background-position: top 8px left 0!important; font-size:19px !important; line-height:28px; padding:0 18px !important; color:#585861 !important;font-family: 'Montserrat Regular'; margin:12px 0!important;}

.heat-pumps-2-right h2 { color:#0d5ca4; margin:10px 0; font-size:28px; line-height:38px;}
.heat-pumps-2-right h4 { font-size:20px; line-height:30px;margin:0; padding:0 0 20px;}	
.heat-pumps-2-right h5 { font-size:20px; line-height:30px;margin:0; padding:0 0 20px;}	
.heat-pumps-2-right p { color:#000;}


#heat-pumps-saving-full { float:left; width:100%; text-align:center; padding:80px 0 0px;
background:url('../images/heat-pumps-saving-mid-page.png');
background-repeat:no-repeat;
background-position: left 0 bottom 0%; 
background-size:cover;}
#heat-pumps-saving-full h3  {color:#fff; font-size:45px; line-height:55px;margin:0 0 50px;}
#heat-pumps-saving-full p { color:#fff; font-weight:normal; font-size:17px;}
#heat-pumps-saving-full p a { font-weight:700; color:#fff;}

#heat-pumps-services { float:left; width:100%; text-align: left; padding:120px 0;
background:url('../images/heat-pumps-banner-bottom.png');
background-repeat:no-repeat;
background-position: left 0% bottom 30%; 
background-size:cover;}
.heat-pumps-services { width:60%; float:right;}
.heat-pumps-services h3 { color:#fff; font-size:40px; line-height:50px;margin:15px 0;}	
.heat-pumps-services p { color:#fff; font-size:20px; line-height:32px;  font-family:'Montserrat Light'; margin:20px 0;}
.heat-pumps-services h4 { font-size:16px; color:#fff;}
.heat-pumps-services h4 a { font-weight:700;}
.heat-pumps-services .btn { float:left; width:100%; margin:20px 0;}
.heat-pumps-services .btn a { background-color:#fff; color:#6bb61d; border-radius:12px; font-size:19px; padding:10px 15px; font-weight: normal;font-family:'Montserrat Regular';}
.heat-pumps-services .btn a:hover { background-color:#247734; color:#fff;}


#heat-pumps-video { float:left; width:100%; margin:50px 0;}

@media only screen and ( max-width:1200px) {
.wrapper { width:92%; margin:0 auto;}
#heat-pumps-saving-full h3 br,.heat-pumps-services h3 br { display:none;}
.heat-pumps-1-left h1,.heat-pumps-2-right h1 { font-size:28px; line-height:38px;} 
#heat-pumps-saving-full h3 { font-size:35px; line-height:45px; margin: 0 0 30px;}
.heat-pumps-services { width:80%;}

#heat-pumps-services { background-position: left 30% bottom 0%; }

}

@media only screen and ( max-width:767px) {
p { font-size:16px; line-height:28px;}
.wrapper { width:90%; margin:0 auto;}
.heat-pumps-saving-left p,.heat-pumps-services p { font-size:16px; line-height:28px;}

#heat-pumps-saving-full { padding:30px 0 0;}
#heat-pumps-saving-full h3 { font-size:25px; line-height:35px; margin:0px; padding:10px 0;}

#content { text-align:center; margin:30px 0;}
#heat-pumps-1,#heat-pumps-2 { padding:40px 0;}
.heat-pumps-1,.heat-pumps-1 { width:100%; text-align:center;}
.heat-pumps-1 h3,.heat-pumps-2 h3 {font-size: 30px;line-height:40px; margin: 10px 0;}

.heat-pumps-1-left,.heat-pumps-1-right,.heat-pumps-2-left,.heat-pumps-2-right { float:none; display:inline-block; width:100%;}
.heat-pumps-1-left h1,.heat-pumps-2-right h1 {margin: 10px 0; font-size:25px;line-height:35px;}
.heat-pumps-1-left h4 ,.heat-pumps-2-right h4 { font-size:17px; line-height:28px;}
.heat-pumps-1-left li,.heat-pumps-2-right li { text-align: left; font-size:16px; line-height:26px; margin:8px 0;}

.heat-pumps-1 .btn a { font-size:17px; padding:8px 15px;}


#heat-pumps-services { padding:70px 0;
background-image: linear-gradient(rgba(76,185,78,0.4), rgba(76,188,0,78.4)), url('../images/heat-pumps-banner-bottom.png');
background-repeat: no-repeat, no-repeat;
background-position: top 0 left 0, left 0 bottom 50%;
background-size: 100% 100%, cover;}

.heat-pumps-services { width:100%; text-align:center;}
.heat-pumps-services p { margin:0px;}
#heat-pumps-video { margin:30px 0 0;}
}

@media only screen and ( max-width:480px) {
#content { margin:20px 0;}
.heat-pumps-1-left h1,.heat-pumps-2-right h1,#heat-pumps-1-full h3,.heat-pumps-2-right h2 { font-size:20px; line-height:30px;}
.heat-pumps-1 h3 ,.heat-pumps-2 h3 {font-size:22px;line-height:30px;}
.heat-pumps-1-left li,.heat-pumps-2-right li { font-size:15px; line-height:25px; margin:6px 0;}
.heat-pumps-1-left h2,.heat-pumps-2-right h2 { font-size:17px; line-height:26px;}
.heat-pumps-services h3 { font-size:30px; line-height:40px;}
}




/****banner*******/
#heat-pumps-banner {float:left; width:100%;background:url('../images/heat-pumps-banner.png');background-repeat:no-repeat;background-position: left 0 bottom 30%; background-size:cover;}
.inner-banner .wrapper {display: table;}
.banner-inn { text-align: left; display:table-cell; vertical-align: middle;height:600px;}
.banner-inn h1,.banner-inn h2 { font-weight: bold;font-size: 50px;line-height: 55px;color: #ff6503;font-weight:normal;margin-top: 0;margin-bottom: 20px;}
.banner-inn .btn{display: inline-block;}

#heat-pumps-banner .banner-inn { text-align:left; vertical-align: middle; height:600px; padding:0px;}
#heat-pumps-banner .banner-inn h2 { color:#fff;}
#heat-pumps-banner .btn a { background-color:#4cb94e; color:#fff; border-radius:8px; font-size:21px; padding:8px 18px;font-family:'Montserrat Light'; font-weight:normal;}
#heat-pumps-banner .btn a:hover { background-color:#247734;}

@media only screen and ( max-width:1200px) {
#heat-pumps-banner .banner-inn { height:400px;}
.banner-inn h1,.banner-inn h2 { font-size:40px; line-height:40px;}
.banner-inn h1 br,.banner-inn h2 br { display:none;}
}


@media only screen and ( max-width:991px) {
#heat-pumps-banner .banner-inn { height:350px;}
#heat-pumps-banner {
background-image: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('../images/heat-pumps-banner.png');
background-repeat: no-repeat, no-repeat;
background-position: top 0 left 0, left 0 bottom 50%;
background-size: 100% 100%, cover;}
.inner-banner .banner-inn { text-align: center;}
#heat-pumps-banner .banner-inn { text-align:center; vertical-align:middle; padding:0px;}

}



@media only screen and ( max-width:767px) {
.wrapper { width:92%; margin:0 auto;}
#heat-pumps-banner .banner-inn  { text-align:center; vertical-align:middle;}
.banner-inn h1,.banner-inn h2 { color:#fff;padding:0 0 20px;}
}
@media only screen and ( max-width:640px) {
#heat-pumps-banner .banner-inn,#heat-pumps-banner .banner-inn { height:300px;}
.banner-inn h1,.banner-inn h2 { font-size:30px; line-height:30px; padding:0px;}
}
@media only screen and ( max-width:520px) {
#heat-pumps-banner .banner-inn,#heat-pumps-banner .banner-inn { height:250px;}
.banner-inn h1,#heat-pumps-banner .banner-inn h2 { font-size:30px; line-height:40px;}
}
@media only screen and ( max-width:460px){
.banner-inn h1,.banner-inn h2 {font-size: 24px;line-height: 30px;}
}
/****banner*******/