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

@media screen and (max-width:1024px){

.container{

    width:min(92%,1000px);

}

}

@media screen and (max-width:1024px){

.nav-container{

    height:80px;

}

.nav-menu{

    gap:30px;

}

}

@media screen and (max-width:768px){

.hero{

    min-height:100svh;

}

.hero-content{

    text-align:center;

}

.hero-title{

    font-size:clamp(3rem,10vw,4.5rem);

}

.hero-subtitle{

    font-size:1rem;

}

}

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

@media screen and (max-width:768px){

.container{

    width:90%;

}

}

@media screen and (max-width:768px){

.nav-menu{

    display:none;

}

.book-btn{

    display:none;

}

.menu-toggle{

    display:flex;

    flex-direction:column;

    justify-content:center;

    gap:6px;

    width:45px;

    height:45px;

    background:none;

    border:none;

    cursor:pointer;

}

.menu-toggle span{

    width:26px;

    height:2px;

    background:white;

}

}

@media screen and (max-width:768px){

.about-grid{

    grid-template-columns:1fr;

    gap:60px;

}

.about-image{

    order:-1;

}

}

@media screen and (max-width:768px){

.featured-layout{

    grid-template-columns:1fr;

}

.featured-card{

    min-height:280px;

}

}

@media screen and (max-width:768px){

.gallery-grid{

    grid-template-columns:1fr;

}

}

@media screen and (max-width:768px){

.showcase-item{

    grid-template-columns:1fr;

}

.showcase-item.reverse{

    direction:ltr;

}

}

@media screen and (max-width:768px){

.service-card{

    grid-template-columns:1fr;

}

}

@media screen and (max-width:768px){

.contact-grid{

    grid-template-columns:1fr;

}

.contact-left{

    text-align:center;

}

}

@media screen and (max-width:768px){

.footer-brand{

    text-align:center;

}

.footer-content{

    grid-template-columns:1fr;

}

.footer-bottom{

    text-align:center;

    flex-direction:column;

}

}