@media (max-width: 576px) {

    .modal-dialog {
        margin: var(--modal-dialog-margin);
    }

    .modal-body {
        padding: 0;
    }

    .modal-content {
        border-radius: 0;
    }

    .modal-header {
        height: 10vh;
        background-color: var(--modal-body-background-color);
    }

    .header-nav-menu-container {
        display: none !important;
    }
}