@media (max-width: 374px) {
}

@media (min-width: 375px) and (max-width: 767px) {
}

@media (max-width: 767px) {
    .container-fluid {
        padding: 0;
        margin: 0;
    }
    .right-section {
        display: none;
    }
    .left-section, .left-section.options {
        padding: var(--padding-xxl) var(--padding-lg);
    }

    .button-wrapper {
        flex-direction: column-reverse;
        align-items: stretch;
        gap: 1rem;
    }

    .button-wrapper .d-flex {
        flex-direction: column;
        width: 100%;
    }

    .button-wrapper a {
        width: 100%;
        text-align: center;
    }

    .option-wrapper {
        flex-direction: column;
    }

    .options-card {
        width: 100%;
    }

    .button-wrapper .btn-primary-md-text { order: -3; }
    .button-wrapper .btn-outline-md-text { order: -2; }
    .button-wrapper .btn-link-md-text { order: -1; }
}