@media (min-width: 768px) and (max-width: 992px) {
    .right-section {
        display: none;
    }
}

@media (min-width: 993px) and (max-width: 1199px) {
    .container-fluid {
        padding: 0;
        margin: 0;
    }

    .left-section, .left-section.options {
        padding: var(--padding-xl) var(--padding-xl);
    }

    .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;
    }

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