@media screen and (min-width: 768px) {
  .content-desktop {
    display: flex;
  }

  .content-mobile {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .beneficios .col-12 {
    flex-direction: column-reverse !important;
  }

  .lista-beneficios {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 30px;
  }
  .modal-dialog {
    width: 100vw;
  }
}
@media screen and (max-width: 1050px) {
  .content-desktop {
    display: none;
  }

  .content-mobile {
    display: block;
    width: 50%;
    margin: 0 auto;
  }
}
@media (min-width: 851px) {
  .card-desktop {
    display: flex;
  }
  .card-mobile {
    display: none;
  }
}
@media (max-width: 850px) {
  .card-desktop {
    display: none;
  }
  .card-mobile {
    display: flex;
  }
  .valor-antigo-mobile {
    font-size: 80px;
    font-weight: bold;
    text-decoration: line-through;
    text-decoration-color: #e97035;
  }
  .texto-valores-mob {
    font-size: 20px;
  }

  .valor-mobile {
    color: #db9370;
    font-size: 100px;
    font-weight: bold;
  }

  .span-valor-mob {
    bottom: 0;
    right: 0;
    font-size: 30px;
    font-weight: bold;
  }

  .info-texto-mob {
    font-size: 40px;
    font-weight: bold;
  }

  .info-valor-mob {
    font-size: 100px;
    font-weight: bold;
    bottom: -110px;
  }
  .texto-informacao-mob {
    font-size: 30px;
    font-weight: bold;
  }
  .span-informacao-mob {
    font-size: 25px;
    font-weight: bold;
    bottom: -40px;
  }
}
@media (min-width: 830px) {
  .span-desktop {
    font-size: 18px;
  }
}
@media (max-width: 800px) {
  .card-sobre {
    flex-direction: column-reverse;
  }

  .span-desktop,
  .h2-desk {
    display: none;
  }

  .span-mobile,
  .h2-mobile {
    display: block;
  }
  .divisao {
    width: 90%;
  }
  .titulo-card-mob {
    font-size: 70px;
  }
  .subtitulo-card-mob {
    font-size: 50px;
    font-weight: bold;
    bottom: -40px;
    right: 0;
  }
  .item-bonus {
    font-size: 20px;
  }
}
@media (min-width: 801px) {
  .span-mobile,
  .h2-mobile {
    display: none;
  }

  .span-desktop,
  .h2-desk {
    display: block;
  }
}

@media (max-width: 700px) {
  .imagem-sobre img {
    height: auto;
  }
  .footer .menu-footer {
    display: none;
  }
  .footer {
    flex-direction: column-reverse;
    text-align: center;
  }

  .footer .d-flex {
    justify-content: center;
  }

  .img-footer {
    margin-left: 1rem;
  }

  .footer ul {
    padding: 0;
  }
}
@media screen and (max-width: 550px) {
  .portfolio {
    margin-top: 80px;
  }

  .content-mobile {
    width: 100%;
  }

  .lista-beneficios {
    margin-left: 0px !important;
  }

  .bonus .titulo-bonus,
  .bonus .subtitulo-bonus {
    font-size: 90px;
  }
  .bonus .span-bonus {
    font-size: 40px;
  }
  .item-bonus {
    font-size: 19px;
  }
  .valor-antigo-mobile {
    font-size: 50px;
  }
  .texto-valores-mob,
  .span-valor-mob {
    font-size: 20px;
  }

  .valor-mobile {
    font-size: 60px;
  }

  .info-texto-mob {
    font-size: 30px;
  }

  .info-valor-mob {
    font-size: 70px;
    bottom: -90px;
  }
  .texto-informacao-mob {
    font-size: 22px;
  }
  .span-informacao-mob {
    font-size: 20px;
    bottom: -40px;
  }
}
@media screen and (max-width: 550px) {
  .portfolio {
    margin-top: 80px;
  }

  .content-mobile {
    width: 100%;
  }

  .lista-beneficios {
    margin-left: 0px !important;
  }

  .bonus .titulo-bonus,
  .bonus .subtitulo-bonus {
    font-size: 90px;
  }
  .bonus .span-bonus {
    font-size: 40px;
  }
  .item-bonus {
    font-size: 19px;
  }
  .valor-antigo-mobile {
    font-size: 50px;
  }
  .texto-valores-mob,
  .span-valor-mob {
    font-size: 20px;
  }

  .valor-mobile {
    font-size: 60px;
  }

  .info-texto-mob {
    font-size: 30px;
  }

  .info-valor-mob {
    font-size: 70px;
    bottom: -90px;
  }
  .texto-informacao-mob {
    font-size: 22px;
  }
  .span-informacao-mob {
    font-size: 20px;
    bottom: -40px;
  }
}
@media screen and (max-width: 550px) {
  .texto-informacao-mob {
    font-size: 19px;
  }
  .span-informacao-mob {
    font-size: 18px;
  }
}
@media (max-width: 1024px) {
  .container-carrossel .carrossel {
    grid-auto-columns: calc((100% / 2) - 12px);
  }
}
@media (max-width: 768px) {
  .container-carrossel .carrossel {
    grid-auto-columns: calc(100% - 12px);
  }
  .titulo-contador {
    font-size: 30px;
  }

  .contador {
    font-size: 60px;
  }

  .contador time {
    font-size: 80px;
    color: #0a4663;
  }

  .modal-dialog {
    margin: 0 auto;
    width: 250px;
  }
}

@media (max-width: 360px) {
  .img-mob {
    width: 350px;
    height: auto;
  }
}