@media(min-width:1400px){

}
/*max width 1399px*/
@media(max-width:1399px){
    .common-title h2, .common-title h3{
        font-size: 40px;
    }
    /* header banner css start */
    .header-wrapper .navbar .navbar-nav li{
        padding: 0px 8px;
    }

    .banner-sld-items .banner-content-wrap .banner-content h1{
        font-size: 40px;
    }
    /* header banner css end */
    .satisfaction-rate .left-content h3{
        font-size: 50px;
    }
    .sparkling-clean-inner .common-title h3{
        font-size: 40px;
    }
    .booking-services-inner-wrap::before{
        width: 150px;
        height: 115px;
    }
    .booking-services-inner-wrap::after{
        width: 150px;
        height: 115px;
    }
}
/*max width 1200px to 1399px*/
@media(min-width: 1200px) and (max-width: 1399px){

}
/*max width 1199px*/
@media(max-width: 1199px){
    .common-title h2, .common-title h3 {
        font-size: 30px;
    }
    /* header banner css start */
    .header-wrapper .navbar .navbar-nav li {
        padding: 0px 6px;
    }
    .header-wrapper .navbar .navbar-nav li a{
        font-size: 14px;
    }
    .head-right-btn ul{
        gap: 6px;
    }
    .head-right-btn ul li .common-btn1{
        font-size: 14px;
        padding: 6px 12px;
    }
    .head-right-btn ul li .head-call-wrap .info h4{
        font-size: 15px;
    }
    .head-right-btn ul li .head-call-wrap .icon{
        width: 30px;
        height: 30px;
    }
    .head-right-btn ul li .head-call-wrap .info{
        width: calc(100% - 30px);
    }

    .banner-sld-items .banner-content-wrap .banner-content h1 {
        font-size: 30px;
    }
    /* header banner css end */

    .satisfaction-list h3{
        font-size: 22px;
    }
    .satisfaction-list p{
        font-size: 14px;
    }
    .satisfaction-rate .left-content h3 {
        font-size: 40px;
    }

    .sparkling-clean-inner .common-title h3 {
        font-size: 30px;
    }
}

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

}

/*max width 991px*/
@media(max-width: 991px){
	/* header banner css start */
    .header-wrapper .navbar .navbar-collapse{
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: rgb(255 255 255 / 90%);
        padding: 20px 10px;
        border-radius: 5px;
        box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 50%);
        backdrop-filter: blur(10px);
    }
    .header-wrapper .navbar .navbar-nav li {
        padding: 6px 5px;
    }

    .banner-wrapper .banner-sld-items > img{
        height: 450px;
        object-fit: cover;
    }

    .banner-sld-items .banner-content-wrap .banner-content h1 {
        font-size: 25px;
    }
	/* header banner css end */
}

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

}

/*max width 767px*/
@media(max-width: 767px){
    .common-title h2, .common-title h3{
        font-size: 24px;
    }
    .common-title h5{
        font-size: 16px;
    }
    .container-fluid{
        padding-left: 15px;
        padding-right: 15px;
    }
	/*### Header css start ####*/
    .head-right-btn ul li .head-call-wrap{
        display: none;
    }
	/*### Header css end ####*/

    .booking-services-inner-wrap::before {
        width: 110px;
        height: 80px;
    }
    .booking-services-inner-wrap::after {
        width: 110px;
        height: 80px;
    }

    .process-wrap:nth-child(1)::before, .process-wrap:nth-child(2)::before{
        display: none;
    }

    #services-slider .slick-arrow.slick-next{
        right: 0px;
        top: 40%;
    }
    #services-slider .slick-arrow.slick-prev{
        left: 0px;
        top: 40%;
    }
}

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

}

/*max with 575px*/
@media(max-width: 575px){
	/* header css start */
    .header-wrapper .navbar .logo-wrap{
        position: relative;
        width: 100%;
        text-align: center;
        margin-bottom: 0;
    }
    .header-wrapper .navbar .logo-wrap .navbar-brand img{
        height: 85px;
    }
	/* header css end */
}