@media only screen and (min-width: 250px) and (max-width: 600px) {
    .text-wrapper {
        top: 272px;
        position: relative;
    }

    header {
        background-image: url(../img/back-cll.png);
    }

    .header-flex {
        flex-direction: column;
    }

    .header-txt {
        width: 100%;
        text-align: center;
    }

    .header-txt a {
        margin-top: 30px;
        width: 100%;
        font-weight: bold;
    }

    .header-img {
        display: none;
    }

    #img-mbl-header {
        display: block;
    }

    #img-mbl-header img {
        width: 100%;
    }

    /*variedade***********************/

    #variedade {
        margin-top: 350px;
    }

    .h-2 {
        font-size: 30px;
    }

    .cards {
        flex-direction: column;
    }

    .cards a {
        width: 100%;
    }

    .cards a img {
        width: 90%;
        margin-bottom: 40px;
    }

    /*telas oled*/
    #telas-oled {
        padding: 0 0 35px 0;
    }

    #telas-oled h2 {
        font-size: 25px;
    }

    #telas-oled h3 {
        margin-top: 0px;
    }

    .container-card-oled {
        flex-direction: column;
        gap: 40px;
        align-items: center;
    }

    .card-oled {
        width: 90%;
        padding: 10px;
    }

    /*telas china*/
    #telas-china h2 {
        font-size: 25px;
    }

    #telas-china h3 {
        margin-top: 0;
    }

    h3+p {
        margin-top: 0px;
    }

    .container-card-china {
        flex-direction: column;
        gap: 40px;
        align-items: center;
    }

    .card-china {
        width: 90%;
    }

    /*baterias*******/
    #bateria h2 {
        font-size: 25px;
    }

    .container-bateria {
        flex-direction: row;
    }

    .container-bateria img {
        width: 46%;
        margin: 0 auto;
    }


    /*docs*/

    #doc h2 {
        font-size: 25px;
    }

    .container-card-doc {
        flex-direction: column;
        gap: 40px;
        align-items: center;
    }

    .card-doc {
        width: 90%;
    }

    /*missao*/

    #missao h2 {
        font-size: 25px;
    }

    .container-missao {
        flex-direction: column-reverse;
    }

    .missao-txt,
    .missao-img {
        width: 100%;
    }

    .missao-img img {
        border-radius: 15px;
    }

    /*depoimentos*/

    #depoimentos h2 {
        font-size: 30px;
    }

    .container-depoimentos {
        flex-direction: column;
        gap: 40px;
    }

    .card-depoimento {
        width: 100%;
    }

    /*orçamento*/

    #orcamento h2 {
        font-size: 30px;
        margin-bottom: 0;
    }

    #orcamento span {
        font-size: 15px;
    }

    /*info like*/

    #info-like {
        background-image: url(../img/back-missao.png);
        background-size: 100%;
        background-repeat: no-repeat;
    }

    #info-like footer {
        display: none;
    }

    .container-info-like {
        flex-direction: column;
    }

    .c-1 {
        width: 100%;
    }

    .c-2 {
        width: 100%;
        margin-top: 25px;
    }

    iframe {
        border-radius: 15px;
    }


    /*footer*/

    footer .container-footer {
        flex-direction: column;
        align-items: center;
        gap: 25px;
        text-align: center;
    }
}

/*tabletttttttttttttttttttt*/
@media only screen and (min-width: 601px) and (max-width: 1000px) {
    header {
        background-image: url(../img/back-cll.png);
    }

    .header-flex {
        flex-direction: column;
    }

    .header-txt {
        width: 100%;
        text-align: center;
    }

    .header-txt a {
        margin-top: 30px;
        width: 100%;
        font-weight: bold;
    }

    .header-img {
        display: none;
    }

    #img-mbl-header {
        display: block;
    }

    #img-mbl-header img {
        width: 50%;
    }

    /*variedade*/
    #variedade {
        margin-top: 250px;
    }

    /*telas oled*/
    #telas-oled h2 {
        font-size: 25px;
    }

    #telas-oled h3 {
        margin-top: 0px;
    }

    .container-card-oled {
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }

    .card-oled {
        width: 90%;
        padding: 10px;
    }





    /*telas china*/
    #telas-china h2 {
        font-size: 25px;
    }

    #telas-china h3 {
        margin-top: 0;
    }

    h3+p {
        margin-top: 0px;
    }

    .container-card-china {
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }

    .card-china {
        width: 90%;
    }

    /*baterias*******/
    #bateria h2 {
        font-size: 25px;
    }

    .container-bateria {
        flex-direction: row;
    }

    .container-bateria img {
        width: 30%;
        margin: 0 auto;
    }


    /*docs*/

    #doc h2 {
        font-size: 25px;
    }

    .container-card-doc {
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }

    .card-doc {
        width: 90%;
    }

    /*missao*/

    #missao h2 {
        font-size: 25px;
    }

    .container-missao {
        flex-direction: column-reverse;
    }

    .missao-txt,
    .missao-img {
        width: 100%;
    }

    .missao-img img {
        border-radius: 15px;
    }

    /*depoimentos*/

    #depoimentos h2 {
        font-size: 30px;
    }

    .container-depoimentos {
        flex-direction: column;
        gap: 20px;
    }

    .card-depoimento {
        width: 100%;
    }

    /*orçamento*/

    #orcamento h2 {
        font-size: 30px;
        margin-bottom: 0;
    }

    #orcamento span {
        font-size: 15px;
    }

    /*info like*/

    #info-like {
        background-image: url(../img/back-missao.png);
        background-size: 100%;
        background-repeat: no-repeat;
    }

    #info-like footer {
        display: none;
    }

    .container-info-like {
        flex-direction: column;
    }

    .c-1 {
        width: 100%;
    }

    .c-2 {
        width: 100%;
        margin-top: 25px;
    }

    iframe {
        border-radius: 15px;
    }


    /*footer*/

    footer .container-footer {
        flex-direction: column;
        align-items: center;
        gap: 25px;
        text-align: center;
    }
}