/* =========================================================
   VMENTORZ — TESTIMONIAL RESPONSIVE OVERRIDES
========================================================= */


/* =========================================================
   1200px
========================================================= */

@media (max-width: 1200px) {

    .testimonial-showcase,
    .testimonial-trust-bar {

        max-width: 100%;

    }

}


/* =========================================================
   900px
========================================================= */

@media (max-width: 900px) {

    .testimonial-showcase {

        grid-template-columns: 1fr;

    }

    .testimonial-list {

        display: grid;

        grid-template-columns:
            repeat(3, minmax(0, 1fr));

    }

}


/* =========================================================
   768px
========================================================= */

@media (max-width: 768px) {

    .testimonial-section {

        padding-left: 18px;
        padding-right: 18px;

    }

    .testimonial-list {

        display: flex;

        flex-direction: column;

    }

    .testimonial-mini-card:hover {

        transform: translateY(-3px);

    }

    .testimonial-trust-bar {

        display: flex;

        flex-direction: column;

        align-items: stretch;

    }

    .testimonial-trust-divider {

        width: 100%;
        height: 1px;

    }

}


/* =========================================================
   576px
========================================================= */

@media (max-width: 576px) {

    .testimonial-heading {

        padding: 0 5px;

    }

    .testimonial-heading h2 {

        font-size: 32px;

    }

    .testimonial-featured {

        padding: 25px 20px;

    }

    .testimonial-quote {

        font-size: 17px;

    }

    .testimonial-author {

        margin-bottom: 20px;

    }

}


/* =========================================================
   480px
========================================================= */

@media (max-width: 480px) {

    .testimonial-section {

        padding-top: 65px;
        padding-bottom: 60px;

    }

    .testimonial-heading h2 {

        font-size: 29px;

    }

    .testimonial-heading p {

        font-size: 12px;

    }

    .testimonial-mini-top {

        gap: 8px;

    }

    .testimonial-mini-rating span {

        font-size: 9px;

    }

}


/* =========================================================
   360px
========================================================= */

@media (max-width: 360px) {

    .testimonial-heading h2 {

        font-size: 26px;

    }

    .testimonial-featured {

        padding: 22px 17px;

    }

    .testimonial-quote {

        font-size: 16px;

    }

}