@media(min-width: 992px) and (max-width: 1199px){
	.logo-wrap{
	    position: relative;
	}
	.logo-wrap a.navbar-brand img {
	    position: relative;
	    width: 164px;
	}
	.header-wraper .navbar .main-menu li{
	    padding: 0px 3px;
	}
	.header-wraper .navbar .main-menu li a{
	    font-size: 15px;
	}
}

/*max width 991px*/
@media(max-width: 991px){
	.comon-title h3{
		font-size: 30px;
	}
	/*######## Header css start ########*/
	.header-wraper .navbar .logo-wrap{
	    position: relative;
	    width: 100%;
	    text-align: center;
	    margin-bottom: 10px;
	}
	.header-wraper .navbar .toggle-menu{
	    color: #353535;
	    font-size: 22px;
	}
	.header-wraper .navbar .main-menu.active{
	    background-color: #fff;
	    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 60%);
    	border-radius: 3px;
	}
	.header-wraper .navbar .main-menu .expand{
	    color: #353535;
	    padding: 2px 15px;
	}
	.header-wraper .navbar .main-menu > li.sub-dropdown:after{
		display: none;
	}
	/*######## Header css end ########*/
	/*######## banner css start ########*/
	.banner-slider-wrap:before{
		z-index: 1;
	}
	.banner-slider-wrap > img{
		position: relative;
		height: 450px;
		object-fit: cover;
	}
	.banner-cont-wrap h1{
		font-size: 30px;
	}
	.banner-cont-wrap p{
		font-size: 20px;
	}
	/*######## banner css end ########*/
}

/*width 768px to 991px*/
@media(min-width: 768px) and (max-width: 991px){
/*-- menu --*/
.main-menu .expand.active {
	-webkit-transform: rotate(
0deg
);
	transform: rotate(
0deg
);
}

.main-menu .sub-dropdown.active .expand {
	-webkit-transform: rotate(
45deg
);
	transform: rotate(
45deg
);
}
/*-- menu end --*/
}

/*max width 767px*/
@media(max-width: 767px){
	.contact-us-wraper{overflow-x: hidden;}
	
	#product-slider .owl-nav .owl-prev{
		left: 0px;
	}
	#product-slider .owl-nav .owl-next{
		right: 0px;
	}
	.about-wraper:after {
		display: none;
	}
	.how-solar-works-wraper {
		overflow: hidden;
	}
	.how-work-list.first:after, .how-work-list.second:after,.how-work-list.third:after{
		display: none;
	}
	.how-work-list {
		width: 100%;
	}
	/*-- menu --*/
	.main-menu .expand.active {
		-webkit-transform: rotate(
	0deg
	);
		transform: rotate(
	0deg
	);
	}
	
	.main-menu .sub-dropdown.active .expand {
		-webkit-transform: rotate(
	45deg
	);
		transform: rotate(
	45deg
	);
	}
	/*-- menu end --*/
}

/*width 576px to 767px*/
@media(min-width: 576px) and (max-width: 767px){

}

/*max with 575px*/
@media(max-width: 575px){
	.search-get-quote-wraper .search-box{
	    right: -150px;
    	width: 300px;
	}
	.search-get-quote-wraper .search-box:before{
	    right: 150px;
	}
}

