@media only screen
and (min-height : 10px)
and (max-height : 600px) {
    .overlay-container{
        display: none;
    }

    .sing-up-container{
        width: 100%;
    }

    .container.right-panel-active .sing-up-container {
        transform: none;
    }
    
    .onlyMobile{
        display: block;
        text-align: center;
    }
    
    .onlyDesktop{
        display: none;
    }
    
    .border-red{
        border: 2px solid red;
    }
    
    .panel-size{
        width: 100% !important;
        height: 95% !important;
        max-height: 500px !important;
        border: 1px solid red;
    }
}