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

    .logo_crd {
        width: 40%;
    }

    .btn_abrir{
        bottom: 60px;
        right: 10px;
    }
        .btn_cerrar {
            width: 40px;
            height: 40px;
        }

        .modal {
            width: 90vw;
        }

        .logo_hm {
            width: 30%;
        }

        .hm_element {
            padding: 20px;
            gap: 40px;
            top: 30px;
        }

        #hm_element1,
        #hm_element2,
        #hm_element3,
        #hm_element4,
        #hm_element4_bis,
        #hm_element5,
        #hm_element6,
        #hm_element7,
        #hm_element8 {
            font-size: 18px;
        }

        #nav a {
            padding: 12px;
        }



        #side_menu {
            width: 300px;
            bottom: 0px;
            left: 0px;

        }

        .hor_line1,
        .hor_line2,
        .dot1,
        .dot2,
        .img1,
        .img2 {
            display: none;
        }

        .mex,
        .cr {
            width: 300px;
            height: 300px;
        }
.mex{
    top: 50px;
}
        .cr {
            right: 0px;
            top:0px;
            bottom: 900px;
        }
        
           .social_link{
        padding-left: 0px;
        text-align: center;
        position: relative;
        bottom: 150px;
        right: 20px;
        left: 0px;
        min-width: 300px;
    }
    .social_link a{
        width: 50px;
        height: 50px;
        line-height: 50px;
        bottom: 5px; 
        font-size: 30px;   
    }
    .whatsapp{
    background-color: rgb(37, 211, 102) !important;
    width: 70px !important;
    height: 70px !important;
    font-size: 40px !important;
    line-height: 70px !important;
}
        .ul_footer{
            position: relative;
            bottom: 0px;
            right: 0px;
            top: 50px;
            display: block;
            
        }
        .li_footer a{
            font-size: 10px;
            
        }
       
        h4{
            text-align: center;
            vertical-align: middle;
            font-size: 12px;
            position: relative;
            bottom: 60px;
        }
       
    }