/*==============================
Global responsive
==============================*/

@media (max-width:991px){
    .top-bar{
        display:none;
    }

    .page-hero h1{
        font-size:36px;
    }

    .page-hero-row{
        flex-direction:column;
        align-items:flex-start;
    }

    .page-hero-visual{
        display:none;
    }

    .stats-grid{
        grid-template-columns:1fr 1fr;
        gap:28px 16px;
    }

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

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

    .cta-banner h2{
        font-size:32px;
    }

    .cta-visual{
        margin-top:30px;
    }

    .section-heading h2,
    .showcase-header h2,
    .features-content h2,
    .home-about-section h2{
        font-size:30px;
    }

    .trusted-wrapper{
        flex-wrap:wrap;
        justify-content:center;
    }

    .trusted-title{
        width:100%;
        text-align:center;
        margin-bottom:20px;
    }
}

@media (max-width:767px){
    section{
        padding:50px 0;
    }

    .page-hero{
        padding:50px 0 60px;
    }

    .page-hero h1{
        font-size:30px;
    }

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

    .stat-item h3{
        font-size:26px;
    }

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

    .content-card,
    .contact-form-card,
    .contact-info-card{
        padding:24px 18px;
    }

    .blog-single-content h1{
        font-size:28px;
    }

    .blog-single-cover img{
        height:240px;
    }

    .logo img{
        height:48px;
    }
}

@media (max-width:576px){
    .industry-item{
        width:30%;
        margin-bottom:20px;
    }

    .industry-icon{
        width:40px;
        height:40px;
        font-size:20px;
    }

    .industry-item h6{
        font-size:12px;
    }

    .hero-content{
        padding:20px 0 !important;
    }

    .product-card-image{
        min-height:200px;
    }

    .cta-banner{
        padding:50px 0;
        text-align:center;
    }

    .cta-banner p{
        margin-left:auto;
        margin-right:auto;
    }

    .site-toast{
        left:16px;
        right:16px;
        bottom:16px;
        max-width:none;
    }
}