@media (min-width: 1200px) {

    .modal-dialog.ob-modal-640px {
        max-width: 640px !important;
    }

    .modal-dialog.ob-modal-840px {
        max-width: 840px !important;
    }

    .modal-dialog.ob-modal-580px {
        max-width: 580px !important;
    }


    .modal-dialog.ob-modal-480px {
        max-width: 480px !important;
    }

    .modal-dialog.ob-modal-580px {
        max-width: 580px !important;
    }

    .modal-content {
        height: max-content !important;
    }

    .modal-dialog.ob-modal-400px {
        max-width: 400px !important;
    }

    .modal-dialog.ob-modal-1140px {
        max-width: 1140px !important;
    }
}

@media (max-width: 1200px) {
    .modal-dialog.ob-modal-640px, div.modal.show div.modal-dialog  {
        max-width: 100% !important;
        margin: 0 !important;
    }



    .modals-media {
        width: 100%;
    }

    .modal.show {
        padding: 0px !important;
    }

    .modal-content {
        height: 100% !important;
    }

    .modal.fade.show {
        display: flex !important;
        align-items: flex-end;
    }

    .modal-documents .modal-body {
        overflow-y: auto
    }

    .modal-documents .modal-content {
        height: 100vh !important;
    }

    div.modal-content {
        width: 100% !important;
        min-width: 100% !important;
    }


    .modal-documents .modal-body {
        overflow-y: auto
    }

    .modal-documents .modal-content {
        height: 100vh !important;
    }

    div.modal-content {
        width: 100% !important;
        min-width: 100% !important;
    }

    .class {
        padding-bottom: 50px;
    }
}

.modal.show {
    display: block !important;
    width: 100%;
}

.modal-content .modal-header {
    padding: 30px 30px 0px !important;
}



.modal-content .modal-body {
    padding: 0px 30px 30px !important;
}

.modal-footer {
    padding: 0px 30px 30px !important;
    position: relative !important;
}