.modal-dialog-end {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
}

.modal-content {
    height: 100%;
    border-radius: 0;
}

.modal-custom-width {
    height: 100vh; /* 100% height */
    max-height: 100vh;
    width: 100%; /* default for mobile */
}

/*@media (min-width: 992px) {*/ /* lg and up */
    /*.modal-custom-width {
        max-width: 50vw;
    }
}*/

@media (min-width: 768px) {
    .modal-custom-width {
        width: 50vw; /* 50% of viewport width for tablet and up */
        max-width: 50vw;
    }
}

.modal-content {
    height: 100%;
    border-radius: 0;
}

.modal-dialog {
    margin: 0;
}

/* Slide animation */
.modal.fade .modal-dialog-slide {
    transform: translateX(100%);
    transition: transform 0.4s ease-out;
}

.modal.fade.show .modal-dialog-slide {
    transform: translateX(0);
}