/*-------------------------------------- Fonts Starts -------------------------------------*/
/*--------------------------------------- Fonts Ends --------------------------------------*/
/*------------------------------------- Colors Starts -------------------------------------*/
/*-------------------------------------- Colors Ends --------------------------------------*/
/*-------------------------------------- Mixins Starts ------------------------------------*/
.ex-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.ex-flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.ex-vertical {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.ex-transition {
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}

.ex-transition-medium {
  -webkit-transition: all 1.2s ease;
  transition: all 1.2s ease;
}

.ex-transition-large {
  -webkit-transition: all 1.8s ease;
  transition: all 1.8s ease;
}

/*--------------------------------------- Mixins Ends -------------------------------------*/
@media all and (min-width: 1800px) {
  html {
    font-size: 70% !important;
  }
  .custom-container {
    padding-inline: 8rem !important;
  }
}

@media all and (min-width: 2400px) {
  html {
    font-size: 80% !important;
  }
  .custom-container {
    padding-inline: 12rem !important;
  }
  #footer-wrapper .footer-section .image-container .custom-container {
    padding: 26rem 6rem 8rem 6rem;
  }
}

@media all and (min-width: 3000px) {
  html {
    font-size: 90% !important;
  }
}

@media all and (min-width: 3600px) {
  html {
    font-size: 100% !important;
  }
}

