@charset "UTF-8";
/* =========================
   1) MOBILE (Vault breakpoint)
   <= 800px : hamburger/off-canvas
   Hidethe inline header menu row
   ========================= */
@media (max-width: 800px) {
  #menu-wrapper.single-line .nav-right,
  #menu-wrapper.single-line .navPages-list.two {
    display: none !important; }
  /* Let off-canvas / mobile content wrap naturally */
  #menu .navPages-action,
  #menu .mega-cat-nav a {
    white-space: normal !important; } }

/* =========================
   2) TABLET / IN-BETWEEN
   801px–1023px : show inline nav and allow wrapping
   ========================= */
@media (min-width: 801px) and (max-width: 1023px) {
  #menu .navPages-list.two {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important; }
  #menu .navPages-action,
  #menu .mega-cat-nav a {
    white-space: normal !important; } }

/* =========================
   3) DESKTOP
   >= 1024px : keep everything aligned and single-line
   ========================= */
@media (min-width: 1024px) {
  #menu .navPages-container,
  #menu .navPages-wider {
    display: flex;
    align-items: center; }
  #menu .nav-minus-logo,
  #menu .nav-right,
  #menu .mega-cat-nav {
    display: flex;
    align-items: center; }
  #menu .mega-cat-nav > li,
  #menu .mega-cat-nav > li > a {
    display: flex;
    align-items: center; }
  #menu .navPages-list.two {
    display: flex;
    flex-wrap: nowrap;
    align-items: center; }
  #menu .navPages-action,
  #menu .mega-cat-nav a {
    white-space: nowrap; } }