.scrollable {
    overflow-x: auto;
}
.flipped{
    direction: rtl;
}
@media only screen and (max-width: 360px) {
    .modal-dialog-custom {
        width: 350px;
    }
}
@media only screen and (min-width: 411px) {
    .modal-dialog-custom {
        width: 401px;
    }
}
@media only screen and (min-width: 540px) {
    .modal-dialog-custom {
        width: 530px;
    }
}
@media only screen and (min-width: 600px) {
    .modal-dialog-custom {
        width: 590px;
    }
}
@media only screen and (min-width: 700px) {
    .modal-dialog-custom {
        width: 700px;
    }
    .scrollable {
        overflow-x: hidden;
    }
}