@media (max-width: 480px) {

    .container-mb {
        max-width: 480px;
        padding: 0 1rem;
        margin: 0 auto;
    }

    header .texts-menu .logo {
        padding: 0 0 0 1rem;
    }

    header .texts-menu nav {
        display: none;
    }

    header .texts-menu #hamburguer {
        display: block;
        position: absolute;
        right: 5%;
    }

    header .texts-menu nav ul {
        position: fixed;
        top: 80px;
        left: 0;
        flex-direction: column;
        background-color: var(--bg-color-green);
        width: 100vw;
        height: 20vh;
        display: flex;
        justify-content: space-around;
    }

    header .texts-menu nav ul li a {
        color: white;
    }

    header .texts-menu a.btn_gr {
        display: none;
    }

    .banner {
        flex-direction: column;
    }

    .banner .box-texts {
        width: 100%;
    }

    .banner .box-texts span {
        display: none;
    }

    .banner .box-texts h1 {
        padding-top: 120px;
        text-align: center;
    }

    .banner .box-texts p {
        text-align: center;
    }

    .banner .box-texts .sofa-img-mb {
        display: block;
        width: 100%;
    }

    .banner .box-texts .sofa-img-mb img {
        width: 100%;
    }

    .banner .box-texts .btn_cta {
        flex-direction: column;
        display: flex;
        gap: 15px;
        text-align: center;
    }

    .banner .box-texts .btn_cta {
        flex-direction: column;
        display: flex;
        gap: 15px;
        text-align: center;
    }

    .banner .box-texts .btn_cta .green,
    .banner .box-texts .btn_cta .white {
        margin-right: 0px;
    }

    .banner .sofa-img {
        display: none;
    }

    .servicos {
        text-align: center;
    }

    .servicos .border {
        display: none;
    }

    .servicos .type-services {
        flex-direction: column;
    }

    .servicos .type-services .service-sofa {
        width: 100%;
        padding: 15px;
        text-align: left;
        min-height: 290px;
        justify-content: space-around;
    }

    .servicos .type-services .service-sofa svg {
        background-color: var(--bg-color-light-green);
        border-radius: 50%;
        padding: 12px 10px;
    }

    .servicos .type-services .service-sofa .sofa-img {
        display: none;
    }

    .servicos .type-services .service-another {
        width: 100%;
        margin-top: 20px;
        gap: 20px;
    }

    .servicos .type-services .service-another .serv-colchao {
        width: 100%;
        min-height: 290px;
        text-align: left;
        padding: 0px;
    }

    .servicos .type-services .service-another .serv-colchao .texto_col {
        width: 100%;
        height: 290px;
        flex-direction: column;
        display: flex;
        justify-content: space-around;
        padding: 15px;
        background-color: white;
        border-radius: 10px;
    }

    .servicos .type-services .service-another .serv-colchao .img-col {
        display: none;
    }

    .servicos .type-services .service-another .more-serv {
        width: 100%;
        flex-direction: column;
        display: flex;
        gap: 20px;
    }

    .tapetes,
    .poltronas {
        width: 100%;
        min-height: 290px;
        border-radius: 10px;
        padding: 15px;
        flex-direction: column;
        display: flex;
        justify-content: space-between;
        text-align: left;
        background-color: white;
    }

    /* |||||||||||||||||||||||||| seção responsável pelos Benefícios |||||||||||||||||||||||||| */

    .pontos-positivos {
        height: 100vh;
        text-align: center;
        display: flex;
        justify-content: center;
        flex-direction: column;
        margin-top: 70px;
    }

    .pontos-positivos .container-mb h2 {
        padding: 40px;
    }

    .pontos-positivos .box-pontos {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 50px;
        margin-top: 40px;
    }


    .pontos-positivos .box-pontos .pontos .box-pont {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
        height: 130px;
    }

    /* |||||||||||||||||||||||||| seção responsável pelo CTA |||||||||||||||||||||||||| */

    .cta .cta_box {
        background-color: #DEEFEF;
        border-radius: 25px;
        display: block;
        text-align: center;
        justify-content: space-between;
        align-items: stretch;
        padding: 0;
    }

    .cta .cta_box .btn-cta {
        margin-top: 10px;
    }

    .cta .cta_box .btn-cta a {
        /* font-size: 24px; */
        color: white;
        text-decoration: none;
        background-color: var(--bg-color-green);
        font-weight: 400;
        padding: 10px 15px;
        border-radius: 35px;
        font-size: clamp(0.938rem, 1vw + 0.5rem, 1.125rem);
    }


    /* seção footer */

    footer .box-info-footer {
        width: 100%;
        height: 100%;
        flex-direction: column;
        justify-content: space-evenly;
        text-align: center;
        padding: 25px 0;
    }

    footer .box-info-footer .menu {
        display: none;
    }




}