@media (max-width: 1440px) {

        ul.menu-list li a {
            font-size: 14px;
        }
        .testimonial-sec .owl-nav button.owl-next {
        left: -450px;
        top: 220px;
    }
    .testimonial-sec .owl-nav button.owl-prev {
        left: -500px;
        top: 220px;
    }

    ul.menu-list li {
    padding: 4px 8px;
}

.logo h2 {
    font-size: 26px;
}

    section.shop-slider .owl-nav.disabled button.owl-prev {
        left: -60px;
        width: 40px;
        height: 40px;
        font-size: 32px;
    }

    section.shop-slider .owl-nav.disabled button.owl-next {
        width: 40px;
        height: 40px;
        font-size: 32px;
        right: -40px;
    }

    .slides-book {
        width: 95%;
    }

    }
    @media (max-width: 1399px) {
        section.Icon {
            padding-top: 140px;
            padding-bottom: 80px;
        }
        .box {
            min-width: 300px;
        }
        .logo h2 {
            font-size: 20px;
        }
        ul.menu-list li {
            padding: 4px 6px;
        }
        ul.menu-list li a {
            font-size: 12px;
        }
        .head-btn a {
            padding: 6px 12px;
            font-size: 13px;
        }
        .firts-cover-cont h2 {
            font-size: 100px;
        }
    }
    @media (max-width: 1199px) {
        .heading2-light {
            padding-bottom: 20px;
            font-size: 32px;
        }

            .process-wrapper .process-item:hover .cont-2-text,     .process-wrapper .process-item:hover .cont-1-text {
        display: none !important;
    }

        .process-wrapper {
            margin-top: 00px;
        }


        .process-wrapper .process-item {
        padding: 0;
        width: 200px;
        display: flex;
        height: 200px;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
        border: 6px solid #00838e;
        margin: 1%;
        background: #20b2aa;
        border-radius: 20px;

    }

    .process-wrapper .process-item h3 {
        position: relative;
        top: 0 !important;
        bottom: 0 !important
    }

    .process-wrapper .process-item div {
        width: auto;
        height: auto;
        position: relative
    }

    .process-wrapper {
        flex-wrap: wrap
    }

    .process-wrapper .process-item .p-img,
    .process-wrapper .process-item div::after,
    .process-wrapper .process-item div::before {
        display: none
    }

    .process-wrapper .process-item img:nth-child(3),
    .process-wrapper .process-item img:nth-child(4) {
        display: none !important
    }

    .process-wrapper .process-item.active {
        background: rgba(var(--clr-1), 1)
    }

    .process-wrapper .process-item.active h3,
    .process-wrapper .process-item.active h3::before,
    .process-wrapper .process-item:hover h3::before {
        color: #fff
    }

    .process-wrapper .process-item div img:first-child {
        margin-bottom: 20px
    }

        .pop-text h3 {
            font-size: 20px;
            padding: 10px 0 6px 0;
        }
        .box {
            min-width: auto;
        }
        ul.menu-list li {
            padding: 5px 3px;
        }
        ul.menu-list li a {
            font-size: 12px;
        }
        .menu-btn-col {
            display: none;
        }
        .bx-1, .bx-2, .bx-3 {
            padding: 25px;
        }
        .bx-4 {
            padding: 25px;
        }
        .firts-cover-cont h2 {
            font-size: 80px;
        }
        .cover-box {
            min-height: 250px;
        }
        .serv-btn-all {
            margin-top: 30px;
        }
        h2.serv-head {
            font-size: 36px;
        }
        .cont-img img {
            min-height: 630px;
        }
        .contact-form h2 {
            font-size: 50px;
            padding-bottom: 0px;
        }
        .contact-form label {
            padding-top: 16px;
        }
    }
    @media (max-width: 1160px){

    .dekstop-header {
        margin-bottom: -115px;
        padding-top: 30px;
    }

    .logo h2 {
        font-size: 17px;

    }

    .head-btn a {
        font-size: 12px;
        padding: 8px 20px;
    }

    section.banner-head {
        padding-top: 190px;
        height: 740px;
    }

    .cnt-img img {
        right: -120px;
        top: -130px;
    }

    .cnt-img:after {
        right: -74px;
        top: -176px;
    }

    .cnt-img:before {
        right: -70px;
        bottom: -55px;
    }

    .cnt-img-left img {
        top: -131px;
        left: -140px;
    }

    .cnt-img-left:after {
        left: -90px;
        top: -170px;
    }

    .cnt-img-left:before {
        left: -190px;
        bottom: -140px;
        width: 160px;
    }

    .box img {
        width: 62px;
    }

    .box h4 {
        font-size: 15px;
    }

    .box p {
        font-size: 12px;
    }

    section.Icon {
        padding-top: 150px;
    }

    .book-head h2 {
        font-size: 44px;
    }

    .btn-btn {
        font-size: 14px;
        padding: 10px 20px;
    }

    .book-inner-cont h4 {
        font-size: 18px;
    }

    .book-inner-cont span {
        font-size: 14px;
    }

    section.book-sec {
        padding: 80px 0 100px 0;
    }

    .pop-text h3 {
        padding: 10px 0 10px 0;
        font-size: 22px;
    }
    .pop-inner-cont {
        padding-block-end: 70px;
    }

    .pop-text p {
        font-size: 12px;
    }

    .pop-text {
        padding-bottom: 30px;
    }

        section.popular-sec {
            padding-top: 60px;
        }

    section.slide-sec h2 {
        font-size: 42px;
        padding-left: 50px;
        padding-bottom: 50px;
        padding-top: 80px;
    }

    section.slide-sec .owl-nav {
        top: -124px;
        right: 60px;
    }

    section.slide-sec .owl-nav button span {
        width: 40px;
        height: 40px;
        font-size: 30px;
    }

    .slide-text h3 {
        font-size: 16px;
    }

    .slide-text span {
        font-size: 14px;
    }

    .slide-text {
        padding-top: 20px;
    }

    section.testimonial-sec {
        padding: 50px 0 0 0;
    }

    .testimonial-cont {
        padding-left: 50px;
        width: 90%;
    }

    .testimonial-cont h2 {
        font-size: 28px;
        padding-bottom: 20px;
    }

    .testimonial-cont p {
        font-size: 14px;
    }

    .test-box {
        padding: 20px 10px;
    }

    .client-img img {
        width: 40px;
    }

    .client-text h4 {
        font-size: 16px;
    }

    .test-cont p {
        font-size: 12px;
    }

    .testimonial-slid {
        padding: 180px 0 170px 0;
        background-size: contain;
    }

    section.blog {
        padding: 80px 0;
    }

    .blog-head h2 {
        font-size: 44px;
    }

    .blog-box {
        padding: 20px 20px;
    }

    .date span {
        padding: 6px 10px;
        font-size: 12px;
    }

    .blog-cont h3 {
        font-size: 18px;
        line-height: 23px;
    }

    .blog-cont p {
        font-size: 13px;
    }

    .blog-cont {
        padding: 22px 0;
    }

    .blog-inner-sec {
        padding-top: 40px;
    }

    .contact-form h2 {
        font-size: 44px;
        padding-bottom: 10px;
    }

    .contact-form label {
        font-size: 14px;
        padding-top: 10px;
    }

    .contact-form input {
        padding: 4px 0;
    }
    .contact-form button.btn-padding.btn-red-outline {
        font-size: 14px;
        padding: 10px 70px;
        margin-top: 18px;
    }

    .contact-form {
        padding-left: 30px;
    }

    /* section.contact-sec {
        margin-bottom: 80px;
        margin-top: 40px;
    } */

    .firts-cover-cont h2 {
        font-size: 80px;
    }

    .inner-cover-cont h3 {
        font-size: 16px;
    }

    .bx-1 {
        padding: 20px 20px;
    }

    .cover-box h3 {
        font-size: 22px;
    }
    .cover-box p {
        font-size: 14px;
    }

    .cover-box {
        height: 100%;
        min-height: 285px;
    }

    footer {
        padding: 40px 50px 0 50px;
    }

    .foot-logo h2 {
        font-size: 52px;
    }

    .foot-logo p {
        font-size: 14px;
        padding-right: 30px;
    }

    .foot-info p {
        font-size: 22px;
        line-height: 30px;
    }

    ul.foot-cont {
        padding-top: 20px;
    }

    .testimonial-sec .owl-nav button.owl-next {
        left: -320px;
        top: 180px;
    }

    .testimonial-sec .owl-nav button.owl-prev {
        top: 180px;
        left: -380px;
    }


    .breadcamp h2 {
        font-size: 40px;
        line-height: 52px;
    }

    section.about-sec {
        padding: 100px 0;
    }

    .about-pg-cont h2 {
        font-size: 36px;
    }

    .about-pg-cont p {
        font-size: 14px;
    }

    .about-img-2 img {
        width: 50%;
    }

    .about-img-2 {
        bottom: -30px;
        right: -230px;
    }

    .city-head {
        width: 70%;
        padding-bottom: 60px;
    }

    .city-box h3 {
        font-size: 22px;
    }

    .city-box p {
        font-size: 14px;
    }

    .city-box {
        padding: 0 20px;
    }
    section.city-sec {
        padding: 80px 0;
    }

    section.abt-sec-two {
        padding: 80px 0;
    }

    .abt-sec-two-to-cont h2 {
        font-size: 36px;
    }

    .abt-sec-two-to-cont p {
        font-size: 14px;
        padding-bottom: 30px;
    }

    .inner-two-box h1 {
        font-size: 20px;
    }

    .inner-two-box p {
        font-size: 14px;
    }

    .inner-two-box img {width: 30px;}

    section.abt-sec-three {
        padding: 80px 0;
    }

    .abt-sec-three-cont h2 {font-size: 36px;padding-bottom: 20px;}

    .abt-sec-three-cont p {
        font-size: 14px;
    }

    ul.three-sec-list li {
        font-size: 14px;
        padding-bottom: 10px;
    }
    section.shop-slider .owl-nav.disabled button.owl-prev {
        left: -60px;
        width: 40px;
        height: 40px;
        font-size: 32px;
    }

    section.shop-slider .owl-nav.disabled button.owl-next {
        width: 40px;
        height: 40px;
        font-size: 32px;
        right: -40px;
    }

    .slides-book {
        width: 95%;
    }

    .shop-one-head h2 {
        font-size: 40px;
    }
    section.shop-sec-one {
        padding: 80px 0;
    }

    .shop-sec-btn {
        margin-top: 20px;
    }

    .shop-one-head p {font-size: 14px;}

    .shop-sec-one-img img {
        float: inline-end;
    }

    .shop-slider-head h2 {
        font-size: 40px;
    }

    .shop-slider-head p {
        font-size: 14px;
    }

    section.shop-slider .owl-nav.disabled button.owl-prev {
        left: -30px;
        width: 35px;
        height: 35px;
        font-size: 32px;
    }

    ul.shp-slide-list li {
        line-height: 28px;
    }

    section.shop-slider .owl-nav.disabled button.owl-next {
        width: 35px;
        height: 35px;
        right: -15px;
    }


    h2.serv-head {
        font-size: 36px;
    }

    .serv-head-1 p {
        font-size: 14px;
        padding-right: 0px;
    }

    ul.serv-client-imgs li {
        margin-right: -27px;
    }

    ul.serv-client-imgs img {
        width: 50px;
    }

    .inner-serv-cont span {
        font-size: 10px;
    }

    a.serv-btn {
        padding: 10px 26px;
    }

    p.serv-p {
        font-size: 14px;
    }

    .serv-book-list li {
        font-size: 12px;
    }

    .serv-book-list i {
        padding-right: 10px;
    }

    .serv-book-btn a {
        padding: 10px 80px;
    }

    .serv-box-head h2 {
        font-size: 36px;
    }

    .serv-box-head p {
        font-size: 14px;
        padding-right: 40px;
    }

    .inner-serv-box {
        padding: 15px 10px;
    }

    .inner-serv-box h2 {
        font-size: 18px;
        padding: 10px 0px;
    }

    .contact-inner-head {
        right: -390px;
        padding: 30px 20px;
        bottom: -153px;
    }

    .contact-inner-head h2 {
        font-size: 24px;
        padding-bottom: 14px;
    }

    .contact-inner-head span {
        font-size: 16px;
    }

    .contact-inner-head p {
        font-size: 12px;
        padding-top: 14px;
    }

    .call a {
        font-size: 12px;
        padding: 8px 80px;
    }

    .call {
        margin-top: 34px;
    }

    .map iframe {
        width: 530px;
        height: 430px;
    }

    .map-side-content h2 {
        font-size: 26px;
        line-height: 32px;
    }

    .time {
        padding: 20px 0;
    }

    .information {
        padding: 20px 0;
    }

    .information li {
        line-height: 32px;
    }

    .social-cont-pg li {
        line-height: 32px;
    }

    }



    @media (max-width: 1025px){}
    @media only screen and (max-width:991px){
        section.popular-sec {
            padding-top: 60px;
        }
        .cont-img img {
            min-height: 510px;
        }
        /*RESPONSIVE NAVIGATION*/
        .mobile-menu{
        display: block;
        margin-bottom: -60px;
        }
        /*RESPONSIVE NAVIGATION*/

        .dekstop-header {display: none;}

    section.banner-head {
        padding-top: 120px;
        height: 550px;
    }

    .logo h2 {
    font-size: 26px;

}

    .banner-first-con h2 {
        font-size: 40px;
    }

    a.white-btn {
        padding: 8px 16px;
    }

    .cnt-img img {
        right: -90px;
        top: -90px;
    }

    .book-card.small {
        padding-bottom: 60px;
    }

    .cnt-img:after {
        right: -60px;
        top: -122px;
        width: 70px;
    }

    .cnt-img-left img {
        top: -131px;
        left: -140px;
    }

    .cnt-img-left img {
        top: -91px;
        left: -110px;
    }

    .cnt-img-left:after {
        left: -70px;
        top: -115px;
        width: 70px;
    }

    .cnt-img-left:before {
        width: 140px;
        left: -150px;
        bottom: -150px;
    }

    .box img {
        width: 40px;
    }

    .box h4 {
        font-size: 12px;
    }

    .box p {
        font-size: 10px;
    }

    .box-cont {
        padding-left: 5px;
    }

    section.Icon {
        padding-top: 120px;
    }

    .book-box {
        margin-bottom: 20px;
    }

    .book-head h2 {
        font-size: 40px;
        text-align: center;
        margin-bottom: 20px;
    }

    .btn-btn {
        padding: 8px 15px;
    }

    section.book-sec {
        padding: 60px 0 80px 0;
    }

    .pop-head h2 {
        font-size: 35px;
    }

    .pop-inner-cont {
        padding-block-end: 30px;
        padding-block-start: 15px;
    }

    .pop-text img {
        width: 60px;
    }

    .pop-text h3 {
        font-size: 18px;
    }

    .firts-cover-cont h2 {
        font-size: 60px;
    }

    .inner-cover-cont h3 {
        font-size: 11px;
    }

    .firts-cover-cont {
        padding-left: 10px;
    }

    .inner-cover-cont span {
        font-size: 10px;
    }

    .cover-box {
        height: 100%;
        min-height: 188px;
    }

    .cover-box h3 {
        font-size: 14px;
    }

    .bx-3 {
        padding: 15px 15px;
    }

    .bx-1 {
        padding: 15px 15px;
    }

    .cover-box p {
        font-size: 12px;
    }

    .firsrt-cover-book {
        padding: 7px 0;
    }

    section.slide-sec h2 {
        font-size: 36px;
        padding-left: 20px;
        padding-bottom: 40px;
    }

    section.slide-sec .owl-nav {
        top: -85px;
        right: 30px;
    }

    section.slide-sec .owl-nav button span {
        width: 30px;
        height: 30px;
    }

    .slide-text {
        padding-top: 10px;
    }

    .blog-head h2 {
        font-size: 38px;
    }

    section.blog {
        padding: 60px 0;
    }

    .blog-box {
        padding: 10px 10px;
        border-radius: 10px;
    }

    .blog-cont {
        padding: 15px 0px;
    }

    .date span {
        font-size: 10px;
        padding: 4px 9px;
    }

    .date h5 {
        font-size: 10px;
    }

    .blog-cont h3 {
        font-size: 16px;
        line-height: 23px;
    }

    .blog-cont p {
        font-size: 12px;
    }

    .contact-form h2 {
        font-size: 34px;
    }

    .contact-form label {
        font-size: 12px;
    }

    .contact-form input {
        padding: 0 0;
    }

    .contact-form button.btn-padding.btn-red-outline {
        font-size: 12px;
        padding: 10px 50px;
    }

    footer {
        padding: 40px 30px 0 30px;
    }

    .foot-logo h2 {
        font-size: 42px;
    }

    .foot-logo p {
        font-size: 12px;
    }

    ul.foot-icon {
        padding-top: 20px;
    }

    ul.foot-icon li i {
        font-size: 18px;
    }

    .foot-info p {
        font-size: 14px;
        line-height: 24px;
    }

    ul.foot-cont li a {
        font-size: 12px;
    }

    ul.foot-cont li {
        line-height: 30px;
    }

    .copy-p {
        padding: 20px 0;
    }

    .copy-p p {
        font-size: 12px;
    }

    ul.list li a {
        font-size: 12px;
        line-height: 28px;
    }

    section.testimonial-sec {
        padding: 20px 0 0 0;
    }
    .testimonial-cont h2 {
        font-size: 22px;
    }

    .testimonial-cont p {
        font-size: 12px;
    }

    .testimonial-slid {
        padding: 60px 0 50px 0;
    }

    .mobile-menu .circle {background: #0bb1bf;}


    .mobile-menu ul.menu-list {
        display: block;
        padding-top: 60px;
    }

    .mobile-menu ul.menu-list a {
        color: white;
        font-size: 18px;
        font-weight: 300;
    }

    .mobile-menu .nveMenu {
        background: black;
    }

    .mobile-menu ul.menu-list li {
        margin-bottom: 40px;
    }

    .mobile-menu .mobile-cross {
        right: 20px;
        top: 40px;
        background: #0BB1BF;
        color: rgb(255, 255, 255);
    }

    .mob-logo h2 {
        color: #fff;
        font-size: 22px;
    }

    .testimonial-sec .owl-nav button.owl-next {
        top: 170px;
        left: -58%;
    }

    .testimonial-sec .owl-nav button.owl-prev {
        top: 170px;
        left: -65%;
    }


    .banner-first-con h2 {
        font-size: 34px;
        line-height: 44px;
    }

    .breadcamp h2 {
        padding-bottom: 30px;
    }
    section.banner-head.breadcamp {
        padding: 100px 10px 80px;
    }

    section.about-sec {
        padding: 70px 0;
    }

    .about-pg-cont h2 {
        font-size: 24px;
        padding-bottom: 15px;
    }

    .about-pg-cont p {
        font-size: 12px;
        padding-bottom: 10px;
        padding-right: 10px;
    }
    .about-img-2 {
        bottom: -30px;
        right: -233px;
    }

    .abt-btn {
        margin-top: 15px;
    }

    .city-head {
        width: 100%;
        padding-bottom: 50px;
    }

    .city-head h2 {
        font-size: 34px;
    }

    .city-head p {
        font-size: 14px;
        padding: 0 90px;
    }

    .city-box {
        margin-bottom: 50px;
    }

    .city-box h3 {
        padding: 14px 0;
    }

    section.city-sec {
        padding: 70px 0;
    }

    .abt-sec-two-to-cont h2 {
        font-size: 30px;
    }

    .abt-sec-two-to-cont p {
        font-size: 12px;
    }

    .inner-two-box h1 {
        font-size: 18px;
    }

    .inner-two-box p {
        font-size: 12px;
        padding: 0px 0 0px 0;
    }

    .inner-two-img img {
        height: 80vh;
        object-fit: cover;
        border-radius: 5px;
    }

    .abt-sec-three-cont h2 {
        font-size: 30px;
        padding-bottom: 10px;
    }

    .abt-sec-three-cont p {
        font-size: 12px;
    }

    ul.three-sec-list {
        padding-top: 20px;
    }

    ul.three-sec-list li {
        font-size: 12px;
    }

    .sec-three-btn {
        margin-top: 30px;
    }

    .shop-one-head h2 {
        font-size: 30px;
        padding-bottom: 10px;
    }

    .shop-one-head p {
        padding-right: 0px;
        padding-bottom: 10px;
    }

    a.trans-btn {
        margin-left: 0px;
    }

    .shop-sec-one-img img {
        width: 90%;
    }

    section.shop-sec-one {
        padding: 70px 0;
    }

    .shp-slide .owl-nav button.owl-prev {
        top: -50px;
        width: 40px;
        height: 40px;
        font-size: 26px;
        left: 590px;
    }

    .shp-slide .owl-nav button.owl-next {
        left: 640px;
        top: -50px;
        height: 40px;
        width: 40px;
        font-size: 26px;
    }


    h2.serv-head {
        font-size: 26px;
        padding-bottom: 10px;
    }

    ul.serv-client-imgs img {
        width: 40px;
    }

    p.serv-p {
        font-size: 12px;
    }

    .serv-book-list i {
        font-size: 10px;
        padding-right: 4px;
    }

    .serv-book-list {padding-top: 15px;}

    .serv-book-list li {
        font-size: 9px;
        line-height: 25px;
    }

    .serv-book-btn {
        margin-top: 40px;
    }

    .serv-book-btn a {
        font-size: 12px;
        padding: 8px 56px;
    }


    .inner-service-box {padding-top: 0px;}

    .inner-serv-box {
        margin-bottom: 15px;
        padding: 20px 30px;
    }

    .serv-box-head {
        padding-bottom: 30px;
    }

    section.service-boxes {
        padding: 70px 0;
    }

    .contact-inner-head {
    right: -200px;
    bottom: -160px;
    padding: 18px 14px;
}

.contact-inner-head h2 {font-size: 20px;}

.contact-inner-head span {
    font-size: 14px;
}

.call {
    margin-top: 25px;
}

section.contact-sec-1 {
    padding: 110px 0 50px 0;
}

.map iframe {
    width: 400px;
    height: 370px;
}

.map-side-content h4 {
    font-size: 18px;
}

.map-side-content h2 {
    font-size: 20px;
    line-height: 26px;
}

.time p {
    font-size: 14px;
}

.time {
    padding: 15px 0;
}

.information {
    padding: 15px 0;
}

.social-cont-pg {
    padding: 15px 0;
}

.information li {
    font-size: 14px;
}

.social-cont-pg a {
    font-size: 14px;
}

.social-cont-pg i {
    font-size: 14px;
}


.shop-slider-head p {
    width: 90%;
}

    }

@media (max-width: 767px) {
    section.sec2.abtSection.process-sec {
        padding: 50px 10px;
    }
    .book-head h2 {
        font-size: 35px;
    }
    .book-inner-cont {
        padding-top: 20px;
        text-align: center;
    }
    .book-sec .left-image img.img-fluid {
        width: 100%;
        margin-bottom: 40px;
    }
    .book-head {
        padding-bottom: 30px;
    }
    .btn-book {
        text-align: center;
        width: 100%;
    }
    .pop-img.animat {
        margin-bottom: 20px;
        margin-top: 10px;
    }
    .pop-text {
        padding-bottom: 25px;
        text-align: center;
    }
    section.banner-head {
        padding-top: 80px;
        height: 550px;
    }
    section.Icon {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .banner-first-con h2 {
        padding: 0px 10px 40px 10px;
    }
    .serv-book-list {
        justify-content: space-around;
    }
    section.service-book {
        padding: 20px 0 40px 0;
    }
    .serv-book-img {
        margin-top: 25px;
    }
    .serv-box-head {
        text-align: center;
    }
    section.service-book {
        text-align: center;
    }
    .serv-book-list ul {
        text-align: left;
    }
    .serv-head-1 {
        margin-top: 20px;
        text-align: center;
    }
    section.banner-head.breadcamp {
        padding: 80px 10px 60px;
    }
    .inner-cover-cont {
        margin-bottom: 20px;
    }
    .firsrt-cover-book {
        justify-content: center;
    }
    .first-cover-book-img img {
        max-width: 220px;
    }
    .firts-cover-cont h2 {
        font-size: 50px;
        margin-bottom: 10px;
    }
    .firsrt-cover-book {
        padding: 20px 10px;
        text-align: center;
    }
    .cont-img img {
        min-height: auto;
    }
}


    @media (max-width: 576px){
        .process-wrapper .process-item {
            border: 5px solid #00838e;
        }
        section.sec2.abtSection.process-sec {
            padding: 20px 10px 50px;
        }
        .firts-cover-cont h2 {
            font-size: 32px;
            margin-bottom: 5px;
        }
        .cover-box {
            position: relative;
            z-index: 99 !important;
            display: flex;
            justify-content: center;
            flex-direction: column;
            align-items: center;
        }
        .cover-box::before {
            content: "";
            top: 0;
            left: 0;
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: #0000003d;
            z-index: -1 !important;
        }
        .cover-box.bx-1 {
            position: relative;
        }
        .cover-box.bx-1::before {
            background-color: #ffffffa6;
        }
    .banner-first-con h2 {
        font-size: 26px;
        line-height: 39px;
    }

    a.white-btn {
        font-size: 12px;
    }

    .book-card.small img {
        width: 100%;
    }

    .cnt-img img {
        right: -60px;
        top: -40px;
    }

    .book-card.small {
        padding-bottom: 20px;
    }

    .cnt-img:after {
        right: -40px;
        top: -59px;
        width: 40px;
    }

    .cnt-img:before {
        width: 60px;
        right: -50px;
        bottom: -45px;
    }

    section.banner-head {
        height: auto;
    }

    .cnt-img-left img {
        top: -51px;
        left: -60px;
    }

    .cnt-img-left:after {
        left: -40px;
        top: -65px;
        width: 40px;
    }

    .cnt-img-left:before {
        width: 90px;
        left: -90px;
        bottom: -170px;
    }

    .icon-box {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 15px;
    }
    .box {
        max-width: 140px;
        width: 100%;
    }

    section.Icon {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .book-card.small {
        padding-bottom: 20px;
    }

    .book-head h2 {
        font-size: 30px;
        margin-bottom: 0;
        text-align: center;
    }

    section.book-sec {
        padding: 50px 20px 50px 20px;
    }

    .left-image img.img-fluid {
        width: 100%;
    }

    .btn-book {
        margin: 0px auto;
        float: none;
        display: table;
    }
    .btn-btn {
        font-size: 12px;
    }

    .book-head .row {
        gap: 22px;
    }

    .second-book {
        padding-top: 30px;
    }

    .book-inner-cont h4 {
        font-size: 16px;
    }

    .book-inner-cont span {
        font-size: 12px;
    }

    .book-inner-cont {
        padding-top: 10px;
    }

    .pop-head h2 {
        font-size: 20px;
        line-height: 33px;
    }

    .bx-4 {
    padding: 15px 15px;
}
    section.popular-sec {
        padding-top: 50px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .pop-img {
        padding-bottom: 25px;
    }

    .inner-cover-cont h3 {
        font-size: 16px;
    }

    .inner-cover-cont {
        text-align: center;
    }

    .firsrt-cover-book {
        padding: 38px 0;
    }

    .first-cover-book-img img {
        width: 60%;
        float: none;
        margin: 0px auto;
        display: table;
    }

    .cover-box {
        height: 100%;
        min-height: 255px;
    }

    .cover-box h3 {
        font-size: 20px;
    }
    section.slide-sec {
        padding-bottom: 20px;
    }

        section.slide-sec h2 {
            padding-left: 0px;
            padding-bottom: 30px;
            font-size: 24px;
            padding-top: 40px;
            text-align: center;
        }

    section.slide-sec .owl-nav {
        top: -60px;
        right: 9px;
        display: none;
    }

    .slide-text h3 {
        font-size: 14px;
        padding-bottom: 0px;
    }

    .slide-text span {
        font-size: 12px;
    }

    section.testimonial-sec {
        padding: 50px 0px 0px 10px;
    }

    section.testimonial-sec .col-md-7.col-sm-12 {
        padding: 0 0;
    }

    .testimonial-cont {
        padding-left: 0px;
        padding-bottom: 10px;
    }

    .blog-head h2 {
        text-align: center;
        font-size: 27px;
    }

    .blog-btn {
        float: none;
        margin: 0px auto;
        display: table;
        margin-top: 20px;
    }

    section.blog {
        padding: 50px 20px;
    }

    section.contact-sec {
        margin-top: 0px;
    }

    .blog-box {
        margin-bottom: 15px;
        padding: 20px 20px;
    }

    .contact-form {
        padding: 30px 20px;
        width: 100%;
    }

    footer {
        padding: 40px 20px 10px 20px;
    }
    .copy-p p {
        FLOAT: NONE;
        TEXT-ALIGN: CENTER;
    }

    .mobile-menu .circle {
        right: 20px;
        top: 20px;
    }

    .testimonial-sec .owl-nav button.owl-next {
        left: 50px;
        top: -100px;
    }

    .testimonial-sec .owl-nav button.owl-prev {
        top: -100px;
        left: 0px;
    }

    .banner-first-con h2 {
        font-size: 24px;
        line-height: 34px;
        padding-bottom: 20px;
    }

    section.about-sec .row.align-items-center {
        row-gap: 70px;
    }

    section.city-sec {
        padding: 60px 0;
    }

    .city-head h2 {
        font-size: 28px;
    }

    .city-head p {
        font-size: 14px;
        padding: 0 30px;
    }

    .city-box {
        padding: 0 40px;
    }

    .abt-sec-three-img img {
        width: 100%;
    }

    .abt-sec-three-img {
        left: 240px;
    }

    section.abt-sec-three {
        padding: 60px 0 190px 0;
    }
    .inner-two-img img {
        height: 50vh;
    }

    .shop-one-head h2 {
        font-size: 26px;
    }

    .shop-sec-one-img img {
        width: 70%;
        float: none;
        margin: 0px auto;
        display: table;
    }

    .shop-slider-head h2 {
        font-size: 30px;
    }

    .shop-slider-head p {
        font-size: 12px;
    }

    .slides-book {
        width: 90%;
    }

    .shop-inner-slider {
        padding: 0 10px;
    }


    .shp-slide .owl-item {
        margin-right: 20px;
    }

    .shop-sec-one-img {
        padding-top: 60px;
    }
    .shp-slide .owl-nav button.owl-next {
        left: 340px;
        width: 30px;
        height: 30px;
        top: -45px;
    }


    .slides-book {
        width: 100%;
    }

    .shp-slide .owl-nav button.owl-prev {
        left: 300px;
        width: 30px;
        height: 30px;
        top: -45px;
    }


    section.service-sec {
        padding: 30px 10px;
    }

    .inner-serv-cont {
        padding: 20px 0px;
    }

    ul.serv-client-imgs li {
        margin-right: -20px;
    }

    .serv-inner-side-img {
        padding-top: 20px;
    }

    ul.serv-client-imgs {
        padding-bottom: 10px;
    }

    .inner-serv-cont {
        line-height: 10px;
    }

    .inner-serv-client-sec .row {
        align-items: center;
        padding-top: 10px;
    }

    .serv-book-list li {
        font-size: 11px;
    }

    .serv-book-btn {
        margin-top: 30px;
    }

    .serv-book-img {
        padding-top: 30px;
    }

    section.service-book {
        padding: 20px 10px 40px 10px;
    }

    section.service-boxes {
        padding: 60px 0 0 0;
    }

    .serv-box-head h2 {
        font-size: 30px;
        padding-bottom: 10px;
    }

    .serv-box-head p {
        font-size: 12px;
        padding-right: 0px;
    }


    .contact-inner-head {
    position: static;
}

section.contact-sec-1 {
    padding: 70px 0 100px 0;
}

.contact-1-img {
    padding-top: 20px;
}

section.map-sec {
    padding: 60px 0;
}

/* popup */

.popup .popup-form input {padding: 8px 20px;margin-bottom: 12px;font-size: 12px;}

.popup button.btn-padding.cyan-btn {
    width: 375px;
    padding: 8px 0;
    font-size: 14px;
}

.popup textarea {
    font-size: 12px;
    height: 60px;
}

.popup-overlay.active .popup {
    transform: scale(1);
    padding: 120px 15px 20px 15px;
    max-width: 400px;
}

.banner-first-con h2 {
    padding: 0px 0 10px 0;
}

    }

    @media (max-width: 375px){

    .banner-first-con h2 {
        font-size: 20px;
        line-height: normal;
    }

    section.banner-head {
        height: 212px;
    }

    .pop-head h2 {
        font-size: 18px;
    }

    section.book-sec {
        padding: 50px 10px 50px 10px;
    }

    section.popular-sec {
        padding-left: 10px;
        padding-right: 10px;
    }

    .first-cover-book-img img {
        padding-top: 30px;
    }

    .bx-4 {
        padding: 30px 20px;
    }

    section.slide-sec .owl-nav {
        top: -60px;
        right: 142px;
    }

    section.blog {
        padding: 60px 10px;
    }

    footer {
        padding: 40px 10px 10px 10px;
    }

    .mobile-menu .circle {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }

    section.about-sec {
        padding: 60px 0;
    }

    .city-head h2 {
        font-size: 26px;
        padding-bottom: 10px;
    }

    .city-head p {
        font-size: 12px;
    }

    .city-box p {
        font-size: 12px;
    }

    .city-box {
        margin-bottom: 30px;
    }

    section.abt-sec-two {
        padding: 60px 0;
    }

    .abt-sec-two-to-cont h2 {
        font-size: 28px;
    }

    .inner-two-img img {
        height: 50vh;
        border-radius: 5px;
    }

    .abt-sec-three-cont h2 {
        font-size: 26px;
        padding-bottom: 15px;
    }

    .abt-sec-three-cont p {
        padding-right: 0px;
    }

    ul.three-sec-list li {
        padding-bottom: 8px;
    }

    .abt-sec-three-img {
        left: 188px;
    }

    .about-img-2 img {
        width: 35%;
    }

    .about-img-2 {
        right: -293px;
    }

    .abt-sec-two-to-cont p {
        padding-right: 0px;
    }


    section.shop-sec-one {
        padding: 50px 0;
    }

    .shop-one-head h2 {
        font-size: 24px;
        padding-bottom: 15px;
    }

    .shop-one-head p {
        font-size: 12px;
    }

    .shop-slider-head h2 {
        font-size: 24px;
    }

    .shp-slide .owl-nav button.owl-prev {
        left: 260px;
        width: 30px;
        height: 30px;
        top: -45px;
    }

    .shp-slide .owl-nav button.owl-next {
        left: 300px;
        width: 30px;
        height: 30px;
        top: -45px;
    }

    section.slide-sec h2 {
        padding-top: 40px;
    }

    .serv-book-list li {
        font-size: 10px;
    }

    section.contact-sec-1 {
    padding: 60px 0;
}

.map iframe {
    width: 350px;
}

.time {
    padding: 10px 0;
}

.information {
    padding: 10px 0;
}

.information li {
    line-height: 26px;
    font-size: 12px;
}

.social-cont-pg li {
    line-height: 26px;
}

.social-cont-pg a {
    font-size: 12px;
}

.social-cont-pg i {
    font-size: 12px;
}


.popup button.btn-padding.cyan-btn {
    width: 345px;
    font-size: 12px;
}

    }


    @media (max-width: 320px){

    section.banner-head {
        height: 310px;
    }

    .book-inner-cont h4 {
        font-size: 13px;
    }

    .pop-head h2 {
        font-size: 15px;
        line-height: 28px;
    }

    .slide-text h3 {
        font-size: 12px;
    }

    .inner-two-img img {
        height: 50vh;
    }

    a.white-btn {
        padding: 6px 14px;
    }

    .city-head h2 {
        font-size: 22px;
    }

    section.abt-sec-two {
        padding: 50px 0;
    }

    .abt-sec-two-to-cont h2 {
        font-size: 22px;
    }

    .inner-two-box p {
        line-height: 17px;
    }

    .abt-sec-three-cont h2 {
        font-size: 22px;
    }

    .sec-three-btn {
        margin-top: 20px;
    }

    a.trans-btn {
        margin-left: 10px;
    }

    .abt-sec-three-img {
        left: 164px;
    }


    .shop-one-head h2 {
        font-size: 20px;
    }

    a.trans-btn {
        margin-left: 0px;
    }

    ul.shp-slide-list li {
        line-height: 24px;
        font-size: 12px;
    }

    .shp-slide .owl-nav button.owl-prev {
        left: 210px;
        width: 30px;
        height: 30px;
        top: -45px;
    }

    .shp-slide .owl-nav button.owl-next {
        left: 245px;
        width: 30px;
        height: 30px;
        top: -45px;
    }

    .serv-book-list li {
        font-size: 10px;
    }

    .serv-book-list li {
        font-size: 8px;
    }

    .serv-book-list i {
        font-size: 6px;
        padding-right: 3px;
    }

    h2.serv-head {
        font-size: 26px;
    }

    .serv-box-head h2 {
        font-size: 26px;
    }


    .map iframe {
    width: 295px;
    height: 250px;
}

.popup button.btn-padding.cyan-btn {
    width: 290px;
}
    }