.modal-dialog {
    max-width: 60% !important;
}

/* Mobile Styles */
@media only screen and (max-width: 400px) {
    .modal-dialog {
        max-width: 100% !important;
    }
}

/* Tablet Styles */
@media only screen and (min-width: 401px) and (max-width: 960px) {
    .modal-dialog {
        max-width: 100% !important;
    }
}