@media screen and (min-width: 701px) {
  :root {
    --c1: #073c81;
    --c2: #0799e6;
  }

  .garment-header-inner {
    grid-template-columns: 286px minmax(0, 1fr) auto;
  }

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

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

  .dibu {
    background-image:
      linear-gradient(rgba(3, 17, 37, 0.94), rgba(3, 27, 58, 0.82)),
      url('../img/loong-home/global-port-scene.jpg') !important;
    background-position: center 58% !important;
    background-size: cover !important;
  }

  .dibu .footer-l .logo {
    width: 270px;
    min-height: 82px;
    display: flex;
    align-items: center;
  }

  .dibu .footer-l .logo img {
    object-fit: contain;
    object-position: left center;
  }

  .dibu .footer2 {
    border-top-color: rgba(255, 255, 255, 0.16);
  }
}

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

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