@media(max-width:992px){

.container{
width:96%;
}

}

@media(max-width:768px){

.section{
padding:40px 0;
}

}

@media(max-width:576px){

body{

font-size:15px;

}

.btn{

padding:10px 20px;

}

}

@media(max-width:991px){

.search-box{

display:none;

}

.mobile-toggle{

display:block;

}

.main-menu{

display:none;

flex-direction:column;

padding:20px;

}

.main-menu.active{

display:flex;

}

.header-flex{

flex-wrap:wrap;

}

}

@media(max-width:768px){

.top-flex{

flex-direction:column;

gap:8px;

}

.header-icons{

gap:15px;

font-size:20px;

}

}

@media(max-width:992px){

.hero-grid,
.feature-grid,
.category-grid,
.product-grid,
.brand-grid{

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

}

}

@media(max-width:768px){

.hero-grid,
.feature-grid,
.category-grid,
.product-grid,
.brand-grid{

grid-template-columns:1fr;

}

.hero h1{

font-size:36px;

}

.newsletter form{

flex-direction:column;

}

.newsletter input{

width:100%;

margin-bottom:15px;

}

}