#slider { float:left; width:100%; z-index:9; }
#slider .owl-carousel .owl-item img { width:auto; display:inline-block;}

.slide1,.slide2,.slide3,.slide4,.slide5,.slide6,.slide7,.slide8 {float:left; width:100%; height:540px; position:relative;}
 
.slide1 .wrapper, .slide8 .wrapper { display:table;}

.slide-text { vertical-align:middle; display:table-cell; height:540px; text-align:right;}
.slide-text h1 { color:#005ba8;font-size:38px; line-height:45px; }
.slide-text h3 { color:#ed1d24;font-size:30px; line-height:40px; font-weight:bold;}

.slide-text .btn { float: left; width:100%; margin:1% 0 0; }
.slide-text .btn a { background:#005ba8; color:#fff; border-radius:12px; padding:8px 30px; font-size:20px;font-family:'Montserrat Light';}
.slide-text .btn a:hover { background:#ed1d24;}

/*.slide1 {
background-image: 
url('../images/slide/homepage-banner-background.png');
background-repeat:no-repeat;
background-position:left 0% bottom 50%; 
background-size:cover; position:relative;}*/

.slide1 {
background-image: 
url('../images/slide/12-yr-logo.png'),
url('../images/slide/homepage-banner-background.png');
background-repeat:no-repeat,no-repeat;
background-position:top 45% right 2%,left 0% bottom 72%; 
background-size:auto auto,cover; position:relative;}
.slide1 .slide-text { height:auto; text-align:left;}
.slide1 .slide-text h2 { font-size:50px; line-height:60px;font-family:'Montserrat Bold';color:#000000; margin:0px; padding:0px;}
.slide1 .slide-text p { font-size:35px; line-height:45px;font-family: 'Roboto Regular';color:#000000; margin:20px 0; padding:0px;}
.slide1 .slide-text .btn { float: left; width:100%; margin:1% 0 0; }
.slide1 .slide-text .btn a { background:#000000 url('../images/slide/arrow-icon.png'); background-repeat:no-repeat; background-position:top 16px right 15px; background-size:auto;
 color:#fff; border-radius:50px; padding:12px 55px 12px 30px; font-size:24px;font-family:'Montserrat Light';}
.slide1 .slide-text .btn a:hover { background:#ed1d24 url('../images/slide/arrow-icon.png'); background-repeat:no-repeat; background-position:top 16px right 15px; background-size:auto;}


.slide-text1 { float: left; width:35%; position:relative;}
.home-slide-logo { float:left; width:100%; margin:3% 0 0;}
.slide-text1 li { list-style:none; display: inline-block; margin:1% 0;}
.slide-text1 li:first-child { width:100%;}
.slide-text1 li:nth-child(2){ width:20%;}
.slide-text1 li:nth-child(3){ margin: 0;vertical-align: top;}

.home-slide-graphic { width:52%;position:absolute; top:37%; right:15%; bottom:0; }
.home-slide-graphic-img { float:left; margin:0; position:absolute; right:4%; top:16%;}


.slide2 {
background-image: 
url('../images/slide/home-slide2.png');
background-repeat:no-repeat;
background-position:left 0% top 75%; 
background-size:100% auto;}

.slide-text2 { float:left; width:100%;}
.slide2-inn { margin:0 auto; width:66%;}
.slide2-left { float:left; width:48%; margin:8% 0 0 0%;}
.slide2-left h1 { color:#afdcf3; font-size:72px; line-height:80px;}
.slide2-left h3 { color:#1e43a9; font-size:35px; line-height:42px;}
.slide2-left .btn { float: left; width:100%; margin:5% 0 0; }
.slide2-left .btn a { background:#1b509e; color:#fff; border-radius:22px; padding:10px 20px; font-size:30px;font-family:'Montserrat Light';}
.slide2-left .btn a:hover { background:#ed1d24;}

.slide2-right { float:right; width:44%;}
.slide2-img1 { float:left; margin:12% 0 0;}
.slide2-img2 { float:right; width:50%; margin:4% 0 0;}
.slide-img3 { float:left; width:100%;}
.slide-img4 { float: left; width:100%; margin:5% 0 0; text-align:right;}

.slide3 {
background-image: 
url('../images/slide/home-slide3.png');
background-repeat:no-repeat;
background-position:left 0% top 75%; 
background-size:100% auto;}

.slide3-inn { margin:0 auto; width:66%;}
.slide3-1 { float:left; width:25%; margin:7% 0 0;}
.slide3-2 { float:left; width:50%; margin:12% 0 0;}
.slide3-2 h1 { font-size:55px; line-height:60px; color:#e30613;}
.slide3-2 h2 {font-size:40px; line-height:40px; font-weight:normal; color:#3c3c3b;}
.slide3-2 h2 span {font-size:65px; line-height:70px;font-family:'Montserrat Bold';}
.slide3-2 .btn { float: left; width:100%; margin:5% 0 0; }
.slide3-2 .btn a { background:#3c3c3b; color:#fff; border-radius:28px; padding:10px 20px; font-size:28px;font-family:'Montserrat Light';}
.slide3-2 .btn a:hover { background:#f7492f;}

.slide3-3 { float: right; width:25%; margin:4% 0 0;}
.slide3-img1 {}
.slide3-img2 { text-align:right;}

.slide4 {
background-image: 
url('../images/slide/home-slide4.png');
background-repeat:no-repeat;
background-position:left 0% top 75%; 
background-size:100% auto;}
.slide4-inn { margin:0 auto; width:66%;}
.slide4-1 { float:left; width:32%; margin:8% 0 0;}
.slide4-1 h2 {font-size:35px; line-height:40px; font-weight:normal; color:#1b509e; font-family:'Montserrat Bold';}
.slide4-1 p {font-size:33px; line-height:40px; font-family:'Montserrat Light'; color:#1b509e;}
.slide4-1 .btn { float: left; width:100%; margin:6% 0 0; }
.slide4-1 .btn a { background:#1b509e; color:#fff; border-radius:28px; padding:10px 20px; font-size:28px;font-family:'Montserrat Light';}
.slide4-1 .btn a:hover { background:#f7492f;}


.slide4-2 { float:left; width:20%; margin:6% 0 0;}

.slide4-3 { float: right; width:27%; margin:3% -8% 0 0;}

.slide4-img1 {}
.slide4-img2 { text-align:right;}


.slide5 {
background-image: 
url('../images/slide/home-slide5.png');
background-repeat:no-repeat;
background-position:left 0% top 75%; 
background-size:100% auto;}
.slide5-inn { margin:0 auto; width:66%;}
.slide5-1 { float:left; width:41%; margin:8% 0 0;}
.slide5-1 h1 {font-size:80px; line-height:80px; font-weight:normal; color:#afdcf3; font-family:'Montserrat Bold';}
.slide5-1 p {font-size:40px; line-height:60px; font-family:'Montserrat Light'; color:#fff;}
.slide5-1 p span {font-size:50px; line-height:50px; font-family:'Montserrat Bold'; color:#fff;}
.slide5-1 .btn { float: left; width:100%; margin:6% 0 0; }
.slide5-1 .btn a { background:#afdcf3; color:#fff; border-radius:28px; padding:10px 20px; font-size:28px;font-family:'Montserrat Light';}
.slide5-1 .btn a:hover { background:#f7492f;}

.slide5-2 { float:left; width:23%; margin:6% 0 0;}
.slide5-3 { float: right; width:27%; margin:4% -8% 0 0;}

.slide6 {
background-image: 
url('../images/slide/home-slide6.png');
background-repeat:no-repeat;
background-position:left 0% top 75%; 
background-size:100% auto;}

.slide6-right { float:right; margin:12% 0 0; width:30%;}
.slide-form {width: 100%;}
.slide-form h1 { font-size:40px; padding-bottom:25px; color:#302c81; text-align:left;}
.slide-form input,.slide-form textarea {background:#fff; font-family:'Montserrat Light'; font-size:17px; font-weight: normal; color:#000; border:2px solid #756f6f; border-radius:6px; padding:10px 15px;  margin:0 0 10px; width:100%;}
.slide-row.pad1 input { width:auto; float:left; background:#4ba9df; color:#fff; border-radius:0px; border:0px;  padding:10px 20px; border-radius:28px;} 
.slide-row.pad1 input:hover {background:#c90c28; cursor:pointer;}

.slide7 {
background-image: 
url('../images/slide/home-slide7.png');
background-repeat:no-repeat;
background-position:left 0% top 75%; 
background-size:100% auto;}

.slide7-right { float: left; margin:22% 0 0 6%; width:35%;}
.slide7-right h1 { font-size:40px; padding-bottom:25px; color:#302c81; text-align:left;}
.slide7-right .btn { float: left; width:100%; margin:6% 0 0; text-align:right;}
.slide7-right .btn a { background:#4ba9df; color:#fff; border-radius:28px; padding:6px 12px; font-size:17px;font-family:'Montserrat Light';}
.slide7-right .btn a:hover { background:#f7492f;}

.slide8 {
background-image: 
url('../images/slide/summer-banner-logo.png'),
url('../images/slide/summer-banner-boiler.png'),
url('../images/slide/summer-banner-bg.png');
background-repeat:no-repeat, no-repeat, no-repeat;
background-position:right 5% top 30%, right 20% top 50%, left 0% top 0%; 
background-size:auto auto, auto 60%, cover;}

.summer-banner-txt {width:100%; height:540px; display:table-cell; vertical-align:middle;}
.summer-banner-txt h2{color:#1e43a9; font-size:75px; line-height:75px; font-family: 'Montserrat Bold'; padding:0px 0; margin:0;}
.summer-banner-txt p{color:#1e43a9; font-size:35px; line-height:45px; font-family: 'Montserrat Regular'; padding:10px 0; margin:0;}
.summer-banner-txt h3{color:#f6002b; font-size:45px; line-height:45px; font-family: 'Montserrat Bold'; padding:10px 0; margin:0;}
.summer-banner-txt h3 span{font-size:30px;}
.summer-banner-txt a.btn{width:auto !important; font-size:25px; display:inline-block; background:#f6002b; border-radius:25px; color:#FFF; font-family: 'Montserrat Regular'; padding:10px 15px; margin:5px 0; text-decoration:none;}

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


/*slide2*/
.slide2 {background-size:cover auto;}
.slide2-inn,.slide3-inn,.slide4-inn,.slide5-inn { width:88%; margin:0 6%;}
/*slide2*/

/*slide3*/
.slide3 {background-size:130% auto;}
/*slide3*/

/*slide4*/
.slide4 {background-size:cover auto;background-position: right 40% top 65%;}
.slide4-img1 img { width:70% !important;}
.slide4-3 { margin:0px;}
.slide4-img2 img { width:60% !important;}
/*slide4*/

/*slide5*/
.slide5 {background-size:cover auto;}
.slide5-1 { width:46%;}
.slide5-1 h1 {font-size: 70px;line-height: 70px;}
.slide5-1 p br { display:none;}
.slide4-img2 { text-align:left;}
/*slide5*/

/*slide6*/
.slide6 {background-size:130% auto;}
/*slide6*/

/*slide7*/
.slide7 {background-size:130% auto;}
/*slide7*/
}

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

.slide2 {background-size:cover auto;}


/*slide4*/
.slide4 {background-size:cover auto;background-position: right 45% top 65%;}
/*slide4*/

/*slide5*/
.slide5 {background-size:cover auto;}
/*slide5*/
.slide8 {
background-position:right 5% top 30%, right 25% top 50%, left 0% top 0%; 
background-size:auto auto, auto 60%, cover;}
}

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

/*slide1*/
.home-slide-graphic { width:47%;}
.home-slide-graphic-img { left:0;}
.guarantee-text h2 {font-size:30px;line-height:36px;}
/*slide1*/

/*slide2*/
.slide2-left {margin: 12% 0 0 0%;}
.slide2-left h1 {font-size: 60px;line-height: 70px;}
.slide2-left h3 {font-size: 30px; line-height: 30px;}
.slide2-left h3 br { display:none;}
.slide2-right {width: 48%;}
/*slide2*/

/*slide3*/
.slide3-2 h1 { font-size:40px; line-height:50px;}
.slide3-2 h2 span { font-size: 50px; line-height: 60px;}
.slide3-2 .btn a {font-size: 22px; padding:6px 17px;}
/*slide3*/

/*slide4*/
.slide4 {background-position: right 50% top 65%;}
.slide4-1 .btn a { font-size:22px; padding:10px 15px;}
.slide4-1 p {font-size: 28px; line-height:35px;}
.slide4-1 h2 {font-size:30px; line-height:35px;}
/*slide4*/

/*slide6*/
/*slide6*/

/*slide7*/
/*slide7*/

.slide8 {
background-position:right 5% top 30%, right 30% top 50%, left 0% top 0%; 
background-size:auto auto, auto 60%, cover;}
}

@media only screen and ( max-width:1200px) {
/*slide1*/
.home-slide-graphic { top:25%;}
.home-slide-graphic { width:50%;}
.home-slide-graphic-img { left:-3%;}
.guarantee-text {width: 300px;height: 300px;}
.home-slide-graphic-img { top:10%;}
.guarantee-text h2 { font-size: 25px; line-height: 33px;}
.guarantee-text h2 span { font-size:24px; line-height:25px;}
/*slide1*/

/*slide2*/
.slide2-right {width: 52%;}
.slide2-left h1 {font-size:40px;line-height: 50px;}
.slide2-left h3 {font-size:22px; line-height: 30px;}
.slide2-left .btn a {padding: 8px 20px;font-size: 20px;}
/*slide2*/

/*slide3*/
/*slide3*/

/*slide4*/
.slide4-1 { margin:12% 0 0; width:40%;}
.slide4-2 {margin:10% 0 0; width:30%;}
.slide4-3 {margin:10% 0 0;}
/*slide4*/

/*slide5*/
.slide5-1 { width: 42%; margin:12% 0 0;}
.slide5-1 h1 { font-size: 50px; line-height: 60px;}
.slide5-2 { width:26%;}
.slide5-1 p {font-size:30px; line-height: 40px;}
.slide5-1 .btn a {padding: 10px 15px;font-size:22px;}
/*slide5*/

/*slide6*/
.slide6-right { width:35%;}
/*slide6*/

/*slide7*/
/*slide7*/

.slide8 {
background-position:right 5% top 30%, right 35% top 50%, left 0% top 0%; 
background-size:auto auto, auto 60%, cover;}

.summer-banner-txt h2{font-size:55px; line-height:55px;}
.summer-banner-txt p{font-size:25px; line-height:35px;}
.summer-banner-txt h3{font-size:35px; line-height:35px;}
.summer-banner-txt h3 span{font-size:25px;}
.summer-banner-txt a.btn{font-size:20px; padding:10px 15px;}
}

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


/*slide1*/
.home-slide-graphic { width:53%;}
.home-slide-graphic-img { top:6%;}
.guarantee-text h2 { font-size: 22px; line-height: 30px;}
.guarantee-text h2 span { font-size:22px; line-height:25px;}
/*slide1*/

/*slide2*/
.slide2-left {margin: 15% 0 0 0%;}
.slide2-right { margin:10% 0 0; float:left;}
.slide2-img1 { width:50%;}
.slide2-img2 { float:left; width:40%;}
.slide2-img1 img { width:80% !important;}
.slide-img3 img {width:80% !important;}
.slide-img4 img {width:80% !important;}
/*slide2*/

/*slide3*/
.slide3-3 { width: 28%;}
.slide3-1 img { width:80% !important;}
.slide3-2 { width:40%;}
.slide3-2 h1 { font-size:30px; line-height: 40px;}
.slide3-2 h2 { font-size:26px; line-height: 40px;}
.slide3-2 h2 span { font-size:40px;line-height: 50px;}
.slide3-2 .btn a {font-size:20px;padding: 6px 17px;}
.slide3-3 { width:30%;}
.slide3-img1 img { width:100% !important;}
.slide3-img2 { float: left;}
.slide3-img2 img {width:70% !important;}
/*slide3*/


/*slide5*/
.slide5-1 { width: 42%; margin:17% 0 0;}
.slide5-2 { width:26%; margin:12% 0 0;}
.slide5-3 { width:24%; margin:12% 0 0;}
/*slide5*/

/*slide6*/
.slide6-right { width:35%;}
/*slide6*/

/*slide7*/
.slide7-right {margin:17% 0 0 6%;}
.slide7-right { width:40%;}
/*slide7*/
}

@media only screen and ( max-width:1000px) {
.home-slide-logo img { width:90% !important;}

/*slide1*/
.home-slide-graphic { width:58%;}
/*slide1*/


/*slide2*/
.slide2-left {margin: 15% 0 0 0%;}
.slide2-right { margin:8% 0 0; width:50%; float:right;}
.slide2-img2 { float:left; width:35%;}
.slide-img3 img {width:100% !important;}
.slide-img4 img {width:100% !important;}
/*slide2*/

/*slide5*/
/*slide5*/

.slide8 {
background-position:right 2% top 30%, right 30% top 50%, left 0% top 0%; 
background-size:auto 30%, auto 50%, cover;}

.summer-banner-txt h2{font-size:45px; line-height:45px;}

.slide1 .slide-text { text-align: left; vertical-align: bottom; height: 200px;}
.slide1 .home-slide-graphic { width:80%;}
.slide1 .slide-text h2 { font-size: 35px; line-height:40px;}
.slide1 .slide-text p { font-size:21px; line-height: 30px;}
}

@media only screen and ( max-width:950px) {
.slide1,.slide2,.slide3,.slide4,.slide5,.slide6,.slide7,.slide-text, .slide8,.summer-banner-txt {height:450px;}

/*slide1*/
.slide-text1 { margin:2% 0 0;}
.guarantee-text {width: 270px;height: 270px;}
.home-slide-graphic-img img { width:90% !important;}
.home-slide-graphic { width:62%;}
.slide1 .home-slide-logo img { width:70% !important;}
/*slide1*/

/*slide2*/
.slide2 { background-size:200% auto;}
.slide2-left h1 {font-size: 38px; line-height: 38px;}
.slide-text2 {margin: 4% 0 0;}
/*slide2*/

/*slide3*/
.slide3-3 { margin:10% 0 0;}
.slide3-1,.slide3-2 { margin:18% 0 0;}
.slide3-2 h1 { font-size: 26px; line-height:30px;}
.slide3-2 .btn a {font-size:17px;padding: 6px 17px;}
/*slide3*/

/*slide4*/
.slide4-1 { width:40%;}
.slide4-1 p {font-size:22px; line-height:25px;}
.slide4-1 h2 {font-size:25px; line-height:30px;}
.slide4-1 .btn a {font-size:18px; padding:8px 10px;}
.slide4-2 { width:25%;}
.slide4-2 img { width:100% !important;}
/*slide4*/

/*slide5*/
.slide5-2 img { width:100% !important;}
.slide5-1 h1 { font-size: 40px; line-height: 50px;}
.slide5-1 p { font-size: 28px; line-height:35px;}
.slide5-1 .btn a {  padding: 10px 12px; font-size:19px;}
.slide5-1 p span {font-size:40px;line-height: 40px;}
/*slide5*/

/*slide6*/
.slide6-right { width:38%;}
.slide-form h1 {font-size: 40px; padding-bottom: 25px;}
/*slide6*/

}

@media only screen and ( max-width:850px) {
.guarantee-text h2 { font-size: 20px; line-height: 25px;}
.guarantee-text h2 span { font-size:18px; line-height:22px;}

/*slide5*/
.slide5-1 { margin:22% 0 0;}
.slide5-2 { margin:20% 0 0;}
.slide5-3 { margin:22% 0 0;}
/*slide5*/

/*slide6*/
.slide6-right { width:42%;}
.slide-form h1 {font-size: 35px; padding-bottom: 15px;}
/*slide6*/
}

@media only screen and ( max-width:767px) {
.slide1,.slide2,.slide3,.slide4,.slide5,.slide6,.slide7,.slide-text,.slide8,.summer-banner-txt  {height:300px;}
/*slide1*/

.slide1 {
background-image: 
url('../images/slide/12-yr-logo.png'),
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/slide/homepage-banner-background.png');
background-repeat:no-repeat,no-repeat,no-repeat;
background-position:top 45% right 2%,top 0 left 0,left 0% bottom 72%; 
background-size:auto auto,100% 100%,cover; position:relative;}
.slide1 .slide-text {  height:200px;}
.slide1 .slide-text h2 { color:#fff; font-size:30px; line-height:40px;}
.slide1 .slide-text p { color:#fff; margin:0px; font-size:19px;line-height: 1.3;
    margin-bottom: 10px;}
.slide1 .slide-text .btn { margin:5% 0 0;}
.slide1 .slide-text .btn a,.slide1 .slide-text .btn a:hover {  background-position:top 12px right 12px; padding:12px 40px 12px 30px; font-size:19px;}


.slide-text1 { display:none;}
.home-slide-graphic { width:100%; margin:5% 0 0;}
.home-slide-graphic-img { margin:5% 0 0;}
.home-slide-graphic-img img { width:70% !important; }
.guarantee-text { border-radius:18px; padding:15px; margin:8% 0 0; width:60%; height:auto; float:right;}
.guarantee-text h2 { line-height:30px;}
.guarantee-text h2 br { display:none;}
/*slide1*/

/*slide2*/
.slide2 {
background-image: 
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/slide/home-slide2.png');
background-repeat: no-repeat,no-repeat;
background-position:top 0 left 0,left 80% bottom 0%; 
background-size:100% 100%,cover;}
.slide-text2 { margin:7% 0 0;}
.slide2-left,.slide2-right { margin:0px;}
.slide2-left { margin:5% 0 0;}
.slide2-left h1 { color:#fff;font-size:28px; line-height:30px;}
.slide2-left h3 { color:#fff;font-size:18px; line-height:25px;}
.slide2-left .btn a { font-size:17px; padding:8px 15px;}
/*slide2*/

/*slide3*/
.slide3 {
background-image: 
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/slide/home-slide3.png');
background-repeat: no-repeat,no-repeat;
background-position:top 0 left 0,left 90% bottom 0%; 
background-size:100% 100%,cover;}

.slide3-1 { margin:12% 0 0; width:22%;}
.slide3-2 { margin:15% 0 0; width:45%;}
.slide3-3 { margin:0;}
.slide3-2 h2 { color:#fff; font-size:22px;}
.slide3-2 h2 span { font-size:30px; line-height:30px;}
.slide3-img1 img { width:80% !important;}
/*slide3*/

/*slide4*/
.slide4 {
background-image: 
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/slide/home-slide4.png');
background-repeat: no-repeat,no-repeat;
background-position:top 0 left 0,left 60% bottom 0%; 
background-size:100% 100%,cover;}
.slide4-1 { margin:10% 0 0;}
.slide4-2 {margin:5% 0 0;}
.slide4-3 {margin:5% 0 0;}
.slide4-1 p {font-size:19px; line-height:22px; color:#fff;}
.slide4-1 h2 {font-size:20px; line-height:25px;color:#fff;}
.slide4-1 .btn a {font-size:16px; padding:8px 10px;}
/*slide4*/

/*slide5*/
.slide5 {
background-image: 
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/slide/home-slide5.png');
background-repeat: no-repeat,no-repeat;
background-position:top 0 left 0,left 60% bottom 0%; 
background-size:100% 100%,cover;}
.slide5-1 { margin:12% 0 0;}
.slide5-2 { margin:8% 0 0;}
.slide5-3 { margin:8% 0 0;}
.slide5-1 { width:45%;}
.slide5-1 h1 { padding:0px;}
.slide5-1 p {font-size:20px;line-height:30px;}
.slide5-1 .btn a {padding: 6px 10px;font-size: 17px;}
/*slide5*/

/*slide6*/
.slide6 {
background-image: 
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/slide/home-slide6.png');
background-repeat: no-repeat,no-repeat;
background-position:top 0 left 0,left 60% bottom 0%; 
background-size:100% 100%,cover;}
.slide6-right { width:100%; margin:20px 0 0;}
.slide-form h1 { color:#fff;}
.slide-row { width: 48%; float: left; margin:0 1%;}
/*slide6*/


.slide6 .slide-form { float: none; width: 80%; margin: 0 auto;}

/*slide7*/
.slide7 {
background-image: 
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/slide/home-slide7.png');
background-repeat: no-repeat,no-repeat;
background-position:top 0 left 0,left 60% bottom 0%; 
background-size:100% 100%,cover;}
.slide7-right { width:100%; text-align:center; margin:0px; padding:0px;}
.slide7-right h1 { color:#fff;}
.slide7-right .btn,.slide7-right h1 { text-align:center;}
.slide7 .wrapper { display:table;}
.slide7-right h1 { font-size:30px; padding-bottom: 20px;}
.slide7-right h1 br { display:none;}
.slide7-right {height:300px; vertical-align:middle; display:table-cell; text-align:center; float:none;}
.slide7-right .btn { margin:2% 0 0;}
/*slide7*/

.slide8 {
background-image: 
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/slide/summer-banner-logo.png'),
url('../images/slide/summer-banner-boiler.png'),
url('../images/slide/summer-banner-bg.png');
background-repeat:no-repeat, no-repeat, no-repeat, no-repeat;
background-position:left 0% top 0%, right 5% top 30%, right 25% top 50%, left 0% top 0%; 
background-size:100% 100%, 0% 30%, 0% 60%, cover;}

.summer-banner-txt {text-align:center; vertical-align:bottom; padding:0 0 20px 0;}
.summer-banner-txt h2{font-size:35px; line-height:35px; color:#FFF;}
.summer-banner-txt p{font-size:20px; line-height:30px; color:#FFF;}
.summer-banner-txt h3{font-size:25px; line-height:25px; color:#FFF;}
.summer-banner-txt h3 span{font-size:20px;}
.summer-banner-txt a.btn{font-size:16px; padding:10px 15px; float: none; margin: 0 auto;}
}

@media only screen and ( max-width:660px) {
.slide6-right {
    width: 100%;
    margin: 15% 0 0;
}

}
@media only screen and ( max-width:640px) {
/*slide1*/
.guarantee-text { margin:15% 0 0;}
.home-slide-graphic-img { margin:12% 0 0;}
.guarantee-text h2 {font-size:18px; line-height:26px;}
/*slide1*/

/*slide2*/
.slide-text2 { margin:10% 0 0;}
.slide2 {background-position:top 0 left 0,left 100% bottom 0%; }
/*slide2*/

/*slide3*/
.slide3-1 { margin:15% 0 0; width:19%;}
.slide3-2 { margin:15% 0 0; width:50%;}
.slide3-3 { margin:5% 0 0;}
.slide3-2 h1 {  font-size:22px; line-height:26px;}
/*slide3*/


/*slide4*/
.slide4 {background-position:top 0 left 0,left 60% bottom 0%; }
.slide4-1 { margin:10% 0 0;}
.slide4-2 {margin:10% 0 0;}
.slide4-3 {margin:5% 0 0;}
.slide4-1 p {font-size:17px; line-height:20px; color:#fff;}
.slide4-1 h2 {font-size:18px; line-height:22px;color:#fff;}
.slide4-1 .btn a {font-size:14px; padding:6px 8px;}
/*slide4*/

/*slide5*/
.slide5 {background-position:top 0 left 0,left 60% bottom 0%; }
.slide5-1 { width:45%;}
.slide5-1 h1 { padding:0px; font-size:25px;line-height:30px;}
.slide5-1 p span { font-size:25px;  line-height: 30px;}
.slide5-1 p {font-size:18px;line-height:25px;}
.slide5-1 .btn a {padding: 6px 10px;font-size: 17px;}
/*slide5*/

/*slide6*/
.slide6-right { width:94%; margin:10% 0 0;}
.slide-form h1 { font-size:28px; padding:0 0 2px;}
.slide-row { width: 48%; float: left; margin:0 2% 0 0;}
/*slide6*/
}

@media only screen and ( max-width:560px) {
.slide6-right {  margin: 15px 0 0;}
}

@media only screen and ( max-width:560px) {
/*slide1*/
.guarantee-text h2 { font-size:17px;line-height:25px;}
.home-slide-graphic {margin: 9% 0 0;}
.home-slide-graphic-img img { width:60% !important; }
/*slide1*/

/*slide2*/
.slide-text2 { margin: 13% 0 0;}
.slide2-left h1 { color:#fff;font-size:22px; line-height:26px; padding:0px;}
.slide2-left h3 { color:#fff;font-size:16px; line-height:22px;}
.slide2-left .btn a { font-size:15px; padding:6px 10px;}
/*slide2*/

/*slide3*/
.slide3-1 { margin:22% 0 0; width:19%;}
.slide3-2 { margin:20% 0 0; width:50%;}
.slide3-3 { margin:5% 0 0;}
.slide3-2 h1 {  font-size:19px; line-height:25px;}
.slide3-2 h2 span {font-size: 25px; line-height: 30px;}
.slide3-2 .btn a { font-size:15px; padding:7px 12px;}
/*slide3*/

/*slide4*/
.slide4 {background-position:top 0 left 0,left 60% bottom 0%;}
.slide4-1 { margin:15% 0 0; width:43%;}
.slide4-2 {margin:12% 0 0;}
.slide4-3 { margin:15% 0 0;}
/*slide4*/

/*slide5*/
.slide5-1 {margin:22% 0 0;}
.slide5-2 {margin:20% 0 0;}
.slide5-3 {margin:20% 0 0;}
.slide5-1 .btn a {padding:4px 10px;font-size: 15px;}
.slide5-1 p { font-size:16px; line-height:22px;}
/*slide5*/

.slide1 .slide-text { height: 200px;}
.slide1 .slide-text h2 { font-size: 25px;line-height:30px;}
.slide1 {
background-position:top 40% right 0%,top 0 left 0,left 30% bottom 60%; 
background-size:15% auto,100% 100%,cover; position:relative;}


.slide1 .slide-text .btn a,.slide1 .slide-text .btn a:hover {  background-position:top 12px right 12px; padding:12px 50px 12px 30px; font-size:17px;}
}

@media only screen and ( max-width:540px) {
.slide-row { width:100%; margin:0px;}
.slide-form input, .slide-form textarea {padding: 6px 10px;
    margin: 0 0 2px;
    font-size: 12px;}
.slide-form form { margin:0 !important;}
.slide-form .g-recaptcha{    display: inline-block;
    
}
.slide6 .slide-form{    transform: scale(0.7);
    -ms-transform: scale(0.7);
    -moz-transform: scale(0.7);
    transform-origin: top center;}
}

@media only screen and ( max-width:500px) {	
/*.slide1,.slide2,.slide3,.slide4,.slide5,.slide6,.slide7,.slide-text   { height:280px;}*/

/*slide2*/
.slide-text2 { margin: 18% 0 0;}

.slide2-left h3 { color:#fff;font-size:14px; line-height:20px;}
.slide2-left .btn a { font-size:11px; padding:4px 8px;}
/*slide2*/

/*slide3*/
.slide3-1 { margin:25% 0 0; width:19%;}
.slide3-2 { margin:22% 0 0; width:50%;}
.slide3-3 { margin:8% 0 0;}
.slide3-2 .btn a { font-size:13px; padding:7px 12px;}
/*slide3*/

/*slide4*/
.slide4 {background-position:top 0 left 0,left 60% bottom 0%;}
.slide4-1 { margin:18% 0 0; width:43%;}
.slide4-2 {margin:14% 0 0;}
.slide4-3 { margin:17% 0 0;}
.slide4-1 p {font-size:15px; line-height:20px; }
.slide4-1 h2 {font-size:15px; line-height:20px;}
.slide4-1 .btn a {font-size:12px; padding:6px 8px;}
/*slide4*/

/*slide5*/
.slide5-1 h1 {font-size: 22px;line-height: 30px;}
.slide5-2 img { width: 90% !important;}
.slide5-1 {margin:20% 0 0;}
.slide5-2 {margin:18% 0 0;}
.slide5-3 {margin:18% 0 0;}
.slide5-1 .btn a {padding:4px 10px;font-size: 13px;}
.slide5-1 p { font-size:15px; line-height:22px;}
/*slide5*/

/*slide6*/
.slide-row.pad1 { margin:1% 0 0;}
.slide-form input, .slide-form textarea { font-size:14px;}
/*slide6*/

/*slide7*/
.slide7-right h1 { font-size:22px; line-height:26px;}
/*slide7*/
}

@media only screen and ( max-width:460px) {	
/*.slide1,.slide2,.slide3,.slide4,.slide5,.slide6,.slide7,.slide-text  { height:250px;}*/
/*slide1*/
.home-slide-graphic-img img { width:45% !important; }
.guarantee-text { padding:8px;}
.guarantee-text { margin: 12% 0 0;}
.slide2-left h1 { color:#fff;font-size:15px; line-height:20px; padding:0px;}
.slide2-left h3 { color:#fff;font-size:13px; line-height:18px;}
.guarantee-text h2 span { font-size:15px; line-height:20px;}
.guarantee-text h2 { font-size:15px;line-height:22px;}
/*slide1*/

/*slide2*/
.slide2-right { margin:3% 0 0;}
/*slide2*/

/*slide3*/
.slide3-1 { margin:27% 0 0; width:19%;}
.slide3-2 { margin:25% 0 0; width:50%;}
.slide3-3 { margin:15% 0 0;}
.slide3-2 h1 {  font-size:16px; line-height:20px; padding:0px;}
.slide3-2 h2 { padding:0px;font-size: 15px; }
.slide3-2 h2 span {font-size: 18px; line-height:25px;}
.slide3-2 .btn a { font-size:12px; padding:7px 8px;}
/*slide3*/

/*slide4*/
.slide4-1 { margin:25% 0 0;}
.slide4-2 {margin:25% 0 0;}
.slide4-3 { margin:22% 0 0;}
.slide4-1 p {font-size:13px; line-height:18px; }
.slide4-1 h2 {font-size:13px; line-height:18px;}
.slide4-1 .btn a {font-size:10px; padding:6px 8px;}
.slide4-1 .btn { margin:0px;}
/*slide4*/

/*slide5*/
.slide5-1 { width:50%;}
.slide5-3 { width:20%;}
.slide5-1 .btn { margin:0px;}
.slide5-1 p { font-size:13px; line-height:20px;}
.slide5-1 .btn a {padding:4px 7px;font-size: 11px;}
/*slide5*/

/*slide6*/
.slide6-right { width:100%; margin:10px 0 0;}
.slide-form h1 { font-size:22px; padding:15px 0 0;}

/*slide6*/
}

@media only screen and ( max-width:360px) {
/*slide1*/	
.home-slide-graphic-img { margin:22% 0 0;}
.home-slide-graphic-img img { width:40% !important; }
.guarantee-text h2,.guarantee-text h2 span {font-size: 13px;line-height:20px;}
.guarantee-text {margin: 20% 0 0;}
/*slide1*/


/*slide2*/
.slide-text2 { margin:20% 0 0;}
.slide2-right { margin:8% 0 0;}
.slide2-left h1 { color:#fff;font-size:15px; line-height:20px; padding:0px;}
.slide2-left h3 { color:#fff;font-size:12px; line-height:18px;}
.slide2-left .btn a { font-size:9px; padding:5px 8px;}
/*slide2*/

/*slide3*/
.slide3-1 { margin:32% 0 0; width:19%;}
.slide3-2 { margin:30% 0 0; width:50%;}
.slide3-3 { margin:20% 0 0;}
.slide3-2 h1 {  font-size:14px; line-height:18px; padding:0px;}
.slide3-2 h2 { padding:0px;font-size: 14px; }
.slide3-2 h2 span {font-size: 16px; line-height:20px;}
.slide3-2 .btn a { font-size:10px; padding:5px 7px;}
/*slide3*/

/*slide4*/
.slide4-1 { margin:30% 0 0;}
.slide4-2 {margin:30% 0 0;}
.slide4-3 { margin:28% 0 0;}
.slide4-1 p {font-size:11px; line-height:14px; }
.slide4-1 h2 {font-size:11px; line-height:14px;}
.slide4-1 .btn a {font-size:9px; padding:6px 5px;}
/*slide4*/



/*slide5*/
.slide5-1 {margin:25% 0 0;}
.slide5-2 {margin:25% 0 0;}
.slide5-3 {margin:25% 0 0;}
.slide5-1 p span {font-size: 20px; line-height:25px;}
.slide5-1 p { font-size:12px; line-height:18px;}
.slide5-1 .btn a {padding:4px 5px;font-size: 9px;}
/*slide5*/

.slide1 .slide-text h2 { font-size: 20px; line-height:26px;}
}