// =============================================================================
// MODAL (CSS)
// =============================================================================

.modal {
    min-height: 240px;
}

.modal-header-title {
  text-align: center;
}

.modal-close {
  text-decoration: none;
}

.modal-body .modal-close {
    right: 20px;
    top: 15px;
    transform: none;
}

// =============================================================================
// MODAL (CSS)
// =============================================================================

.modal {
    left: 0;
    margin: 0 auto;
    max-height: 90%;
    max-width: 95%;
    min-height: 240px;
    right: 0;
    top: 50% !important;
}

.modal-header-title {
    text-align: center;
}

.modal-close {
    text-decoration: none;
}

.modal-body .modal-close {
    right: 20px;
    top: 15px;
    transform: none;
}

Fix modal layout for small screens
Fix modal layout for small screens
