@media (max-width: 1200px) {


}

@media (max-width: 1025px) {
.header-logo img{ width:200px;}
.navbar-default .navbar-nav>li>a {
 	font-size: 16px;
	padding: 10px 8px;
}
.nav-bar{
	margin-top: 2%;
}
.welcome-area h2{ font-size:30px!important; position:relative; padding-left:20px; font-weight:normal; text-transform:none;}
.welcome-area .col-sm-5{ padding:0; }
.welcome-area .col-sm-5 img{ width:100%; margin-right:10px; }

.hot-products-area h2{ font-size:30px!important; }
.testimonials-area h2{ font-size:30px!important;}
.client-area h2{ font-size:30px!important;}
.footer-area .col-sm-3 h2{ font-size:20px!important;}

.owl-prev{ position:relative; left:-870px!important;}
.who-we-are-area .col-sm-4 img{ width:100%;}
.solar-energy .col-sm-4 img{ width:100%;}

.text{ text-align:justify; font-size:15px; line-height:25px; margin:0 5%; display:block;}
.container{ width:auto; display:block; overflow:hidden; margin:0 1%;}
.solar-energy h2{ font-size:30px!important; }
.toggle {padding:0; list-style:none; width:98%; display:block; margin:auto;}


.container-main {
    width: auto; padding:3%; margin:auto; -webkit-box-shadow: 0px 5px 5px 3px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 5px 5px 3px rgba(0,0,0,0.25);
box-shadow: 0px 5px 5px 3px rgba(0,0,0,0.25);
}
}

@media (min-width: 768px) and (max-width: 980px) {

.owl-prev{ position:relative; left:-850px!important;}
.owl-next{ position:relative; right:-30px!important;}
.heading{ background:#61bd07; color:#fff; font-size:22px; padding:5px 15px; display:block;}
.heading-2{ background:#3a3a39; color:#fff; font-size:22px; padding:5px 15px; display:block;}
.footer-area .col-sm-3 h2{ font-size:20px!important;}

.top-header .col-md-10{ padding:0; float:none; display:block; }
.top-header .col-xs-2{ padding:0; width:100%; float:none; display:block;}
.header-logo { margin:auto; text-align:center;}

.navbar-default .navbar-nav>li>a {
 	font-size: 15px;
	padding: 10px 8px;
	font-weight: normal;
}
.who-we-are-area h2{ font-size:30px!important;}
.who-we-are-area{ display:block; width:100%; padding-top:10%;}
.next-page-header-pic{ width:auto; display:block; overflow:hidden; padding-top:10%;}
.solar-energy{ display:block; width:100%; padding-top:10%;}
.faq{ display:block; width:100%; padding-top:10%;}
.faq h2{ font-size:30px!important;}
.product-area{ display:block; width:100%; padding-top:10%;}
.product-area h2{ font-size:30px!important;}

.top-click-but{ display:none;}

}

@media (min-width: 310px) and (max-width: 767px) {
.who-we-are-area .row { margin-right: 0!important; margin-left: 0!important;}
.solar-energy .row { margin-right: 0!important; margin-left: 0!important;}
.faq .row { margin-right: 0!important; margin-left: 0!important;}
.contact-area .row { margin-right: 0!important; margin-left: 0!important;}

.header-logo img{ width:340px;}
.header-logo { margin:auto; text-align:center;}
.welcome-area .col-sm-5 img{ width:70%;}
.welcome-area .col-sm-6{ clear:both; display:block; overflow:hidden; margin-bottom:10%;}
.hot-products-area h2{ width:70%; }
.testimonials-area h2{ width:60%;}
.client-area h2{ width:50%; }
.paralex{ min-height:650px;  }
.slider{ margin-bottom:0;}
.carousel,
    .carousel-inner,
    .carousel-inner .item { margin-top:11.5%;}
.who-we-are-area{ display:block; width:100%; padding-top:30%;}
.solar-energy{ display:block; width:100%; padding-top:30%;}
.solar-energy h3{ font-size:22px; color:#000; font-weight:bold; line-height:30px; text-align:center;}
.faq{ display:block; width:100%; padding-top:30%;}
.toggle h5 {padding:7px 22px; color: #fff; }
.product-area{ display:block; width:100%; padding-top:30%;}
.faq .col-sm-6{ clear:both; display:block; overflow:hidden; margin-bottom:5%;}
.faq .col-sm-3{ clear:both; display:block; overflow:hidden; margin-bottom:5%;}
.faq .col-sm-5{ clear:both; display:block; overflow:hidden; margin-bottom:5%;}
.faq .col-sm-4{ clear:both; display:block; overflow:hidden; margin-bottom:5%;}
.top-click-but{ display:none;}
.top-number {
    position: relative;
    left: 12%;
    top: 10px;
}

.welcome-area h2 {
    position: relative;
    
}
.text {
    margin: 0;
    display: block;
}
.carousel-indicators {
    bottom: 5px;
    left: 55%;
}
.next-page-header-pic { padding-top: 29%;}
.contact-area .next-page-header-pic { padding-top: 59%!important;}

.contact-area .col-sm-6 { padding: 0; width: auto;}
.contact-area .col-sm-4 { padding: 0; width: auto;}
.contact-area .pull-right { float:none!important;}
.contact-area .mrgn-left20 { margin-left:0!important;}

.testi-txt {
    
    margin-top: -37px;
    margin-bottom: 6px;
}
.carousel-inner .item {
    height: 200px;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: 200px!important;
}


.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    font-size: 10px!important;
    color: #000!important;
    margin-right: 0;
    margin-top: 76px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    font-size: 10px!important;
    color: #000!important;
    margin-right: 0;
    margin-top: 76px;
}
}

@media (max-width: 320px)  {
.header-logo img{ width:300px;}
.hot-products-area h2::after {right: -8%;}

}