@media screen and (max-width:1200px) {
    .main-menu ul, .menu-style2 ul, .menu-style3 ul{
        padding-right: 0 !important;
    }
    .book-event-section h2{
        font-size: 70px !important;
    }
    .newsletter-form2 .form-control{
        max-width: 100%;
        width: 100%;
        min-width: unset;
    }
    .mtop_hlts_100{
        margin-top: 0;
    }
    .vs-menu-toggle{
        display: flex !important;
        justify-content: center;
        align-items: center;
        margin-left: auto;
    }
}

@media screen and (max-width:991px) {
    .book-event-section h2{
        font-size: 50px !important;
    }
    .mision-box{
        padding: 20px 0;
        border-right: 0;
        border-bottom: 1px solid #ccc;
    }
    .header-top-nav{
        display: none;
    }
    .service-first-bx{
        height: 160px !important;
    }
    .service-main{
        position: static;
        margin-top: 70px;
    }
    .service-main-img-left img.lft-svc-img{
        position: static;
        width: 49%;
        rotate: 0deg;
        height: 100%;
        border: 0;
    }
    .service-main-img-left img{
        width: 49%;
    }
    .service-main-img-left{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .main-service-content{
        padding: 15px 0;
    }
    .col-reverse-lg{
        flex-direction: column-reverse;
    }
}

@media screen and (max-width:768px) {
    .baner-caption-card h1{
        font-size: 40px;
        line-height: 50px;
    }
    .baner-main-carousel .owl-nav{
        top: unset;
        bottom: 0;
               
                        flex-direction: row;
        justify-content: flex-start;
        padding-left: 50px;
    }
    .baner-caption-card{
        padding: 0;
    }
    .home-about-img .img1, .home-about-img .img2{
        height: 200px;
    }
    .home-about-img .img1 img, .home-about-img .img2 img{
        border-radius: 20px;
    }
    .card-style2
 {
        min-width: 100px;
        height: 100px;
        max-width: 100px;
    }
    .home-about-img .card-style2 i{
        font-size: 30px;
    }
    .sticky-active.active .header-btns{
        padding-right: 0;
    }
    .vs-navbar.style3.will-sticky .sticky-active .header-logo{
        padding: 0;
    }
    .form-check-list ul li{
        width: 100%;
    }
    .booking-widget{
        padding:30px 15px;
    }
    .booking-widget h3{
        margin-bottom: 10px;
    }
    .vs-navbar.style3.will-sticky .sticky-active{
    padding: 0 3px !important;
}
.service-advantage-bx{
    height: 200px;
}
.top-service-highlights h6{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    padding-left:20px;
}
.top-service-highlights h6 .line-none{
    display: none;
}
.service-main-img-left{
    height: 350px;
}
}

@media screen and (max-width:567px) {
    .header-logo a img{
        width: 220px;
    }
    h2.sec-title{
        font-size: 28px;
    }
        .book-event-section h2 {
        font-size: 33px !important;
    }
    .book-event-section a{
        height: 45px;
        width: 150px;
    }
    .service-widget-second-info h4{
        font-size: 20px;
        margin-bottom: 5px;
    }
    .widget-area{
        padding-bottom: 0;
        padding-top: 20px;
    }
    .footer-logo img{
        margin-left: -40px;
    }
    .mb-0-sm{
        margin-bottom: 0;
    }
    .sticky-active .col-auto{
        padding: 0;
    }
    .highlights-container {
        height: fit-content;
        padding: 15px;
    }
    .highlights-info{
        padding: 15px;
    }
    .highlights-info h3{
        font-size: 25px;
        line-height: 35px;
    }
    .contact-box{
        padding: 20px;
    }
    .service-main-img-left{
    height: 220px;
    border-radius: 10px;
}
   .service-main-img-left img{
    border-radius: 10px;
   }
}