@media only screen and (max-width: 1080px) {
  .about-title {
    font-size: 26px !important;
  }
  .product-title {
    font-size: 30px !important;
  }
  .founder-img {
    width: 300px !important;
    height: auto;
  }
  .manufacture-title {
    font-size: 30px !important;
    padding-top: 20px;
  }
  .img-card button {
    font-size: 12px !important;
  }

  .head {
    height: 200px !important;
  }
  .head-ups .right {
    top: 25% !important;
  }

  .head-ups .right,
  .head .left,
  .head .right {
    max-width: 40% !important;
    right: 8% !important;
    height: 200px !important;
  }
  .head-ups .image4 {
    /* position: relative !important; */
    height: 180px !important;
    top: 30% !important;
    left: unset !important;
    right: unset !important;
    border: 5px solid !important;
  }

  .image4 {
    height: 180px !important;
    top: 5% !important;
    left: unset !important;
    right: unset !important;
    border: 5px solid !important;
  }
  .image3 {
    height: 180px !important;
    top: 5% !important;
    right: 0 !important;
    border: 5px solid !important;
  }
}

@media only screen and (max-width: 768px) {
  .py-100 {
    padding: 10px 0px !important;
  }

  .px-100 {
    padding: 0px 10px !important;
  }
  .modular-banner-section {
    padding: 5rem 0px !important;
  }
  .fs-35 {
    font-size: 25px;
  }
  .img-card button {
    font-size: 8px !important;
  }
  .mt_5 {
    margin-top: -40px !important;
  }
  .card1,
  .card2,
  .card3,
  .card4,
  .card5,
  .card8 {
    width: 70px !important;
    height: 70px !important;
  }
  .card6,
  .card7,
  .card5 {
    width: 50px !important;
    height: 50px !important;
    padding: 10px !important;
  }

  .fs-sm-5 {
    font-size: 5px !important;
  }
  .fs-sm-10 {
    font-size: 10px !important;
  }
  .fs-sm-8 {
    font-size: 8px !important;
  }
  .product-image-card {
    width: 50px !important;
    height: 50px !important;
  }

  .aptron-text {
    font-size: 26px !important;
  }
  .card11,
  .card12,
  .card13,
  .card14 {
    width: 90px !important;
    height: 90px !important;
  }
  .fs-sm-20 {
    font-size: 20px !important;
  }
  .fs-48 {
    font-size: 24px !important;
  }
  .fs-18 {
    font-size: 14px !important;
  }
  .goal-section {
    height: 300px !important;
  }
}

@media only screen and (max-width: 500px) {
  .fs-34 {
    font-size: 18px !important;
  }
  .support-img {
    height: 200px !important;
  }
}
