.boilerservicesbanner {
overflow: hidden;
background-image: url('../images/Book-your-boiler-service-banner.png');
background-size: cover;background-repeat: no-repeat;background-position: left 0% center;position: relative}
.boilerservicesbanner .item {float: left;width: 100%;height: 500px}

/*.boilerservicesbanner .container, .boilerservicesbanner .wrapper { background-image: url('../images/boilerservicesbanner-boiler.png');
background-repeat: no-repeat;background-position: right 40px bottom 30px;background-size: 350px auto;}*/

.boilerservicesbanner .slide-text {display: table-cell;height: 500px;vertical-align: middle;text-align: left;position: relative;z-index: 9;margin: 0 !important;width: auto;float: none;}
.boilerservicesbanner h2 {font-size:65px !important;font-family: 'Montserrat Bold' !important;color: #fff !important;line-height:75px !important;padding: 0 !important;margin:0px !important;}
.boilerservicesbanner p {font-size: 30px !important;color: #fff !important;padding: 0 !important;margin:0 !important;line-height: 40px !important;}
.boilerservicesbanner .button a {background: #7A0C31;color: #fff;padding: 10px 30px;font-size: 20px;border-radius: 25px; display:inline-block;}
.boilerservicesbanner .button { float:left; width:100%; margin:20px 0 0; padding:0px;}
.boilerservicesbanner .button a:hover {background: #fff;color: #7A0C31;}

.boilerservicesbanner .slide-text1 {float: left;width: 100%; margin:0 !important;}


@media only screen and (max-width:1720px) { 
.boilerservicesbanner ,.boilerservicesbanner .slide-text { height:400px;}
.boilerservicesbanner .container, .boilerservicesbanner .wrapper {background-repeat: no-repeat;background-position: right 40px bottom 50px;background-size:300px auto;}
}

@media only screen and (max-width:1520px) {
.boilerservicesbanner {background-position: left 30% center}
.boilerservicesbanner .left-sec {margin: 0;margin-left: auto;margin-right: 20px}
.boilerservicesbanner .container, .boilerservicesbanner .wrapper {background-repeat: no-repeat;background-position: right 40px bottom 80px;background-size: 250px auto;}
}

@media only screen and (max-width:1220px) { 
.boilerservicesbanner ,.boilerservicesbanner .slide-text { height:400px;}

.boilerservicesbanner .container, .boilerservicesbanner .wrapper {background: none;}
/*.boilerservicesbanner {
background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('../images/Book-your-boiler-service-banner.png');
background-repeat: no-repeat, no-repeat;
background-position:top 0% left 0%,left 0% bottom 0%;
background-size:100% 100%, cover;}*/

.boilerservicesbanner .slide-text p { color:#fff;}

.boilerservicesbanner {
background-image:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url('../images/Book-your-boiler-service-banner.png');
background-repeat:no-repeat, no-repeat;
background-position:top 0% left 0%,top 0% right 0%;
background-size:100% 100%, cover;}

	
.boilerservicesbanner .slide-text1 {  margin: 80px 0 0 0;}


.boilerservicesbanner .item, .boilerservicesbanner .slide-text, .boilerservicesbanner .slide-inner {text-align: center; display:block; vertical-align:top; padding:15px 0 0;}
.boilerservicesbanner h2 {font-size:25px !important;line-height:35px !important;}

.boilerservicesbanner p br { display:none;}
.slide-text1 { margin:0px;}

.boilerservicesbanner h2, .boilerservicesbanner p {color: #fff}
}


@media only screen and (max-width:1100px) {
.boilerservicesbanner .item, .boilerservicesbanner .slide-text, .boilerservicesbanner .slide-inner {height:400px;width: auto !important;float: none !important;}
.boilerservicesbanner .container, .boilerservicesbanner .wrapper {background-repeat: no-repeat;background-position: right 40px bottom 50px;}
.boilerservicesbanner p { margin:10px 0;}
.boilerservicesbanner h2 {font-size: 39px}
}

@media only screen and (max-width:767px) {
.boilerservicesbanner p {font-size: 19px !important;line-height: 30px !important;}
.boilerservicesbanner .button a {padding: 6px 24px !important;font-size: 15px !important;}

}