@media all and (max-width: 1800px) {
  /*------------------------------------ Site Wide Starts -----------------------------------*/
  /*------------------------------------- Site Wide Ends ------------------------------------*/
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  #header-wrapper .custom-container.no-top-bottom-padding .navbar-container .nav-container .nav-content > ul > li > a:hover {
    text-decoration: none;
  }
  #header-wrapper .custom-container.no-top-bottom-padding .navbar-container .nav-container .nav-content > ul > li.submenu-container:hover ul.dropdown-menu-own {
    min-width: 250px;
  }
  #header-wrapper.nav-scroll {
    position: fixed;
    background-color: #2d2e3182;
    -webkit-animation: slide-down 0.7s;
            animation: slide-down 0.7s;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  /*-------------------------------- Content Wrapper Starts ---------------------------------*/
  #homepage .menu-section .custom-container .menu-container .column-1 .section-accordion ul li .uk-accordion-title {
    font-size: 18px;
  }
  #homepage .menu-section .custom-container .menu-container .column-1 .section-accordion ul li .uk-accordion-content .section-menu-item ul li .common-icon-button button {
    padding: 20px;
    margin-right: 30px;
  }
  #homepage .menu-section .custom-container .menu-container .column-1 .section-accordion ul li .uk-accordion-content .section-menu-item ul li .common-icon-button button span {
    font-size: 18px;
  }
  #homepage .menu-section .custom-container .menu-container .column-1 .section-accordion ul li .uk-accordion-content .section-menu-item ul li h5 {
    font-size: 26px;
  }
  #homepage .menu-section .custom-container .menu-container .column-1 .section-accordion ul li .uk-accordion-content .section-menu-item ul li p {
    font-size: 18px;
  }
  #homepage .menu-section .custom-container .menu-container .column-2 .background-color h5 {
    font-size: 16px;
  }
  #homepage .feature-section .custom-container .feature-container .column-1 .like-container ul li:nth-of-type(3) {
    font-size: 18px;
  }
  #homepage .feature-section .custom-container .feature-container .column-2 .row .sub-column-1 ul li:nth-of-type(2) {
    font-size: 18px;
  }
  #homepage .feature-section .custom-container .feature-container .column-2 .row .sub-column-2 ul li:nth-of-type(2) {
    font-size: 18px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .heading-container h1 {
    font-size: 42px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .filter-title-container h2 {
    font-size: 18px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .filter-title-container h2:first-of-type {
    margin-left: 40px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .filter-title-container .arrow-container i {
    font-size: 30px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-1 .image-container .hover-caption-container h2 {
    font-size: 26px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-1 .image-container .hover-caption-container p {
    font-size: 18px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-2 .row-1-container .image-container .hover-caption-container h2 {
    font-size: 26px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-2 .row-1-container .image-container .hover-caption-container p {
    font-size: 18px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-2 .row-2-container .image-container .hover-caption-container h2 {
    font-size: 26px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-2 .row-2-container .image-container .hover-caption-container p {
    font-size: 18px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-3 .row-1-container .image-container {
    position: relative;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-3 .row-1-container .image-container .hover-caption-container h2 {
    font-size: 26px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-3 .row-1-container .image-container .hover-caption-container p {
    font-size: 18px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-3 .row-2-container .image-container .hover-caption-container h2 {
    font-size: 26px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-3 .row-2-container .image-container .hover-caption-container p {
    font-size: 18px;
  }
  /*--------------------------------- Content Wrapper Ends ----------------------------------*/
  /*--------------------------------- Footer Wrapper Starts ---------------------------------*/
  /*---------------------------------- Footer Wrapper Ends ----------------------------------*/
  /*----------------------------------- Components Starts -----------------------------------*/
  .common-search-section .custom-container .search-container .section-title h2 {
    font-size: 18px;
  }
  .common-search-section .custom-container .search-container .form-container .form-inputs .form-input::-webkit-input-placeholder {
    font-size: 18px;
  }
  .common-search-section .custom-container .search-container .form-container .form-inputs .form-input:-ms-input-placeholder {
    font-size: 18px;
  }
  .common-search-section .custom-container .search-container .form-container .form-inputs .form-input::-ms-input-placeholder {
    font-size: 18px;
  }
  .common-search-section .custom-container .search-container .form-container .form-inputs .form-input::placeholder {
    font-size: 18px;
  }
  .common-facilities-container h4 {
    font-size: 18px;
  }
  .common-heading-container.no-margin {
    margin: 0;
  }
  /*------------------------------------ Components Ends ------------------------------------*/
  /*---------------------------------- Slick Slider Starts ----------------------------------*/
  /*----------------------------------- Slick Slider Ends -----------------------------------*/
  /*------------------------------------- Mcustom Starts ------------------------------------*/
  /*-------------------------------------- Mcustom Ends -------------------------------------*/
}

@media all and (max-width: 1600px) {
  /*------------------------------------ Site Wide Starts -----------------------------------*/
  /*------------------------------------- Site Wide Ends ------------------------------------*/
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  #header-wrapper .custom-container.no-top-bottom-padding .navbar-container .nav-container .nav-content > ul > li > a:hover {
    text-decoration: none;
  }
  #header-wrapper.nav-scroll {
    position: fixed;
    background-color: #2d2e3182;
    -webkit-animation: slide-down 0.7s;
            animation: slide-down 0.7s;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  #about-page .video-section .custom-container {
    padding: 0;
  }
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  /*-------------------------------- Content Wrapper Starts ---------------------------------*/
  #homepage .menu-section .custom-container .menu-container .column-1 .section-accordion ul li .uk-accordion-title {
    font-size: 16px;
  }
  #homepage .menu-section .custom-container .menu-container .column-1 .section-accordion ul li .uk-accordion-content .section-menu-item ul li .common-icon-button button {
    padding: 20px;
    margin-right: 30px;
  }
  #homepage .menu-section .custom-container .menu-container .column-1 .section-accordion ul li .uk-accordion-content .section-menu-item ul li .common-icon-button button span {
    font-size: 16px;
  }
  #homepage .menu-section .custom-container .menu-container .column-1 .section-accordion ul li .uk-accordion-content .section-menu-item ul li h5 {
    font-size: 24px;
  }
  #homepage .menu-section .custom-container .menu-container .column-1 .section-accordion ul li .uk-accordion-content .section-menu-item ul li p {
    font-size: 16px;
  }
  #homepage .menu-section .custom-container .menu-container .column-2 .background-color h5 {
    font-size: 14px;
  }
  #homepage .feature-section .custom-container .feature-container .column-1 .like-container ul li:nth-of-type(3) {
    font-size: 16px;
  }
  #homepage .feature-section .custom-container .feature-container .column-2 .row .sub-column-1 ul li:nth-of-type(2) {
    font-size: 16px;
  }
  #homepage .feature-section .custom-container .feature-container .column-2 .row .sub-column-2 ul li:nth-of-type(2) {
    font-size: 16px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .heading-container h1 {
    font-size: 26px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .filter-title-container h2 {
    font-size: 16px;
    padding: 20px 40px;
    margin-right: 40px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .filter-title-container h2:first-of-type {
    margin-left: 40px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .filter-title-container .arrow-container {
    height: 60px;
    width: 60px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .filter-title-container .arrow-container i {
    font-size: 30px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-1 .image-container .hover-caption-container {
    padding: 34px 20px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-1 .image-container .hover-caption-container h2 {
    font-size: 24px;
    margin: 0 0 10px 0;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-1 .image-container .hover-caption-container p {
    font-size: 16px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-2 .row-1-container .image-container .hover-caption-container h2 {
    font-size: 24px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-2 .row-1-container .image-container .hover-caption-container p {
    font-size: 16px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-2 .row-2-container .image-container .hover-caption-container h2 {
    font-size: 24px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-2 .row-2-container .image-container .hover-caption-container p {
    font-size: 16px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-3 .row-1-container .image-container {
    position: relative;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-3 .row-1-container .image-container .hover-caption-container h2 {
    font-size: 24px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-3 .row-1-container .image-container .hover-caption-container p {
    font-size: 16px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-3 .row-2-container .image-container .hover-caption-container h2 {
    font-size: 24px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-3 .row-2-container .image-container .hover-caption-container p {
    font-size: 16px;
  }
  /*--------------------------------- Content Wrapper Ends ----------------------------------*/
  /*--------------------------------- Footer Wrapper Starts ---------------------------------*/
  /*---------------------------------- Footer Wrapper Ends ----------------------------------*/
  /*----------------------------------- Components Starts -----------------------------------*/
  .common-search-section .custom-container .search-container .section-title h2 {
    font-size: 16px;
  }
  .common-search-section .custom-container .search-container .form-container .form-inputs .form-input {
    height: 44px;
    width: 200px;
    margin-right: 26px;
  }
  .common-search-section .custom-container .search-container .form-container .form-inputs .form-input::-webkit-input-placeholder {
    font-size: 16px;
  }
  .common-search-section .custom-container .search-container .form-container .form-inputs .form-input:-ms-input-placeholder {
    font-size: 16px;
  }
  .common-search-section .custom-container .search-container .form-container .form-inputs .form-input::-ms-input-placeholder {
    font-size: 16px;
  }
  .common-search-section .custom-container .search-container .form-container .form-inputs .form-input::placeholder {
    font-size: 16px;
  }
  .common-section-title h1 {
    font-size: 26px;
  }
  .common-facilities-container h4 {
    font-size: 16px;
    margin-top: 10px;
  }
  .common-heading-container.no-margin {
    margin: 0;
  }
  /*------------------------------------ Components Ends ------------------------------------*/
  /*---------------------------------- Slick Slider Starts ----------------------------------*/
  /*----------------------------------- Slick Slider Ends -----------------------------------*/
  /*------------------------------------- Mcustom Starts ------------------------------------*/
  /*-------------------------------------- Mcustom Ends -------------------------------------*/
}

@media all and (max-width: 1400px) {
  /*------------------------------------ Site Wide Starts -----------------------------------*/
  /*------------------------------------- Site Wide Ends ------------------------------------*/
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  #header-wrapper .custom-container.no-top-bottom-padding .navbar-container .nav-container .nav-content > ul > li > a:hover {
    text-decoration: none;
  }
  #header-wrapper .custom-container.no-top-bottom-padding .navbar-container .nav-container .nav-content > ul > li.submenu-container:hover ul.dropdown-menu-own {
    min-width: 197px;
  }
  #header-wrapper .custom-container.no-top-bottom-padding .navbar-container .nav-container .nav-content > ul > li ul.dropdown-menu-own::after {
    right: 161px !important;
  }
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  /*-------------------------------- Content Wrapper Starts ---------------------------------*/
  #homepage .menu-section .custom-container .menu-container .column-1 .section-accordion ul li .uk-accordion-title {
    font-size: 14px;
  }
  #homepage .menu-section .custom-container .menu-container .column-1 .section-accordion ul li .uk-accordion-content .section-menu-item ul li .common-icon-button button {
    padding: 20px;
    margin-right: 30px;
  }
  #homepage .menu-section .custom-container .menu-container .column-1 .section-accordion ul li .uk-accordion-content .section-menu-item ul li .common-icon-button button span {
    font-size: 14px;
  }
  #homepage .menu-section .custom-container .menu-container .column-1 .section-accordion ul li .uk-accordion-content .section-menu-item ul li h5 {
    font-size: 24px;
  }
  #homepage .menu-section .custom-container .menu-container .column-1 .section-accordion ul li .uk-accordion-content .section-menu-item ul li p {
    font-size: 14px;
  }
  #homepage .menu-section .custom-container .menu-container .column-2 .background-color h5 {
    font-size: 14px;
  }
  #homepage .feature-section .custom-container .feature-container .column-1 .like-container ul li:nth-of-type(2) .image-container {
    height: 30px;
    width: 30px;
  }
  #homepage .feature-section .custom-container .feature-container .column-1 .like-container ul li:nth-of-type(3) {
    font-size: 14px;
  }
  #homepage .feature-section .custom-container .feature-container .column-2 .row .sub-column-1 ul li:nth-of-type(2) {
    font-size: 13px;
  }
  #homepage .feature-section .custom-container .feature-container .column-2 .row .sub-column-2 ul li:nth-of-type(2) {
    font-size: 13px;
  }
  #about-page .about-section .custom-container .about-container .section-content-container .column-3 {
    width: 50%;
  }
  #about-page .about-section .custom-container .about-container .section-content-container .column-3 .about-item-container .icon-container {
    border-radius: 50%;
    padding: 10px;
  }
  #about-page .about-section .custom-container .about-container .section-content-container .column-3 .about-item-container .icon-container .image-container {
    height: 40px;
    width: 40px;
  }
  #about-page .about-section .custom-container .about-container .section-content-container .column-3 .about-item-container .text-container .title-container h4 {
    font-size: 14px;
  }
  #about-page .about-section .custom-container .about-container .section-content-container .column-3 .about-item-container .text-container .content-container p {
    font-size: 14px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .heading-container h1 {
    font-size: 26px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .filter-title-container h2 {
    font-size: 14px;
    padding: 20px 40px;
    margin-right: 25px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .filter-title-container h2:first-of-type {
    margin-left: 40px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .filter-title-container .arrow-container {
    height: 60px;
    width: 60px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .filter-title-container .arrow-container i {
    font-size: 30px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-1 .image-container .hover-caption-container {
    padding: 34px 20px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-1 .image-container .hover-caption-container h2 {
    font-size: 24px;
    margin: 0 0 10px 0;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-1 .image-container .hover-caption-container p {
    font-size: 14px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-2 .row-1-container .image-container .hover-caption-container h2 {
    font-size: 24px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-2 .row-1-container .image-container .hover-caption-container p {
    font-size: 14px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-2 .row-2-container .image-container .hover-caption-container h2 {
    font-size: 24px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-2 .row-2-container .image-container .hover-caption-container p {
    font-size: 14px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-3 .row-1-container .image-container {
    position: relative;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-3 .row-1-container .image-container .hover-caption-container h2 {
    font-size: 24px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-3 .row-1-container .image-container .hover-caption-container p {
    font-size: 14px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-3 .row-2-container .image-container .hover-caption-container h2 {
    font-size: 24px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-3 .row-2-container .image-container .hover-caption-container p {
    font-size: 14px;
  }
  /*--------------------------------- Content Wrapper Ends ----------------------------------*/
  /*--------------------------------- Footer Wrapper Starts ---------------------------------*/
  /*---------------------------------- Footer Wrapper Ends ----------------------------------*/
  /*----------------------------------- Components Starts -----------------------------------*/
  /*------------------------------------ Components Ends ------------------------------------*/
  /*---------------------------------- Slick Slider Starts ----------------------------------*/
  /*----------------------------------- Slick Slider Ends -----------------------------------*/
  /*------------------------------------- Mcustom Starts ------------------------------------*/
  /*-------------------------------------- Mcustom Ends -------------------------------------*/
}

@media all and (max-width: 1200px) {
  html {
    font-size: 58% !important;
  }
  /*------------------------------------ Site Wide Starts -----------------------------------*/
  /*------------------------------------- Site Wide Ends ------------------------------------*/
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  #header-wrapper .custom-container {
    padding: 1rem 4rem;
  }
  #header-wrapper .custom-container.no-top-bottom-padding .navbar-container .logo-container {
    height: 10rem;
    width: 10rem;
  }
  #header-wrapper .custom-container.no-top-bottom-padding .navbar-container .nav-container .nav-content > ul {
    gap: 4rem;
  }
  #header-wrapper .custom-container.no-top-bottom-padding .navbar-container .nav-container .nav-content > ul > li > a {
    font-size: 1.4rem;
    color: #fff;
  }
  #header-wrapper .custom-container.no-top-bottom-padding .navbar-container .nav-container .nav-content > ul > li > a:hover {
    text-decoration: none;
  }
  #header-wrapper .custom-container.no-top-bottom-padding .navbar-container .nav-container .nav-content > ul > li.submenu-container:hover ul.dropdown-menu-own {
    min-width: 19.8rem;
  }
  #header-wrapper .custom-container.no-top-bottom-padding .navbar-container .nav-container .nav-content > ul > li ul.dropdown-menu-own {
    background-color: #2e2e2e;
    min-width: 15rem;
  }
  #header-wrapper .custom-container.no-top-bottom-padding .navbar-container .nav-container .nav-content > ul > li ul.dropdown-menu-own::after {
    left: 11%;
  }
  #header-wrapper .custom-container.no-top-bottom-padding .navbar-container .nav-container .nav-content > ul > li ul.dropdown-menu-own > li {
    padding: 14px 12px;
  }
  #header-wrapper .custom-container.no-top-bottom-padding .navbar-container .nav-container .nav-content > ul > li ul.dropdown-menu-own > li > a {
    font-size: 14px;
  }
  #header-wrapper .custom-container.no-top-bottom-padding .navbar-container .nav-container .nav-content > ul .common-button-container a button i {
    font-size: 1.4rem;
  }
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  /*-------------------------------- Content Wrapper Starts ---------------------------------*/
  #homepage .service-section .custom-container .service-container .common-section-subtitle h2:after {
    right: -28%;
  }
  #homepage .service-section .custom-container .service-container .common-section-subtitle h2:before {
    left: -28%;
  }
  #homepage .service-section .custom-container .service-container .section-content .column-2 .image-container {
    width: 333px;
    height: 552px;
  }
  #homepage .places-section .custom-container {
    padding: 6rem 4rem;
  }
  #about-page .about-section .custom-container .about-container .section-content-container .column-1 {
    margin-right: 6rem;
  }
  #about-page .about-section .custom-container .about-container .section-content-container .column-3 {
    width: 50%;
  }
  #about-page .about-section .custom-container .about-container .section-content-container .column-3 .about-item-container .icon-container {
    border-radius: 50%;
    padding: 10px;
  }
  #about-page .about-section .custom-container .about-container .section-content-container .column-3 .about-item-container .icon-container .image-container {
    height: 30px;
    width: 30px;
  }
  #about-page .about-section .custom-container .about-container .section-content-container .column-3 .about-item-container .text-container .title-container h4 {
    font-size: 14px;
  }
  #about-page .about-section .custom-container .about-container .section-content-container .column-3 .about-item-container .text-container .content-container p {
    font-size: 14px;
  }
  #menu-page .menu-section .custom-container .menu-slider .menu-slider-item .menu-container .menu-items-container .menu-item .price-section .price-line {
    width: 68%;
  }
  #menu-page .slick-slider .slick-prev::after {
    left: -27px;
    bottom: -79px;
  }
  #menu-page .slick-slider .slick-next::after {
    left: -24px;
    bottom: -79px;
  }
  #reservation-page .room-details-section .custom-container .room-details-container .column-1 {
    margin-right: 6.5rem;
  }
  #reservation-page .room-details-section .custom-container .room-details-container .column-2 .form-container {
    padding: 6rem 2rem;
  }
  #reservation-page .room-details-section .custom-container .room-details-container .column-2 .form-container form ul li .radio-label .line {
    width: 3rem;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .heading-container h1 {
    font-size: 26px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .filter-title-container {
    margin-bottom: 60px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .filter-title-container h2 {
    font-size: 14px;
    padding: 14px 24px;
    margin-right: 22px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .filter-title-container h2:first-of-type {
    margin-left: 40px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .filter-title-container .arrow-container {
    height: 50px;
    width: 50px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .filter-title-container .arrow-container i {
    font-size: 22px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-1 .image-container .hover-caption-container {
    padding: 34px 20px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-1 .image-container .hover-caption-container h2 {
    font-size: 24px;
    margin: 0 0 10px 0;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-1 .image-container .hover-caption-container p {
    font-size: 14px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-2 .row-1-container .image-container .hover-caption-container h2 {
    font-size: 24px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-2 .row-1-container .image-container .hover-caption-container p {
    font-size: 14px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-2 .row-2-container .image-container .hover-caption-container h2 {
    font-size: 24px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-2 .row-2-container .image-container .hover-caption-container p {
    font-size: 14px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-3 .row-1-container .image-container {
    position: relative;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-3 .row-1-container .image-container .hover-caption-container h2 {
    font-size: 24px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-3 .row-1-container .image-container .hover-caption-container p {
    font-size: 14px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-3 .row-2-container .image-container .hover-caption-container h2 {
    font-size: 24px;
  }
  #gallery-page .gallery-section .custom-container .gallery-container .images-container .column-3 .row-2-container .image-container .hover-caption-container p {
    font-size: 14px;
  }
  #gallery-page .gallery .custom-container .gallery-menu-slider.slick-slider .slick-prev::after {
    left: -26px;
    bottom: -78px;
  }
  #gallery-page .gallery .custom-container .gallery-menu-slider.slick-slider .slick-next::after {
    left: -23px;
    bottom: -78px;
  }
  /*--------------------------------- Content Wrapper Ends ----------------------------------*/
  /*--------------------------------- Footer Wrapper Starts ---------------------------------*/
  #footer-wrapper .footer-section .image-container .custom-container {
    padding: 23rem 6rem 8rem 6rem;
  }
  #footer-wrapper .copyright-section .custom-container .copyright-container .copyright-left {
    font-size: 14px;
  }
  #footer-wrapper .copyright-section .custom-container .copyright-container .copyright-right {
    font-size: 14px;
  }
  /*---------------------------------- Footer Wrapper Ends ----------------------------------*/
  /*----------------------------------- Components Starts -----------------------------------*/
  .common-box-container h2 {
    font-size: 14px;
    margin-bottom: 0;
  }
  .common-box-container p {
    font-size: 14px;
  }
  .common-box-container::after {
    height: 10px;
    width: 19px;
  }
  .common-search-section .custom-container .search-container .section-title h2 {
    font-size: 14px;
  }
  .common-search-section .custom-container .search-container .form-container .form-inputs .form-input {
    height: 37px;
    width: 152px;
    margin-right: 14px;
  }
  .common-search-section .custom-container .search-container .form-container .form-inputs .form-input::-webkit-input-placeholder {
    font-size: 13px;
  }
  .common-search-section .custom-container .search-container .form-container .form-inputs .form-input:-ms-input-placeholder {
    font-size: 13px;
  }
  .common-search-section .custom-container .search-container .form-container .form-inputs .form-input::-ms-input-placeholder {
    font-size: 13px;
  }
  .common-search-section .custom-container .search-container .form-container .form-inputs .form-input::placeholder {
    font-size: 13px;
  }
  .common-room-type-container .column-1 {
    width: 55%;
  }
  .common-room-type-container .column-2 {
    width: 45%;
  }
  /*------------------------------------ Components Ends ------------------------------------*/
  /*---------------------------------- Slick Slider Starts ----------------------------------*/
  .slick-slider .slick-prev,
  .slick-slider .slick-next {
    height: 50px;
    width: 50px;
  }
  .slick-slider .slick-prev:after,
  .slick-slider .slick-next:after {
    height: 50px;
    width: 88px;
    margin: auto;
    right: 0;
    left: 0px;
  }
  .slick-slider .slick-prev {
    left: 0px;
  }
  .slick-slider .slick-prev:after {
    background-image: url("../assets/img/icon/chevron-left.png");
  }
  .slick-slider .slick-next {
    right: 40px;
  }
  .slick-slider .slick-next:after {
    background-image: url("../assets/img/icon/chevron-right.png");
  }
  /*----------------------------------- Slick Slider Ends -----------------------------------*/
}

@media all and (max-width: 991px) {
  html {
    font-size: 60%;
  }
  /*------------------------------------ Site Wide Starts -----------------------------------*/
  /*------------------------------------- Site Wide Ends ------------------------------------*/
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  #header-wrapper .custom-container .navbar-container .nav-container {
    display: none;
  }
  .openbtn {
    display: unset;
  }
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  /*-------------------------------- Content Wrapper Starts ---------------------------------*/
  #homepage .display-room-section .custom-container .display-room-container .card-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 6rem;
  }
  #homepage .display-room-section .custom-container .display-room-container .card-container .card-item {
    width: 52%;
  }
  #homepage .display-room-section .custom-container .display-room-container .card-container .card-item:not(:last-of-type) {
    margin-right: 0;
  }
  #homepage .menu-section .custom-container .menu-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #homepage .menu-section .custom-container .menu-container .column-1 {
    margin-right: 0;
  }
  #homepage .menu-section .custom-container .menu-container .column-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
  #homepage .feature-section .custom-container .feature-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #homepage .feature-section .custom-container .feature-container .column-1 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #homepage .feature-section .custom-container .feature-container .column-1 .like-container {
    left: 39%;
  }
  #homepage .feature-section .custom-container .feature-container .column-2 {
    width: 100%;
  }
  #homepage .feature-section .custom-container .feature-container .column-2 .row .sub-column-1 ul li:nth-of-type(1) {
    margin-right: -10px;
  }
  #homepage .feature-section .custom-container .feature-container .column-2 .row .sub-column-1 ul li:nth-of-type(1) .image-container {
    height: 30px;
    width: 30px;
    margin-right: 13px;
  }
  #homepage .feature-section .custom-container .feature-container .column-2 .row .sub-column-2 ul li:nth-of-type(1) {
    margin-right: -10px;
  }
  #homepage .feature-section .custom-container .feature-container .column-2 .row .sub-column-2 ul li:nth-of-type(1) .image-container {
    height: 30px;
    width: 30px;
    margin-right: 13px;
  }
  #homepage .places-section .custom-container .places-container .section-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 6rem;
  }
  #homepage .places-section .custom-container .places-container .section-content .item {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  #homepage .places-section .custom-container .places-container .section-content .item img {
    max-width: 33rem !important;
    margin-inline: auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #about-page .about-section .custom-container .about-container .section-content-container .column-2 .images-container .image-1-container {
    height: 35rem;
    width: 37rem;
  }
  #about-page .about-section .custom-container .about-container .section-content-container .column-2 .images-container .image-1-container .image-2-container {
    height: 22rem;
    width: 29rem;
    right: -29%;
  }
  #about-page .about-section .custom-container .about-container .section-content-container .column-2 .images-container .image-1-container .image-3-container {
    height: 24rem;
    width: 29rem;
  }
  #about-page .offers-section .custom-container .offers-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #about-page .offers-section .custom-container .offers-container .left-content {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  #about-page .offers-section .custom-container .offers-container .left-content h3 {
    max-width: 100%;
  }
  #about-page .details-section .custom-container .details-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #about-page .details-section .custom-container .details-container .left-content {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  #about-page .details-section .custom-container .details-container .left-content h3 {
    max-width: 100%;
  }
  #about-page .details-section .custom-container .details-container .right-content {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  #about-page .details-section .custom-container .details-container .right-content .contact-section {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 4rem;
  }
  #about-page .details-section .custom-container .details-container .right-content .contact-section .item {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  #founder-message-page .founder-message-section .custom-container .founder-message-container .message-section {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0rem;
  }
  #founder-message-page .founder-message-section .custom-container .founder-message-container .message-section p.first-paragraph {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  #founder-message-page .founder-message-section .custom-container .founder-message-container .message-section p.second-paragraph {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  #menu-page .menu-section .custom-container .menu-slider .menu-slider-item .menu-container .menu-items-container .menu-item {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-bottom: 5rem;
  }
  #menu-page .slick-slider .slick-prev,
  #menu-page .slick-slider .slick-next {
    top: 7%;
  }
  #reservation-page .room-details-section .custom-container .room-details-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #reservation-page .room-details-section .custom-container .room-details-container .column-1 {
    width: 100%;
    margin-top: 2rem;
    margin-right: 0;
  }
  #reservation-page .room-details-section .custom-container .room-details-container .column-2 {
    width: 100%;
    margin-top: 4rem;
  }
  #contact-page .contact-section {
    margin-top: 0;
  }
  #contact-page .contact-section .custom-container {
    padding: 0;
  }
  #contact-page .contact-section .custom-container .contact-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #contact-page .contact-section .custom-container .contact-container .contact-us-container {
    width: 100%;
  }
  #contact-page .contact-section .custom-container .contact-container .form-container {
    width: 100%;
  }
  #room-type-page .room-type-section-1 .custom-container {
    padding: 4rem 6rem;
  }
  #room-type-page .room-type-section-2 .custom-container {
    padding: 4rem 6rem;
  }
  #room-type-page .room-type-section-3 .custom-container {
    padding: 4rem 6rem;
  }
  /*--------------------------------- Content Wrapper Ends ----------------------------------*/
  /*--------------------------------- Footer Wrapper Starts ---------------------------------*/
  #footer-wrapper .footer-section .image-container .custom-container .footer-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  /*---------------------------------- Footer Wrapper Ends ----------------------------------*/
  /*----------------------------------- Components Starts -----------------------------------*/
  .common-banner-section2 .swiper .swiper-wrapper .swiper-slide .banner-content .section-title h1 {
    font-size: 6rem;
  }
  .common-banner-section2 .swiper .swiper-wrapper .swiper-slide .banner-content .section-content-banner span {
    width: 25rem;
  }
  .common-banner-section2 .swiper .swiper-wrapper .swiper-slide .banner-content .section-content-banner span:after {
    width: 25rem;
  }
  .common-room-type-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .common-room-type-container .column-1 {
    width: 100%;
  }
  .common-room-type-container .column-2 {
    width: 100%;
  }
  /*------------------------------------ Components Ends ------------------------------------*/
  /*---------------------------------- Slick Slider Starts ----------------------------------*/
  /*----------------------------------- Slick Slider Ends -----------------------------------*/
  /*------------------------------------- Mcustom Starts ------------------------------------*/
  /*-------------------------------------- Mcustom Ends -------------------------------------*/
}

