/* Six primary sections share the existing responsive header. */
.gnb .consumables-menu .sub-nav { display: none; }
@media (min-width: 971px) {
  #header .gnb { max-width: 1120px; }
  #header .gnb .nav .menu > .link { padding: 0 12px; white-space: nowrap; }
}
@media (min-width: 971px) and (max-width: 1400px) {
  #header .header-inner { padding-left: 24px; }
  #header .branding { flex-basis: 190px; padding-right: 24px; }
  #header .gnb .nav .menu > .link { padding: 0 8px; font-size: 13px; }
}
@media (min-width: 971px) and (max-width: 1150px) {
  #header .branding { flex-basis: 160px; padding-right: 18px; }
  #header .gnb .nav .menu > .link { padding: 0 6px; font-size: 11px; }
}