@media(max-width:1200px){

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

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

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

}

@media(max-width:992px){

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

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

    .hero h1{
        font-size:3.5rem;
    }

}

@media(max-width:768px){

    body{
        cursor:auto;
    }

    .cursor,
    .cursor-glow{
        display:none;
    }

    .navbar{
        padding:16px 5%;
    }

    .nav-links{
        position:fixed;
        top:85px;
        right:-100%;
        width:260px;
        height:100vh;
        background:white;
        flex-direction:column;
        padding:40px 30px;
        transition:0.4s;
        box-shadow:-10px 0 30px rgba(0,0,0,0.08);
    }

    .nav-links.active{
        right:0;
    }

    .hamburger{
        display:flex;
    }

    .quote-btn{
        display:none;
    }

    .hero{
        padding:120px 5% 60px;
    }

    .section{
        padding:70px 5%;
    }

    .hero h1{
        font-size:2.5rem;
    }

    .hero-buttons{
        flex-direction:column;
    }

    .services-grid,
    .materials-grid,
    .applications-grid,
    .why-grid,
    .stats-grid,
    .footer-grid{
        grid-template-columns:1fr;
    }

    .contact{
        margin:60px 5%;
        padding:40px 30px;
    }

}