/* Shared accessibility and small-screen layout rules for legacy pages. */
html { -webkit-text-size-adjust: 100%; }
img, video, canvas, svg, embed, object { max-width: 100%; }
.approvedContent { box-sizing: border-box; max-width: 100%; }
img { object-fit: contain; }
iframe, input, select, textarea { max-width: 100%; box-sizing: border-box; }
pre { overflow: auto; }
@media (max-width: 767px) {
  body { width: auto !important; max-width: 100%; min-width: 0 !important; margin-left: 0; margin-right: 0; overflow-wrap: break-word; }
  .mapouter, .gmap_canvas, #siteloader, .hotelVClass { max-width: 100% !important; box-sizing: border-box; }
  #siteloader { margin-left: 0 !important; margin-right: 0 !important; }
  .mobile-stack div, .mobile-stack section, .mobile-stack article, .mobile-stack table { max-width: 100% !important; min-width: 0 !important; box-sizing: border-box; margin-left: 0 !important; margin-right: 0 !important; float: none !important; }
  .mobile-stack table, .mobile-stack tbody, .mobile-stack tr, .mobile-stack td { display: block; width: 100% !important; height: auto !important; box-sizing: border-box; }
  .mobile-stack td { white-space: normal; padding-left: 0 !important; padding-right: 0 !important; }
  .mobile-stack h1, .mobile-stack h2, .mobile-stack h3 { max-width: 100%; overflow-wrap: anywhere; white-space: normal !important; margin-left: 0 !important; margin-right: 0 !important; transform: none !important; left: auto !important; right: auto !important; }
  .mobile-stack img { height: auto; }
  .mobile-stack h1, .mobile-stack h2, .mobile-stack h3, .mobile-stack h4, .mobile-stack h5, .mobile-stack h6, .mobile-stack p, .mobile-stack ul, .mobile-stack ol { max-width: 100% !important; min-width: 0 !important; box-sizing: border-box; overflow-wrap: anywhere; }
  .mobile-stack h1, .mobile-stack h2, .mobile-stack h3, .mobile-stack h4, .mobile-stack h5, .mobile-stack h6 { width: auto !important; }
  .mobile-stack ul, .mobile-stack ol { width: auto !important; margin-left: 0 !important; margin-right: 0 !important; }
  body > table, body > div, #wrapper, #container, .wrapper, .container, .main, #main { max-width: 100% !important; min-width: 0 !important; box-sizing: border-box; }
  table { max-width: 100%; }
  table[width] { width: 100%; }
  td img { height: auto; }
  input:not([type=checkbox]):not([type=radio]), select, textarea, button { font-size: 16px; }
  .legacy-layout, .legacy-layout > tbody, .legacy-layout > tbody > tr, .legacy-layout > tbody > tr > td { display: block; width: 100% !important; box-sizing: border-box; }
  .legacy-layout > tbody > tr > td { height: auto; }
  .table-scroll { max-width: 100%; overflow-x: auto; }
  .legacy-site table, .legacy-site tbody, .legacy-site tr, .legacy-site td { display: block; width: 100% !important; height: auto !important; box-sizing: border-box; }
  .legacy-site div { max-width: 100%; min-width: 0 !important; box-sizing: border-box; }
  .legacy-site td { white-space: normal; }
  .legacy-site .topmenu { display: inline-block; padding: 8px; }
  .legacy-site img { height: auto; }
  header .contact { float: none; clear: both; width: auto; max-width: 100%; margin: 16px 0; overflow-wrap: anywhere; }
  header .travellogos, header .travelslogooutediv, header h1.logo { display: block !important; float: none !important; width: auto !important; height: auto !important; max-height: none !important; margin: 0 !important; }
  header h1.logo img { display: block; width: 280px; max-width: 100%; height: auto; }
  .slider.sectop, #sequence { height: auto !important; min-height: 0 !important; }
  #sequence .sequence-canvas { position: static !important; height: auto !important; margin: 0; padding: 0; }
  #sequence .sequence-canvas > li { display: none !important; }
  #sequence .sequence-canvas > li:first-child { display: block !important; position: static !important; width: 100% !important; height: auto !important; opacity: 1 !important; visibility: visible !important; }
  #sequence .main-image { position: static !important; width: 100% !important; height: auto !important; opacity: 1 !important; visibility: visible !important; transform: none !important; }
  #sequence .info { position: static !important; width: auto !important; max-width: 100%; padding: 12px; box-sizing: border-box; opacity: 1 !important; transform: none !important; }
}