/* ==========================================
   RESPONSIVE
========================================== */

/* ==========================================
   Large Desktop
========================================== */

@media (max-width:1400px){

}

/* ==========================================
   Laptop
========================================== */

@media (max-width:1200px){

}

/* ==========================================
   Tablet
========================================== */

@media (max-width:992px){

    /* ==========================================
       FEATURES
    ========================================== */

    #features{
        padding:100px 0;
    }

    #features .container{
        max-width:100%;
    }

    .section-heading{
        margin-bottom:60px;
    }

    .section-label{
        font-size:18px;
    }

    .section-divider{
        margin:16px auto 24px;
    }

    .section-heading h2{
        font-size:56px;
        letter-spacing:-1px;
        margin-bottom:22px;
    }

    .section-heading p{
        max-width:680px;
        font-size:22px;
    }

    .features-grid{
        grid-template-columns:repeat(2,1fr);
        gap:28px;
    }

    .feature-card{
        padding:40px;
        border-radius:22px;
    }

    .feature-icon{
        width:96px;
        height:96px;
        border-radius:24px;
        margin-bottom:28px;
    }

    .feature-icon i{
        font-size:46px;
    }

    .feature-card h3{
        font-size:40px;
        margin-bottom:18px;
    }

    .feature-card p{
        font-size:20px;
        margin-bottom:30px;
    }

    .feature-card hr{
        margin-bottom:28px;
    }

    .feature-card li{
        font-size:19px;
        margin-bottom:18px;
    }

    .feature-card li i{
        font-size:20px;
    }

    .features-footer{
        margin-top:50px;
        font-size:24px;
        flex-wrap:wrap;
        text-align:center;
    }

} /* <-- closes 992px */


/* ==========================================
   Mobile Large
========================================== */

@media (max-width:768px){

    .features-grid{
        grid-template-columns:1fr;
    }

    .feature-card{
        padding:32px;
    }

    .feature-card h3{
        font-size:30px;
    }

    .feature-card p{
        font-size:18px;
    }

}


/* ==========================================
   Mobile
========================================== */

@media (max-width:576px){

    .feature-card{
        padding:24px;
    }

    .feature-card h3{
        font-size:26px;
    }

    .section-heading h2{
        font-size:38px;
    }

    .section-heading p{
        font-size:18px;
    }

}