.custom-modal .modal-header{
    Padding: 2px;
}
.custom-modal .modal-title{
    text-align: center;
}
.custom-modal .modal-body{
    text-align: center;
}
.custom-modal.modal-dialog {
    position: relative;
    width: auto !important;
    margin: 20px !important;
}
@media (min-width: 768px) {
    .custom-modal.modal-dialog {
        width: 200px !important;
        margin: 100px auto !important;
    }
}
@media (max-width: 767px) {
    .custom-modal.modal-dialog {
        width: 300px !important;
        margin: 100px auto !important;
    }
}