@media only screen and (max-width: 1199px) {
  .navbar {
    justify-content: space-between;
    padding: 0 10px;
    box-sizing: border-box;
  }

  .navbar-sub-menu-container,
  .navbar-logo-container,
  .navbar-booking-menu-container {
    margin: 0;
    flex-shrink: 0;
  }

  .navbar-logo-container {
    width: 120px;
  }

  .navbar-sub-menu-button {
    list-style: none;
  }

  .navbar-sub-menu-button::-webkit-details-marker {
    display: none;
  }

  .navbar-sub-menu-container:not([open]) #navbar-sidemenu {
    display: none !important;
  }

  .navbar-sub-menu-container[open] #navbar-sidemenu {
    display: block !important;
    left: 0 !important;
    z-index: 22 !important;
  }

  /* Keep the open drawer above every fixed page canvas. */
  #navbar-sidemenu {
    z-index: 12;
  }

  /* Mobile uses the labelled booking action instead of the icon-only link. */
  .navbar-booking-icon {
    display: none;
  }

  .navbar-booking-menu-button {
    display: inline-flex;
    width: 108px;
    height: 40px;
    padding: 0 6px;
    font-size: 10px;
    letter-spacing: 0.4px;
  }
}

@media only screen and (min-width: 500px) and (max-width: 1199px) {
  .navbar-booking-menu-button {
    width: 150px;
    height: 44px;
    padding: 0 12px;
    font-size: 12px;
    letter-spacing: 0.7px;
  }
}