/*==================================================
20 Responsive
==================================================*/

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

@media (max-width:1199px){

    .it-container{
        width:min(
            calc(100% - 32px),
            var(--container)
        );
    }

    .it-grid-3{
        grid-template-columns:repeat(2,1fr);
    }

    .it-footer-grid{
        grid-template-columns:1fr 1fr;
    }

    .it-section{
        padding-block:var(--space-6);
    }

    .it-section-sm{
        padding-block:var(--space-4);
    }

    .it-section-lg{
        padding-block:var(--space-8);
    }

}


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

@media (max-width:767px){

    .it-heading h2{
        font-size:24px;
    }

    .it-grid-2,
    .it-grid-3,
    .it-grid-4{
        grid-template-columns:1fr;
    }

    .it-section-row{
        grid-template-columns:1fr;
        gap:40px;
    }

    .it-card{
        padding:30px;
    }

    .it-flow-item{
        gap:20px;
    }

    .it-flow-number{
        width:60px;
        min-width:60px;
        height:60px;
    }

    .it-table-title,
    .it-table-text{
        display:block;
        width:100%;
    }

    .it-info-item{
        grid-template-columns:1fr;
        gap:10px;
    }

    .it-footer-grid{
        grid-template-columns:1fr;
    }

    .it-button{
        width:100%;
    }

    .it-section{
        padding-block:var(--space-5);
    }

    .it-section-sm{
        padding-block:var(--space-3);
    }

    .it-section-lg{
        padding-block:var(--space-6);
    }

}