@media (max-width: 1180px) {
    .ca-home-talk-grid > * {
        flex-basis: calc(50% - 8px);
    }
}

@media (max-width: 960px) {
    .ca-card-grid > *,
    .ca-kpi-grid > * {
        flex-basis: calc(50% - 9px);
    }

    .ca-home-talk-grid > *,
    .ca-home-partner-grid > * {
        flex-basis: calc(50% - 8px);
    }

    .ca-home-speaker-grid > *,
    .ca-page-speaker-grid > *,
    .ca-speakers-grid > *,
    .ca-company-page__other-companies-grid > * {
        flex-basis: calc(50% - 8px);
    }

    .ca-home-ticket-grid > * {
        flex-basis: 100%;
        min-width: 0;
    }

    .ca-header-bar {
        flex-wrap: wrap;
    }

    .ca-top-nav {
        order: 3;
        width: 100%;
    }

    .ca-top-nav ul {
        flex-wrap: wrap;
    }

}

@media (max-width: 720px) {
    .ca-container {
        width: 100%;
        padding: 0 18px;
    }

    .ca-home-page {
        gap: 56px;
    }

    .ca-card-grid > *,
    .ca-kpi-grid > * {
        flex-basis: 100%;
        min-width: 0;
    }

    .ca-home-talk-grid > *,
    .ca-home-speaker-grid > *,
    .ca-home-partner-grid > *,
    .ca-page-speaker-grid > *,
    .ca-speakers-grid > *,
    .ca-company-page__other-companies-grid > * {
        flex-basis: 100%;
        min-width: 0;
    }

    .ca-home-hero__footer,
    .ca-home-ticket-card__prices {
        display: grid;
    }

    .ca-home-hero__play {
        width: 60px;
        height: 60px;
        flex-basis: 60px;
    }

    .ca-home-hero__inner {
        width: min(100%, calc(100% - 24px));
    }

    .ca-home-hero__surface {
        min-height: 470px;
        padding-top: 88px;
    }

    .ca-home-talk-card {
        min-height: 0;
        padding: 24px;
    }

    .ca-home-talk-card__title {
        font-size: clamp(22px, 8vw, 30px);
    }

    .ca-home-talk-card__info-row {
        gap: 8px;
    }

    .ca-data-list__row {
        display: grid;
    }

    .ca-data-list__value {
        text-align: left;
    }

    .ca-header-actions {
        width: 100%;
    }

    .ca-header-cta,
    .ca-header-link {
        flex: 1;
    }

    .ca-section-head {
        gap: 32px;
    }
}