.modal {
    opacity: 1 !important;
    display: flex !important;
    position: fixed !important;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #2e2d50;
    align-items: center;
}

@media (max-width: 575px) {

    .modal {
        height: 100vh;
        position: relative !important;
        width: 100% !important;
        display: block !important;
        padding: 0;
        margin: 0;
    }
    #loginModal .new_modal_design {
        width: 100%;
        border-radius: 0;
        height: 100vh;
        position: relative;
    }
    .modal-dialog {
        position: relative;
        width: 100%;
        margin: 0;
        pointer-events: none;
        height: 100vh;
        padding: 0 !important;
    }
}