/* Tablet */

@media (max-width:992px){

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

.container{
    flex-direction:column;
}

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

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

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

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

}

/* Mobile */

@media (max-width:768px){

.header{
    padding:10px 0;
}

.logo{
    font-size:22px;
}

nav ul{
    gap:10px;
}

nav ul li a{
    font-size:14px;
}

.hero-content h1{
    font-size:36px;
    line-height:1.2;
}

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

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

section{
    padding:70px 20px;
}

.btn{
    padding:12px 25px;
    font-size:14px;
}

}

/* Small Mobile */

@media (max-width:480px){

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

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

.logo{
    font-size:18px;
}

}