@media (min-width: 701px) {
  .garment-header {
    border-bottom-color: rgba(255, 255, 255, 0.2);
  }

  .garment-header-inner {
    width: min(calc(100% - 72px), 1500px);
    grid-template-columns: 250px minmax(0, 1fr) auto;
  }

  .garment-logo {
    width: 238px;
    height: 68px;
  }

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

  .garment-header.is-scrolled {
    border-bottom-color: rgba(5, 50, 117, 0.12);
    box-shadow: 0 12px 34px rgba(8, 30, 66, 0.1);
  }

  .garment-header.is-scrolled .garment-nav > a,
  .garment-header.is-scrolled .dropdown-trigger {
    color: #10223d;
  }

  .garment-nav > a:hover,
  .dropdown-trigger:hover {
    color: #55d9ff;
  }

  .garment-header:not(.is-scrolled) .garment-nav > a.current,
  .garment-header:not(.is-scrolled) .dropdown-trigger.current {
    color: #55d9ff;
  }

  .garment-nav > a::after,
  .dropdown-trigger::after {
    background: #38cfff;
  }

  .garment-header.is-scrolled .garment-nav > a:hover,
  .garment-header.is-scrolled .dropdown-trigger:hover,
  .garment-header.is-scrolled .garment-nav > a.current,
  .garment-header.is-scrolled .dropdown-trigger.current {
    color: #0767e8;
  }

  .garment-header.is-scrolled .garment-nav > a::after,
  .garment-header.is-scrolled .dropdown-trigger::after {
    background: #0767e8;
  }

  html body .dibu {
    min-height: 430px;
    padding-top: 76px;
    background-image:
      linear-gradient(90deg, rgba(3, 14, 33, 0.97) 0%, rgba(3, 18, 43, 0.9) 48%, rgba(3, 14, 33, 0.93) 100%),
      url("../img/chinee-home/chinee-footer-warehouse.webp");
    background-position: center center;
    background-size: cover;
    border-top: 1px solid rgba(61, 190, 255, 0.24);
  }

  html body .dibu .bls {
    display: none;
  }

  html body .dibu::after {
    width: 100%;
    height: 100%;
    background:
      linear-gradient(180deg, rgba(7, 99, 226, 0.08), transparent 32%),
      linear-gradient(90deg, rgba(3, 15, 36, 0.42), transparent 35%, rgba(3, 15, 36, 0.38));
    opacity: 1;
    pointer-events: none;
  }

  html body .dibu .footer,
  html body .dibu .footer2 {
    width: min(calc(100% - 80px), 1500px);
  }

  html body .dibu .footer-l .logo {
    width: 245px;
    max-width: 100%;
  }

  html body .dibu .footer-l .logo img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  html body .dibu .footer-r ul h3 {
    color: #ffffff;
  }

  html body .dibu .footer-r ul h3::after {
    background: #37c8ff;
  }

  html body .dibu .footer-r a:hover,
  html body .dibu .share2 a:hover {
    color: #59d8ff;
  }
}