/*
  Fixed-width layout (desktop only):
  - When the viewport is >= 992px, force 1300px width.
  - On mobile, let standard responsive styles take over.
*/

@media (min-width: 992px) {
  html {
    overflow-x: auto !important;
  }

  body {
    overflow-x: visible !important;
    min-width: 1300px;
  }

  /* Align header-top content with logo/menu container */
  .header-top .container .header-cta {
    padding: 0 !important;
  }

  .container {
    width: 1300px !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  /* Avoid hidden dropdown submenus increasing scrollWidth */
  #mobile-menu ul li.has-sub>ul {
    display: none !important;
  }

  #mobile-menu ul li.has-sub:hover>ul {
    display: block !important;
  }

  /* Keep top navigation within the fixed layout width without shrinking text */
  #mobile-menu>ul {
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
  }

  /* 3rd-level dropdown: open to the right, flush with parent */
  .main-menu .has-sub>ul>.has-sub {
    position: relative;
  }

  .main-menu .has-sub>ul>.has-sub>ul {
    left: calc(100% - 1px) !important;
    right: auto !important;
    top: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
  }

  .header-top.second-header .container {
    width: 100% !important;
    padding-left: 63px !important;
    padding-right: 63px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .page-banner {
    height: 150px !important;
  }
}