/* ===== Tablet: 769px - 1220px ===== */
@media screen and (min-width: 769px) and (max-width: 1220px) {
  .content {
    padding: 0 3rem;
  }
  .head h1 {
    font-size: 5.5rem;
    line-height: 6rem;
  }
  .head h2 {
    font-size: 4rem;
    line-height: 4.8rem;
  }
  .head p {
    font-size: 1.6rem;
    line-height: 2.6rem;
  }
  header ul.menu {
    gap: 3rem;
  }
  header ul.menu > li > a {
    font-size: 1.6rem;
  }
  header .logo img {
    width: 22rem;
  }
  header .right .btn {
    font-size: 1.4rem;
    padding: 0 2rem;
    line-height: 4.5rem;
  }

  /* home */
  .home_banner {
    padding: 14rem 0 16rem;
  }
  .home_equipment .main .left {
    width: 65%;
    padding: 4rem 0 5rem;
  }
  .home_equipment .main .right {
    width: 35%;
    padding-left: 2rem;
  }
  .home_wealth .left .circle_flow {
    width: 40rem;
    height: 40rem;
  }
  .home_case .right {
    padding-left: 5rem;
    padding-right: 5rem;
    padding-top: 6rem;
  }
  .home_case .right .items {
    gap: 4rem;
  }
  .home_about .items {
    gap: 3rem;
  }
  .home_about .nav ul {
    gap: 4rem;
  }
  .home_applications .left {
    width: 45%;
  }
  .home_applications .right {
    width: 50%;
  }
  .home_applications .left li p {
    font-size: 2rem;
  }

  /* footer */
  .footer_top .col {
    flex: 1;
  }
  .footer_top .col.info_col {
    flex: 1.3;
  }
  .footer_top .logo img {
    width: 24rem;
  }
  .footer_top .info_col p {
    font-size: 1.8rem;
  }
  .footer_contact_info > .flex {
    gap: 8rem;
  }
  .footer_contact_info .right > .flex {
    gap: 5rem;
  }

  /* product */
  .product_preview .right h1 {
    font-size: 3.5rem;
    line-height: 4.2rem;
  }
  .product_overview .items .item .flex {
    gap: 5rem;
  }
  .product_industry .swiper_btns {
    width: 120%;
  }
  .product_designed .items {
    gap: 3rem;
  }
  .product_designed .items .item {
    padding: 3rem;
  }
  .product_talk .items {
    grid-template-columns: repeat(2, 1fr);
  }

  /* about */
  .about_company .content > .flex {
    gap: 5rem;
  }
  .about_company .left {
    width: 45%;
  }
  .about_strength .items {
    grid-template-columns: repeat(3, 1fr);
  }
  .about_strength .items .item:nth-of-type(1) {
    grid-column: span 2;
    grid-row: span 1;
  }
  .about_map .content > .flex {
    gap: 5rem;
  }
  .about_values .left {
    width: 42%;
  }
  .about_values .right {
    width: 52%;
  }
}

/* ===== Small Tablet: 769px - 1024px ===== */
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .content {
    max-width: 896px;
    padding: 0 3rem;
  }
  .head.flex,
  .head > .flex {
    flex-wrap: wrap;
    gap: 15px;
  }
  .head h1 {
    font-size: 4.5rem;
    line-height: 5.2rem;
  }
  .head h2 {
    font-size: 3.5rem;
    line-height: 4.2rem;
  }
  header .logo img {
    width: 18rem;
  }

  /* home */
  .home_banner {
    padding: 12rem 0 14rem;
  }
  .home_banner .head h1 {
    max-width: 60rem;
  }
  .home_equipment .main .left .info strong {
    font-size: 2.8rem;
  }
  .home_equipment .main .left .img {
    width: 58%;
    padding-left: 2rem;
  }
  .home_wealth .left {
    padding-left: 0;
  }
  .home_wealth .left .circle_flow {
    width: 32rem;
    height: 32rem;
  }
  .home_wealth .right {
    width: 50%;
  }
  .home_case .left {
    width: 45%;
  }
  .home_case .right {
    width: 55%;
    padding-left: 3rem;
    padding-right: 3rem;
    padding-top: 5rem;
  }
  .home_about .items {
    grid-template-columns: repeat(2, 1fr);
  }
  .home_applications .head h2 {
    max-width: 40rem;
  }
  .home_applications .left li {
    gap: 2rem;
  }
  .home_applications .left li p {
    font-size: 1.8rem;
  }

  /* product */
  .product_preview .left {
    width: 45%;
  }
  .product_preview .right {
    width: 50%;
    padding-top: 3rem;
  }
  .product_overview .items .item .flex {
    gap: 3rem;
  }
  .product_overview .items .item .flex .col h3 {
    font-size: 2.8rem;
  }
  .product_designed .items .item p {
    min-height: unset;
  }
  .product_talk .items {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }

  /* about */
  .about_company .left {
    width: 42%;
  }
  .about_company .right .items {
    gap: 4rem;
  }
  .about_history .swiper_history strong:after {
    height: 10rem;
  }
  .about_strength .items {
    grid-template-columns: repeat(2, 1fr);
  }
  .about_strength .items .item:nth-of-type(1) {
    grid-column: span 2;
  }
  .about_production .items {
    grid-template-columns: repeat(2, 1fr);
  }
  .about_map .left {
    width: 45%;
    min-width: 45%;
  }
  .about_map .right .img {
    width: 100%;
  }
  .about_values .items {
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
  }
  .about_values .left {
    width: 40%;
  }
  .about_values .right {
    width: 55%;
  }
  .about_service .nav li {
    padding: 0 2rem;
    min-width: unset;
    font-size: 1.5rem;
  }
  .about_service .swiper_about_service .left {
    width: 48%;
  }
  .about_service .swiper_about_service .right {
    width: 48%;
  }

  /* footer */
  .footer_contact .head h2 {
    font-size: 4.5rem;
  }
  .footer_contact .head {
    margin-bottom: 8rem;
  }
}