/* =======LARGE LAPTOP (1400px)======== */
@media (max-width:1400px){
.container{
    max-width:1200px;
}
.hero h1{
    font-size:70px;
}
.section-title{
    font-size:52px;
}
}
/* =========LAPTOP (1200px)========= */
@media (max-width:1200px){
.hero h1{
    font-size:60px;
}
.section-title{
    font-size:46px;
}
.project-grid{
    gap:25px;
}
.gallery-grid{
    gap:15px;
}
}
/* ======TABLET (992px)======== */
@media (max-width:992px){
/* Navbar */
.navbar-brand img{
    height:55px;
}
.nav-link{
    margin-left:0;
    padding:12px 0;
}
.book-btn{
    margin-top:15px;
}
/* Hero */
.hero{
    height:auto;
    min-height:100vh;
    padding:120px 0 70px;
}
.hero-content{
    text-align:center;
}
.hero h1{
    font-size:48px;
}
.hero p{
    font-size:18px;
}
.hero-buttons{
    justify-content:center;
}
/* Sections */
.section-title{
    font-size:40px;
    text-align:center;
}
.section-description{
    text-align:center;
}
/* About */
.about-image{
    margin-bottom:40px;
}
.project-info{
    grid-template-columns:1fr 1fr;
}
/* Gallery */
.gallery-grid{
    grid-template-columns:repeat(2,1fr);
}
.gallery-item.large{
    grid-column:span 2;
}
/* Cards */
.project-grid{
    grid-template-columns:1fr 1fr;
}
}
/* ========MOBILE (768px)======== */
@media (max-width:768px){
/* Hero */
.hero{
    padding-top:110px;
}
.hero h1{
    font-size:38px;
    line-height:1.2;
}
.hero p{
    font-size:16px;
}
.hero-buttons{
    flex-direction:column;
    align-items:center;
}
.hero-btn1,
.hero-btn2{
    width:220px;
}
/* Section */
.section-title{
    font-size:34px;
}
.section-tag{
    font-size:12px;
}
/* About */
.project-info{
    grid-template-columns:1fr;
}
.info-card{
    padding:18px;
}
/* Gallery */
.gallery-grid{
    grid-template-columns:1fr;
}
.gallery-item,
.gallery-item.large{
    grid-column:unset;
    height:280px;
}
/* Projects */
.project-grid{
    grid-template-columns:1fr;
}
.project-card{
    max-width:450px;
    margin:auto;
}
/* Floor */
.floor-tabs{
    flex-direction:column;
}
/* Floating Buttons */
.floating-btn{
    width:50px;
    height:50px;
    font-size:20px;
}
}
/* ========SMALL MOBILE (576px)======= */
@media (max-width:576px){
.container{
    padding-left:18px;
    padding-right:18px;
}
/* Navbar */
.navbar-brand img{
    height:48px;
}
/* Hero */
.hero h1{
    font-size:30px;
}
.hero p{
    font-size:15px;
}
/* Section */
.section-title{
    font-size:28px;
}
.section-description{
    font-size:15px;
}
/* About */
.info-card{
    flex-direction:column;
    text-align:center;
}
.info-card i{
    margin-bottom:10px;
}
/* Gallery */
.gallery-item{
    height:240px;
}
/* Amenities */
.amenity-card{
    padding:25px;
}
/* Footer */
.footer{
    text-align:center;
}
.footer-links{
    justify-content:center;
}
}
/* ========== EXTRA SMALL (400px)======== */
@media (max-width:400px){
.hero h1{
    font-size:26px;
}
.hero-btn1,
.hero-btn2{
    width:100%;
}
.section-title{
    font-size:24px;
}
.info-card h5{
    font-size:16px;
}
.info-card p{
    font-size:14px;
}
}