@media(max-width:992px){

.nav-links{

display:none;

}

.search-box{

display:none;

}

.menu-btn{

display:block;

}

.navbar{

width:95%;

}

}
.hero{

text-align:center;

}

.hero-content{

width:95%;

}

.hero h1{

font-size:42px;

}

.hero p{

font-size:16px;

margin:auto;

margin-bottom:30px;

}

.hero-btns{

justify-content:center;

flex-wrap:wrap;

}
.category-grid{

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

}

@media(max-width:768px){

.category-grid{

grid-template-columns:1fr;

}

.section-title h2{

font-size:32px;

}

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

.product-grid{

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

}

}

@media(max-width:650px){

.product-grid{

grid-template-columns:1fr;

}

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

.why-grid{

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

}

}

@media(max-width:600px){

.why-grid{

grid-template-columns:1fr;

}

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

.shop{

grid-template-columns:1fr;

}

.sidebar{

order:2;

}

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

.shop-top{

flex-direction:column;

gap:20px;

}

.shop-actions{

flex-direction:column;

width:100%;

}

.shop-actions input{

width:100%;

}

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

.about-section{

grid-template-columns:1fr;

}

.mission{

grid-template-columns:1fr;

}

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

.categories-page{

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

}

}

@media(max-width:600px){

.categories-page{

grid-template-columns:1fr;

}

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

.contact-section{

grid-template-columns:1fr;

}

}