@media (max-width: 1200px) {
  .product .box {
    grid-template-columns: repeat(1, 1fr);
  }
  .whywe .grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}
@media (max-width: 768px) {
  .section {
    padding: 30px 0;
  }
  header {
    display: none;
  }
  footer .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .contact .box {
    grid-template-columns: repeat(1, 1fr);
  }
  .contact .maps {
    margin-top: 40px;
  }
  .contact .maps p {
    width: 100%;
  }
  h2, .h2 {
    font-size: 24px;
  }
  h3, .h3 {
    font-size: 20px;
  }
  .advantages .box {
    grid-template-columns: repeat(1, 1fr);
  }
  .whywe .grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
  .whywe .why__elem i {
    font-size: 40px;
    margin-bottom: 20px;
  }
  .whywe .why__elem p {
    font-size: 18px;
  }
  .videos .box {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 640px) {
  footer .grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .portfolio .box {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 150px;
  }
}/*# sourceMappingURL=media.css.map */