/* TABLETS */

@media (max-width: 992px){

.hero-slider{
    min-height:420px;
}

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

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

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

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

.footer-contact-bar{
    flex-direction:column;
    gap:8px;
}

}

/* MOBILE */

@media (max-width: 768px){

.nav-container{
    flex-direction:column;
    gap:10px;
    height:auto;
    padding:10px 0;
}

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

.hero-slider{
    min-height:360px;
}

.hero-content h1{
    font-size:26px;
}

.hero-content p{
    font-size:15px;
}

.hero-buttons{
    flex-direction:column;
    align-items:center;
}

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

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

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

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

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

.footer-grid{
    grid-template-columns:1fr;
    text-align:center;
}

.footer-social{
    justify-content:center;
}

.footer-contact-bar{
    flex-direction:column;
    text-align:center;
}

.page-header h1{
    font-size:28px;
}

.page-header{
    padding:40px 20px;
}

}

/* SMALL PHONES */

@media (max-width: 480px){

.hero-content h1{
    font-size:22px;
}

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

.page-header h1{
    font-size:24px;
}

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

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

}