/* Performance & mobile UX */
#loader-wrapper {
  display: none !important;
}

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

img {
  max-width: 100%;
  height: auto;
}

img[loading="lazy"] {
  content-visibility: auto;
}

.navbar-toggle {
  min-width: 44px;
  min-height: 44px;
}

.visible-xs .btn,
.navbar-nav .btn {
  min-height: 44px;
  padding: 10px 16px;
}

input[type="date"],
select.field,
.contactMe .field {
  font-size: 16px;
}

@media (max-width: 767px) {
  body#home_one .hotel_booking_area {
    position: relative;
    left: 0;
    width: 100%;
  }

  .hotel_booking .form-control,
  .hotel_booking input[type="date"] {
    font-size: 16px;
  }

  .main_header_area .navbar-brand img {
    max-height: 48px;
    width: auto;
  }

  .contactMe .form-row.two > div {
    display: block;
    width: 100%;
    margin-bottom: 12px;
  }
}

.touch-target {
  min-height: 44px;
  min-width: 44px;
}