Mobile modals

<style>

@media (max-width: 991px) {
.msg {width:100%;max-width:100%;opacity:1;}
.msg.msg-success, .msg.msg-notice, .msg.msg-error, .msg.msg-info {background:#00000042;border:none;padding:20px;position:absolute;inset: 0 0 0 0;height:100vh;display:flex;flex-direction:column;justify-content: flex-end;}
.msg .container {width:100% !important;background:#fff; padding:20px 30px 50px;border-radius: 20px;color:#000;text-align:center;font-size:20px;}
.msg .container:before {content:'';display:block;width:149px;height:149px;margin: 0px auto 30px;}
.msg.msg-success a, .msg.msg-notice a, .msg.msg-error a, .msg.msg-info a {color:#28bf0d;text-decoration:underline;}
.msg.msg-success .container:before, .msg.msg-notice .container:before {background-image:url("/user/documents/upload/modals_success.png");}
.msg.msg-error .container:before {background-image:url("/user/documents/upload/modals_error.png");}
.msg.msg-info .container:before {background-image:url("/user/documents/upload/modals_info.png");}
}
</style>