/* Responsive Design */

/* Large Desktop */
@media (min-width:1400px){
.container{max-width:1320px}
}

/* Laptop */
@media (max-width:1200px){
.np-menu{gap:18px}
.hero-title{font-size:48px}
}

/* Tablet */
@media (max-width:992px){
.np-menu{display:none}
.np-mobile-toggle{display:block}
.np-search-form{grid-template-columns:1fr}
.np-category-grid,
.np-location-grid,
.np-stats-grid{
grid-template-columns:repeat(2,1fr)
}
}

/* Mobile */
@media (max-width:768px){
.container{padding:0 15px}
.section{padding:60px 0}
.hero-title{font-size:34px}
.hero-buttons{
display:flex;
flex-direction:column;
gap:12px;
}
.card{
margin-bottom:20px;
}
}

/* Small Mobile */
@media (max-width:480px){
.hero-title{font-size:28px}
.np-stats-grid,
.np-category-grid,
.np-location-grid{
grid-template-columns:1fr;
}
.btn{
width:100%;
text-align:center;
}
}