#slider { float:left; width:100%;}
#slider .owl-dots { display: none;}


.energy-banner{ float:left; width:100%; height:550px; position:relative;}
.energy-banner .wrapper { display:table; }
 
.energy-banner { 
background:
url('../images/homepage-banner.png');
background-repeat: no-repeat;
background-position:left 0 bottom 50%;
background-size:cover;}
.energy-banner .slide-text h2 { color:#262626;font-size:48px; line-height:50px;}
.energy-banner .slide-text .btn { margin:30px 0 0;}

.energy-banner .slide-text { vertical-align: middle; display:table-cell; text-align: right; height:550px;}
.energy-banner .slide-text h2 { font-size:50px; line-height:60px; color:#fff; margin:0px; padding:0px;font-family: 'Montserrat Regular';}
.energy-banner .slide-text .btn { float:left; width:100%; margin:20px 0;}
.energy-banner .btn a {background:#6bb61d; color:#fff; border-radius:28px; padding:10px 20px; font-size:19px; margin:0; font-weight: normal; display:inline-block;font-family:'Montserrat Light';}
.energy-banner .btn a:hover  {background:#262626;}


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

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

}

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

@media only screen and ( max-width:1400px) {
.energy-banner .slide-text h2 { font-size:50px; line-height:60px; }
.energy-banner .slide-text { padding:0 0 0 80px;}
}


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


@media only screen and ( max-width:1200px) {
.energy-banner .slide-text { vertical-align:middle; padding:0px; text-align:center;}
.energy-banner .slide-text h2 { color:#fff;}
.energy-banner .slide-text h2 br { display:none;}

.energy-banner { 
background:
linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),
url('../images/homepage-banner.png');
background-repeat: no-repeat,no-repeat;
background-position:top 0 left 0,right 0% bottom 0%;
background-size:100% 100%,cover;}
.energy-banner .slide-text h2 { color:#fff;}
}


@media only screen and ( max-width:1100px) {
.energy-banner,.energy-banner .slide-text { height:400px;}
.energy-banner .slide-text h2 { font-size:35px; line-height:40px; }
}

@media only screen and ( max-width:1000px) {
.energy-banner .slide-text .btn a { box-shadow:0 0 0 0; font-size:16px; padding:12px 12px;}
}

@media only screen and ( max-width:768px) {
.energy-banner .slide-text h2 { font-size:30px; line-height:40px; }
}



@media only screen and ( max-width:670px) {
.energy-banner .slide-text .btn a:hover { font-size:19px; background-size:12%; padding:12px 60px 10px 30px; background-position: top 10px right 15px;}
}


@media only screen and ( max-width:620px) {
.energy-banner,.energy-banner .slide-text { height:350px;}

.energy-banner .slide-text h3 { font-size:28px; line-height:35px;}
.energy-banner .slide-text h2 { font-size:25px; line-height:30px;}


}

@media only screen and ( max-width:560px) {
.energy-banner,.energy-banner .slide-text { height:300px;}
.slide-text h2 { font-size:26px; line-height:30px; }
.slide-text .btn { margin:15px 0 0;}
}

@media only screen and ( max-width:460px) {
.energy-banner,.energy-banner .slide-text { height:260px;}
}

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