@media (max-width: 768px){
    body, html
    {
        width: 100vw;
        overflow-x: hidden;
    }



/* ////    MENU FLUTUANTE    //// */
    header .main_header
    {
        padding: 10px;
    }

    header.main_header .logo img
    {
        width: 130px;
    }

    header.main_header nav ul li
    {
        display: none;
    }

    header.main_header nav ul li.menu_mobile
    {
        display: flex;
    }

    header.main_header nav ul li.mobile span
    {
        font-size: 30pt;
    }




/* ////    INICIO    //// */
    section.home
    {
        height: auto;
        padding: 80px 20px;
    }

    section.home .container
    {
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
        padding: 0;
    }

    section.home .container .left_side,
    section.home .container .right_side
    {
        width: 100%;
        margin: 0;
    }

    section.home .container .left_side .text
    {
        margin-bottom: 20px;
    }

    section.home .container .left_side .text h1
    {
        font-size: 22pt;
        line-height: 30px;
        margin: 50px 0;
        margin-bottom: 30px;
    }

    section.home .container .left_side .text p
    {
        font-size: 11pt;
        line-height: 20px;
        font-weight: 400;
    }

    section.home .container .left_side .info_container
    {
        width: 100%;
        margin: 0;
    }

    section.home .saiba_mais:hover
    {
        color: #000000;
    }






/* ////    CALL TO ACTION    //// */
    section.call_to_action
    {
        height: auto;
        padding: 150px 0;
    }

    section.call_to_action .bg_img.img01
    {
        bottom: -2%;
        left: -5 0%;
        display: none;
    }

    section.call_to_action .bg_img.img02
    {
        display: none;
    }

    section.call_to_action .bg_img.img03
    {
        display: none;
    }

    section.call_to_action .container
    {
        width: 90%; height: auto;
        background-color: #f2f2f26d;
        backdrop-filter: blur(30px);
        border-radius: 15px;
        overflow: hidden;
        box-shadow: #69696997 0 0 50px;
        position: relative;
    }

    section.call_to_action .container img
    {
        display: none;
    }

    section.call_to_action .container .text_and_button
    {
        width: 100%;;
        padding: 50px 20px;
    }

    section.call_to_action .container .text_and_button ul.lista_valores {
        display: block;
        list-style-position: inside;
        list-style-type: "✔";
        list-style-image: url("/assets/images/home/v_check.png");
        margin-bottom: 20px;
    }
    
    section.call_to_action .container .text_and_button ul.lista_valores li {
        font-size: 11pt;
        font-weight: 300;
        padding-bottom: 4px;
    }

    section.call_to_action .container .text_and_button .button .content
    {
        border-width: 3px;
    }

    


/* ////    POR QUE ESCOLHER A BIOQUALITY    //// */
    section.motivo_escolher
    {
        height: auto;
        overflow: auto;
        flex-direction: column;
    }

    section.motivo_escolher h2
    {
        position: static;
        font-size: 20pt;
        text-align: center;
        margin-bottom: 50px;
    }

    section.motivo_escolher .bg_img
    {
        display: none;
    }

    section.motivo_escolher .container
    {
        width: auto; height: auto;
        padding: 0;
        display: flex;
        gap: 20px;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        box-shadow: none;
        border-radius: 0;
        border: none;
        background-color: #FFFFFF;
        padding-right: 0;
        padding: 20px;
    }

    section.motivo_escolher .container .box
    {
        width: 100%;
        height: auto;
        background-color: #F2F2F2;
        border-radius: 10px;
        margin-right: 0;
        flex-direction: column;
    }

    section.motivo_escolher .container .box .top
    {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: top;
        margin-bottom: 30px;
    }




/* ////    CITACAO    //// */
    section.citacao h2
    {
        font-size: 14pt;
        width: auto;
        padding: 0 20px;
    }
    



/* ////    DADOS    //// */
    section.dados
    {
        padding: 10px;
    }

    section.dados .container
    {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        gap: 10px;
    }

    section.dados .box
    {
        height: 200px;
    }

    /* box 01 */
    section.dados .box.titulo 
    {
        height: 100%;
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 3;
    }

    section.dados .box.entre_em_contato
    {
        min-height: 250px;
    }




/* ////    BIOQUALITY ASSESSMENT    //// */
    section.bio_assessment
    {
        margin-top: 50px;
        padding: 20px;
    }

    section.bio_assessment h2
    {
        font-size: 20pt;
        margin: 50px auto;
        text-align: center;
    }

    section.bio_assessment p.text
    {
        width: 100%;
        z-index: 1;
        padding: 5px;
    }

    section.bio_assessment .bg_img.img01
    {
        z-index: 0;
        transform: rotate(40deg);
        right: -850px;
        display: none;
    }

    section.bio_assessment .bg_img.img02
    {
        display: none;
    }

    section.bio_assessment .container
    {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        gap: 10px;
        margin-top: 30px;
    }
    
    section.bio_assessment .container .box
    {
        width: 100%; height: 100%;
        z-index: 1;
        margin: 0;
        font-size: 10pt;
    }

    section.bio_assessment .container .box img
    {
        width: 100%; height: auto;
        object-fit: contain;
        border-radius: 10px;
        background-color: red;
    }
    



/* ////    FAQ    //// */
    section.faq
    {
        padding: 0;
        padding-bottom: 50px;
    }

    section.faq h2
    {
        font-size: 16pt;
        margin: 50px auto;
        text-align: center;
        box-shadow: inset 0 -12px 0 0 #4DD493;
    }

    section.faq .container .box
    {
        max-height: none;
        height: auto;
        border-radius: 0;
        background-color: #FFFFFF;
        border-bottom: 1px solid;
        border-color: #bbbbbb;
        margin: 0;
    }

    section.faq .container .box .question
    {
        font-size: 11pt;
        height: auto;
        padding: 10px 20px;
    }

    section.faq .container .box .answer
    {
        display: none;
    }

    section.faq .container .box.active .answer
    {
        display: block;
        padding: 10px 20px;
    }

    section.faq .container .box .answer p,
    section.faq .container .box .answer ul li
    {
        font-size: 11pt;
    }




/* ////    CONTATO CTA    //// */
    section.contato_cta
    {
        padding: 0;
        background-color: #FFFFFF;
        box-shadow: none;
    }

    section.contato_cta .box
    {
        width: 100%;
        height: 100%;
        box-shadow: none;
        border-radius: 0;
        background-color: #F2F2F2;
    }

    section.contato_cta .box h2
    {
        width: auto;
        padding: 0 15px;
        font-size: 16pt;
        text-align: start;
    }

    section.contato_cta .box .text
    {
        padding: 15px;
    }
    



/* ////     Endereços     //// */

    section.enderecos {
        padding: 15px;
    }

    section.enderecos h1 {
        font-size: 20pt;
        margin: 30px 0;
    }
    
    section.enderecos .group-card-loc {
        flex-direction: column;
        margin: 20px 0;
    }
    
    section.enderecos .card-loc {
        width: auto;
        margin: 20px 0;
        justify-content: center;
    }
    
    section.enderecos .card-loc-cont{
        margin: 20px;
    }
    
    section.enderecos .card-loc-cont h2{
        font-size: 15pt;
        box-shadow: inset 0 -12px 0 0 #4DD493;
    }
    
    section.enderecos .card-loc-cont p img{
        width: 15pt;
    }
    
    section.enderecos .card-loc-cont iframe {
        display: none;
    }

    section.enderecos .card-loc-cont a {
        display: contents;
    }

    section.enderecos .card-loc-cont a button{
        background-color: #4DD493;
        padding: 10px;
        border: none;
        border-radius: 20px;
        color: #F2F2F2;
        font-size: 10pt;
    }



    
/* ////    CONTATOS    //// */
    section.contatos_gerais
    {
        padding: 20px;
    }

    section.contatos_gerais .contatos_info
    {
        padding: 0;
    }

    section.contatos_gerais .box_imgs_cont
    {
        display: none;
    }
}