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

@media(max-width:1199px){

    .hero-title{
        font-size:60px;
    }

}

@media(max-width:991px){

    .hero-section{
        text-align:center;
        padding-top:180px;
    }

    .hero-title{
        font-size:52px;
    }

    .hero-text{
        margin-left:auto;
        margin-right:auto;
    }

    .hero-btns{
        justify-content:center;
    }

    .hero-stack-wrapper{
        margin-top:80px;
        transform:scale(.85);
    }

}

@media(max-width:767px){

    .hero-title{
        font-size:42px;
    }

    .hero-text{
        font-size:16px;
    }

    .hero-stack-wrapper{
        height:400px;
        transform:scale(.7);
    }

}

@media(max-width:575px){

    .hero-title{
        font-size:36px;
    }

}

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

@media(max-width:1199px){

    .section-title{
        font-size:48px;
    }

}

@media(max-width:991px){

    .about-section{
        text-align:center;
    }

    .about-content{
        max-width:100%;
    }

    .about-stats{
        margin-top:40px;
    }

}

@media(max-width:767px){

    .section-title{
        font-size:38px;
    }

    .about-text{
        font-size:16px;
    }

    .about-stats{
        grid-template-columns:1fr;
    }

    .stat-card{
        padding:30px;
    }

    .stat-card h3{
        font-size:42px;
    }

}