@media(max-width:1000px){

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

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

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

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

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

.hero-image{
margin-top:40px;
}

}

@media(max-width:600px){

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

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

.section-title{
font-size:28px;
}

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

.contact-container{
grid-template-columns:1fr;
}

}
/* MOBILE NAVIGATION */

@media (max-width:768px){

.nav-container{
flex-direction:column;
align-items:center;
gap:10px;
}

nav{
flex-wrap:wrap;
justify-content:center;
gap:16px;
}

nav a{
font-size:16px;
}

.logo{
height:70px;
}

}
/* HERO MOBILE */

@media (max-width:768px){

.hero{
padding-top:120px;
padding-left:20px;
padding-right:20px;
text-align:center;
}

.hero h1{
font-size:32px;
}

.hero p{
font-size:16px;
}

.hero img{
max-width:90%;
height:auto;
}

}
/* CLIENT LOGOS MOBILE */

@media (max-width:768px){

.logo-track{
gap:40px;
}

.logo-track img{
height:60px;
}

}
/* CLIENT LOGOS MOBILE */

@media (max-width:768px){

.logo-track{
gap:40px;
}

.logo-track img{
height:60px;
}

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

.section{
padding:60px 20px;
}

}

@media (max-width:768px){

.logo-track img{
height:70px;
}

}