@media (min-width: 701px) {
  :root {
    --c1: #10446f !important;
    --c2: #57b936 !important;
  }

  .garment-header:not(.is-scrolled) {
    background: transparent;
    border-bottom-color: transparent;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .garment-header:not(.is-scrolled) .logo-light {
    filter: drop-shadow(0 2px 2px rgba(3, 20, 30, .42)) drop-shadow(0 6px 16px rgba(3, 20, 30, .2));
  }

  .garment-header:not(.is-scrolled) .garment-nav > a,
  .garment-header:not(.is-scrolled) .dropdown-trigger {
    text-shadow: 0 1px 3px rgba(2, 16, 24, .58), 0 4px 12px rgba(2, 16, 24, .2);
  }

  .garment-header-inner {
    grid-template-columns: 250px minmax(0, 1fr) auto;
    gap: 24px;
    height: 90px;
  }

  .garment-header.is-scrolled .garment-header-inner {
    height: 90px;
  }

  .garment-logo {
    width: 232px;
    height: 72px;
    align-self: center;
  }

  .garment-logo img {
    object-position: left center;
  }

  html body .dibu {
    background-image: linear-gradient(rgba(10, 27, 30, .72), rgba(10, 27, 30, .84)), url('../img/tianz-private-label.jpg') !important;
    background-position: center 42% !important;
  }

  html body .dibu .footer a:hover {
    color: #8fe370;
  }
}

@media (min-width: 701px) and (max-width: 1280px) {
  .garment-header-inner {
    grid-template-columns: 220px minmax(0, 1fr) auto;
    height: 82px;
  }

  .garment-header.is-scrolled .garment-header-inner {
    height: 82px;
  }

  .garment-logo {
    width: 205px;
    height: 64px;
  }
}

@media (min-width: 701px) and (max-width: 980px) {
  .garment-header-inner {
    grid-template-columns: 195px minmax(0, 1fr) auto;
    height: 74px;
  }

  .garment-header.is-scrolled .garment-header-inner {
    height: 74px;
  }

  .garment-logo {
    width: 182px;
    height: 57px;
  }
}