@media screen and (min-width: 1029px) and (max-width: 1400px) {
    .oc2026 {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
    }
    .oc2026 > div:first-child {
        display: block !important;
        flex: 0 0 60% !important;
        width: 60% !important;
        max-width: 60% !important;
    }
    .oc2026 > div:last-child {
        display: flex !important;
        flex: 0 0 40% !important;
        width: 40% !important;
        max-width: 40% !important;
        flex-direction: column !important;
    }
    .oc2026 > div:last-child > div {
        flex: 1 !important;
        display: block !important;
        position: relative !important;
    }
}

@media screen and (max-width: 1028px) {
    .oc2026 a {
        height: auto !important;
        overflow: visible !important;
    }
    .oc2026 a img {
        position: static !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        width: 100% !important;
        height: auto !important;
    }
    .oc2026 {
        flex-direction: column !important;
    }
    .oc2026 > div:first-child {
        flex: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .oc2026 > div:last-child {
        flex: none !important;
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        padding: 8px 0 0 0 !important;
        gap: 8px !important;
    }
    .oc2026 > div:last-child > div:nth-child(1),
    .oc2026 > div:last-child > div:nth-child(2) {
        flex: 0 0 calc(50% - 4px) !important;
        width: calc(50% - 4px) !important;
    }
    .oc2026 > div:last-child > div:nth-child(3) {
        flex: 0 0 50% !important;
        width: 50% !important;
        margin: 0 auto !important;
    }
}