/* =========================================
   IPP APPLICATIONS PANEL RESPONSIVE
========================================= */

/* 1024px */
@media screen and (max-width: 1024px) {

    .ipp-app-slider {
        grid-auto-columns: calc((100% - 28px) / 2);
    }

    .ipp-slider-prev {
        left: 10px;
    }

    .ipp-slider-next {
        right: 10px;
    }
}

/* 768px */
@media screen and (max-width: 768px) {

    .ipp-applications {
        padding: 70px 0 80px;
    }

    .ipp-applications .ipp-section-heading {
        margin-bottom: 32px;
    }

    .ipp-app-slider {
        grid-auto-columns: calc((100% - 20px) / 2);
        gap: 20px;
    }

    .ipp-app-slider-wrap {
        margin: 35px 0;
    }

    .ipp-slider-button {
        display: flex;
        width: 38px;
        height: 38px;
        z-index: 5;
    }
}

/* 600px */
@media screen and (max-width: 600px) {

    .ipp-applications {
        padding: 50px 0 60px;
    }

    .ipp-applications .ipp-section-kicker {
        margin-bottom: 16px;
    }

    .ipp-applications .ipp-section-heading {
        margin-bottom: 24px;
    }

    .ipp-app-slider {
        grid-auto-columns: 100%;
        gap: 16px;
    }

    .ipp-app-slider-wrap {
        margin: 28px 0;
    }

    .ipp-app-card {
        height: 220px;
    }

    .ipp-app-card span {
        bottom: 16px;
        padding: 0 12px;
    }
}