/* Keep the OEM reveal animation inside its section without changing its layout. */
.oem_adv_bac {
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  #online_qq_tab #floatShow::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url(../img/en_3.png) center / contain no-repeat;
    pointer-events: none;
  }

  #online_qq_tab #floatHide::after {
    content: '\eb99' !important;
    font-family: 'remixicon' !important;
    font-size: 26px !important;
  }
}

@media screen and (min-width: 701px) {
  .garment-header-inner {
    align-items: center;
  }

  .garment-logo {
    display: flex !important;
    width: 266px;
    height: 86px;
    align-self: center;
    align-items: center;
    line-height: 0;
  }

  .garment-logo img {
    inset: auto;
    top: 50%;
    left: 0;
    width: 100%;
    height: auto;
    max-height: 84px;
    object-fit: contain;
    object-position: left center;
    transform: translateY(-50%);
  }

  .page-hero {
    background-image: url(../img/home-pc/hero-trade-show.webp) !important;
    background-position: center 48% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
  }

  .page-hero-overlay {
    background: linear-gradient(100deg, rgba(2, 18, 43, 0.91) 0%, rgba(2, 18, 43, 0.58) 48%, rgba(2, 18, 43, 0.28) 100%), linear-gradient(to top, rgba(2, 18, 43, 0.48), transparent 62%) !important;
  }

  body .az-about-intro.az-profile::before {
    background: linear-gradient(100deg, rgba(2, 18, 43, 0.82), rgba(2, 18, 43, 0.24)), url(../img/home-pc/hero-trade-show.webp) center 48% / cover no-repeat !important;
  }

  .dibu {
    position: relative;
    background-color: #02122b !important;
    background-image: linear-gradient(rgba(2, 18, 43, 0.91), rgba(2, 18, 43, 0.86)), url(../img/home-pc/factory-campus.webp) !important;
    background-position: center 38% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-blend-mode: normal;
  }

  .dibu::after {
    background: rgba(2, 18, 43, 0.22) !important;
  }

  .dibu .bls {
    display: none !important;
  }

  .dibu .footer {
    position: relative;
    z-index: 2;
    padding-top: 78px;
  }
}

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

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

  .garment-logo {
    width: 220px;
    height: 76px;
  }

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

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

  .garment-logo {
    width: 190px;
    height: 62px;
  }

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