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

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

@media (max-width:1400px){

}

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

@media (max-width:1200px){

}

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

@media (max-width:992px){

    /* ==========================================
       TEMPLATES
    ========================================== */

    #templates{
        padding:100px 0;
    }

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

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

    .template-card{
        border-radius:16px;
    }

    .template-content{
        padding:20px;
    }

    .template-content h3{
        font-size:24px;
        margin-bottom:10px;
    }

    .template-content p{
        font-size:17px;
    }

    .templates-footer{
        margin-top:55px;
    }

    #templates .btn-outline{
        min-width:280px;
        height:60px;
        font-size:19px;
        border-radius:14px;
    }

}

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

@media (max-width:768px){

    /* ==========================================
       TEMPLATES
    ========================================== */

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

}

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

@media (max-width:576px){

    #templates .btn-primary,
    #templates .btn-outline{
        width:100%;
    }

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

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

    .template-content{
        padding:18px;
    }

}