@media (min-width: 701px) {
  :root {
    --c1: #42b299;
    --c2: #008c78;
  }

  .garment-header .garment-logo,
  .dibu .footer-l .logo {
    overflow: visible;
  }

  .garment-nav > .mobile-menu-contact,
  .mobile_nav {
    display: none !important;
  }

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

  .garment-header.is-scrolled {
    border-bottom-color: rgba(0, 140, 120, 0.14);
    box-shadow: 0 10px 30px rgba(18, 43, 39, 0.09);
  }

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

  .home .garment-header:not(.is-scrolled) {
    background: linear-gradient(180deg, rgba(7, 14, 13, 0.48), transparent);
  }

  .home .garment-header:not(.is-scrolled) .garment-logo {
    filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.2));
  }

  .dibu {
    position: relative;
    isolation: isolate;
    background-image: linear-gradient(90deg, rgba(7, 16, 14, 0.95), rgba(7, 16, 14, 0.75)), url("../img/loong-home-20260916/footer-factory.webp") !important;
    background-position: center !important;
    background-size: cover !important;
  }

  .dibu::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    background: rgba(0, 140, 120, 0.08);
    content: "";
  }

  .dibu .footer-l .logo img {
    width: auto;
    max-width: 250px;
    height: 82px;
    object-fit: contain;
    object-position: left center;
  }

  .home #kf {
    margin: 0;
    padding-top: 78px;
    padding-bottom: 82px;
    background: #fff;
  }

  .home #kf .cs-eyebrow {
    color: #008c78;
  }

  .home #kf .cs-grid > li,
  .home #kf .cs-card {
    border-color: rgba(0, 140, 120, 0.18);
    border-radius: 6px;
  }

  .home #kf a:hover {
    color: #008c78;
  }
}

@media (min-width: 701px) and (max-width: 899px) {
  .garment-header-inner {
    width: 100%;
    grid-template-columns: 178px minmax(0, 1fr) auto;
    gap: 10px;
    padding-right: 14px;
    padding-left: 14px;
  }

  .garment-logo {
    width: 158px;
    height: 52px;
  }

  .garment-nav {
    gap: 12px;
  }

  .garment-nav > a,
  .dropdown-trigger {
    font-size: 12px;
  }
}

@media (min-width: 701px) and (max-width: 768px) {
  #online_qq_tab {
    right: 18px !important;
    bottom: 18px !important;
    margin-right: 0 !important;
  }

  #online_qq_tab #floatShow {
    position: relative !important;
    left: auto !important;
    margin-left: 0 !important;
  }
}