@media (max-width: 960px) {
    .api-hero__text h2 {
        font-size: 30px;
        margin-bottom: 30px;
    }

    .api-hero__action {
        margin-bottom: 32px;
    }

    .api-value,
    .api-usecases,
    .api-steps,
    .api-stats,
    .api-endpoints,
    .api-compare,
    .api-positioning,
    .api-contact {
        padding: 80px 0;
    }

    .api-steps__row {
        display: flex;
        align-items: baseline;
        gap: 16px;
    }

    .api-steps__row::before,
    .api-steps__row::after {
        display: none;
    }

    .api-steps__row>[class*="col-"] {
        float: none;
        width: auto;
        padding-left: 8px;
        padding-right: 8px;
    }

    .api-steps__row>.col-sm-10:not(.api-steps__empty) {
        flex: 1;
    }

    .api-steps__empty {
        display: none;
    }

    .api-steps__center {
        padding: 0;
    }

    .api-steps__line {
        display: none;
    }

    .api-stats__row>[class*="col-"] {
        width: 50%;
    }

    .api-stats__row {
        row-gap: 20px;
    }

    .api-endpoints .btn {
        margin-bottom: 32px;
    }

    .api-compare__feature {
        padding-right: 20px;
        font-size: 16px;
    }

    .api-compare__feature--head {
        font-size: 11px;
    }

    .api-compare__header-mk,
    .api-compare__header {
        font-size: 11px;
        width: 150px;
        padding: 16px 8px;
    }

    .api-compare__item,
    .api-compare__item-mk {
        width: 150px;
        padding: 12px 8px;
    }

    .api-compare__status {
        gap: 6px;
        font-size: 12px;
        line-height: 1.3;
    }

    .api-compare__status svg {
        width: 16px;
        height: 16px;
    }
}

@media (max-width: 767px) {
    .api-hero__text {
        text-align: center;
    }

    .api-hero__action {
        justify-content: center;
    }

    .api-positioning::before {
        background-position: top 100px right -140px;
        background-size: 400px;
        opacity: 0.5;
    }

    .api-positioning .row {
        flex-direction: column;
    }
}

@media (max-width: 640px) {

    .api-value,
    .api-usecases,
    .api-steps,
    .api-stats,
    .api-endpoints,
    .api-compare,
    .api-positioning,
    .api-contact {
        padding: 64px 0;
    }

    .api-hero {
        padding: 64px 0 48px;
    }

    .api-stats__row>[class*="col-"] {
        width: 100%;
    }
}

@media (max-width: 576px) {

    .api-compare__header-mk,
    .api-compare__header,
    .api-compare__item,
    .api-compare__item-mk {
        width: 107px;
    }

    .api-compare__feature {
        font-size: 13px;
    }
}