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

/*max width 991px*/
@media(max-width: 991px){
    .common-title h3{
        font-size: 30px;
    }
    .common-title p{
        font-size: 15px;
    }
    .footer-inner-wrap .footer-logo img{
        height: 70px;
    }
    /*#### Header css start ####*/
    .header-wrapper .main-menu .navbar .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: rgb(255 255 255 / 80%);
        backdrop-filter: blur(10px);
        padding: 20px 10px;
        border-radius: 5px;
        box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 50%);
    }
    .main-menu .navbar-nav li{
        padding: 10px 0px;
    }
    .header-wrapper .main-menu .navbar .navbar-toggler {
        background-color: #23a8a0;
        color: #ec3925;
        border: 0px;
    }
    /*#### Header css end ####*/
    /*#### Banner css start ####*/
    #banner-slider .banner-sld-items > img {
        width: 100%;
        height: 450px;
        object-fit: cover;
    }
    .banner-content-wrap h4{
        font-size: 20px;
    }
    .banner-content-wrap h3{
        font-size: 26px;
    }
    .banner-content-wrap p{
        font-size: 15px;
    }
    /*#### Banner css end ####*/
    /*#### Inner banner css start ####*/
    .inner-bannerwrapper img{
        height: 200px;
    }
    .our-vision-mission-wrapper{
        background-size: cover;
    }
    /*#### Inner banner css end ####*/
}

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

}

/*max width 767px*/
@media(max-width: 767px){
	.head-cont-info ul{
        justify-content: center;
    }
    .top-header .social-icon{
        justify-content: center;
    }

    .testmonials-slider .slick-arrow.slick-prev{
        left: 0;
    }
    .testmonials-slider .slick-arrow.slick-next{
        right: 0;
    }
}

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

}

/*max with 575px*/
@media(max-width: 575px){
    .main-menu .logo-wrap img{
        width: 180px;
    }
    .header-wrapper .main-menu .navbar .logo-wrap {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
	.header-wrapper .main-menu .navbar {
        position: relative;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .banner-content-wrap ul li .btn{
        padding: 6px 6px;
    }
}