@media (max-width: 1199px) {
    /* header */
    .header_wrapper .navbar-expand-lg .navbar-nav{
        align-items: center;
    }
    .header_wrapper .navbar-expand-lg .navbar-nav .nav-link{
        padding: 0;
        font-size: .875rem;
    }
    .main-btn{
        font-size: .875rem;
    }

    

    /* bookking area */
    .booking-area{
        padding: 3rem 0.625rem;
    }
    .booking-area .main-btn{
        padding-left: 0.3125rem !important;
        padding-right: 0.3125rem !important;
    }

    /* room */
    .room-items .room-item-wrap .room-content{
        padding: 1rem 1.875rem;
    }
    .room-items .room-item-wrap .room-content h5{
       font-size: 1.5rem;
    }
    .room-items .room-item-wrap .room-content p{
        font-size: .75rem;
        line-height: 1.2rem;
     }

     /* services */
     .service-item.wrap .tab-content img{
        width: 100%;
     }
     /* .service-menu-area{
        padding: 10px 0px;
     } */
     .service-menu-area ul li a{
        margin-bottom: 0.7125rem;
        overflow: hidden;
     }
     .service-menu-area ul li:nth-child(1){
        margin-left: -4.4375rem;
    }
    .service-menu-area ul li:nth-child(2){
        margin-left: -6.5rem;
    }
    .service-menu-area ul li:nth-child(3){
        margin-left: -9rem;
    }
    .service-menu-area ul li:nth-child(4){
        margin-left: -11rem;
    }
    .service-menu-area ul li a h5{
        margin-bottom: 0.475rem;
    }
}



@media (max-width: 991px) {
    /* custom css */
    section{
        padding: 1.875rem 0;
    }

    .header-scrolled{
        height: auto;
    }
    .header_wrapper .menu-navbar-nav{
        text-align: center;
        padding-bottom: .9375rem;
    }
    .header_wrapper .menu-navbar-nav .nav-link{
        margin-top: 0.9375rem;
    }

    /* banner section */
    .banner_wrapper{
        height: 25.625rem;
    }
    .booking-area{
        padding: 3.125rem 1.875rem;
    }


    /* about */
    .about_wrapper{
        /* padding-top: 22.375rem; */
        margin-bottom: -60px;
    }

    .why_choose{
        margin-top: 60px;
    }

    .career {
        padding: 100px 0px;
    }
    .counter {
        padding: 100px 0px;
    }
    .section-title::after {
        margin-top: 7.9375rem;
    }

    .mentor-work .section-title::after{
        margin-top: 3.9375rem;
    }


    .gallery-section{
        display: block;
    }
    
    .gallery-section img{
        margin-bottom: 10px;
    }

    .you-video{
        margin-bottom: 4.5rem !important;
    }

    /* room */
    .rooms_wrapper .room-items .room-item-wrap {
        left: 0.875rem;
        right: 0.875rem;
    }
    .room-items .room-item-wrap .room-content{
        padding: .75rem .75rem;
    }
    .room-items .room-item-wrap .room-content h5{
       font-size: 1.5rem;
    }
    .room-items .room-item-wrap .room-content p{
        font-size: .75rem;
     }

     /* services */
     .service-menu-area{
        padding: 1.5rem 0.5rem;
     }
     .service-menu-area ul li{
        margin-left: unset !important;
    }
    
    
}


@media (max-width: 767px) {
    /* custom css */
    h1{
        font-size: 1.875rem;
        line-height: 2.5rem;
    }
    h3{
        font-size: 1.75rem;
        line-height: 2.1875rem;
    }
    h5{
        font-size: 1.25rem;
    }
    p{
        font-size: .8125rem;
        line-height: 1.5rem;
    }
    .banner_wrapper .swiper-slide .slide-caption .text-box{
        margin-top: 100px;
    }
    .banner_wrapper .swiper-slide h2{
        font-size: 2rem;
        line-height: 3rem;
    }


    .banner_wrapper .swiper-slide h2{
        line-height: 3rem;
        margin-bottom: 1rem;
    }
    .banner_wrapper .swiper-slide h4{
        margin-bottom: 0px;
    }


    /* room */
    .rooms_wrapper .room-items .room-item-wrap {
        left: 1.875rem;
        right: 1.875rem;
    }
    .room-items .room-item-wrap .room-content{
        padding: 4rem 1.875rem;
    }
    .room-items .room-item-wrap .room-content h5{
       font-size: 1.5rem;
    }
    .room-items .room-item-wrap .room-content p{
        font-size: 1rem;
        line-height: 2rem;
     }

     /* blog */
     .blog_wrapper .blog-content{
        margin: 0;
     }

     .why_choose .card {
        height: 200px;
        padding: 30px 10px;
    }

    .career .card {
        height: 190px;
        padding: 20px 20px;
    }

     .footer_gallery .col-md-4 {
        width: 100%;
        height: 100px;
        object-fit: cover;
    }
    

}