#lifestyle-banner {float:left; width:100%; position:relative; height:400px;}
#lifestyle-banner { 
background:
url('../images/lifestyle/lifestyle-banner.png');
background-repeat:no-repeat,no-repeat;
background-position:left 0 bottom 40%; 
background-size:cover;}
#lifestyle-banner .wrapper { display:table;}
.banner-inn { text-align: right; display:table-cell; vertical-align: middle; height:400px; }
.banner-inn h1 { color:#000; font-size:45px; line-height:50px; margin:0px; padding:0; font-weight: bold;}


#greenstar-lifestyle { float: left; width:100%; margin:0; padding:120px 0;
background:#000000 url('../images/lifestyle/boiler-image1.png'); 
background-repeat:no-repeat; 
background-position:left 20% bottom 0;
background-size:auto auto;}
.greenstar-lifestyle { float: right; width:50%;} 
.greenstar-lifestyle h2 { color:#fff; font-size:32px; line-height:40px;}
.greenstar-lifestyle p { color:#fff; font-size:20px; line-height:30px;}


#greenstar-video { float:left; width:100%;}
#greenstar-video iframe { width:100%; border:0px;}

/*video_*/
.video_ {position: relative;margin: 0;padding: 0;height: 450px;min-height: 450px;width: 100%;background-size: cover !important;-webkit-background-size: cover !important;text-align: center;overflow: hidden;}
.video_ video {margin: 0;padding: 0;position: absolute;	top: 50%;left: 50%;z-index: -100;min-width: 100%;min-height: 100%;width: auto;height: auto;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.centered {position: relative;top: 50%;-webkit-transform: perspective(1px) translateY(-50%);transform: perspective(1px) translateY(-50%);}
.video_ .video_banner {display: inline-block;vertical-align: center;height: 100%;margin: 0 auto;width: 100%;padding: 0;text-align: center;background: rgba(255,255,255,0);}
.video_ .video_banner-text {vertical-align: center;width: 100%;margin: 0;padding: 0;}
.video_banner-text h1 { margin: 0;padding: 0 0 10px 0;font-family: arial, helvetica, sans-serif;font-size: 50px;font-weight: 400;text-align: center;color: #fff;}
.video_banner-text p { margin: 0;padding: 0;font-family: arial, helvetica, sans-serif;font-size: 20px;letter-spacing: 0em;font-weight: 400;text-align: center;color: #fff;}
.video_banner-text img {display: block;margin: 0 auto;padding: auto;width: 350px;opacity: 1;}
.text-box {margin: 0;padding: 50px 50px;background: white;overflow: hidden;}
.text-box p { margin: auto;padding: auto;font-family: arial, helvetica, sans-serif;font-size: 18px;line-height: 28px;letter-spacing: 0em;font-weight: 400;text-align: left;color: black;}
/*video_*/


#greenstar-row  { float:left; width:100%; margin:50px 0 0;}
.greenstar-row1 { float:left; width:100%; padding-bottom:50px;}
.greenstar-row1-left  { float:left; width:46%; padding:150px 0 0;}
.greenstar-row1-left h2,.greenstar-row2-right h2 { color:#333;font-size:40px; line-height:40px;}
.greenstar-row1-right  { float:right; width:48%;} 

.greenstar-row2-left .pic-img img,.greenstar-row1-right .pic-img img,.dot-texture2-left .pic-img img,.dot-texture1-right .pic-img img { box-shadow:0 0 0 0; border-radius:0px;}

.greenstar-row2 { float:left; width:100%; padding-bottom:50px;}
.greenstar-row2-left  { float:left; width:46%;}
.greenstar-row2-right  { float:right; width:48%; padding:100px 0 0;}

#payment-options-banner { float:left; width:100%; 
padding:140px 0;
background:url('../images/lifestyle/payment-options-banner.png'); 
background-position:left 0 bottom 85%; background-repeat:no-repeat; 
background-size:cover;}
.payment-options-row { float:left; width:100%;}
.payment-options-img { float:left; margin-right:40px;}
.payment-options-text { float:left;}
.payment-options-text h2 { color:#333;font-size:40px; line-height:40px;}


#manufacturers_banner { float:left; width:100%; padding:140px 0;
background:url('../images/lifestyle/10yr_banner.png'); 
background-position:left 0 bottom 85%; 
background-size:100% auto;}
.manufacturers_banner-row { width:100%; margin:0 0 0 30%; float:left;}
.manufacturers_banner-img { float:left; margin-right:40px;}
.manufacturers_banner-text { float:left;}
.manufacturers_banner-text h2 { color:#333;font-size:40px; line-height:40px;}

#dot-texture { float:left; width:100%; padding:140px 0 100px;
background:url('../images/lifestyle/dot-texture-background.png'); 
background-position:left 0 bottom 85%; 
background-size:100% auto;}
.dot-texture1 { float:left; width:100%; padding-bottom:50px;}
.dot-texture1-left {float:left; width:56%;}
.dot-texture1-left h2,.dot-texture2-right h2 { color:#fff;font-size:40px; line-height:50px;}
.dot-texture1-left p,.dot-texture2-right p { color:#fff;font-size:20px; line-height:30px;}
.dot-texture1-right {float:right; width:32%;}

.dot-texture2 { float:left; width:100%;}
.dot-texture2-left {float:left; width:32%;}
.dot-texture2-right {float:right; width:56%;}

#keeping-warm-banner { float:left; width:100%; padding:0px; height:500px;
background:url('../images/lifestyle/keeping-warm_banner.png'); 
background-position:left 0 bottom 85%; 
background-size:100% auto;}
#keeping-warm-banner .wrapper { display:table;}
.keeping-warm-text { display:table-cell; vertical-align:middle; height:500px;}
.keeping-warm-text h2 { color:#333;font-size:40px; line-height:50px;}
.keeping-warm-text p { color:#333; font-size:20px; line-height:30px;}



@media only screen and ( max-width:1700px) {
.manufacturers_banner-row { margin:0 0 0 25%;}

.manufacturers_banner-row { margin: 0;}
.manufacturers_banner-text { float:right}
}


@media only screen and ( max-width:1200px) {
.wrapper { width:92%; margin:0 4%;}
#greenstar-lifestyle { background-position:center bottom; background-size:50%  auto; padding:80px 0;}
.greenstar-lifestyle h2 br,.greenstar-lifestyle p br { display:none;}
.greenstar-lifestyle { width:100%; padding:0; text-align:center; margin:0 0 25% 0;}

.greenstar-row1-left,.greenstar-row2-right { padding:0px;}

}



@media only screen and ( max-width:1000px) {

#lifestyle-banner,.banner-inn { height:350px;}
#lifestyle-banner {  text-align:center;
background:
linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),
url('../images/lifestyle/lifestyle-banner.png');
background-repeat:no-repeat,no-repeat;
background-position:top 0 left 0,left 0 bottom 0%; 
background-size:100% 100%,cover;}
.banner-inn { text-align: center;}
.banner-inn h1 { color:#fff;}
}


@media only screen and ( max-width:900px) {
.manufacturers_banner-row { margin:0 0 0 5%;}

#payment-options-banner {  padding:50px 0; text-align:center;
background:
linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),
url('../images/lifestyle/payment-options-banner.png');
background-repeat:no-repeat,no-repeat;
background-position:top 0 left 0,left 0 bottom 0%; 
background-size:100% 100%,250% auto;}
.payment-options-img,.payment-options-text { float: none; display:inline-block; margin:0;}
.payment-options-text p { color:#fff;}
.payment-options-text h2 { color:#fff;font-size:35px; line-height:40px;}

#manufacturers_banner {  padding:50px 0; text-align:center;
background:
linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),
url('../images/lifestyle/10yr_banner.png');
background-repeat:no-repeat,no-repeat;
background-position:top 0 left 0,left 0 bottom 0%; 
background-size:100% 100%,250% auto;}
.manufacturers_banner-row { margin:0px;}
.manufacturers_banner-img { float: none; display:inline-block; margin:0;}
.manufacturers_banner-text { float: none; display:inline-block;}
.manufacturers_banner-text h2 { color:#fff;font-size:35px; line-height:40px;}
.manufacturers_banner-text p { color:#fff;}

#keeping-warm-banner {  padding:50px 0; text-align:center;
background:
linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),
url('../images/lifestyle/keeping-warm_banner.png');
background-repeat:no-repeat,no-repeat;
background-position:top 0 left 0,right 0 bottom 0%; 
background-size:100% 100%,150% auto;}
.keeping-warm-text { height:400px;}
.keeping-warm-text h2 { color:#fff;}
.keeping-warm-text p br { display:none;}
.keeping-warm-text p { color:#fff;}
}

@media only screen and ( max-width:767px) {
#greenstar-row,#dot-texture { text-align:center;}
.greenstar-row1-left,.greenstar-row1-right,
.greenstar-row2-left,.greenstar-row2-right,.dot-texture1-left,.dot-texture1-right,.dot-texture2-left,.dot-texture2-right { float:none; display:inline-block; width:100%;}
.greenstar-lifestyle { width:100%; text-align:center;}
.payment-options-img { float:none; margin:0px; display:inline-block;}
.payment-options-text { float:none;}
.payment-options-text h2 { color:#fff;}
.payment-options-text h2 br,.payment-options-text p br { display:none;}
.payment-options-text p { color:#fff;}


#dot-texture { padding:50px 0;}
.dot-texture1-right .pic-img img,.dot-texture2-left .pic-img img { width:70%;}
.keeping-warm-text { text-align:center;}

.dot-texture1-right,.dot-texture2-left { margin:30px 0 0;}
.dot-texture1 { padding-bottom:30px;}

.manufacturers_banner-row  { margin:0px;}


#greenstar-lifestyle  { padding:50px 0;}

.video_ {position: relative;margin: 0;padding: 0;height: 250px;min-height: 250px;width: 100%;background-size: cover !important;-webkit-background-size: cover !important;text-align: center;overflow: hidden;}
.video-banner-text h1 { margin: 0;padding: 0 0 10px 0;font-family: arial, helvetica, sans-serif;font-size: 30px;font-weight: 400;text-align: center;color: #fff;}
.video-banner-text p { margin: 0;padding: 0;font-family: arial, helvetica, sans-serif;font-size: 15px;letter-spacing: 0em;font-weight: 400;text-align: center;color: #fff;}
.video-banner-text img {display: block;margin: 0 auto;padding: auto;width: 200px;opacity: 1;}

#lifestyle-banner,.banner-inn { height:300px;}
.banner-inn h1 { font-size:30px; line-height:40px;}
}

@media only screen and ( max-width:640px) {
.greenstar-lifestyle h2 { font-size:25px; line-height:30px;}
.greenstar-lifestyle p { font-size:17px; line-height:30px;}

#greenstar-lifestyle-range-banner,#greenstar-lifestyle-range-banner h1 { height:300px; text-align: center; background-size:260% auto;}
#greenstar-lifestyle-range-banner h1 {font-size:50px; line-height:60px;}
#greenstar-lifestyle-range-banner h1 br,.manufacturers_banner-text p { display:none;}
.dot-texture1-left h2, .dot-texture2-right h2 { font-size:32px; line-height:35px;}
.manufacturers_banner-text h2 { font-size:30px; line-height:40px;}

#keeping-warm-banner {background-size: 100% 100%,280% auto;}
.keeping-warm-text h2 { font-size:30px; line-height:40px;}
}


@media only screen and ( max-width:520px) {
.greenstar-lifestyle h2 { font-size:22px; line-height:30px;}

.greenstar-row1-left h2, .greenstar-row2-right h2 { font-size:30px;}
.greenstar-row1-left p,.greenstar-row2-right p,.dot-texture1-left p, .dot-texture2-right p,.keeping-warm-text p { font-size:17px; line-height:25px;}
.payment-options-text h2 { font-size:25px; line-height:30px;}
#payment-options-banner {background-size: 100% 100%,320% auto;background-position: top 0 left 0,right 0 bottom 0%;}
#manufacturers_banner {background-position: top 0 left 0,left 0 bottom 0%; background-size: 100% 100%,330% auto;}
.dot-texture1-left h2, .dot-texture2-right h2 { font-size:25px; line-height:30px;}
.manufacturers_banner-text h2 { font-size:25px; line-height:30px;}

#lifestyle-banner,.banner-inn { height:250px;}
.banner-inn h1 { font-size:25px; line-height:30px;}
}



















