@media (max-width: 991px){
        .main-menu-ITEM .dropdown.drp-desk .row-menu{flex-direction: column;align-items: start;}
        .main-menu-ITEM .dropdown.drp-desk.show .row-menu:has(.dropdown-rooms-col) .dropdown-nav-col,
        .main-menu-ITEM .dropdown.drp-desk.show .row-menu:has(.dropdown-rooms-col) .dropdown-rooms-col {
            flex: 1 1 auto !important;
            max-width: 100% !important;
        }
        section.accommodation .accommodation-wrapper .services-grid{grid-template-columns:repeat(2, 1fr);}
        section.accommodation .accommodation-wrapper .services-grid .service-card .service-overlay h2 {left: 0;right: 0;bottom: 0;margin: 0;padding: 15px;}        
        section.accommodation-details .acco-offer ul.facilities-list li.facility-item{width: 50%;}
        section.accommodation-details .a-room-dec .main-slider{padding: 0   ;}
        section.accommodation-details .a-room-dec .acc-det{margin-top: 0; float: inherit;}
        section.accommodation-details .a-room-dec .main-slider  .custom-nav{  gap: 10px;  justify-content: center; bottom: 6%;right: inherit;width: 100%; padding: 0;}
        section.accommodation-details .a-room-dec .main-slider .custom-nav button{    background: rgba(0, 0, 0, 0.34);}
        section.accommodation-details .a-room-dec .main-slider .custom-nav button svg path{   stroke: var(--tertiary-text);}
        
        section.contact-page-section .contact-grid{width: 100%}
        section.content-wrapper section.wedding-section .wedding-container .wedding-content,
        section.content-wrapper section.offer-section .offer-container .offer-content{padding: 30px 50px;}
        section.room-details-section .sub--all .main-slider .slider-home .slider-carousel{padding: 0;}
        section.room-details-section .sub--all .main-slider .slider-home .custom-nav{gap: 10px;justify-content: center;bottom: 6%;right: inherit;width: 100%;padding: 0;}
        section.room-details-section .sub--all .main-slider .slider-home .custom-nav button{    background: rgba(0, 0, 0, 0.34);}
        section.room-details-section .sub--all .main-slider .slider-home .custom-nav button svg path{   stroke: var(--tertiary-text);}
        section.room-details-section .sub--all .sub--content{margin-top: 0;   float: inherit;}
        section.content-wrapper section.offer-container.offer-sub .offer-container{grid-template-columns:repeat(2, 1fr);}
        section.content-wrapper section.offer-container.offer-sub .offer-container .offer-card .service-overlay h2{left: 0;right: 0;bottom: 0;margin: 0;padding: 15px;}
        section.content-wrapper section.dining-section .dining-container .dining-content{padding: 30px 50px;}
       
        section.content-wrapper section.dining-section.dining-sub .dining--container .dining-carousel .item .dining--card .dining--image{padding: 0;}
        section.content-wrapper section.dining-section.dining-sub .dining--container .dining-carousel .item .dining--card .overlay{margin: 0;width: 100%;padding: 30px;min-height: auto;}
        section.content-wrapper section.dining-section.dining-sub .dining--container .dining-carousel .item .dining--card .overlay .titleline{display: none;}
    }

