@media (max-width: 1120px) {
    .slider_section .slider_container .detail_container .detail-box h1 {
        font-size: 3rem;
    }
}

@media (max-width: 992px) {
    .slider_section .slider_container {
        flex-direction: column;
    }
.sub_page  .custom_menu-btn span {
    background-color: #000;
} 
.sub_page .custom_menu-btn button{
margin-top: 7px;
}
    .custom_menu-btn span {
        background-color: #FFF;
    }

    .sub_page .header_section {
        background: none;
    }

    .custom_menu-btn.menu_btn-style button span {
        background-color: #ffffff;
    }

    .user_option a {
        display: none;
    }

    /*.slider_section .slider_container .detail_container .detail-box {*/
    /*    width: auto;*/
    /*    text-align: center;*/
    /*    margin: 45px auto 125px auto;*/
    /*}*/

.slider_section .slider_container .detail_container .detail-box {
    width: auto;
    text-align: center;
    padding:80px 0px;
    margin: 0 auto 0 auto;
}

    .slider_section .carousel-control-prev,
    .slider_section .carousel-control-next {
        top: -25px;
        transform: none;
    }

    .slider_section .carousel-control-prev {
        left: 25px;
    }

    .slider_section .carousel-control-next {
        left: initial;
        right: 25px;
    }

    .book_section form {
        width: 90%;
    }

    .car_section .car_container {
        justify-content: center;
    }

    .rent_section .rent_container .box {
        width: 300px;
    }

    .contact_section .contact_items {
        flex-wrap: wrap;
        width: min-content;
        margin-left: auto;
        margin-right: auto;
    }

    .contact_section .contact_items a {
        margin: 25px;
    }
}

@media (max-width: 768px) {
    .best_section .book_now {
        flex-direction: column;
        text-align: center;
    }
    .detail-box h5 {
    font-size: 15px;
    margin-bottom: 0 !important;
}

    .best_section .book_now .detail-box {
        margin-bottom: 25px;
    }

    .blog_section .owl-carousel .owl-nav .owl-prev,
    .blog_section .owl-carousel .owl-nav .owl-next {
        top: -40px;
    }

    .blog_section .owl-carousel .owl-nav .owl-prev {

        left: calc(50% - 45px);
    }

    .blog_section .owl-carousel .owl-nav .owl-next {

        right: calc(50% - 45px);
    }
}

