@media (min-width: 769px) {
  .mobile-hamburger,
  .mobile-back-btn,
  .mobile-nav-search {
    display: none !important;
  }

  #siteHeader {
    justify-content: flex-start;
    height: 104px;
    margin-bottom: 15px;
  }

  .branding-container {
    display: flex;
    align-items: center;
    padding-left: 20px;
    padding-bottom: 8px;
    height: 80px !important;
    background-color: #1a1a1a;
    z-index: 2;
  }

  .branding-container img {
    height: 80px;
    width: auto;
  }

  .mega-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1a1a1a;
    flex-grow: 1;
    padding: 5px 20px 10px 20px;
    box-sizing: border-box;
    z-index: auto;
    position: static;
    font-size: clamp(14px, 1.5vw, 20px);

  }

  .mobile-only {
    display: none;
  }

  .column-group {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .column-row {
    display: flex;
    flex-direction: row;
    gap: 20px;
  }

  .column-group .column-row .column.group-wrapper {
    min-width: 234px !important;
  }

  .column-row .column-group .column.group-wrapper {
    min-width: 234px !important;
  }

  .branding-logo {
    display: flex;
    align-items: center;
    height: 60px;
    margin-right: 20px;
  }

  .menu-tabs {
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
  }

  .menu-tab-wrapper {
    position: relative;
    z-index: auto;
  }

  .menu-tab {
    padding: 2px 16px;
    cursor: pointer;
    background: #1a1a1a;
    color: white;
    font-weight: bold;
    font-size: 24px;
    border: none;
    transition: background-color 0.5s, color 0.5s;
  }

  .tab-inner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 32px;
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
  }

  .menu-tab:hover,
  .menu-tab.active {
    background-color: #818181;
    color: white;
  }

  .floating-tab-content {
    display: flex;
    flex-direction: row;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    box-sizing: border-box;
    background: #1a1a1a;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    z-index: 25001;
    transition: opacity 0.3s ease;
  }

  .floating-tab-content.visible {
    visibility: visible;
    pointer-events: auto;
    opacity: 1;
    display: block;
  }

  .menu-tab-wrapper:hover .floating-tab-content {
    display: block;
    opacity: 1;
    visibility: visible;
  }

.branding-container {
  display: flex;
  align-items: center;
  padding-left: 20px;
  padding-bottom: 8px;
  height: 80px !important;
  background-color: #1a1a1a;
  z-index: 2;
}

.branding-container img {
  height: 80px;
}

  .column {
    flex: 0 0 auto; /* Do not grow or shrink, width determined by content */
    width: auto;    /* Let width be defined by content naturally */
    min-width: max-content; /* Ensure column is wide enough to fit longest item */
  }

  .column h4 {
    margin-top: 0;
    font-size: 1.1em;
    color: #fff;
    border-bottom: 1px solid #444;
    padding-bottom: 4px;
    margin-bottom: 8px;
  }

  .group-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 16px;
}

/* Ensure list items stack vertically */
.group-wrapper .group-pages {
  list-style: none;
  padding: 0;
  margin: 0;
}

.group-wrapper .group-pages li {
  margin: 6px 0;
}

.tab-inner.vertical-tab {
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}

.vertical-tab .vertical-page-list {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 16px;
}

.mana-top-nav-icon-single {
  width: 20px;
  height: 20px;
}

.mana-top-nav-icon-dual {
  width: 40px;
  height: 20px;
}

.mana-top-nav-icon-tri {
  width: 60px;
  height: 20px;
}

.mana-top-nav-icon-five {
  width: 100px;
  height: 20px;
}

}

@media screen and (min-width: 921px) and (max-width: 1024px) and (min-resolution: 2dppx) {
  .column-group .column-row .column.group-wrapper {
    min-width: 200px !important;
  }

  .column-row .column-group .column.group-wrapper {
    min-width: 200px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 920px) {
  .column-group .column-row .column.group-wrapper {
    min-width: 166px !important;
  }

  .column-row .column-group .column.group-wrapper {
    min-width: 166px !important;
  }
}