@media(max-width:480px){
    .header{
        position: sticky;
        top:0px;
        z-index: 999;
    }
    .contenedor{
        width: 100%;
        /*scale:0.8;*/
    }
    #lblAplicacion {
        display: none;
    }
    nav{
        display: none;
        flex-direction: column;
        width: 100%;
        left:0px;
        top:72px;
    }

    .loginDisplay {
        justify-content: space-between;
        font-size: 1.1em;
        text-align: right;
        padding: 10px 4px;
        color: White;
    }
    .submenu{
        padding-left: 40px;
    }
    #icon-menu {
        display: block;
        position: absolute;
        top: 50px;
        right: 15px;
    }
    #user{
        position:absolute;
        top:50px;
        left:10px; 
    }


    .botones{
        display: flex;
        flex-direction: column-reverse;
        align-items: stretch;
        
    }    
    .botones>input {
        margin-left: 5px;
        margin-right: 5px;
        padding: 10px;
        margin-top: 0px;
    }
    .tabla {
        width: none;
        overflow: scroll;
    }
    #galeria{
        flex-direction: column;
    }
    .modal {
        position: absolute;
        top: 30%;
        left: auto;
        width: 55vw!important;
        height: auto!important;
    }

}
@media(max-width:400px)
{
    .header{
        position: sticky;
        top:0px;
        z-index: 999;
    }
    input[type=text] {
        max-width: 295px!important;
        margin-right: 8px;
    }
    select{
        max-width: 295px!important;
        margin-right: 8px;
    }
    .frame2{
        min-width: auto;
    }
}