@media (max-width: 576px) {
    .mision .quote i{
        display: none !important;
       }
       .vision .quote i{
        display: none !important;
       }
    .navbar-brand img {
        width: 140px;
    }
   .detail-box h5 {
    font-size: 15px;
    margin-bottom: 0 !important;
}
    .headinglight1 {
    white-space: pre-wrap;
    -webkit-text-stroke: 1px rgb(29, 35, 66);
    -webkit-text-fill-color: transparent;
    display: block;
    opacity: 1;
    transition: margin 0.8s ease 0s, opacity 0.4s ease 0s;
    font-size: 1.2rem !important;
    margin-top: 10px !important;
    font-weight: 700;
}
    .p-big {
    font-size: 15px;
}
    .book_section .img-box {
        display: none;
    }

    .blog_section .blog_container {
        width: 100%;
    }

    .slider_section .carousel-control-prev,
    .slider_section .carousel-control-next {
        display: none;
    }
    .client_section .owl-carousel .owl-nav .owl-prev, .client_section .owl-carousel .owl-nav .owl-next {
        display: none;
    }
    .overlay a {
        padding: 2px 0px;
        text-decoration: none;
        font-size: 1.5rem;
        color: #f1f1f1;
        opacity: 0.4;
        transition: opacity 0.6s ease 0s;
        display: block;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }
    .slider_section .slider_container .detail_container .detail-box h1 {
        font-size: 1.3rem;
    }
   .headinglight1 {
    white-space: pre-wrap;
    -webkit-text-stroke: 1px rgb(29, 35, 66);
    -webkit-text-fill-color: transparent;
    display: block;
    opacity: 1;
    transition: margin 0.8s ease 0s, opacity 0.4s ease 0s;
    font-size: 1.2rem !important;
    margin-top: 10px !important;
    font-weight: 700;
}
    .headingthik1 {
        color: rgb(29, 35, 66);
        font-size: 2rem;
        /* padding-top: 40px; */
        font-weight: 700;
    }
    .footer_section{
        text-align: center;
    }
    .aboutus h3{
        font-size: 1.5rem;
        margin-bottom: 30px;
    }
    .vision p{
        padding-bottom: 0;
    }
    .spacing{
        margin-top: 30px;
    }
    .aboutus{
        text-align: center;
        padding:30px 0px;
    }
    .headinglight {
        float: none;
        text-align: center;
        -webkit-text-stroke: 1px rgb(29, 35, 66);
        -webkit-text-fill-color: transparent;
        display: block;
        opacity: 1;
        transition: margin 0.8s ease 0s, opacity 0.4s ease 0s;
        font-size: 1.5rem;
        /* margin-top: -1.25rem; */
        font-weight: 700;
    }
    .headingthik {
        font-size: 1.5rem;
        text-align: center;
        float: none;
        margin-bottom: 0px;
    }
    .detail-box {
        text-align: center;
        margin: auto;
    }
    .about_section img{
        width:100%;
    }
    .aboutus p {
        float: right;
        font-size: 20px;
        color: #FFF;
    }
    .client_section{
        padding-top:30px;
    }
    .heading_container h2 {
        font-weight: bold;
        color: #000000;
        position: relative;
        font-size: 1.3rem;
        text-align: center;
        margin: 0 auto;
    }
    .about_section .detail-box a{
        margin-bottom: 30px;
    }
    .about_section, .heading_container {
        text-align: center;
    }
    .home-facilities p {
        font-size: 16px;
        line-height: 1.7;
    }
}

    @media (max-width: 480px) {
        .car_section .car_container .box::before {
            border-radius: 0;
        }

        .blog_section .blog_container {
            width: 100%;
        }
    }

    @media (max-width: 400px) {}

    @media (max-width: 376px) {
        .p-big {
    font-size: 15px;
}
        .client_section .owl-carousel .owl-nav .owl-prev {
            display: none;
        }
        .overlay a {
            padding: 2px 0px;
            text-decoration: none;
            font-size: 1.5rem;
            color: #f1f1f1;
            opacity: 0.4;
            transition: opacity 0.6s ease 0s;
            display: block;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }
        .slider_section .slider_container .detail_container .detail-box h1 {
            font-size: 1.3rem;
        }
        .detail-box h5 {
    font-size: 15px;
    margin-bottom: 0 !important;
}
        .headinglight1 {
    white-space: pre-wrap;
    -webkit-text-stroke: 1px rgb(29, 35, 66);
    -webkit-text-fill-color: transparent;
    display: block;
    opacity: 1;
    transition: margin 0.8s ease 0s, opacity 0.4s ease 0s;
    font-size: 1.2rem !important;
    margin-top: 10px !important;
    font-weight: 700;
}
        .headingthik1 {
            color: rgb(29, 35, 66);
            font-size: 2rem;
            /* padding-top: 40px; */
            font-weight: 700;
        }
        .dot {
            display:none  !important;
        }
        .aboutus h3{
            font-size: 2rem;
        }
        .spacing{
            margin-top: 30px;
        }
        .aboutus{
            text-align: center;
            padding:30px 0px;
        }
        .headinglight{
            display:none  !important;
        }
        .headingthik {
            font-size: 2rem;
            text-align: center;
            float: none;
            margin-bottom: 30px;
        }
        .detail-box {
            text-align: center;
            margin: auto;
        }
        .about_section img{
            width:100%;
        }
        .aboutus p {
            float: right;
            font-size: 20px;
            color: #FFF;
        }
     
        .heading_container h2 {
            font-weight: bold;
            color: #000000;
            position: relative;
            font-size: 1.3rem;
        }
        .about_section .detail-box a{
            margin-bottom: 30px;
        }
        .about_section, .heading_container {
            text-align: center;
        }
        .home-facilities p {
            font-size: 16px;
            line-height: 1.7;
        }
    }

    @media (min-width: 1200px) {
        .container {
            max-width: 1170px;
        }
    }