#slider { float:left; width:100%; position:relative;}

.slider-1 {float:left; width:100%; padding:0; background:url(../images/home-banner1.jpg) no-repeat; background-position:left 0 top 0px; background-size:100% 1558px; position: relative;height:460px; }
.slider-text { text-align: left; position:absolute; transform:translate(-24%,-45%); left:24%; top:45%; z-index:9999;}
.slider-text h1 { color:#374562; font-size:55px; line-height:60px; font-family:'Weekly SemiBold';}
.slider-text h3 { color:#374562; font-weight:normal; font-size:35px; font-family:'Weekly Light';}
.slider-text .btn { margin:25px 0 0;}
.slider-text .btn a { background:#374562; background:#eb943c;border-radius:20px; color:#fff; padding:8px 20px; font-size:21px; font-weight: bold;}
.slider-text .btn a:hover { background:#354d7d; background:#be1e2d;}

.slider-2 {float:left; width:100%; padding:0; background:url(../images/home-banner2.png) no-repeat; background-position:left -110px top -230px; background-size:100% 1210px; position: relative;height:460px; }
.slider-form {}
.slider-form h1 {color:#374562; text-align:left; padding:0 0 20px;}
.slider-form {text-align: right; position:absolute; transform:translate(-77%,-45%); left:77%; top:45%; z-index:9999;}
.slider-form .form-row input { color:#374562; border:1px solid #374562; border-radius:20px; font-size:18px; margin:0 0 10px; padding:10px 20px 10px 20px; width:100%; background:none;}
.slider-form-btn { margin:15px 0 0; text-align:left;}
.slider-form-btn input { background:#374562; color:#fff;border-radius:20px; padding:8px 20px; border:0px; font-size:18px; }
.slider-form-btn input:hover { cursor:pointer;background:#354d7d;}

#boilers-installations-banner { float:left; width:100%; padding:100px 0; background:url(../images/boilers-installations-banner.png) no-repeat; background-position:left 0 bottom -200px;background-size: 100%;}
#boilers-installations-banner h1 { color:#fff; text-align:right; font-size:40px; line-height:45px; font-family:'Weekly SemiBold';}
#boilers-installations-banner h1 span { color:#fff;}

#boilers-services-banner {float:left; width:100%; padding:100px 0; background:url(../images/boilers-services-banner.png) no-repeat; background-position:left 0 bottom -450px;background-size: 100%;}
#boilers-services-banner h1 { color:#fff; text-align:right; font-size:40px; line-height:45px; font-family:'Weekly SemiBold';}
#boilers-services-banner h1 span { color:#fff;}

#commercial-banner {float:left; width:100%; padding:100px 0; background:url(../images/commercial-banner.png) no-repeat; background-position:left 0 bottom -200px;background-size: 100%;}
#commercial-banner h1 { color:#fff; text-align:right; font-size:40px; line-height:45px; font-family:'Weekly SemiBold';}
#commercial-banner h1 span { color:#fff;}

#finance-banner {float:left; width:100%; padding:100px 0; background:url(../images/finance-banner.png) no-repeat; background-position:left 0 bottom -580px;background-size: 100%;}
#finance-banner h1 { color:#fff; text-align:right; font-size:40px; line-height:45px; font-family:'Weekly SemiBold';}
#finance-banner h1 span { color:#fff;}

#contact-banner {float:left; width:100%; padding:100px 0; background:url(../images/contact-banner.png) no-repeat; background-position:left 0 bottom -360px;background-size: 100%;}
#contact-banner h1 { color:#fff; text-align:right; font-size:40px; line-height:45px; font-family:'Weekly SemiBold';}
#contact-banner h1 span { color:#fff;}

._tq-modal ._tq-mq--desktop ._tq-hero-text, ._tq-quote-engine ._tq-mq--desktop ._tq-hero-text {margin: 0px auto 0px !important;}

@media only screen and ( max-width:1520px) {
#boilers-installations-banner,#boilers-services-banner,#commercial-banner,#finance-banner,#contact-banner { background-size:auto;} 	
}

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

.slider-2 {background-size: 100% 900px;}
}


@media only screen and ( max-width:980px) {
.slider-1 {background-size: 100% 1000px;}
.slider-2 { background-size: 100% 800px;}
.slider-form {transform: translate(-70%,-45%); left: 70%;}


#our-services-banner { height:250px;}
#our-projects-banner  {background-position:left -320px bottom -680px;}

}
@media only screen and ( max-width:767px) {
.slider-1 {background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(../images/home-banner1.jpg) top left no-repeat;background-size:250% 500px; background-position: left -120px top -40px;}
.slider-text h1 { color:#fff;}
.slider-text h3 { color:#fff;}

.slider-2 {background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(../images/home-banner2.png) top left no-repeat;background-size:250% 500px; background-position: left -120px top -40px;}
.slider-form { width: 80%;background: #ffffffb3;padding: 15px;}

#boilers-installations-banner h1 { text-align:center;}
#boilers-services-banner h1 { text-align:center;}
#commercial-banner h1 { text-align:center;}
#finance-banner h1 { text-align:center;}
#contact-banner h1 { text-align:center;}
#contact-banner {background-position: left -180px bottom 0px;  background-size:1000px 470px;}

}

@media only screen and ( max-width:640px) {
.slider-1 {background-size: 180% 500px; background-position:100% 100%;}
.slider-text { text-align:center; width:100%;}
.slider-form {transform: translate(-60%,-45%); left: 60%;}

.slider-text {transform: translate(-36%,-45%);left: 36%;}
.slider-text h1 { font-size: 45px; line-height: 46px;}
.slider-text h3 { font-size:28px; line-height:32px;}
#contact-banner {background-position: left -250px bottom -40px;}


}

@media only screen and ( max-width:520px) {
.slider-text h1 { font-size:36px; line-height: 38px;}
.slider-text h3 { font-size:22px; line-height:26px;}
.slider-text .btn a { font-size:15px;}
.slider-form {transform: translate(-55%,-45%);left: 55%;}
}


@media only screen and ( max-width:420px) {
.header-top li { font-size:13px;}

.slider-text h1 { font-size:28px; line-height: 32px;}
.slider-text h3 { font-size:22px; line-height:26px;}
.slider-form h1 {font-size:22px; line-height:26px;}


.slider-form {transform: translate(-50%,-45%);left: 50%;}
}

@media only screen and ( max-width:320px) {
.header-top li { font-size:11px;}
}