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

@media (max-width:1199px){

    /* Hero */

    .cs-title{

        font-size:58px;

    }

    .cs-description{

        max-width:100%;

    }

    .cs-image img{

        max-width:520px;

    }

    /* Featured */

    .cs-section-title{

        font-size:42px;

    }

    .cs-card-content{

        padding:28px;

    }

    .cs-card-content h3{

        font-size:22px;

    }

}


/*==================================================
            RESPONSIVE 992px
==================================================*/

@media (max-width:991px){

    /* Hero */

    .cs-hero{

        padding:70px 0;

        text-align:center;

    }

    .cs-hero .row{

        min-height:auto;

        row-gap:60px;

    }

    .cs-breadcrumb{

        justify-content:center;

    }

    .cs-tag{

        margin-bottom:25px;

    }

    .cs-description{

        margin-left:auto;

        margin-right:auto;

    }

    .cs-buttons{

        justify-content:center;

    }

    .cs-stats{

        max-width:100%;

        justify-content:center;

        gap:50px;

        margin:40px auto 0;

    }

    .cs-image{

        margin-top:20px;

    }

    .cs-image img{

        max-width:500px;

    }

    /* Featured */

    .cs-featured{

        padding:80px 0;

    }

    .cs-section-title{

        font-size:38px;

    }

    .cs-section-description{

        font-size:17px;

    }

    .cs-card{

        max-width:520px;

        margin:auto;

    }

}

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

@media (max-width:767px){

    /* Hero */

    .cs-hero{

        padding:60px 0;

    }

    .cs-title{

        font-size:46px;

        line-height:1.15;

    }

    .cs-description{

        font-size:16px;

        line-height:1.8;

    }

    .cs-buttons{

        gap:15px;

        margin:35px 0 45px;

    }

    .cs-btn{

        width:100%;

        min-width:100%;

    }

    .cs-stats{

        flex-wrap:wrap;

        gap:30px;

    }

    .cs-stat{

        flex:0 0 calc(50% - 15px);

    }

    .cs-counter{

        font-size:42px;

    }

    .cs-image img{

        max-width:420px;

    }

    .cs-image::before,

    .cs-image::after{

        display:none;

    }

    /* Featured */

    .cs-featured{

        padding:70px 0;

    }

    .cs-section-title{

        font-size:34px;

    }

    .cs-section-description{

        font-size:16px;

    }

}


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

@media (max-width:575px){

    .cs-title{

        font-size:38px;

    }

    .cs-tag{

        padding:10px 20px;

        font-size:14px;

    }

    .cs-breadcrumb{

        font-size:14px;

    }

    .cs-counter{

        font-size:36px;

    }

    .cs-stat p{

        font-size:14px;

    }

    .cs-image img{

        max-width:340px;

    }

    .cs-section-title{

        font-size:30px;

    }

    .cs-card-content{

        padding:24px;

    }

    .cs-card-content h3{

        font-size:22px;

    }

}


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

@media (max-width:480px){

    .cs-title{

        font-size:34px;

    }

    .cs-description{

        font-size:15px;

    }

    .cs-buttons{

        margin:30px 0 40px;

    }

    .cs-btn{

        height:54px;

        font-size:15px;

    }

    .cs-stats{

        gap:24px;

    }

    .cs-stat{

        flex:0 0 100%;

    }

    .cs-section-title{

        font-size:28px;

    }

}


/*==================================================
            RESPONSIVE 425px
==================================================*/

@media (max-width:425px){

    .cs-title{

        font-size:30px;

    }

    .cs-tag{

        width:100%;

        justify-content:center;

    }

    .cs-image img{

        max-width:300px;

    }

    .cs-card-image img{

        height:190px;

    }

}


/*==================================================
            RESPONSIVE 375px
==================================================*/

@media (max-width:375px){

    .cs-title{

        font-size:28px;

    }

    .cs-description{

        font-size:14px;

    }

    .cs-section-title{

        font-size:26px;

    }

    .cs-card-content{

        padding:20px;

    }

    .cs-card-content h3{

        font-size:20px;

    }

}


/*==================================================
            RESPONSIVE 320px
==================================================*/

@media (max-width:320px){

    .cs-title{

        font-size:25px;

    }

    .cs-btn{

        padding:0 20px;

        font-size:14px;

    }

    .cs-counter{

        font-size:30px;

    }

    .cs-section-title{

        font-size:24px;

    }

    .cs-card-category{

        font-size:12px;

        padding:8px 14px;

    }

    .cs-results li{

        font-size:14px;

    }

}