/* Hide by default (portrait / narrow screens) */
.d-portrait-none-table-cell {
    display: none !important;
}

/* d-landscape-none: visible in portrait (uses element's natural display), hidden in landscape */

/* Landscape orientation: show expanded view */
@media (orientation: landscape) {
    .d-portrait-none-table-cell {
        display: table-cell !important;
    }

    .d-landscape-none {
        display: none !important;
    }
}

/* Large screens always show expanded (portrait desktop monitors, tablets) */
@media (min-width: 992px) {
    .d-portrait-none-table-cell {
        display: table-cell !important;
    }

    .d-landscape-none {
        display: none !important;
    }
}