@media all and (max-width: 768px) {
  .custom-container {
    padding: 40px 20px;
  }
  /*------------------------------------ Site Wide Starts -----------------------------------*/
  /*------------------------------------- Site Wide Ends ------------------------------------*/
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  #header-wrapper .custom-container {
    padding: 1rem 2rem;
  }
  #header-wrapper .custom-container.no-top-bottom-padding .navbar-container .logo-container {
    height: 8.5rem;
    width: 8.5rem;
  }
  #header-wrapper.nav-scroll .custom-container.no-top-bottom-padding .navbar-container .logo-container {
    height: 6.5rem;
    width: 6.5rem;
  }
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  /*-------------------------------- Content Wrapper Starts ---------------------------------*/
  body.normal #about-page .about-section .custom-container .about-container .section-content-container .column-2 {
    display: none;
  }
  body.normal #about-page .about-section .custom-container .about-container .section-content-container .column-3 {
    right: 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    display: unset;
  }
  #homepage .display-room-section .custom-container {
    padding: 40px 20px;
  }
  #homepage .display-room-section .custom-container .display-room-container .card-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #homepage .display-room-section .custom-container .display-room-container .card-container .card-item {
    width: 100%;
    max-width: 430px;
  }
  #homepage .display-room-section .custom-container .display-room-container .card-container .card-item:not(:last-of-type) {
    margin-right: 0;
  }
  #homepage .display-room-section .custom-container .display-room-container .card-container .card-item .row1-container .text-container h3 {
    font-size: 13px;
  }
  #homepage .display-room-section .custom-container .display-room-container .card-container .card-item .row2-container {
    padding: 2rem;
  }
  #homepage .display-room-section .custom-container .display-room-container .card-container .card-item .row2-container ul li {
    font-size: 13px;
  }
  #homepage .display-room-section .custom-container .display-room-container .card-container .card-item .row3-container ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #homepage .menu-section .custom-container .menu-container .column-1 .section-title h1 {
    font-size: 2.4rem;
  }
  #homepage .feature-section .custom-container .feature-container .column-1 .like-container {
    left: 37%;
  }
  #homepage .feature-section .custom-container .feature-container .column-2 .section-title h1 {
    font-size: 2.4rem;
  }
  #homepage .service-section .custom-container .service-container .section-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 4rem;
  }
  #homepage .service-section .custom-container .service-container .section-content .column-1 {
    margin-inline: auto;
  }
  #homepage .service-section .custom-container .service-container .section-content .column-1 .common-box-container {
    margin-bottom: 3rem;
    text-align: center;
  }
  #homepage .service-section .custom-container .service-container .section-content .column-1 .common-box-container.text-right {
    text-align: center;
  }
  #homepage .service-section .custom-container .service-container .section-content .column-1 .common-box-container.text-left {
    text-align: center;
  }
  #homepage .service-section .custom-container .service-container .section-content .column-1 .common-box-container::after {
    display: none;
  }
  #homepage .service-section .custom-container .service-container .section-content .column-2 {
    display: none;
  }
  #homepage .places-section .custom-container {
    padding: 6rem 2rem;
  }
  #about-page .about-section .custom-container .about-container .common-heading-container {
    margin-bottom: 2rem;
  }
  #about-page .about-section .custom-container .about-container .section-content-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #about-page .about-section .custom-container .about-container .section-content-container .column-1 {
    width: 100%;
    margin-right: 0;
  }
  #about-page .about-section .custom-container .about-container .section-content-container .column-1 p {
    font-size: 13px;
  }
  #about-page .about-section .custom-container .about-container .section-content-container .column-1 button {
    font-size: 13px;
  }
  #about-page .about-section .custom-container .about-container .section-content-container .column-2 {
    width: 100%;
  }
  #about-page .about-section .custom-container .about-container .section-content-container .column-2 .images-container {
    margin-top: 3rem;
  }
  #about-page .about-section .custom-container .about-container .section-content-container .column-2 .images-container .image-1-container {
    height: 100%;
    width: 100%;
    position: unset;
  }
  #about-page .about-section .custom-container .about-container .section-content-container .column-2 .images-container .image-1-container .image-2-container {
    height: 100%;
    width: 100%;
    position: unset;
    top: 0;
    right: 0;
  }
  #about-page .about-section .custom-container .about-container .section-content-container .column-2 .images-container .image-1-container .image-3-container {
    height: 100%;
    width: 100%;
    position: unset;
    bottom: 0;
    right: 0;
  }
  #about-page .about-section .custom-container .about-container .section-content-container .column-2 .images-container .text-container {
    display: none;
  }
  #about-page .about-section .custom-container .about-container .section-content-container .column-2 .images-container .text-container span {
    font-size: 78px;
  }
  #about-page .about-section .custom-container .about-container .section-content-container .column-3 {
    width: 100%;
    margin-left: 0;
    margin-top: 4rem;
  }
  #about-page .about-section .custom-container .about-container .section-content-container .column-3 .about-item-container {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  #about-page .about-section .custom-container .about-container .section-content-container .column-3 .about-item-container .icon-container {
    border-radius: 50%;
    padding: 15px;
    margin-right: 20px;
  }
  #about-page .about-section .custom-container .about-container .section-content-container .column-3 .about-item-container .icon-container .image-container {
    height: 30px;
    width: 30px;
  }
  #about-page .about-section .custom-container .about-container .section-content-container .column-3 .about-item-container .text-container .title-container h4 {
    font-size: 13px;
  }
  #about-page .about-section .custom-container .about-container .section-content-container .column-3 .about-item-container .text-container .content-container p {
    font-size: 13px;
  }
  #about-page .video-section .custom-container .video-container .image-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0rem;
    padding: 7rem 2rem 6rem;
  }
  #about-page .video-section .custom-container .video-container .image-container .title-container {
    padding: 0 2rem;
  }
  #about-page .video-section .custom-container .video-container .image-container .title-container h4 {
    font-size: 1.7rem;
  }
  #about-page .video-section .custom-container .video-container .image-container .title-container h2 {
    font-size: 3.6rem;
  }
  #about-page .video-section .custom-container .video-container .image-container .icon-container {
    margin-inline: auto;
  }
  #about-page .video-section .custom-container .video-container .image-container .icon-container button {
    height: 12rem;
    width: 12rem;
  }
  #about-page .video-section .custom-container .video-container .image-container .icon-container button a .image-container {
    height: 4rem;
    width: 4rem;
    padding-left: 0.5rem;
  }
  #menu-page .menu-section .custom-container .menu-slider .menu-slider-item .menu-container .heading-container .title-container h1 {
    font-size: 2.4rem;
  }
  #menu-page .menu-section .custom-container .menu-slider .menu-slider-item .menu-container .menu-images-container .menu-images-item {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  #menu-page .menu-section .custom-container .menu-slider .menu-slider-item .menu-container .menu-images-container .menu-images-item:not(:first-of-type) {
    display: none;
  }
  #menu-page .menu-section .custom-container .menu-slider .menu-slider-item .menu-container .menu-images-container .menu-images-item .img-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #menu-page .slick-slider .slick-prev,
  #menu-page .slick-slider .slick-next {
    display: block;
    top: 7%;
  }
  #menu-page .slick-slider .slick-prev::after,
  #menu-page .slick-slider .slick-next::after {
    display: block;
    bottom: -46px;
    font-size: 2.8rem;
  }
  #menu-page .slick-slider .slick-prev {
    left: 3rem;
  }
  #menu-page .slick-slider .slick-next {
    right: 3rem;
  }
  #room-type-page .room-type-section-1 .custom-container {
    padding: 4rem 2rem;
  }
  #room-type-page .room-type-section-2 .custom-container {
    padding: 4rem 2rem;
  }
  #room-type-page .room-type-section-3 .custom-container {
    padding: 4rem 2rem;
  }
  #reservation-page .room-details-section .custom-container {
    padding: 6rem 2rem;
  }
  #reservation-page .room-details-section .custom-container .room-details-container .column-1 .title-container h1 {
    font-size: 2.1rem;
  }
  #reservation-page .room-details-section .custom-container .room-details-container .column-2 .form-container .title-container h2 {
    font-size: 2rem;
  }
  #reservation-page .room-details-section .custom-container .room-details-container .column-2 .form-container form label {
    font-size: 1.6rem;
  }
  #reservation-page .room-details-section .custom-container .room-details-container .column-2 .form-container form input {
    font-size: 1.6rem;
  }
  #reservation-page .room-details-section .custom-container .room-details-container .column-2 .form-container form h2,
  #reservation-page .room-details-section .custom-container .room-details-container .column-2 .form-container form h3 {
    font-size: 2rem;
  }
  #reservation-page .room-details-section .custom-container .room-details-container .column-2 .form-container form h1 {
    font-size: 2.5rem;
  }
  #events-page .modal .modal-content {
    padding: 2rem 2rem 6rem;
  }
  #events-page .modal .modal-content .close {
    font-size: 3rem;
    top: 0px;
    right: 10px;
  }
  #events-page .event-booking-form h2 {
    font-size: 2.4rem;
  }
  #event-booking-page {
    background-color: #F7F7F7;
  }
  #event-booking-page .event-booking-section .custom-container .event-booking-form {
    padding: 8rem 2rem;
  }
  #event-booking-page .event-booking-section .custom-container .event-booking-form h2 {
    font-size: 2.2rem;
  }
  #gallery-page .gallery .custom-container {
    padding: 6rem 2rem;
  }
  #gallery-page .gallery .custom-container .gallery-menu-slider.slick-slider .slick-prev,
  #gallery-page .gallery .custom-container .gallery-menu-slider.slick-slider .slick-next {
    display: block;
  }
  #gallery-page .gallery .custom-container .gallery-menu-slider.slick-slider .slick-prev::after,
  #gallery-page .gallery .custom-container .gallery-menu-slider.slick-slider .slick-next::after {
    display: block;
  }
  #gallery-page .gallery .custom-container .gallery-menu-slider.slick-slider .slick-prev {
    left: 3rem;
  }
  #gallery-page .gallery .custom-container .gallery-menu-slider.slick-slider .slick-next {
    right: 3rem;
  }
  #contact-page .contact-section .custom-container .contact-container .contact-us-container {
    padding: 6rem 2rem;
  }
  #contact-page .contact-section .custom-container .contact-container .form-container {
    padding: 6rem 2rem;
  }
  #contact-page .contact-section .custom-container .contact-container .form-container form input,
  #contact-page .contact-section .custom-container .contact-container .form-container form textarea {
    font-size: 1.5rem;
    margin-bottom: 4rem;
  }
  #contact-page .contact-section .custom-container .contact-container .form-container button {
    font-size: 1.6rem;
  }
  /*--------------------------------- Content Wrapper Ends ----------------------------------*/
  /*--------------------------------- Footer Wrapper Starts ---------------------------------*/
  #footer-wrapper .footer-section .image-container .custom-container {
    padding: 15rem 2rem 6rem;
  }
  #footer-wrapper .footer-section .image-container .custom-container .footer-container {
    gap: 2rem;
  }
  #footer-wrapper .footer-section .image-container .custom-container .footer-container .column-1 {
    width: 100%;
  }
  #footer-wrapper .footer-section .image-container .custom-container .footer-container .column-1 .image-container {
    margin-left: 0;
  }
  #footer-wrapper .footer-section .image-container .custom-container .footer-container .column-1 p {
    margin: 2rem 0 0 0;
  }
  #footer-wrapper .footer-section .image-container .custom-container .footer-container .column-2 {
    width: 100%;
    margin-left: 0;
  }
  #footer-wrapper .footer-section .image-container .custom-container .footer-container .column-2 ul {
    margin-top: 2rem;
  }
  #footer-wrapper .footer-section .image-container .custom-container .footer-container .column-3 {
    width: 100%;
  }
  #footer-wrapper .footer-section .image-container .custom-container .footer-container .column-3 ul {
    margin-top: 2rem;
  }
  #footer-wrapper .footer-section .image-container .custom-container .footer-container .column-4 {
    width: 100%;
  }
  #footer-wrapper .footer-section .image-container .custom-container .footer-container .column-4 ul {
    margin-top: 2rem;
  }
  #footer-wrapper .copyright-section .custom-container {
    padding: 30px 20px;
  }
  #footer-wrapper .copyright-section .custom-container .copyright-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
  #footer-wrapper .copyright-section .custom-container .copyright-container .copyright-left {
    font-size: 12px;
    margin-bottom: 15px;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  #footer-wrapper .copyright-section .custom-container .copyright-container .copyright-right {
    font-size: 12px;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  /*---------------------------------- Footer Wrapper Ends ----------------------------------*/
  /*----------------------------------- Components Starts -----------------------------------*/
  .common-banner-section .common-banner-slider .banner-item .image-container .custom-container .inner .banner-content .section-title h1 {
    font-size: 5rem;
  }
  .common-banner-section .common-banner-slider .banner-item .image-container .custom-container .inner .banner-content .section-content-banner span {
    width: 18rem;
  }
  .common-banner-section .common-banner-slider .banner-item .image-container .custom-container .inner .banner-content .section-content-banner span:after {
    width: 18rem;
  }
  .common-banner-section .common-banner-slider .banner-item .image-container .custom-container .inner .banner-content .section-content p {
    font-size: 1.5rem;
  }
  .common-banner-section .common-banner-slider .banner-item .image-container .custom-container .inner .banner-content .icon-container i {
    font-size: 2.1rem;
  }
  .common-banner-section .swiper .swiper-wrapper .swiper-slide .banner-content .section-title h1 {
    font-size: 8rem;
    letter-spacing: 5rem;
    margin-left: 5rem;
  }
  .common-banner-section .swiper .swiper-wrapper .swiper-slide .banner-content .section-content-banner span {
    width: 17rem;
  }
  .common-banner-section .swiper .swiper-wrapper .swiper-slide .banner-content .section-content-banner span:after {
    content: "";
    width: 17rem;
  }
  .common-banner-section .swiper .swiper-wrapper .swiper-slide .banner-content p {
    font-size: 1.9rem;
  }
  .common-banner-section .swiper .swiper-wrapper .swiper-slide .banner-content p.upper {
    margin: 0 3rem 0 3rem;
  }
  .common-banner-section .swiper .swiper-wrapper .swiper-slide .section-content p {
    font-size: 1.6rem;
  }
  .common-banner-section2 .swiper .swiper-wrapper .swiper-slide .banner-content .section-title h1 {
    font-size: 5rem;
  }
  .common-banner-section2 .swiper .swiper-wrapper .swiper-slide .banner-content .section-content-banner span {
    width: 18rem;
  }
  .common-banner-section2 .swiper .swiper-wrapper .swiper-slide .banner-content .section-content-banner span:after {
    width: 18rem;
  }
  .common-banner-section2 .swiper .swiper-wrapper .swiper-slide .scroll-for-more-section .section-content p {
    font-size: 1.5rem;
  }
  .common-banner-section2 .swiper .swiper-wrapper .swiper-slide .scroll-for-more-section .icon-container i {
    font-size: 2.1rem;
  }
  .common-heading-container .common-section-subtitle h2 {
    font-size: 1.4rem;
    letter-spacing: 0.3rem;
  }
  .common-heading-container .common-section-title h1 {
    font-size: 2.1rem;
  }
  .common-search-section .search-container .section-title h2 {
    font-size: 13px;
  }
  .common-search-section .search-container .form-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .common-search-section .search-container .form-container .form-inputs {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1rem;
  }
  .common-search-section .search-container .form-container .form-inputs .input-item {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .common-search-section .search-container .form-container .form-inputs .input-item .form-input {
    margin-bottom: 1rem;
    margin-right: 0;
  }
  .common-search-section .search-container .form-container .form-inputs .input-item .form-input::-webkit-input-placeholder {
    font-size: 13px;
  }
  .common-search-section .search-container .form-container .form-inputs .input-item .form-input:-ms-input-placeholder {
    font-size: 13px;
  }
  .common-search-section .search-container .form-container .form-inputs .input-item .form-input::-ms-input-placeholder {
    font-size: 13px;
  }
  .common-search-section .search-container .form-container .form-inputs .input-item .form-input::placeholder {
    font-size: 13px;
  }
  .common-icon-button .search-btn {
    display: none;
  }
  .common-icon-button .search2-btn {
    display: block;
  }
  .common-footer-title::before {
    content: "";
  }
  .common-card-container .title-container h1 {
    text-align: center;
  }
  .common-card-container .title-container h1::after {
    bottom: -50%;
    left: 47%;
  }
  .common-card-container .card-items-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .common-card-container .card-items-container .card-item {
    text-align: center;
  }
  .common-card-container .card-items-container .card-item .card-caption-container .card-days-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .common-arrow-container {
    height: 4rem;
    width: 4rem;
  }
  .common-arrow-container i {
    font-size: 1.5rem;
  }
  /*------------------------------------ Components Ends ------------------------------------*/
  /*---------------------------------- Slick Slider Starts ----------------------------------*/
  .slick-slider .slick-prev,
  .slick-slider .slick-next {
    display: none;
  }
  .slick-slider .slick-prev:before,
  .slick-slider .slick-next:before {
    display: none;
  }
  .slick-slider .slick-prev:after,
  .slick-slider .slick-next:after {
    display: none;
  }
  .slick-slider .slick-prev {
    left: 60px;
  }
  .slick-slider .slick-prev:after {
    display: none;
  }
  .slick-slider .slick-next {
    right: 60px;
  }
  .slick-slider .slick-next:after {
    display: none;
  }
  /*----------------------------------- Slick Slider Ends -----------------------------------*/
  /*------------------------------------- Mcustom Starts ------------------------------------*/
  /*-------------------------------------- Mcustom Ends -------------------------------------*/
}

