@media screen and (max-width: 1080px) {
  .xz-single-layout {
    flex-direction: column;
  }
  .xz-single-layout .xz-single-main {
    width: 100%;
  }
  .xz-single-layout .xz-single-sidebar {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .xz-single-layout .xz-single-sidebar .form-sml {
    margin-top: 0;
  }
}

@media screen and (max-width: 1024px) {
  .pro-cat-tax {
    flex-flow: column-reverse;
  }
  .pro-cat-tax .pro-cat-left {
    width: 100%;
    background: #e7eaeb;
  }
  .pro-cat-tax .pro-cat-left .xz-searchform-s {
    width: 60%;
  }
  .pro-cat-tax .pro-cat-left .procat-ls {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }
}

@media screen and (max-width: 950px) {
  .xz-home .need-c-wrap.alignfull .need-c-dtl {
    line-height: 1.1em;
  }
}

@media screen and (max-width: 930px) {
  .pro-intro {
    flex-direction: column;
    align-items: center;
  }
  .pro-intro .pro-gallery {
    width: 76%;
    margin-bottom: 5rem;
  }
  .pro-intro .pro-intro-x {
    padding-left: 0;
  }
  .sec-touch-x .form-left {
    display: none;
  }
  .sec-pro-touch {
    margin-bottom: 5rem;
  }
  .sec-cooperate .coope-wrap {
    flex-direction: column;
  }
  .sec-cooperate .coope-wrap .right {
    padding-top: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }
}

@media screen and (max-width: 820px) {
  .pro-ls {
    grid-template-columns: 1fr 1fr;
  }
  .news-ls {
    grid-template-columns: 1fr 1fr;
  }
  .xz-home .bg-fst-wrap .com-pfl {
    flex-direction: column;
    gap: 6rem;
    padding-top: 0;
  }
  .xz-home .bg-fst-wrap .com-pfl > .wp-block-column:first-child {
    width: 100%;
    padding-right: 0;
  }
  .xz-home .bg-fst-wrap .com-pfl > .wp-block-column:first-child .h1 {
    margin-top: 2rem;
    margin-bottom: 4rem;
  }
  .xz-home
    .bg-fst-wrap
    .com-pfl
    > .wp-block-column:first-child
    > p:last-of-type {
    margin-bottom: 4rem;
  }
  .xz-home .bg-fst-wrap::after {
    background: none;
  }
  .xz-home .bg-fst-wrap .xz-cards-block.home-cards-wrap.xz-cards-63xd {
    width: 100%;
    grid-template-columns: 1fr 1fr;
    gap: 5rem 10%;
    padding-top: 6rem;
  }
}

@media screen and (max-width: 768px) {
  .xz-404 .xz-404-info {
    margin: 7rem 0;
  }
}

@media screen and (max-width: 600px) {
  .pro-content {
    padding-bottom: 6rem;
  }
  .pro-content h3 {
    margin-top: 6rem;
  }
  .sec-pro-touch {
    margin-bottom: 2rem;
  }
  .sec-pro-rel {
    padding-bottom: 6rem;
  }
  .sec-pro-rel .tit-row {
    margin: 5rem auto;
  }
  .xz-single-layout .xz-single-sidebar {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
  .xz-home .hot-pro-wrap,
  .xz-home .need-c-wrap.alignfull,
  .xz-home .faq-wrap,
  .xz-home .faq-wrap {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
  .loop-procat-square .loop-procat-tit .learn-m {
    display: none;
  }
  .faq-box .schema-faq-section {
    padding-left: 9%;
  }
  .xz-404 .xz-404-info {
    flex-direction: column;
    margin-top: 2rem;
  }
  .xz-404 .xz-404-info .left-404 {
    width: 100%;
  }
  .xz-404 .xz-404-info .left-404 .img-404 {
    display: flex;
    justify-content: center;
  }
  .xz-404 .xz-404-info .right-404 {
    align-items: center;
  }
}