@media(max-width:992px){

.hero-wrapper{
flex-direction:column;
text-align:center;
}

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

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

.main-menu{
display:none;
}

}

@media(max-width:576px){

.hero-left h1{
font-size:40px;
}

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

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

}