@media (min-width: 701px) {
  .garment-header-inner {
    grid-template-columns: 286px minmax(0, 1fr) auto;
    align-items: center;
  }

  .garment-logo {
    display: flex;
    width: 258px;
    height: 82px;
    align-items: center;
  }

  .garment-logo img {
    top: 50%;
    bottom: auto;
    height: auto;
    max-height: 82px;
    object-position: left center;
    transform: translateY(-50%);
  }

  html body .dibu.dibu {
    position: relative;
    isolation: isolate;
    background-color: #020b18 !important;
    background-image: linear-gradient(90deg, rgba(2, 11, 24, 0.7) 0%, rgba(2, 14, 31, 0.5) 48%, rgba(1, 10, 24, 0.34) 100%), url("../img/home-pc/ev-application.webp") !important;
    background-position: center 54% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }

  html body .dibu.dibu::before {
    position: absolute;
    inset: 0;
    z-index: 0;
    content: "";
    background: linear-gradient(0deg, rgba(1, 8, 19, 0.42) 0%, rgba(1, 10, 22, 0.08) 72%);
    pointer-events: none;
  }

  html body .dibu.dibu .footer,
  html body .dibu.dibu .bls {
    position: relative;
    z-index: 2;
  }

  html body .dibu.dibu .bls {
    position: absolute;
  }

  html body .dibu.dibu .waves {
    opacity: 0.34;
  }
}

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

  .garment-logo {
    width: 218px;
    height: 72px;
  }

  .garment-logo img {
    max-height: 72px;
  }
}