/* Shared accessibility and small-screen corrections for the legacy layouts. */
html { -webkit-text-size-adjust: 100%; }
html, body { height: auto !important; overflow-x: clip !important; }
html { min-height: 100%; overflow-y: auto !important; }
body { min-height: 100vh; overflow-y: visible !important; }
*, *::before, *::after { box-sizing: border-box; }
img, video, canvas { max-width: 100%; }
img { height: auto; }
iframe, embed, object { max-width: 100%; }
input, select, textarea { max-width: 100%; }
button, input[type=submit], input[type=button], select { min-height: 40px; }
a:focus-visible, button:focus-visible, input:focus-visible { outline: 3px solid #1676b5; outline-offset: 3px; }
@media (max-width: 991px) {
  html, body { margin: 0; min-width: 0 !important; width: 100%; }
  body { overflow-wrap: anywhere; }
  .wrap, .wrapper, #wrapper, #wraper, .container, #container, .main, #main,
  header, footer, section, article, aside { max-width: 100% !important; min-width: 0 !important; }
  .wrap, .wrapper, #wrapper, #wraper, .container, #container { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 12px; padding-right: 12px; }
  table { max-width: 100%; width: 100% !important; }
  td, th { overflow-wrap: anywhere; white-space: normal; }
  input, select, textarea { font-size: 16px; }
  pre { white-space: pre-wrap; }
  .left, .right, .leftcol, .rightcol, .left-column, .right-column,
  .content, #content, .sidebar, #sidebar { float: none !important; width: 100% !important; max-width: 100%; }
  .responsive-table { display: block; overflow-x: auto; }
  .ktopbanner { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }
  div.selector, div.selector span, div.selector select { max-width: 100% !important; width: 100% !important; min-width: 0 !important; }
  nav.main-nav div.selector { margin: 1px 0 0 !important; }
  .mapouter, .gmap_canvas, .gmap_canvas iframe { max-width: 100% !important; width: 100% !important; }
  .three-fourth p img, .three-fourth img[align], .three-fourth img[style*="float"] { float: none !important; display: block; max-width: 100%; margin: 0 auto 16px !important; }
  .legacy-hotel table, .legacy-hotel tbody, .legacy-hotel tr,
  .legacy-hotel td { display: block; width: 100% !important; height: auto !important; }
  .legacy-hotel td:empty { display: none; }
  .legacy-hotel td { padding: 4px 8px; }
  .legacy-hotel p { text-align: left; }
  .legacy-hotel td img { display: block; margin: 0 auto; }
  .admin-page table { width: 100% !important; table-layout: fixed; }
  .admin-page td, .admin-page th { width: auto !important; min-width: 0 !important; }
  .admin-page #wrapper, .admin-page #wrapper > tbody,
  .admin-page #wrapper > tbody > tr, .admin-page #wrapper > tbody > tr > td {
    display: block; width: 100% !important; height: auto !important;
  }
  .admin-page #header { padding: 16px 0; background-size: cover; }
  .admin-page #header .left { text-align: right; }
  .admin-page #content { padding: 12px; background: #fff; }
  .admin-page .maincontent { width: 100% !important; min-width: 0 !important; max-width: 100% !important; padding: 12px; background: #fff; }
  .admin-page .menu-pos { padding: 8px 0; }
  .admin-page .menu-pos, .admin-page .menu td { background: #f6f6f6 !important; }
  .admin-page .main-menu { width: 100%; padding: 8px 0; }
  .admin-page .main-menu li { padding-top: 5px; padding-bottom: 5px; }
  .admin-page .menu thead td a { text-indent: 0; width: 100%; height: auto; padding: 12px; color: #16659f; font: 18px Arial, sans-serif; }
  .admin-page .menu tfoot td.head { height: auto; padding: 12px; }
  .admin-page .menu tfoot td.head::before { content: 'Account'; color: #16659f; font: 18px Arial, sans-serif; }
  .admin-page .menu tfoot td div { width: 100%; }
  .admin-page input:not([type=checkbox]):not([type=radio]), .admin-page textarea,
  .admin-page select { width: 100% !important; min-width: 0 !important; }
  .admin-page img { max-width: 100% !important; }
}