/*
 * Desktop-only responsive corrections.
 * Deliberately scoped above 1200px so the independent wap template and
 * the existing mobile/tablet rules are not changed.
 */
@media screen and (min-width: 1201px) {
  html {
    font-size: clamp(64px, 5.208333vw, 100px);
  }

  body {
    --interval: clamp(48px, 7.8125vw, 150px);
    overflow-x: hidden;
  }

  .wMain {
    width: 100%;
    max-width: 1920px;
    margin-right: auto;
    margin-left: auto;
  }

  .Header_Container .box {
    flex-wrap: nowrap;
    gap: clamp(8px, 0.8vw, 18px);
  }

  .Header_Container .box .logo,
  .Header_Container .box .call,
  .Header_Container .box .search,
  .Header_Container .box .ProductSelection {
    flex: 0 0 auto;
  }

  .Header_Container .box .nav {
    min-width: 0;
    justify-content: center;
  }

  .Header_Container .box .nav .item {
    padding-right: clamp(8px, 1.15vw, 22px);
    padding-left: clamp(8px, 1.15vw, 22px);
  }

  .Header_Container .box .nav .item > p a,
  .Header_Container .box .call p {
    font-size: clamp(15px, 1.041667vw, 20px) !important;
    white-space: nowrap;
  }

  .Header_Container .box .call,
  .Header_Container .box .search {
    margin-left: clamp(8px, 1.05vw, 20px);
  }

  .Home_Banner,
  .Home_Banner .banner,
  .Home_Banner .banner .swiper-slide {
    min-height: 640px;
    max-height: 1080px;
  }

  .Home_Banner .banner video,
  .Home_Banner .banner picture img {
    height: clamp(640px, 100vh, 1080px);
    object-fit: cover;
    object-position: center;
  }

  .Home_Banner .banner .swiper-slide .orientation .wMain > div {
    max-width: min(820px, 62vw);
  }

  .Home_Banner .banner .swiper-slide .orientation .content1 {
    font-size: clamp(30px, 2.083333vw, 40px);
  }

  .Home_Banner .banner .swiper-slide .orientation .content2 {
    font-size: clamp(16px, 1.041667vw, 20px);
    line-height: clamp(30px, 2.604167vw, 50px);
    margin-bottom: clamp(24px, 2.34375vw, 45px);
  }

  .Home_Solution_01 {
    --solution-bleed: clamp(48px, 6.25vw, 120px);
    --solution-shift: clamp(24px, 3.125vw, 60px);
  }

  .Home_Solution_01 .box {
    width: calc(100% + var(--solution-bleed));
    margin-left: calc(0px - var(--solution-shift));
  }

  .Home_Solution_01 .box .item,
  .Home_Product .box > *,
  .Home_About .box > *,
  .Footer_Container .box2 > * {
    min-width: 0;
  }

  .Footer_Container .box2 {
    column-gap: clamp(24px, 3vw, 58px);
  }

  .Footer_Container .box2 .boxLeft {
    flex: 1 1 auto;
  }

  .Footer_Container .box2 .boxRight {
    flex: 0 1 390px;
  }

  main img,
  main video,
  main iframe,
  .Footer_Container img {
    max-width: 100%;
  }

  main table {
    max-width: 100%;
  }
}

@media screen and (min-width: 1201px) and (max-width: 1440px) {
  body {
    --interval: clamp(42px, 6vw, 86px);
  }

  .Header_Container .box .logo a img {
    height: clamp(34px, 2.8vw, 40px);
  }

  .Header_Container .box .nav .item {
    padding-right: clamp(6px, 0.75vw, 11px);
    padding-left: clamp(6px, 0.75vw, 11px);
  }

  .Header_Container .box .call,
  .Header_Container .box .search {
    margin-left: clamp(6px, 0.65vw, 10px);
  }

  .Header_Container .box .ProductSelection a {
    padding-right: 12px;
    padding-left: 12px;
  }

  .Home_Solution_01 {
    --h: clamp(560px, 52vw, 720px);
  }

  .Footer_Container .box2 .boxLeft .item {
    margin-right: clamp(18px, 2vw, 30px);
  }
}