@media screen and (min-width: 786px) and (max-width: 1600px) {
  header .header nav {
    padding: 0;
  }
  .about_banner .head {
    min-width: 50%;
  }
}
@media screen and (min-width: 786px) and (max-width: 1400px) {
  .content {
    padding: 0 1.2rem;
  }
  .swiper_content {
    padding: 10px 1.2rem;
  }
  .app_product .app_product_swiper .swiper_btns_full {
    width: calc(100% + 70px);
    z-index: 2;
  }
  .home_focus .img {
    width: 50%;
    left: -5px;
  }
}
@media screen and (min-width: 786px) and (max-width: 1200px) {
  .content {
    max-width: 1000px;
  }
  .swiper_content {
    max-width: 1020px;
  }
  header .header nav div > ul {
    gap: 2rem;
  }
  .about_banner .head ul li {
    padding-bottom: 100px;
  }
  .about_certificate .about_certificate_swiper {
    max-width: 364px;
  }
  .app_product .app_product_swiper .swiper_btns_full {
    width: calc(100% + 50px);
  }
  .app_product .app_product_swiper .swiper_btns_full div {
    width: 50px;
    height: 50px;
  }
  .app_product .app_product_swiper .swiper-slide .info .button {
    zoom: 0.8;
  }
  .home_product .nav ul {
    gap: 1.2;
    flex-wrap: wrap;
  }
  .home_focus .head h2 {
    margin-bottom: 3rem;
    font-size: 2.6rem;
  }
  .home_focus .head ul {
    margin-top: 2rem;
  }
  .home_why .main ul {
    gap: 1.2rem;
  }
}
@media screen and (min-width: 786px) and (max-width: 1000px) {
  .content {
    max-width: 786px;
  }
  .swiper_content {
    max-width: 806px;
  }
  header .header .left .logo img {
    width: 150px;
  }
  header .header nav div > ul {
    gap: 1.2rem;
  }
  header .header .button {
    zoom: 0.8;
  }
  footer .footer .content > .flex {
    flex-wrap: wrap;
  }
  footer .footer .contact_us {
    width: 100%;
    flex: unset;
    max-width: 500px;
    margin-top: 3rem;
  }
  footer .footer .contact_us form {
    max-width: 310px;
  }
  footer .footer_bottom ul {
    gap: 1.2rem;
  }
  .about_banner .head {
    min-width: 55%;
  }
  .about_banner .head ul li span {
    font-size: 2rem;
  }
  .about_banner .img {
    min-width: 40%;
  }
  .app_intro .head ul {
    display: block;
    margin-top: 2rem;
  }
  .app_intro .head ul li {
    margin-top: 1rem;
  }
  .blog_main .nav ul {
    gap: 1rem 1.2rem;
  }
  .blog_main .main ul {
    grid-template-columns: repeat(2, 1fr);
  }
  .category_main .right .main ul li .info .button {
    zoom: 0.8;
  }
  .contact_banner .infos ul {
    gap: 1.2rem;
  }
  .home_product .nav ul li {
    font-size: 1rem;
  }
  .home_focus .img .text {
    zoom: 0.8;
  }
  .home_focus .head ul li {
    gap: 1rem;
    font-size: 1rem;
  }
  .home_focus .head ul li i {
    min-width: 2.5rem;
    height: 2.5rem;
  }
  .home_why .main ul {
    grid-template-columns: repeat(2, 1fr);
  }
}