@media all and (max-width: 600px) {
  #menu-page .menu-section .custom-container .menu-container .menu-items-container .column .menu-item-container .price-container span {
    width: 72%;
  }
  .common-banner-section2 .swiper .swiper-wrapper .swiper-slide .banner-content .section-title h1 {
    font-size: 5rem;
    letter-spacing: 0.3rem;
  }
  .common-banner-section2 .swiper .swiper-wrapper .swiper-slide .banner-content .section-content-banner span {
    width: 14rem;
  }
  .common-banner-section2 .swiper .swiper-wrapper .swiper-slide .banner-content .section-content-banner span:after {
    width: 14rem;
  }
}

@media all and (max-width: 540px) {
  #homepage .menu-section .custom-container .menu-container .column-2 .background-color {
    width: 100%;
    height: 20rem;
    background-color: transparent;
  }
  #homepage .menu-section .custom-container .menu-container .column-2 .background-color .main-image-container {
    width: 100%;
    left: 0;
  }
  #homepage .menu-section .custom-container .menu-container .column-2 .background-color .images-container {
    display: none;
  }
  #homepage .menu-section .custom-container .menu-container .column-2 .background-color .gallery-link {
    display: none;
  }
  #homepage .feature-section .custom-container .feature-container .column-1 .image-container:first-of-type {
    display: none;
  }
  #homepage .feature-section .custom-container .feature-container .column-1 .image-container:nth-of-type(2) {
    width: 100%;
  }
  #homepage .feature-section .custom-container .feature-container .column-1 .image-container:nth-of-type(3) {
    display: none;
  }
  #homepage .feature-section .custom-container .feature-container .column-1 .like-container {
    left: 4%;
    bottom: 6%;
    width: 85%;
  }
  #homepage .feature-section .custom-container .feature-container .column-1 .like-container ul li:nth-of-type(2) .image-container {
    display: block;
  }
  #homepage .feature-section .custom-container .feature-container .column-2 .row-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
  #homepage .feature-section .custom-container .feature-container .column-2 .row-item .sub-column-2 ul {
    padding-left: 0;
  }
  .common-banner-section .swiper .swiper-wrapper .swiper-slide .banner-content .section-title h1 {
    font-size: 6rem;
    letter-spacing: 4.3rem;
    margin-left: 4rem;
  }
  .common-banner-section .swiper .swiper-wrapper .swiper-slide .banner-content .section-content-banner span {
    width: 12rem;
  }
  .common-banner-section .swiper .swiper-wrapper .swiper-slide .banner-content .section-content-banner span:after {
    content: "";
    width: 12rem;
  }
  .common-banner-section .swiper .swiper-wrapper .swiper-slide .banner-content p {
    font-size: 1.8rem;
  }
  .common-banner-section .swiper .swiper-wrapper .swiper-slide .section-content {
    margin-top: 6rem;
  }
  .common-banner-section .swiper .swiper-wrapper .swiper-slide .section-content p {
    font-size: 1.5rem;
  }
  .common-banner-section .swiper .swiper-wrapper .swiper-slide .icon-container i {
    font-size: 2rem;
  }
  .common-banner-section2 .swiper .swiper-wrapper .swiper-slide .banner-content .section-title {
    margin: 1rem 0;
  }
}

