/* Unified mobile header/menu controls across pages */
@media (max-width: 991px) {
  .site-header.mobile-sider-drawer-menu .main-bar .container {
    position: relative;
    min-height: 72px;
    padding-left: 7px;
    padding-right: 56px;
  }

  /* Align style-2/sticky logo spacing with homepage baseline */
  .site-header.mobile-sider-drawer-menu .main-bar .container .logo-header {
    height: 72px !important;
    margin: 0 !important;
    padding-left: 0 !important;
    display: table !important;
    vertical-align: middle !important;
  }

  .site-header.mobile-sider-drawer-menu .main-bar .container .logo-header > a {
    display: table-cell !important;
    height: 72px !important;
    vertical-align: middle !important;
  }

  .site-header.mobile-sider-drawer-menu .main-bar .container .logo-header > a > img {
    height: 50px !important;
    width: auto !important;
    max-width: none !important;
  }

  .site-header.mobile-sider-drawer-menu #mobile-side-drawer.navbar-toggler {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    z-index: 1003 !important;
  }

  .site-header.mobile-sider-drawer-menu .language-selector {
    position: absolute !important;
    right: 72px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    z-index: 1002 !important;
  }

  .site-header.mobile-sider-drawer-menu .language-selector select {
    max-width: 138px;
    height: 36px;
    padding: 6px 30px 6px 10px;
    font-size: 12px;
  }

  .site-header.mobile-sider-drawer-menu .header-nav {
    z-index: 1001 !important;
  }

  /* Ensure style-2 drawer slides in from left */
  .site-header.header-style-2.mobile-sider-drawer-menu .header-nav,
  .site-header.header-style-2.mobile-sider-drawer-menu .header-nav.navbar-collapse {
    position: fixed !important;
    top: 72px !important;
    bottom: 0 !important;
    height: auto !important;
    left: -250px !important;
    width: 250px !important;
    max-width: 250px !important;
    margin: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: #fff !important;
    box-sizing: border-box !important;
    transition: left 0.35s ease !important;
  }

  /* Force drawer menu into vertical list on mobile */
  .site-header.mobile-sider-drawer-menu .header-nav .nav,
  .site-header.mobile-sider-drawer-menu .header-nav .nav.navbar-nav {
    display: block !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  .site-header.mobile-sider-drawer-menu .header-nav .nav > li,
  .site-header.mobile-sider-drawer-menu .header-nav .nav.navbar-nav > li {
    display: block !important;
    float: none !important;
    clear: both !important;
    height: auto !important;
    min-height: 0 !important;
    align-items: initial !important;
    width: 100% !important;
  }

  .site-header.mobile-sider-drawer-menu .header-nav .nav > li > a,
  .site-header.mobile-sider-drawer-menu .header-nav .nav.navbar-nav > li > a {
    display: block !important;
    padding: 14px 20px !important;
    width: 100% !important;
  }

  /* Reset css2 flex/height rules that break drawer layout on gallery */
  .site-header.mobile-sider-drawer-menu .header-nav,
  .site-header.mobile-sider-drawer-menu .header-nav.navbar-collapse {
    height: auto !important;
    min-height: 0 !important;
    display: block !important;
    align-items: initial !important;
  }

  .site-header.mobile-sider-drawer-menu .header-nav .navbar-nav {
    height: auto !important;
    min-height: 0 !important;
    display: block !important;
    align-items: initial !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
  }

  .site-header.header-style-2.mobile-sider-drawer-menu.active .header-nav {
    left: 0 !important;
  }

  .site-header.header-style-2.mobile-sider-drawer-menu .header-nav.show,
  .site-header.header-style-2.mobile-sider-drawer-menu .header-nav.collapse.in {
    left: 0 !important;
  }

  /* Avoid logo covering menu list when drawer opens */
  .site-header.mobile-sider-drawer-menu.active .logo-show-in-mobile,
  .site-header.mobile-sider-drawer-menu.active .logo-header {
    z-index: 1 !important;
  }

  /* Keep style-1 sticky logo aligned to the "correct" baseline */
  .site-header.header-style-1 .sticky-header.main-bar-wraper .main-bar .container .logo-show-in-mobile {
    height: 72px !important;
    padding-left: 7px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    z-index: 10 !important;
  }

  .site-header.header-style-1 .sticky-header.main-bar-wraper .main-bar .container .logo-show-in-mobile > a {
    display: table-cell !important;
    height: 72px !important;
    vertical-align: middle !important;
  }

  .site-header.header-style-1 .sticky-header.main-bar-wraper .main-bar .container .logo-show-in-mobile > a > img {
    display: block !important;
    height: 50px !important;
    width: auto !important;
    max-width: none !important;
  }
}

@media (max-width: 480px) {
  .site-header.mobile-sider-drawer-menu .main-bar .container {
    padding-left: 6px;
  }

  .site-header.mobile-sider-drawer-menu .main-bar .container .logo-header > a > img {
    height: 46px !important;
  }

  .site-header.mobile-sider-drawer-menu .language-selector {
    right: 68px !important;
  }

  .site-header.mobile-sider-drawer-menu .language-selector select {
    max-width: 132px;
    height: 34px;
  }

  .site-header.header-style-1 .sticky-header.main-bar-wraper .main-bar .container .logo-show-in-mobile {
    padding-left: 6px !important;
  }
}