@media (max-width: 1440px) {

    #mafensa_login_app > article form {

        width: 50%;

    }

    #mafensa_login_app > article form img#logotipo_mafensa {

        width: 35%;

    }

} /* 1440 x 900 (Escritorio medio) */

@media (max-width: 1366px) {

} /* 1366 x 768 (Portatil medio) */

@media (max-width: 1200px) {

}

@media (max-width: 1023px) {

}

@media (max-width: 992px) {

    #mafensa_login_app > article form img#logotipo_mafensa {

        width: 40%;

    }

}

@media (max-width: 880px) {

    #mafensa_login_app > article form img#logotipo_mafensa {

        width: 45%;

    }

}

@media (max-width: 768px) {

    body.menu_op {

        overflow: hidden;

        width: 100vw;

        height: 100vh;

    }

    #menu_identificator .brand_logo { 

        /* display: flex; */

        /* justify-content: space-between; */

        padding: 0.5em;

        /* align-items: center; */

        position: sticky;

        top: 0;

        background-color: var(--white);

        box-shadow: 0px 2px 5px var(--gray_border_elem);

        transition: all .2s;

    }

    #menu_identificator.menu_open .brand_logo { 

        background: var(--gray_light); 

        position: fixed;

        width: 100vw;

        z-index: 2;

    }

    #menu_identificator .brand_logo > a { width: 10%; }

    #menu_identificator .brand_logo > a img { width: 100%; }

    /* #menu_identificator .brand_logo > a ~ div {

        display: flex;

    } */

    #menu_identificator .brand_logo .collapse_btn {

        /* background-color: var(--white); */

        cursor: pointer;

        display: inline-block;

        margin-right: 0.7em;

        padding: 0.3em 0.6em;

    }

    #menu_identificator .brand_logo .collapse_btn span {

        height: auto;

        font-size: 1.5em;

        color: var(--gray_border_btn);

    }

    #menu_identificator .menu_hidden {

        position: absolute;

        width: 100%;

        height: 94vh;

        top: 6vh;

        left: 100%;

        background-color: var(--gray_light);

        transition: left .2s;

        padding: 0;

        /* width: 0; */

    }

    #menu_identificator.menu_open .menu_hidden {

        left: 0;

        /* width: 100vw; */

        padding-left: 1.5em;

        padding-right: 1.5em;

    }

    #menu_identificator .menu_hidden h2 { 

        font-size: 1.2em; 

        transition: color .2s;

    }

    #menu_identificator .menu_hidden h2.active { color: var(--orange) }

    #menu_identificator .menu_hidden h2 i { transition: transform .2s }

    #menu_identificator .menu_hidden h2.active i { transform:rotate(180deg) }

    #menu_identificator .menu_hidden h2 ~ .item_dropdown {

        height: 0;

        overflow: hidden;

        transition: all .2s;

    }

    #menu_identificator .menu_hidden h2 ~ .item_dropdown::-webkit-scrollbar { display: none; }

    #menu_identificator .menu_hidden h2 ~ .item_dropdown.active {

        overflow: auto;

        background-color: var(--gray_light);

    }

    #menu_identificator .menu_hidden .item_dropdown .column a { color: var(--black) }

    #menu_identificator #btn_out {

        font-size: 1.2em!important;

        /* background-color: var(--gray_default); */

    }

}

@media (max-width: 720px) {

    #mafensa_login_app > article form {

        width: 90%;

    }

    #mafensa_login_app > article form img#logotipo_mafensa {

        width: 30%;

    }

} /* 720 x 1280 (Smartphone grande) */

@media (max-width: 680px) {

    #mafensa_login_app > article form img#logotipo_mafensa {

        width: 35%;

    }

}

@media (max-width: 600px) {

    #mafensa_login_app > article form img#logotipo_mafensa {

        width: 40%;

    }

}

@media (max-width: 500px) {

    #mafensa_login_app > article form img#logotipo_mafensa {

        width: 50%;

    }

}

@media (max-width: 375px) {

    #mafensa_login_app > article form img#logotipo_mafensa {

        width: 65%;

    }

} /* 375 x 667 (movil mediano) */