@media all and (max-width: 500px) {
  #about-page .video-section .custom-container .video-container .image-container .title-container h4 {
    font-size: 1.5rem;
  }
  #about-page .video-section .custom-container .video-container .image-container .title-container h2 {
    font-size: 3.2rem;
  }
  #about-page .video-section .custom-container .video-container .image-container .icon-container button {
    height: 8.5rem;
    width: 8.5rem;
  }
  #about-page .video-section .custom-container .video-container .image-container .icon-container button a .image-container {
    height: 2.5rem;
    width: 2.5rem;
    padding-left: 0.5rem;
  }
  #founder-message-page .founder-message-section .custom-container .founder-message-container .profile-section .left-content img {
    width: 10rem;
  }
  #founder-message-page .founder-message-section .custom-container .founder-message-container .profile-section .right-content p.name {
    font-size: 1.6rem;
    line-height: 1.4;
  }
  #founder-message-page .founder-message-section .custom-container .founder-message-container .profile-section .right-content p.title {
    font-size: 1.5rem;
    margin-top: 0px;
  }
  #menu-page .menu-section .custom-container {
    padding: 40px 10px;
  }
  #menu-page .menu-section .custom-container .menu-container {
    padding: 6rem 1rem;
  }
  #menu-page .menu-section .custom-container .menu-container .menu-items-container .column .menu-item-container .price-container span {
    width: 68%;
  }
  #menu-page .slick-slider .slick-prev,
  #menu-page .slick-slider .slick-next {
    top: 6%;
  }
  #reservation-page .room-details-section .custom-container .room-details-container .column-1 .images-container .image-item {
    width: 100%;
  }
  #reservation-page .room-details-section .custom-container .room-details-container .column-2 .form-container {
    padding: 6rem 1rem;
  }
  #reservation-page .room-details-section .custom-container .room-details-container .column-2 .form-container form ul li .radio-label .line {
    width: 2rem;
  }
  .common-banner-section .common-banner-slider .banner-item .image-container .custom-container .inner .banner-content .section-title h1 {
    font-size: 3.2rem;
    letter-spacing: 0.1rem;
  }
  .common-banner-section .common-banner-slider .banner-item .image-container .custom-container .inner .banner-content .section-content-banner span {
    width: 6.2rem;
  }
  .common-banner-section .common-banner-slider .banner-item .image-container .custom-container .inner .banner-content .section-content-banner span:after {
    width: 6.2rem;
  }
  .common-banner-section .common-banner-slider .banner-item .image-container .custom-container .inner .banner-content .section-content-banner p {
    font-size: 1.7rem;
    padding: 1rem 2rem 1rem 2rem;
  }
  .common-banner-section .common-banner-slider .banner-item .image-container .custom-container .inner .banner-content .section-content-banner p.upper {
    padding: 1.9rem 3.8rem 1.5rem 3.8rem;
  }
  .common-banner-section .common-banner-slider .banner-item .image-container .custom-container .inner .banner-content .section-content p {
    font-size: 1.4rem;
  }
  .common-banner-section .common-banner-slider .banner-item .image-container .custom-container .inner .banner-content .icon-container i {
    font-size: 1.8rem;
  }
  .common-banner-section2 .swiper .swiper-wrapper .swiper-slide .banner-content .section-title {
    margin: 1rem 0;
  }
  .common-banner-section2 .swiper .swiper-wrapper .swiper-slide .banner-content .section-title h1 {
    font-size: 3.2rem;
    letter-spacing: 0.1rem;
  }
  .common-banner-section2 .swiper .swiper-wrapper .swiper-slide .banner-content .section-content-banner span {
    width: 6.2rem;
  }
  .common-banner-section2 .swiper .swiper-wrapper .swiper-slide .banner-content .section-content-banner span:after {
    width: 6.2rem;
  }
  .common-banner-section2 .swiper .swiper-wrapper .swiper-slide .banner-content .section-content-banner p {
    font-size: 1.7rem;
    padding: 1rem 2rem 1rem 2rem;
  }
  .common-banner-section2 .swiper .swiper-wrapper .swiper-slide .banner-content .section-content-banner p.upper {
    padding: 1.9rem 3.8rem 1.5rem 3.8rem;
  }
  .common-banner-section2 .swiper .swiper-wrapper .swiper-slide .scroll-for-more-section .section-content p {
    font-size: 1.4rem;
  }
  .common-banner-section2 .swiper .swiper-wrapper .swiper-slide .scroll-for-more-section .icon-container i {
    font-size: 1.8rem;
  }
  .common-room-type-container .column-2 {
    padding: 4rem 1rem;
  }
  .common-facilities-container ul li {
    -ms-flex-preferred-size: 46%;
        flex-basis: 46%;
  }
  .common-card-container .title-container h1::after {
    left: 45%;
  }
}

