@media (max-width: 992px) and (min-width: 320px){
.r-text-to-4:before{ display:none;}
.r-text-to:before{display:none;}
.top-bar .container{ padding:0px; width:100%;}
.logo-to{ width:30%;}
.p-bg .fa{font-size: 19px;}
.ace-responsive-menu{ overflow:auto;height: 285px;}
}
@media (max-width: 800px) and (min-width: 620px){
.w3-dropdown-click {
    width: 100px;
    position: absolute;
    right: 97px;
    z-index: 99999;
    border: none;
    background-color: #f1d40b;
    padding: 5px 14px;
    font-size: 20px;
    padding-left: 0px;
    padding: 0px;
    bottom: -48px;
}
}
@media (max-width: 767px) and (min-width: 320px){
.dropbtn{    font-size: 15px !important;    padding-left: 8px;}
.w3-dropdown-click{font-size: 16px;    padding: 8px 6px;}
.c-call a{ padding:8px 0}	
.bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img{ height:157px !important}
.logo-to{ width:100%; float:left;}
.thumb-pad1 .caption .title {font: 19px 'Roboto Condensed';}
.thumb-pad1 .caption {    padding: 19px 14px 16px 14px !important;}
.thumb-pad1{ height:337px !important}
.well-to-solar{ width:100%; float:left;}
.well-to-solar-to,.container-top{ width:100%; float:left; padding:0px;}
.thumb-box2{ padding-bottom:30px;}
.well-to-solar{ padding:0px;}
.well-to .title {font: 27px/48px 'Roboto';}
.well-to .description {font: 18px 'Roboto';}
.r-button a{ margin-top:20px;}
.r-text-to-4{ width:100%; float:left; padding:0px;}
.c-call {width: 46%;float: left;}
.c-call a{ font-size:12px;}
.c-call-to{     width: 59% !important;    margin-top: 10px;}
.w3-dropdown-click {
    width: 100px;
    position: absolute;
    right: 7px;
   
    padding: 0px;
    top: 61px;
}
.menu-toggle #menu-btn{ margin:7px !important}
}
@media (max-width: 992px) and (min-width: 768px){
.logo-to{ width:50%; float:left;}
.r-text-to-4{ width:100%; float:left; padding:0px;}
.thumb-pad1 .caption .title{ font-size:20px;}
.thumb-pad1 .caption {padding: 19px 9px 18px 9px !important;color: #a2a2a2;}
.thumb-pad1{ height:315px !important;}
.well-to-solar{ width:100%; float:left;}
.well-to .title {font: 28px/43px 'Roboto';}
.commercial h2{font: 21px/30px 'Roboto';}
.commercial h3 {font:15px/19px 'Open Sans';}
.well-to .description {font: 20px 'Roboto';}
.well-to p{text-align:justify;}
.well-to-solar-to{width:100%; float:left; }
.r-button a{ margin-top:30px;}
.thumb-box2{ padding-bottom:33px;}
.news-to-b{ background-size:cover;}
.saving{width:100%; float:left;}
.lo-solar{width:50%; float:left;margin-bottom: 30px;}
.f-content{width:50%; float:left;}
}
@media (max-width: 1100px) and (min-width: 992px){

}
@media (max-width: 992px) and (min-width: 1100px){

}
@media (max-width: 2000px) and (min-width: 1100px){

}
@media (max-width: 974px) and (min-width: 320px){
.dis-none{ display:block !important;    width: 80%;    float: left;}
.logo{ display:none;}
}
@media (max-width: 767px) and (min-width: 620px){


}
@media (max-width: 480px) and (min-width: 320px){
	.news-to-sol{ margin:0px;}
.wow{ width:100%; float:left; border-bottom:1px solid #000; margin-bottom:20px;}
.we-t {    margin-bottom: 16px !important;}	
.saving{ width:100%; float:left; padding:0px;    margin-bottom: 25px;}
.commercial h2{font:19px/26px 'Open Sans';}
.commercial h3 {color: #6f6f6f;font: 14px/19px 'Open Sans';}
.thumb-pad2 figure{ width:100%; float:left; margin:0px;}
.thumb-pad2 figure img{width:100%; float:left;}
.caption{width:100%; float:left;}
.lo-solar{width:100%; float:left; margin-bottom:20px; padding:0px;}
}
@media (max-width: 620px) and (min-width: 320px){
	
}
@media (max-width: 960px){

}