@media(max-width:992px){

    .container{

        width:92%;

    }

}


@media(max-width:768px){

    section{

        padding:50px 0;

    }


    h1{

        font-size:36px;

    }

}
@media(max-width:768px){


.mv-grid,
.team-grid,
.cert-grid,
.two-column{

grid-template-columns:1fr;

}



.page-hero h1{

font-size:40px;

}


}
@media(max-width:900px){


.product-grid,
.project-gallery{

grid-template-columns:
repeat(2,1fr);

}


}


@media(max-width:600px){


.product-grid,
.project-gallery{

grid-template-columns:1fr;

}


}
@media(max-width:768px){


.impact-grid,
.esg-grid,
.blog-grid{

grid-template-columns:1fr;

}


}
@media(max-width:768px){


.contact-layout{

grid-template-columns:1fr;

}


}
.menu-toggle{

display:none;

font-size:30px;

background:none;

border:none;

}



@media(max-width:768px){



.menu-toggle{

display:block;

}



.navigation{


position:absolute;

top:80px;

left:0;

width:100%;

background:white;

display:none;

flex-direction:column;

padding:30px;


}



.navigation.active{

display:flex;

}



}