@media screen and (max-width: 1840px) {
    .img-banner {
        width: 40%;
        right: 5% !important;
    }

    .desafio-titulo {
        max-width: unset;
    }

}

@media screen and (max-width: 1595px) {
    .img-banner {
        /* position: static; */
        width: 60%;
        left: 50%;
        transform: translateX(-50%);
        top: 480px;
    }

    .banner-container {
        flex-direction: column;
        justify-content: flex-start;
        padding-top: 50px ;
        gap: 50px;
        padding-bottom: 550px;
    }

    .banner-desafio{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 30px;
    }

    .banner-text,
    .desafio-titulo,
    .desafio-item p,
    .desafio-item small,
    .config-titles {
        max-width: 100%;
    }

    .desafio-itens{
        /* flex-direction: column; */
        width: 100%;
    }
    .desafio-item{
        width: 100%;
    }

    .new-container{
        flex-direction: column;
        padding-top: 30px;
    }
    .funcionalidades-container{
        flex-direction: column;
        padding-top: 30px;
    }

    .funcionalidades-title {
        position: static;
        top: auto;
    }

    .config-banner{

        flex-direction: column;
        align-items: flex-start;
    }

    .faq-container {
        padding-bottom: 50px;
    }

    .bf-timer span {
        padding: 8px 6px;
        font-size: 30px;
        min-width: 65px;
    }
    .timer{
        gap: 10px;
    }


    .testes-banner{
        flex-direction: column;
        align-items: center;
        gap: 20px;
        padding-top: 0 ;
    }
    .testes-item{
        width: unset;
        flex: 1;
    }

    .links-page{
        display: none;
    }

}

@media screen and (max-width: 1279px) {

    .desafio-itens{
        flex-direction: column;
        /* width: 100%; */
    }

    .features{
        width: 100%;
        gap: 100px;
    }
    .features-item-reverse{
        width: 100%;
        max-width: 100%;
        flex-direction: column-reverse;
        gap: 30px;
    }

    .features-item{
        width: 100%;
        flex-direction: column;
        max-width: 100%;
        gap: 30px;
    }
    .features-item-texts{
        max-width: 100%;
    }
    .features-item-img{
        text-align: center;
    }
    .features-item-img img{
        width: 90%;
    }

    .config-cards{
        width: 100%;
        flex-direction: column;
    }

    .card-item{
        width: 100%;
    }

    .bf-banner{
        width: 80%;
        flex-direction: column;
        gap: 20px;
        padding: 30px;
    }
    .bf-titles{
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items:flex-start ;
    }
    .bf-messages{
        width: 100%;
    }
    .bf-timer{
        flex-direction: column;
        align-items: flex-start;
    }
    .bf-img-bottom{
        bottom: -70px;
        right: 30px;
    }
}

@media screen and (max-width: 1220px) {
    .nav-links {
        gap: 20px;
    }
}

@media screen and (max-width: 1115px) {
    .img-banner {
        top: 500px;
    }
}

@media screen and (max-width: 920px) {

    .img-banner {
        top: 580px;
    }

    .nav-links{
        display: none;
    }
    .menu-icon{
        display: block;
     }
}

@media screen and (max-width: 877px) {
    .img-banner {
        top: 580px;
    }
}

@media screen and (max-width: 800px) {

    .nav-links.active {
        display: flex;
        animation: slideDown 0.3s ease;
    }

    .menu-toggle {
    display: block;
    }

    .nav-links {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 80px;
        right: 0;
        width: 100%;
        background: var(--dark-red);
        text-align: center;
        padding: 20px 0;
        gap: 20px;
    }
    .menu-icon{
        display: block;
    }

    .banner-text h1 {
        font-size: 45px;
    }

    .img-banner {
        width: 80%;
        top: 420px;
    }

    .testes-tags, .testes-tags-wp{
        flex-direction: column;
    }

    .testes-item{
        gap: 32px;
        height: unset;
    }


    footer{
        flex-direction: column;
        gap: 30px;
        padding-bottom: 30px;
        padding-top: 30px;
    }

    footer .credits {
        flex-direction: column;
    }



 @keyframes slideDown {
    from {
      transform: translateY(-20px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }

}

@media screen and (max-width: 700px) {
    .img-banner {
        top: 650px !important;
    }
}

@media screen and (max-width: 685px) {
    .img-banner {
        top: 580px !important;
    }
}

@media screen and (max-width: 472px) {

     .banner-container {
        padding-bottom: 600px;
    }

    .img-banner {
        top: 750px !important;
    }

    .testes-cards{
        flex-direction: column;
        gap: 12px;
    }

    .testes-item {
        width: 100%;
    }
}

@media screen and (max-width: 460px) {
    h2{
       font-size: 40px;
    }

    .img-banner {
        top: 720px !important;
    }

    .banner-text h1{
        font-size: 45px;
    }

    .config-titles p{
        font-size: 25px;
    }

    .bf-titles{
        font-size: 30px;
    }
    .bf-messages small{
        font-size: 20px;
    }
}