/* ==========================================
   Home N Heart
   Responsive Styles
========================================== */

/* Large Devices */
@media (max-width:1200px){

.hero-title{
    font-size:3.8rem;
}

.section-title{
    font-size:2.4rem;
}

}


/* Tablets */

@media (max-width:992px){

section{
    padding:80px 0;
}

.navbar{
    background:#fff;
}

.navbar-collapse{
    background:#fff;
    padding:20px;
    border-radius:15px;
    margin-top:15px;
}

.nav-link{
    margin:10px 0;
}

.hero{
    background-attachment:scroll;
}

.hero-title{
    font-size:3rem;
}

.hero-tagline{
    font-size:1.2rem;
}

.hero-description{
    max-width:100%;
}

.hero-buttons{
    justify-content:center;
}

.hero-features{
    justify-content:center;
}

.hero .col-lg-7{
    text-align:center;
}

.hero-image{
    display:none;
}

#about img{
    margin-bottom:30px;
}

.section-title{
    font-size:2.2rem;
}

.room-card{
    margin-bottom:30px;
}

.contact-card{
    margin-bottom:30px;
}

.footer{
    text-align:center;
}

.footer-links{
    margin-bottom:30px;
}

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

}


/* Mobile */

@media (max-width:768px){

section{
    padding:70px 0;
}

.hero{
    min-height:100vh;
}

.hero-title{
    font-size:2.4rem;
    line-height:1.2;
}

.hero-subtitle{
    font-size:.85rem;
}

.hero-tagline{
    font-size:1rem;
}

.hero-description{
    font-size:.95rem;
}

.section-title{
    font-size:1.9rem;
}

.section-subtitle{
    font-size:.8rem;
}

.btn-book,
.btn-call{
    width:100%;
    text-align:center;
}

.hero-buttons{
    flex-direction:column;
}

.hero-features{
    flex-direction:column;
    gap:15px;
    align-items:center;
}

.stat-card h2{
    font-size:2.2rem;
}

.gallery-img{
    height:220px;
}

.room-card img{
    height:220px;
}

.feature-box,
.amenity-box,
.attraction-card,
.testimonial-card{
    padding:25px;
}

.contact-card,
.contact-form{
    padding:30px;
}

iframe{
    height:320px;
}

.footer{
    padding:60px 0 25px;
}

.whatsapp-btn{

    width:55px;
    height:55px;
    font-size:24px;

    right:18px;
    bottom:18px;

}

.back-to-top{

    right:18px;
    bottom:85px;

    width:45px;
    height:45px;

}

}


/* Small Phones */

@media (max-width:576px){

.hero-title{
    font-size:2rem;
}

.section-title{
    font-size:1.7rem;
}

.container{
    padding-left:20px;
    padding-right:20px;
}

.hero-description{
    font-size:.92rem;
}

.room-content{
    padding:20px;
}

.room-content h4{
    font-size:1.3rem;
}

.testimonial-card{
    padding:22px;
}

.contact-card,
.contact-form{
    padding:22px;
}

.gallery-img{
    height:200px;
}

.map-container iframe{
    height:260px;
}

.footer h3{
    font-size:1.8rem;
}

}


/* Landscape Phones */

@media (max-height:600px){

.hero{
    padding-top:120px;
    padding-bottom:80px;
}

.hero-title{
    font-size:2.5rem;
}

}