@media (max-width: 767px){
    .innerpage-bnr{height: 200px;}
    .innerpage-bnr .slide-cnt{left: 0;right: 0;}
    /* ----- nav button ----- */
        .main-menu-ITEM .dropdown.drp-desk .row-menu{padding: 50px;}
        .main-menu-ITEM .close-menu-item .navbar-toggle-btn.header-sidenav__close .nav-text{display: none;}
        .navbar-toggle-btn.close-btn {top: 0;}
        .main-menu-ITEM .close-menu-item .navbar-toggle-btn.header-sidenav__close{top: 0;}
        .navbar-toggle-btn{text-align: left; width:105px;top: 0;height: 55px;z-index: 99999;}
        .navbar-toggle-btn.menu-button .nav-text {display: none;}
        .navbar-toggle-btn.book-btnf {height: 55px;top: auto;bottom: 0px;}
        .navbar-toggle-btn.book-btnf .nav-icon {height: 24px;}   
        .navbar-toggle-btn.book-btnf .nav-icon .icon-line {display: none;}   
        .navbar-toggle-btn.book-btnf .nav-text { transform: rotate(1deg); left: 50px; top: 12px;}
        .navbar-toggle-btn.book-btnf .nav-icon::after {content: "\f274";font-family: 'FontAwesome';font-size: 20px;color: var(--tertiary-text);line-height: 1.2;box-sizing: inherit;}
        
        .main-slider .slider-home .slider-carousel .owl-item .item img{height: 450px;}
        header.main-header nav.navbar{padding: 0;}
        header.main-header nav.navbar .top--bar{display: block;}
        header.main-header nav.navbar .top--bar .logo{text-align: center;padding-top: 20px;}
        header.main-header nav.navbar .top--bar .desk-right{position: absolute;right: 0;top: 0;}
        /* about us */
        section.home-section .about-cols .about-image, section.home-section .about-cols .about-des {width: 100%;height: auto;}
        section.home-section .about-cols{display: inline-block;}
        section.home-section .about-cols:before{width: 100%;}
        section.home-section .about-cols .about-image {padding: 10px;}
        /* footer */
        footer.footer .contact-details,footer.footer .ftr-btm .ftr-scr{flex-direction: column;text-align: center;align-items: center; padding-bottom: 0;}
        footer.footer .contact-details .contact-item,footer.footer .ftr-btm .ftr-scr ul.footer-social, footer.footer .ftr-btm .ftr-scr p{width: 100%;}

        /* accommodation  page */
        section.accommodation .accommodation-wrapper .services-grid{grid-template-columns:repeat(1, 1fr);}
        section.accommodation.acc-pg .accommodation-wrapper .services-grid {grid-template-columns: repeat(1, 1fr);column-gap: 0;    row-gap: 0;}
        section.accommodation-details .acco-offer ul.facilities-list li.facility-item{width: 100%;}

        /* additional page1 */

        section.content-wrapper section.wedding-section .wedding-container, 
        section.content-wrapper section.wedding-section.wedding-sub .wedding-container .wedding-card{display: inline-block;}
        section.content-wrapper section.wedding-section .wedding-container .wedding-image, 
        section.content-wrapper section.wedding-section .wedding-container .wedding-content{width: 100%}
        section.content-wrapper section.wedding-section .wedding-container .wedding-image{padding: 10px;margin-top: -20px;}
        section.content-wrapper section.wedding-section .wedding-container::before,
        section.content-wrapper section.wedding-section.wedding-sub .wedding-container .wedding-card::before,
        section.content-wrapper section.wedding-section.wedding-sub .wedding-container .wedding-card{width: 100%;}
        section.content-wrapper section.wedding-section .wedding-container .wedding-content{padding: 20px;}

        /* additional page3 */
        section.content-wrapper section.offer-section .offer-container{display: inline-block;}
        section.content-wrapper section.offer-section .offer-container .offer-image,
        section.content-wrapper section.offer-section .offer-container .offer-content{width: 100%;}
        section.content-wrapper section.offer-section .offer-container::before{width: 100%}
        section.content-wrapper section.offer-section .offer-container .offer-image{padding: 10px;margin-top: -20px;}
        section.content-wrapper section.offer-section .offer-container .offer-content{padding: 20px;}
        section.content-wrapper section.offer-container.offer-sub .offer-container{grid-template-columns:repeat(1, 1fr);}

          /* additional page3 */
          section.content-wrapper section.dining-section .dining-container{display: inline-block;}
          section.content-wrapper section.dining-section .dining-container .dining-image,
          section.content-wrapper section.dining-section .dining-container .dining-content{width: 100%;}
          section.content-wrapper section.dining-section .dining-container::before{width: 100%}
          section.content-wrapper section.dining-section .dining-container .dining-image{padding: 10px;margin-top: -20px;}
          section.content-wrapper section.dining-section .dining-container .dining-content{padding: 20px;}
         
    }