@media screen and (max-width: 768px) {
    .desktop-header,
    .desktop-menu {
      display: none;
    }
    .mobile-header {
        position: fixed;
        top: 0;
        background-image: url(https://khastanahadigroup.com/wp-content/uploads/2024/08/header-bg.png);
        background-size: cover;
        padding: 15px 20px;
        width: 100%;
        z-index: 11;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
  
    .mobile-header .logo img {
      max-width: 110px;
    }
  
    .mobile-header .menu-btn {
      max-width: 30px;
    }
  
    .mobile-menu {
      height: 100vh;
      width: 100vw;
      background-image: url(https://khastanahadiubud.com/wp-content/uploads/2024/08/menu-m-bg.webp);
      background-size: 100% 100%;
      display: block;
      padding: 40px 20px 60px 20px;
      position: fixed;
      top: 0;
      visibility: hidden;
    }
  
    .mobile-menu .menu-inner {
      position: relative;
    }
  
    .mobile-menu #mCloseBtn {
      position: absolute;
      max-width: 30px;
      top: -5%;
      right: 0%;
    }
  
    .mobile-menu .logo {
      max-width: 200px;
      display: block;
      padding-bottom: 50px;
      margin: 0px auto;
    }
  
    .mobile-menu .menu-item {
      text-align: left;
      font: normal normal 600 22px/28px Accia Piano;
      color: #ffffff;
      text-transform: capitalize;
      padding-bottom: 15px;
      display: block;
      text-decoration: none;
    }
  
    .mobile-menu .menu-item span {
      text-align: left;
      font: italic normal 500 14px/20px Accia Piano;
      color: #ffffff;
      text-transform: capitalize;
      display: block;
      text-decoration: none;
    }
  
    .mobile-menu .contact-list {
      padding: 35px 0px 10px 0px;
    }
  
    .mobile-menu .contact-list a {
      text-align: left;
      font: normal normal 300 16px/25px Accia Piano;
      color: #ffffff;
      padding-bottom: 5px;
      display: block;
      text-decoration: none;
    }
  
    .mobile-menu .booking-btn{
      color: #6a4321;
      width: 170px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding-bottom: 0px;
      background: url(https://khastanahadiubud.com/wp-content/uploads/2024/12/Scroll-Group-165-scaled.webp);
      background-position: center;
      background-size: cover;
      padding: 10px 10px;
      border-radius: 30px;
    }
  
    .icons-flex {
      display: flex;
    }
  
    .icons-flex a {
      max-width: 50px;
      padding-right: 10px;
    }
    .menu-list .link-hideM {
      display: none;
      margin-left: 15px;
    }
    .menu-item img {
      width: 5%;
    }
    .menu-list .link-hideM .menu-item {
      font: normal normal 600 18px / 31px Accia Piano;
        color: #fdfdfd;
          text-transform: capitalize;
          padding-bottom: 18px;
          display: flex;
          text-decoration: none;
          align-items: center;
          gap: 10px;
    }
    .menu-list .link-hideM .menu-item:hover {
      color: #e5cf9e;
    }
    #button-hoverM {
      display: flex;
      align-items: center;
      gap: 3%;
    }


    .translateM {
      position: relative;
      width: 17%;
    }
  
    .gt_switcher_wrapper {
      position: absolute !important;
      top: -20px !important;
      left: -80px !important;
    }
  
    .gt_container--rg0yp .gt_switcher {
      font: normal normal 400 20px/2px Recoleta !important;
      width: 150px !important;
      border: 1px solid #7d6b58 !important;
    }
  
    .gt_container--rg0yp .gt_switcher .gt_selected {
      /* width: 140px !important; */
      /* background: #7d6b58 !important; */
    }
  
    .gt_container--rg0yp .gt_switcher .gt_selected a {
      width: auto !important;
      display: flex !important;
      align-items: center !important;
      gap: 10px;
      color: #7d6b58 !important;
      border: none !important;
      font-size: 18px !important;
      padding-block: 8px !important;
    }
  
    .gt_container--rg0yp .gt_switcher .gt_option {
      width: 100% !important;
      background-color: #EFF3EA !important;
    }
  
    .gt_container--rg0yp .gt_switcher .gt_option a {
      padding-block: 10px !important;
      line-height: 20px !important;
      display: flex !important;
      align-items: center !important;
      flex-direction: row !important;
      gap: 10px !important;
      color: #3e1f00 !important;
      font-size: 18px !important;
    }
  }