@media all and (max-width: 400px) {
  #homepage .menu-section .custom-container .menu-container .column-1 .section-accordion .accordion .accordion-item .accordion-body .section-menu-item ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
  #homepage .menu-section .custom-container .menu-container .column-2 .background-color {
    height: 13rem;
  }
  #homepage .menu-section .custom-container .menu-container .column-2 .background-color .main-image-container {
    height: 30rem;
  }
  #menu-page .menu-section .custom-container .menu-slider .menu-slider-item .menu-container {
    padding: 10rem 3rem 10rem;
  }
  #menu-page .menu-section .custom-container .menu-slider .menu-slider-item .menu-container .menu-items-container .menu-item .price-section .price-line {
    width: 47%;
  }
  .common-banner-section .swiper .swiper-wrapper .swiper-slide .banner-content .section-title h1 {
    font-size: 5.4rem;
    letter-spacing: 3rem;
    margin-left: 3rem;
  }
  .common-banner-section .swiper .swiper-wrapper .swiper-slide .banner-content .section-content-banner span {
    width: 8rem;
  }
  .common-banner-section .swiper .swiper-wrapper .swiper-slide .banner-content .section-content-banner span:after {
    content: "";
    width: 8rem;
  }
  .common-banner-section .swiper .swiper-wrapper .swiper-slide .banner-content p {
    font-size: 1.6rem;
  }
  .common-banner-section .swiper .swiper-wrapper .swiper-slide .section-content p {
    font-size: 1.4rem;
  }
}

@media all and (max-width: 320px) {
  html {
    font-size: 50% !important;
  }
  .common-banner-section2 .swiper .swiper-wrapper .swiper-slide .banner-content .section-content-banner p {
    padding: 1rem 1rem;
  }
  .common-banner-section2 .swiper .swiper-wrapper .swiper-slide .banner-content .section-content-banner p.upper {
    padding: 1.9rem 3.8rem 1.5rem 3.8rem;
    padding: 1rem 2rem;
  }
}
/*# sourceMappingURL=responsive.css.map */