/*Slider-Css*/
#slider { float:left; width:100%;position:relative; }
#slider .owl-dots { display:none;}

.helosummer-banner  {float:left; width:100%; height:500px;}
.helosummer-banner .wrapper { display:table; position:relative;}

.helosummer-banner {
background-image: url('../images/slide/helosummer-bg.png');
background-size: cover;background-repeat: no-repeat;background-position: left 0% bottom 0%;}

.helosummer-banner .wrapper {
background-image: url('../images/slide/Black-&-White-boilers 1.png');
background-repeat: no-repeat;background-position: right 15px bottom 100px;background-size: 350px auto;}

.helosummer-banner .slide-text h2 { color:#fff; font-size:60px; line-height:70px; font-family: 'Helvetica Light';font-weight:600; }
.helosummer-banner .slide-text p{font-family:'Montserrat Regular'; color:#fff; font-weight:400; font-size:30px; line-height:40px;}
.helosummer-banner .btn { margin:0px 0 0; float:left; width:100%;}
.helosummer-banner .btn a {font-family:'Montserrat Regular'; background-color:#fff; color:#31CCD3; border-radius:25px; font-size:18px; padding:10px 30px; font-weight:400;}
.helosummer-banner .btn a:hover { background-color:#FF7896; color:#fff;}



@media only screen and ( max-width:1750px) {
.helosummer-banner,.slide-text { height: 400px; }
.tc-text { right: 10px; font-size: 12px; z-index: 999; }
.helosummer-banner .slide-text h2 { font-size: 40px; line-height: 50px; }
.helosummer-banner .btn {text-align: left;}
}
@media only screen and ( max-width:1200px) {
.helosummer-banner .slide-text,.helosummer-banner .btn	{text-align: left !important; }
	
.tc-text { color: #ffffff; top: auto; bottom: 15px; }
.slide-text { text-align: center; }
.slide-text h2 br,.helosummer-banner .slide-text h2 br { display: none; }
.slide-text h2,.helosummer-banner .slide-text h2 {}

}
@media only screen and ( max-width:900px) {
.helosummer-banner .wrapper {background-position: right 15px bottom 30px; background-size: 280px auto;}
}
@media only screen and ( max-width:767px) {
.helosummer-banner .slide-text,.helosummer-banner .btn	{text-align: center !important; }	
	
.helosummer-banner .slide-text h2 { font-size: 35px; line-height: 40px; }
.btn a { padding: 10px 30px 10px 20px; background-size: 11px; font-size: 14px; background-position: right 10px center; }
.slide-text p { padding: 5px 0 20px; font-size: 16px; line-height: 22px; }
	 
.helosummer-banner .slide-text h2 { font-size: 31px; line-height: 40px; }
.helosummer-title,.helosummer-banner .btn { text-align: center;}
.helosummer-title img { display: inline !important;}
.helosummer-title img {width:56% !important;}	 
/**.springbannernew, .slide-text {vertical-align: top !important;} ***/
.helosummer-title {margin: 15px 0;}
.helosummer-banner .wrapper {background-position: right 50% bottom 15%; background-size:180px auto;}

.helosummer-banner { background-image:linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)), url('../images/slide/helosummer-bg.png'); 
background-repeat: no-repeat, no-repeat; background-position: left 0% top 0%; background-size:cover; }
	
.helosummer-banner .btn a {border-radius:25px; font-size:15px; padding:10px 20px;}	
	
.helosummer-banner .slide-text {
  display: table-cell;
  height: 400px;
  vertical-align: top;
padding: 10% 0 0 0;
}	
}
 @media only screen and ( max-width:640px) {
.helosummer-banner .slide-text h2 { font-size: 25px; line-height: 35px; }
.helosummer-banner .slide-text p{font-size:20px; line-height:30px;}
}
 @media only screen and ( max-width:570px) {
}
 @media only screen and ( max-width:520px) {
	.helosummer-title img {width:65% !important;}	
}
@media only screen and ( max-width:480px) {
}
@media only screen and ( max-width:420px) {
}