@media (max-width: 991px) {
    
    section.accommodation .accommodation-wrapper .services-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
 section.accommodation .accommodation-wrapper .services-grid .service-card:hover .service-image .service-overlay {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
} 
section.accommodation-details .acco-offer ul.facilities-list, 
section.content-wrapper section.facilities-list-item ul.facilities-list{
    grid-template-columns:repeat(2, 1fr);
 }
 section.content-wrapper section.dining-section.dining-sub .dining-container{
    grid-template-columns: repeat(2, 1fr);
   }
 section.accommodation-details .acco-offer ul.facilities-list li.facility-item:nth-child(6n+1),
section.accommodation-details .acco-offer ul.facilities-list li.facility-item:nth-child(6n+2),
section.accommodation-details .acco-offer ul.facilities-list li.facility-item:nth-child(6n+3),
section.content-wrapper section.facilities-list-item ul.facilities-list li.facility-item:nth-child(6n+1),
section.content-wrapper section.facilities-list-item ul.facilities-list li.facility-item:nth-child(6n+2),
section.content-wrapper section.facilities-list-item ul.facilities-list li.facility-item:nth-child(6n+3)
{
  background: inherit;
}
 section.accommodation-details .acco-offer ul.facilities-list li.facility-item:nth-child(4n+1),
  section.accommodation-details .acco-offer ul.facilities-list li.facility-item:nth-child(4n+2), 

  section.content-wrapper section.facilities-list-item ul.facilities-list li.facility-item:nth-child(4n+1), 
  section.content-wrapper section.facilities-list-item ul.facilities-list li.facility-item:nth-child(4n+2){
    background: var(--light-bg);
   }

   section.content-wrapper section.wedding-section.wedding-sub .wedding-container .wedding-card,
   section.content-wrapper section.wedding-section.wedding-sub .wedding-container .wedding-card:nth-child(even){
    flex-direction: column;
   }
   section.content-wrapper section.wedding-section.wedding-sub .wedding-container .wedding-card .wedding-image, 
   section.content-wrapper section.wedding-section.wedding-sub .wedding-container .wedding-card .wedding-content.main-caption-text{
    width: 100%
   }
   section.content-wrapper section.offer-container.offer-sub .offer-container .offer-carousel .owl-stage-outer .owl-stage .item{
    flex-direction: column;
   }
   section.content-wrapper section.offer-container.offer-sub .offer-container .offer-carousel .owl-stage-outer .owl-stage .item .offer-card-image {
    width: 100%;
}
section.content-wrapper section.offer-container.offer-sub .offer-container .offer-carousel .owl-stage-outer .owl-stage .item .caption {
    width: 90%;
    margin: auto;
    margin-top: -5%;
    position: relative;
    transform:inherit;
}
section.content-wrapper section.wedding-section .wedding-container .wedding-content,
section.content-wrapper section.dining-section .dining-container .dining-content,
section.content-wrapper section.offer-section .offer-container .offer-content{
    text-align: center;
}

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

    .main-slider .custom-nav {
        width: 100%;
        padding-left: 40px;
        padding-right: 40px;
    }
    section.accommodation .accommodation-wrapper .services-grid .service-card .service-image .main-card a img.card-image {
        height: 220px;
    }
    section.accommodation-details .a-room-dec .main-slider.slider-all-page .slider-carousel .owl-item .item img,
    section.gallery-container .gallery-wrapper #lg-gallery .gallery-col img.img-fluid,
    section.content-wrapper section.wedding-section.wedding-sub .wedding-container .wedding-card .wedding-image img.card-image,
    section.content-wrapper section.wedding-section .wedding-container .wedding-image img.card-image,
    section.content-wrapper section.dining-section .dining-container .dining-image img.card-image,
    section.content-wrapper section.dining-section .dining-container .dining-image img.card-image,
    section.content-wrapper section.offer-section .offer-container .offer-image img.card-image,
    section.content-wrapper section.offer-container.offer-sub .offer-container .offer-carousel .owl-stage-outer .owl-stage .item .offer-card-image a.offer-card img.card-image{
        height: 250px;
        min-height: 250px;
    }
    section.accommodation-details .acco-offer ul.facilities-list, 
section.content-wrapper section.facilities-list-item ul.facilities-list{
    grid-template-columns:repeat(1, 1fr);
 }
 section.content-wrapper section.dining-section.dining-sub .dining-container{
    grid-template-columns: repeat(1, 1fr);
   }
    section.accommodation .accommodation-wrapper .services-grid{
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    section.accommodation-details .acco-offer ul.facilities-list li.facility-item:nth-child(6n+1),
    section.accommodation-details .acco-offer ul.facilities-list li.facility-item:nth-child(6n+2),
    section.accommodation-details .acco-offer ul.facilities-list li.facility-item:nth-child(6n+3),
    section.content-wrapper section.facilities-list-item ul.facilities-list li.facility-item:nth-child(6n+1),
    section.content-wrapper section.facilities-list-item ul.facilities-list li.facility-item:nth-child(6n+2),
    section.content-wrapper section.facilities-list-item ul.facilities-list li.facility-item:nth-child(6n+3),
    section.accommodation-details .acco-offer ul.facilities-list li.facility-item:nth-child(4n+1),
    section.accommodation-details .acco-offer ul.facilities-list li.facility-item:nth-child(4n+2), 
    section.content-wrapper section.facilities-list-item ul.facilities-list li.facility-item:nth-child(4n+1), 
    section.content-wrapper section.facilities-list-item ul.facilities-list li.facility-item:nth-child(4n+2){
        background-color: inherit;
    }
    section.accommodation-details .acco-offer ul.facilities-list li.facility-item:nth-child(odd),
    section.content-wrapper section.facilities-list-item ul.facilities-list li.facility-item:nth-child(odd){
        background: var(--light-bg);
    }
    section.accommodation-details .a-room-dec .main-slider.slider-all-page{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }


    .main-slider .slider-home .slider-carousel .owl-item .item img  {
        height: 350px;
    }

}
@media (max-width: 375px) {
header .mobile-menu{
    right: -100%;
    width: 100%;
}
header .mobile-menu .mobile--cl{
    width:calc(100% - 40px);
}
header .mobile-menu .mob-btn{
    width: 100%;
}
}