@media (max-width: 1199px) {
  .inicio::before {
    background-size: cover;
    background-position: bottom;
  }
@media (max-width: 1024px) {
  .inicio .hero-produto img {
    left: 60px;
    max-width: 360px;
  }
  .carousel-track {
    gap: 20px;
  }
  .beneficio .beneficio-img img {
    max-width: 300px;
  }
  .section-title {
    margin-bottom: 44px;
  }
}

@media (max-width: 991px) {
  .header {
    padding: 5px 0;
  }
  .header .navbar-light .navbar-toggler {
    background-color: #80f704;
  }
  .header .navbar #collapsibleNavbar {
    margin-top: 12px;
    padding: 12px 14px;
    border-radius: 18px;
    background: rgba(30, 29, 28, 0.92);
  }

  .header .navbar #collapsibleNavbar .nav-item .nav-link {
    padding: 10px 15px 10px;
    opacity: 1;
  }

  .inicio {
    padding: 130px 0 130px;
  }
  .inicio .hero-content {
    text-align: center;
  }
  .inicio .hero-content h1 {
    text-align: center;
    margin-top: 0;
  }
  .inicio .hero-content p {
    margin-bottom: 28px;
  }
  .inicio .hero-produto {
    display: flex;
    justify-content: center;
  }
  .produto .produto-content,
  .depoimentos .testi-item {
    padding-left: 22px;
    padding-right: 22px;
  }
  .beneficio .section-title,
  .beneficio .beneficio-content {
    text-align: center;
  }
  .beneficio .btn-success {
    justify-self: center;
  }
  .beneficio .beneficio-content ul {
    text-align: left;
  }
  .contato .contact-form {
    padding-right: 0;
  }
  .contato .contact-item {
    max-width: 440px;
    margin-left: auto;
    margin-right: auto;
  }
  .footer {
    padding-top: 64px;
  }
}

@media (max-width: 767px) {
  .inicio {
    padding: 82px 0 88px;
  }
  .inicio .hero-produto img {
    position: relative;
    left: auto;
    top: auto;
    margin-bottom: 34px;
    max-width: 290px;
  }
  .inicio .hero-content h1 {
    font-size: 34px;
    line-height: 40px;
  }
  .inicio .hero-content p {
    font-size: 16px;
    line-height: 26px;
  }
  .section-title {
    margin-bottom: 34px;
  }
  .section-title .subtitle {
    font-size: 28px;
    line-height: 34px;
  }
  .beneficio,
  .ultilizacao,
  .produto,
  .depoimentos,
  .duvidas,
  .contato {
    padding: 64px 0;
  }
  .carousel-track {
    gap: 16px;
    padding-inline: 2px;
  }
  .carousel-slide {
    flex-basis: calc((100% - (16px * (var(--items) - 1))) / var(--items));
  }
  .produto .produto-content {
    padding: 0 18px;
  }
  .produto .produto-content .nome-produto {
    min-height: auto;
  }
  .depoimentos .testi-item {
    padding: 24px 20px;
  }
  .depoimentos .client-info {
    padding-left: 72px;
  }
  .duvidas .faq-item {
    margin-bottom: 20px;
    padding: 22px 18px;
  }
  .contato .section-title p,
  .duvidas .section-title p,
  .produto .section-title p {
    margin-top: 14px;
  }
  .footer .footer-text p {
    padding: 0 8px;
  }
}

@media (max-width: 534px) {
  .inicio {
    padding: 100px 0 100px;
  }
  .btn-success {
    width: 100%;
    padding: 14px 20px;
  }
  .btn-light {
    padding: 12px 18px;
  }
  .carousel-controls {
    margin-top: 22px;
  }
  .beneficio .beneficio-content ul li {
    padding-left: 30px;
  }
  .contato .contact-item {
    padding-left: 58px;
  }
  .footer .footer-social-links {
    margin-bottom: 56px;
  }
}

@media (max-width: 378px) {
  .inicio {
    padding: 90px 0 90px;
  }
  .inicio .hero-content h1 {
    font-size: 30px;
    line-height: 36px;
  }
  .section-title .subtitle {
    font-size: 24px;
    line-height: 30px;
  }
  .depoimentos .client-info {
    padding-left: 0;
    padding-top: 74px;
    text-align: center;
  }
  .depoimentos .client-info img {
    left: 50%;
    transform: translateX(-50%);
  }
  .contato .contact-item {
    padding-left: 0;
    padding-top: 62px;
    text-align: center;
  }
  .contato .contact-item .icon {
    left: 50%;
    transform: translateX(-50%);
  }
}