@media (max-width: 1199px) {
    .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;
    }
    .booking-area{
        padding: 3rem .625rem;
    }
    .booking-area .main-btn{
        padding-left: .3125rem !important;
        padding-right: .3125rem !important;
    }
    .banquet-items .banquet-content{
    padding: 2rem 1.875rem;
}
.banquet-items .banquet-content h5{
    font-size: 1.2rem;
}
.banquet-items .banquet-content p{
    font-size: 0.75rem;
}
.service-item-wrap .tab-content img{
width: 100%;
}
.service-menu-area ul li a{
    margin-bottom: .8125rem;
    overflow: hidden;

}
.service-menu-area ul li a .service-icon{
    text-align: center;
}
}
@media (max-width:991px) {
    section{
        padding: 1.875rem;
    }
    .header-scrolled{
        height: auto;
    }
    .header-wrapper .menu-navbar-nav{
        text-align: center;
        padding-bottom: .9375rem;
    }
    .header-wrapper .nav-item .nav-link{
        margin-top: .9375rem;
    }
    .banner-wrapper {
        height: 25.625rem;
    }
    .booking-area{
        padding: 3.125rem 1.875rem;
}
.banquet-items .banquet-content{
    padding: 2rem 1.875rem;
}
.banquet-items .banquet-content h5{
    font-size: 1.5rem;
}
.banquet-items .banquet-content p{
    font-size: 1rem;
}
}
@media (max-width:767px) {
    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;
    }
    .container{
        flex-direction: column;
    }
    .img-fluid{
        height: 100%;
        width: 100%;
        margin-top: 20px;
        order: -1;
    }
    .service-menu-area ul li a .service-icon{
        text-align: center;
    }
    .blog-wrapper .blog-content{
        margin: 0;
    }
    .footer-wrapper > div{
        padding: 0 1.875rem;
    }
    .banner-wrapper .swiper-slide {
        height: 60vh;
        width: 100%;
        background-size: contain;
        background-position: center;
        background-color: #000;
        background-repeat: no-repeat;
    }
    .carousel-inner .carousel-item img{
    height: 400px;
}
}
/* @media (max-width: 768px) {
  .swiper-slide {
    height: 40vh; 
  }
} */
/* Extra small devices (portrait phones, less than 576px) */
.swiper-slide {
  height: clamp(40vh, 50vh + 10vw, 100vh) !important;
}