.modal > .image-popup {
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}


    .modal > .image-popup > .image-desktop {
        width: 100%;
        padding-top: 0px;
        position: relative;
        top: -1px;
        z-index: -5;
    }

    .modal > .image-popup > .image-close {
        position: absolute;
        right: -14px;
        top: -14px;
        width: 25px;
        cursor: pointer;
    }

.modal > .desktop-size {
    width: 760px;
    max-width: 760px;
}

.modal > .mobile-size {
    width: 300px;
    max-width: 300px;
}

.modal-backdrop.in {
    filter: alpha(opacity=75) !important;
    opacity: .75 !important;
}

area {
    position: absolute;
}


.btnAppointment {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

@media (max-width: 767px) {
    .btnAppointment {
        width: 98%;
    }
}