@media (max-width: 767px) {
    .modal.modal-fullscreen, .bootstrap-fs-modal .modal { box-shadow: 0px 0px 0px 100px white; }
        .modal.modal-fullscreen .modal-dialog, .bootstrap-fs-modal .modal .modal-dialog { margin: 0; height: 100%; max-width: 100%; }
            .modal.modal-fullscreen .modal-dialog .modal-content, .bootstrap-fs-modal .modal .modal-dialog .modal-content { border-style: none; border-radius: 0; height: 100%; }
                .modal.modal-fullscreen .modal-dialog .modal-content .modal-header, .bootstrap-fs-modal .modal .modal-dialog .modal-content .modal-header { justify-content: flex-start; min-height: 50px; line-height: 50px; padding: 0; background-color: #f8f8f8; }
                    .modal.modal-fullscreen .modal-dialog .modal-content .modal-header .modal-title, .bootstrap-fs-modal .modal .modal-dialog .modal-content .modal-header .modal-title { white-space: nowrap; line-height: 50px; font-size: 1.1rem; }
                    .modal.modal-fullscreen .modal-dialog .modal-content .modal-header .close, .bootstrap-fs-modal .modal .modal-dialog .modal-content .modal-header .close { float: none; order: -1; margin: 0; padding: 0; margin-right: 12px; height: 50px; color: transparent; text-shadow: none; opacity: 1; }
                        .modal.modal-fullscreen .modal-dialog .modal-content .modal-header .close:before, .bootstrap-fs-modal .modal .modal-dialog .modal-content .modal-header .close:before { border-style: solid; border-color: #007bff; border-width: 0.15em 0.15em 0 0; content: ''; display: inline-block; height: 0.5em; left: 0.55em; position: relative; top: 0.28em; transform: rotate(-45deg); vertical-align: top; width: 0.5em; transform: rotate(-135deg); }
                .modal.modal-fullscreen .modal-dialog .modal-content .modal-footer, .bootstrap-fs-modal .modal .modal-dialog .modal-content .modal-footer { position: absolute; top: 0; right: 0; padding: 0; margin: 0 10px 0 0; height: 50px; min-height: 50px; line-height: 50px; background-color: #f8f8f8; }
                    .modal.modal-fullscreen .modal-dialog .modal-content .modal-footer .btn, .bootstrap-fs-modal .modal .modal-dialog .modal-content .modal-footer .btn { border: none; background-color: transparent; margin: 0 0 0 10px; padding: 0; outline: none; box-shadow: none; font-size: 1.0rem; color: #007bff; }
                        .modal.modal-fullscreen .modal-dialog .modal-content .modal-footer .btn:hover, .modal.modal-fullscreen .modal-dialog .modal-content .modal-footer .btn:active, .bootstrap-fs-modal .modal .modal-dialog .modal-content .modal-footer .btn:hover, .bootstrap-fs-modal .modal .modal-dialog .modal-content .modal-footer .btn:active { text-decoration: underline; }
                        .modal.modal-fullscreen .modal-dialog .modal-content .modal-footer .btn[data-dismiss="modal"], .bootstrap-fs-modal .modal .modal-dialog .modal-content .modal-footer .btn[data-dismiss="modal"] { display: none; }
                    .modal.modal-fullscreen .modal-dialog .modal-content .modal-footer .material-icons, .bootstrap-fs-modal .modal .modal-dialog .modal-content .modal-footer .material-icons { vertical-align: middle; }
                    .modal.modal-fullscreen .modal-dialog .modal-content .modal-footer .fa, .bootstrap-fs-modal .modal .modal-dialog .modal-content .modal-footer .fa { vertical-align: middle; font-size: 1.25em; }
                .modal.modal-fullscreen .modal-dialog .modal-content .modal-body, .bootstrap-fs-modal .modal .modal-dialog .modal-content .modal-body { flex-shrink: 3; overflow: auto; -webkit-overflow-scrolling: touch; }
    .modal.modal-fullscreen-bottom-footer .modal-dialog .modal-content .modal-footer, .modal-fullscreen-bottom-footer .modal .modal-dialog .modal-content .modal-footer { position: inherit; top: inherit; right: inherit; padding: 15px; margin: 0; }
        .modal.modal-fullscreen-bottom-footer .modal-dialog .modal-content .modal-footer .btn, .modal-fullscreen-bottom-footer .modal .modal-dialog .modal-content .modal-footer .btn { margin: 0 0 0 18px; }
}

@media (min-width: 768px) {
    .modal.modal-fullscreen .modal-dialog .modal-content, .bootstrap-fs-modal .modal .modal-dialog .modal-content { max-height: calc(100vh - 60px); }
        .modal.modal-fullscreen .modal-dialog .modal-content .modal-body, .bootstrap-fs-modal .modal .modal-dialog .modal-content .modal-body { flex-shrink: 3; overflow: auto; -webkit-overflow-scrolling: touch; }
}