/* ================================= */
/* --------- Responsive CSS -------- */
/* ================================= */
@media (max-width: 1080px) and (min-width: 768px) {
}
@media (max-width:1040px) and (min-width: 992px) {
}
@media (max-width: 1439px) {
}
@media (min-width:992px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
    .pricing-section .c-hero__card {
        padding: 90px 22px 25px 22px;
        width: 100%;
        margin-bottom: 100px;
    }
    .pricing-section .c-hero__card:nth-child(2) {
        margin-left:0;
    }
    .c-hero__content {
        max-width: 100%;
    }
}
@media (max-width: 667px) {
    .api-section {
        padding:0 0 5rem 0;
    }
    .c-pricing-graph__results {
        padding: 2rem 0;
    }
    .c-pricing-graph__results .c-heading--l5 {
        font-size: 14px;
    }
    .c-pricing-graph__results .c-heading--l3 {
        font-size: 28px;
    }
}
@media (max-width: 575px) {
    .pricing-section .c-hero__cards {
        margin:0;
    }
    .pricing-section .c-hero__card {
        padding: 90px 10px 25px 10px;
    }
    .c-hero__content h1 {
        font-size: 33px;
        line-height:40px;
    }
}
@media (max-width: 480px) {
}