@media screen and (min-width: 701px) {
  .mobile_nav {
    display: none !important;
  }

  #online_qq_layer {
    width: auto !important;
    right: 34px !important;
    bottom: 32px !important;
  }

  #online_qq_tab {
    right: 0 !important;
    bottom: 0 !important;
    margin-right: 0 !important;
  }

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

  html.loong-home-enabled .garment-header:not(.is-scrolled) {
    background: transparent;
    border-bottom-color: rgba(255, 255, 255, 0.32);
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  html.loong-home-enabled .garment-header:not(.is-scrolled) .logo-light {
    opacity: 1;
    filter: drop-shadow(0 2px 5px rgba(3, 26, 45, 0.45));
  }

  html.loong-home-enabled .garment-header:not(.is-scrolled) .logo-dark {
    opacity: 0;
  }

  html.loong-home-enabled .garment-header:not(.is-scrolled) .garment-nav > a,
  html.loong-home-enabled .garment-header:not(.is-scrolled) .dropdown-trigger {
    color: #ffffff;
    text-shadow: 0 1px 5px rgba(3, 26, 45, 0.62);
  }

  html.loong-home-enabled .garment-header:not(.is-scrolled) .garment-nav > a.current,
  html.loong-home-enabled .garment-header:not(.is-scrolled) .garment-nav > a:hover,
  html.loong-home-enabled .garment-header:not(.is-scrolled) .dropdown-trigger:hover {
    color: #75d6ff;
  }

  html.loong-home-enabled .garment-logo {
    transform: translateX(18px);
  }

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

  .garment-logo img,
  .footer-l .logo img {
    object-fit: contain !important;
  }

  .dibu {
    min-height: 450px;
    padding-top: 86px;
    background-image: linear-gradient(90deg, rgba(3, 18, 31, 0.82) 0%, rgba(3, 23, 40, 0.62) 48%, rgba(3, 23, 40, 0.28) 100%), var(--loong-footer-image) !important;
    background-position: center center !important;
    background-size: cover !important;
  }

  .dibu .bls {
    display: none;
  }

  .dibu::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    background: #079bd6;
    content: "";
  }

  .dibu .footer-l .logo {
    width: 230px;
    height: 78px;
  }

  .dibu .footer-l .logo img {
    width: 100%;
    height: 100%;
    object-position: left center;
  }

  .dibu .footer-r ul h3 {
    letter-spacing: 0;
  }

  html.loong-home-enabled #kf.cs-section {
    padding: 112px 36px 118px;
    background: #f2f7fa;
  }

  html.loong-home-enabled #kf .cs-container {
    width: min(1500px, 100%);
  }

  html.loong-home-enabled #kf .cs-eyebrow {
    color: #006fbd;
    letter-spacing: 0;
  }

  html.loong-home-enabled #kf .cs-eyebrow::before,
  html.loong-home-enabled #kf .cs-eyebrow::after {
    background: #0aa7e8;
  }

  html.loong-home-enabled #kf .cs-title {
    color: #102033;
    font-size: 46px;
    letter-spacing: 0;
  }

  html.loong-home-enabled #kf .cs-subtitle {
    color: #657487;
  }

  html.loong-home-enabled #kf .cs-grid {
    gap: 18px;
  }

  html.loong-home-enabled #kf .cs-card {
    border-color: #dce5ec;
    border-radius: 6px;
  }

  html.loong-home-enabled #kf .cs-card::before {
    background: #006fbd;
  }

  html.loong-home-enabled #kf .cs-card:hover,
  html.loong-home-enabled #kf .cs-card.is-active {
    border-color: rgba(0, 111, 189, 0.4);
    box-shadow: 0 18px 40px rgba(14, 54, 84, 0.12);
  }

  html.loong-home-enabled #kf .cs-contact,
  html.loong-home-enabled #kf .cs-contact-row,
  html.loong-home-enabled #kf .cs-quick-contact {
    border-radius: 6px;
  }
}

@media screen and (min-width: 701px) and (max-width: 1100px) {
  html.loong-home-enabled #kf.cs-section {
    padding-right: 24px;
    padding-left: 24px;
  }

  html.loong-home-enabled #kf .cs-title {
    font-size: 38px;
  }
}

@media screen and (min-width: 701px) and (max-width: 991px) {
  .garment-nav > .mobile-menu-contact {
    display: none !important;
  }
}

@media screen and (min-width: 701px) and (max-width: 850px) {
  html.loong-home-enabled .garment-logo {
    transform: translateX(8px);
  }

  .garment-header-inner {
    width: calc(100% - 20px) !important;
    grid-template-columns: 158px minmax(0, 1fr) !important;
    gap: 9px !important;
  }

  .garment-logo {
    width: 158px !important;
    height: 58px !important;
  }

  .garment-nav {
    gap: 8px !important;
  }

  .garment-nav > a,
  .dropdown-trigger {
    gap: 2px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
  }
}