@media (max-width: 980px) {
  /* Mobile: logo only, hide text next to logo */
  #headerMiddlePanel .logo-wrapper {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    max-width: none !important;
  }
  #headerMiddlePanel .logo-wrapper img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  #headerMiddlePanel .logo-expanded-title,
  #headerMiddlePanel #expandedBrandLockup {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  #headerMiddlePanel > .header-top-bar {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 14px !important;
    max-height: none !important;
    overflow: visible !important;
    top: -5px !important;
    transform: none !important;
    margin-top: 0 !important;
    margin-bottom: -5px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    left: auto !important;
    z-index: 3 !important;
  }
}