/* ============================= */
/*     RESPONSIVIDADE DO SITE    */
/* ============================= */

@media (max-width: 1100px) {
  .box-links {
    gap: 10px;
    font-size: 16px;
  }

  .box-links #btn-contact {
    text-align: center;
  }

  #carouselExample {
    display: block;
    margin: 0 auto;
    top: 15px;
    width: 400px;
    right: 40px;
  }

  .box-about-we {
    flex-direction: column;
    align-items: center;
  }

  /*

  .box-client-all {
    flex-direction: column;
    align-items: center;
  }

  */

  .box-contact {
    flex-direction: column;
    align-items: center;
  }

  iframe {
    width: 100% !important;
  }
}


/* Telas até 768px (tablets em modo retrato) */
@media (max-width: 799px) {
  .banner-content {
    flex-direction: column;
    align-items: flex-start;
    left: 0;
  }

  .banner-content {
    top: 175px;
  }

  .title-group,
  .description,
  #btn-contact {
    display: block;
    margin: 0 auto;
    text-align: center;
  }

  .box-card {
    flex-direction: column;
    align-items: center;
  }

  .title-custom {
    display: block;
    margin: 10px auto;
    margin-top: -20px;
  }

  .group {
    display: block;
    margin: 0 auto;
  }

  .title {
    font-size: 65px;
    margin-top: -40px;
  }

  .title-custom {
    font-size: 55px;
  }

  .description {
    font-size: 14px;
    margin: -10px 0px 10px 0px;
  }

  #carouselExample {
    display: block;
    margin: 0 auto;
    top: 15px;
    width: 330px;
    right: 0;
  }


  .card {
    margin: 10px;
  }

  #box-card-price,
  #box-card-price-two {
    flex-direction: column;
    align-items: center;
    gap: 30px;
    margin-bottom: 230px;
  }

  #box-card-price {
    margin-top: 180px;
    margin-bottom: 380px;
  }

  /*

  .card-client {
    flex-direction: column;
    text-align: center;
  }

  */
}


/* Telas até 576px (celulares) */
@media (max-width: 699px) {
  .box-top-header {
    flex-direction: column;
    gap: 10px;
    padding: 10px 15px;
  }

  .box-links {
    flex-wrap: wrap;
    justify-content: center;
  }

  .box-links #btn-contact {
    display: none;
  }

  .title {
    margin-top: -10px;
  }

  .subtitle {
    margin: 15px 0px;
    padding: 0px;
  }

  .description {
    display: block;
    margin: 0 auto;
    max-width: 300px;
  }

  .group #btn-contact {
    margin-top: 15px;
  }

  #carouselExample {
    display: block;
    margin: 0 auto;
    top: 5px;
    width: 350px;
  }

  .title {
    font-size: 35px;
  }

  .title-custom {
    font-size: 30px;
    margin-top: -10px;
  }

  .card-price {
    width: 80%;
  }

  .about-we-content {
    max-width: 90%;
  }

  .social-media {
    justify-content: center;
  }

  .carousel-control {
    margin-top: 130px;
  }


  .rights-reserved {
    text-align: center;
    padding: 0 10px;
  }

  .carousel-control-prev,
  .carousel-control-next {
    margin-bottom: 130px;
  }
}


/* Telas até 394px (celulares muito pequenos) */
@media (max-width: 394px) {
  .subtitle {
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    padding: 0;
    margin: 10px 0;
  }

  .subtitle li {
    width: auto;
    padding: 4px 12px;
    font-size: 12px;
  }

  .star-figure {
    font-size: 10px;
  }

  .banner-content {
    padding: 0 10px;
  }

  .description {
    max-width: 100%;
    font-size: 13px;
    padding: 0 10px;
  }

  #carouselExample {
    width: 250px;
  }
}