@media only screen and (max-width: 576px) {
    .main{
        width: 100%;
    }
    .modal-login .modal-dialog{
        max-width: unset !important;
        height: 100vh;
        width: 100vw;
        margin: 0;
        display: flex;
        align-items: end;
    }
    .modal-login .modal-content{

        border-radius: 1rem 1rem 0 0;
    }
}
@media only screen and (min-width: 577px) and (max-width: 991px){
    .main{
        width: 100%;
    }
}