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

}

/*max width 991px*/
@media(max-width: 991px){
	.comon-title h3{
		font-size: 30px;
	}

	.inner-banner img{
		height: 200px;
	}
	.inner-banner .inner-banner-cont h1{
		font-size: 30px;
	}
	/*######### header css start #######*/
	.hed-menu-wrap .navbar .navbar-toggler{
		color: #fff;
	    border-color: #fff;
	    font-size: 20px;
	}
	.hed-menu-wrap .navbar .navbar-collapse{
	    position: absolute;
	    top: 106%;
	    left: 0;
	    width: 100%;
	    background-color: #000;
	    padding: 20px 10px;
	}

	/*######### header css end #######*/

	/*######### Banner css start #######*/
	.banner-wraper .banner-slider-wrap > img{
	    height: 550px;
    	object-fit: cover;
	}
	.banner-wraper .banner-content-wrap .h2{
		font-size: 20px;
	}
	.banner-wraper .banner-content-wrap .h1{
		font-size: 24px;
	}
	.banner-wraper .banner-content-wrap h4{
		font-size: 20px;
	}
	.banner-wraper .banner-content-wrap .btn-dark{
		padding: 10px 15px;
    	font-size: 18px;
	}
	/*######### Banner css end #######*/
}

/*width 768px to 991px*/
@media(min-width: 768px) and (max-width: 991px){

}

/*max width 767px*/
@media(max-width: 767px){

}

/*width 576px to 767px*/
@media(min-width: 576px) and (max-width: 767px){

}

/*max with 575px*/
@media(max-width: 575px){

}