.logo a img {
    height: 5rem;
}
.input-quantity{
    display: flex;
    align-items: baseline;
}

.amenity-description {
    margin: 10px 0;
    padding-left: 0; /* remove padding*/
    list-style-type: none; /* Remove the default bullet */
  }

  .amenity-description li {
    padding-left: 20px; /* space the text away from the custom marker*/
    line-height: 1.4; /* adjust as needed*/
    position: relative; /* so the :before element can be positioned relative to the li */
  }

  .amenity-description li::before {
      content: "\2022";  /* Unicode for a bullet character - ● */
      color: #644222; /* Change bullet color to green */
      position: absolute; /* position the pseudo element */
      left: 0px;
      top: 0px; /* make sure it lines up with the text*/
      font-size: 25px;
  }
/* h */
.booking_box1{
    display: flex;
    /* flex-direction: column; */
    justify-content: center;
}
.booxing_item_3{
   min-height: 120px;;
}
.header-three .menu-area {
    background: #966f49;
    border-top: 0;
    margin-bottom: -110px;
    position: relative;
    z-index: 9;
}
.reservation_box2{
    background-image:url('https://hotelsaffronvns.com/themes/riorelax/images/breadcrumb-bg.jpg');
}
.main-menu a[target=_self]:hover {
    color: #f0dfda important!;
}
.booking {

    z-index: 0;
}



@media (min-width: 1200px) and (max-width: 1500px) {
    .main-menu {
        margin-right: 15px;
    }
}
@media (min-width: 992px) {
    .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item {
        color: inherit;
        display: flex;
        min-width: 0;
        padding-left: 0.75rem !important;
        width: auto;
    }
}

.section-title p {
    display: inline-block;
    margin-top: 10px;
    width: 80% !important;
}



/* //april 2024 */

/* ==========================================================================
   Header Navigation Refactor (Desktop)
   ========================================================================== */

/* Apply these styles only on large screens and up (where the desktop menu is visible) */
@media (min-width: 992px) {

    /* --- 1. Ensure Main Row Behaves Correctly --- */
    /* Bootstrap's .row should handle this, but let's be explicit */
    #header-sticky .second-menu > .row {
      display: flex;
      flex-wrap: nowrap; /* Ensure columns themselves don't wrap unexpectedly */
      align-items: center; /* Keep vertical alignment */
    }

    /* --- 2. Style the Main Menu Container (UL) --- */
    #header-sticky .main-menu ul.main-menu {
      display: flex;         /* Use Flexbox for menu items */
      justify-content: center; /* Center the menu items within their column */
      align-items: center;   /* Vertically align items */
      flex-wrap: nowrap;     /* CRITICAL: Prevent menu items from wrapping to the next line */
      list-style: none;      /* Remove default list bullets */
      margin: 0;             /* Remove default margin */
      padding: 0;            /* Remove default padding */
      width: 100%;           /* Ensure UL tries to take available space in its column */
    }

    /* --- 3. Style Individual Menu Items (LI) & Links (A) --- */
    #header-sticky .main-menu ul.main-menu > li {
      margin: 0; /* Remove any default margins on LI, control spacing via link padding */
      flex-shrink: 0; /* Prevent items from shrinking if space is tight (optional, try without first) */
    }

    #header-sticky .main-menu ul.main-menu > li > a {
      display: block;        /* Make link a block element for padding */
      text-decoration: none;
      white-space: nowrap;   /* Prevent text within a link from wrapping */

      /* === ADJUST THESE VALUES === */
      /* Start by slightly reducing padding compared to original */
      padding: 18px 13px;  /* EXAMPLE: Adjust top/bottom (18px) and left/right (13px) padding */
                           /* Use Inspect Element to see the original padding and reduce left/right */

      /* Optionally, reduce font size slightly if padding reduction isn't enough */
      /* font-size: 15px; */  /* EXAMPLE: Try 1px smaller than the original */

      /* Add transitions or other styles as needed */
      transition: all 0.3s ease;
    }

    /* --- 4. Potentially Adjust Container Padding (If needed) --- */
    /* If the menu is STILL too tight, slightly reduce the main container's padding */
    /* This gives a tiny bit more overall width */
    /* #header-sticky .container { */
      /* padding-left: 12px; */  /* Default Bootstrap is usually 15px */
      /* padding-right: 12px; */ /* Default Bootstrap is usually 15px */
    /* } */

    /* --- 5. Ensure Button Column is Correct --- */
    /* Make sure the button column doesn't have extra padding/margin forcing things */
     #header-sticky .second-menu .row > div:last-child { /* Target the last column (button) */
       /* Check computed styles for unexpected margin/padding */
     }
     #header-sticky .top-btn {
        /* Check button's own padding/margin */
        /* padding: 10px 20px; */ /* EXAMPLE - check original values */
     }

  } /* End of @media (min-width: 992px) */

  /* ==========================================================================
     Mobile Styles (Ensure they are not broken)
     ========================================================================== */

  /* Make sure the mobile menu display is not affected */
  .menu-mobile.d-lg-none {
    /* Add any necessary overrides here if the desktop styles accidentally bleed over */
    /* Usually not needed if desktop styles are correctly scoped within @media */
  }

  /* Ensure the mobile toggle button remains visible on small screens */
  .btn-toggle-menu-mobile.d-lg-none {
     display: block; /* Or inline-block, flex etc. depending on original styles below lg */
  }

  @media (min-width: 992px) {
    .btn-toggle-menu-mobile.d-lg-none {
       display: none !important; /* Ensure it's hidden on desktop */
    }
  }