/* =========================
TABLET RESPONSIVE
========================= */

@media(max-width:1100px){

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

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

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

.cta-content h2{
font-size:48px;
}

}

/* =========================
MOBILE NAVIGATION
========================= */

@media(max-width:900px){

.nav-links{
position:fixed;
top:90px;
right:-100%;
width:280px;
height:100vh;
background:#111;
flex-direction:column;
padding:50px 30px;
gap:25px;
transition:0.4s ease;
z-index:999;
}

.nav-links.active{
right:0;
}

.menu-toggle{
display:block;
}

.nav-btn{
display:none;
}

.hero{
height:auto;
padding-top:160px;
padding-bottom:100px;
}

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

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

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

.location-buttons{
flex-direction:column;
align-items:flex-start;
}

}

/* =========================
SMALL MOBILE DEVICES
========================= */

@media(max-width:600px){

.section{
padding:80px 5%;
}

.header{
padding:20px 5%;
}

.hero{
padding-left:5%;
padding-right:5%;
}

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

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

.section-title h2{
font-size:34px;
}

.about-content h2,
.location-content h2{
font-size:38px;
}

.cta-content h2{
font-size:38px;
}

.hero-info{
flex-direction:column;
align-items:flex-start;
}

.info-box{
width:100%;
}

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

.footer{
padding-left:5%;
padding-right:5%;
}

.whatsapp-btn{
width:58px;
height:58px;
font-size:28px;
right:18px;
bottom:18px;
}

}

/* =========================
EXTRA SMALL DEVICES
========================= */

@media(max-width:430px){

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

.section-title h2{
font-size:30px;
}

.about-content h2,
.location-content h2,
.cta-content h2{
font-size:32px;
}

.primary-btn,
.secondary-btn{
width:100%;
text-align:center;
}

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

.review-card,
.feature-card,
.dish-card{
border-radius:16px;
}

}