/*============================
      1600px
============================*/

@media (max-width:1600px){

.container{

max-width:1400px;

}

}

/*============================
      1400px
============================*/

@media (max-width:1400px){

.container{

max-width:1200px;

}

.hero-content{

padding:55px;

}

.product-grid{

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

}

.grid{

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

}

}

/*============================
      1200px
============================*/

@media (max-width:1200px){

nav{

display:none;

}

.mobile-toggle{

display:flex;

align-items:center;

justify-content:center;

}

.hero-content{

flex-direction:column;

text-align:center;

}

.hero-text{

width:100%;

margin-bottom:40px;

}

.hero-image{

width:75%;

}

.features .container{

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

}

.grid{

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

}

.product-grid{

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

}

.footer-top{

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

}

}

/*============================
      992px
============================*/

@media (max-width:992px){

.hero{

margin-top:15px;

}

.hero-content{

padding:35px;

}

.hero-text h1{

font-size:38px;

line-height:58px;

}

.search-box{

width:95%;

}

.features .container{

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

}

.grid{

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

}

.product-grid{

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

}

.newsletter-box{

flex-direction:column;

text-align:center;

gap:25px;

}

.newsletter form{

width:100%;

}

.newsletter input{

width:100%;

}

}

/*============================
      768px
============================*/

@media (max-width:768px){

.topbar{

display:none;

}

.header{

position:fixed;

width:100%;

}

body{

padding-top:70px;

}

.hero-text h1{

font-size:30px;

line-height:45px;

}

.hero-image{

width:100%;

}

.search-row{

flex-direction:column;

}

.search-row button{

width:100%;

}

.tabs{

overflow:auto;

white-space:nowrap;

}

.tabs button{

min-width:170px;

}

.grid{

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

}

.product-grid{

grid-template-columns:1fr;

}

.footer-top{

grid-template-columns:1fr;

}

.bottom-bar{

display:block;

}

}

/*============================
      576px
============================*/

@media (max-width:576px){

.container{

padding:0 12px;

}

.hero-content{

padding:20px;

}

.hero-text h1{

font-size:24px;

line-height:38px;

}

.hero-text p{

font-size:14px;

}

.cat{

padding:15px;

}

.cat img{

height:70px;

}

.product img{

height:140px;

}

.price{

font-size:18px;

}

.seller-box{

padding:25px;

}

.footer-bottom{

flex-direction:column;

text-align:center;

gap:12px;

}

}

/*============================
      420px
============================*/

@media (max-width:420px){

.hero-text h1{

font-size:21px;

}

.grid{

grid-template-columns:1fr 1fr;

gap:10px;

}

.features .container{

grid-template-columns:1fr;

}

.feature{

padding:18px;

}

}