/*responsive*/
@media (max-width:1366px){
	.bannerText .bannerLogo{width: 220px;}
	.bannerText .h1{font-size: 1.75rem; text-transform: uppercase;}
}

@media (min-width: 1400px) {
  .container{max-width: 1200px;}
}

@media (min-height: 1024px) {
}

@media (min-height: 1280px) {
}

@media (max-width: 991.9px) {
    .banner {height: auto; padding-top: 2rem;}
	.banner-img{height: 70vh !important;}
    .fpDetails{justify-content: center;}
    .readmore .button{margin-left: auto; margin-right: auto;}
    .masterplan-img{width: 100%; opacity: 0.05; -webkit-filter: blur(5px); filter: blur(5px);}
    .enquiry-form .inner{padding: 2rem;}
}

@media (max-width: 768px) {
}

@media (max-width: 767.9px) {
    html{font-size: 87.5%;}
    .logo img{width: 100px;}
   /* .logo img:first-child{width: 200px;} */
    .padding{padding-top: 3rem; padding-bottom: 3rem;}
    .bannerText .h1 {font-size: 1.25rem; margin-bottom: 1rem;}
    .container-lg{padding-left: 20px; padding-right: 20px;}
    .row{margin-left: -10px; margin-right: -10px;}
    .row.gap-row{row-gap: 20px;}
    .row div[class^=col]{padding-left: 10px; padding-right: 10px;}
    .heading{margin-bottom: 20px;}
    .heading .h1{font-size: 2rem;}
    .loc-container .loc-text ul li .loc-row p{text-align: left;}
    .button-top{width: 30px; height: 30px;}
    .stickyForm {
        width: 100%;
        position: static;
    }
}

@media (max-width: 680px) {
    .foot-menu{width: 50%;}
}

@media (max-width: 575.9px) {
    html{font-size: 81.25%;}
    .h4, h4 {font-size: 1.4rem;}
    p{text-align: left; line-height: 1.4;}
    .banner {height:auto;}
	.priceBox{margin-bottom: 10px; padding: 10px;}
	.priceBox + .h3{font-size: 1.25rem; padding: 10px; border-radius: 5px; background-color: #fff; color: var(--body-color);}
	.priceBox .iconBox{width: calc(100% / 2);}
    .heading .h1 {
        font-size: 1.75rem;
    }
    .overviewSide{width: 100%; opacity: 0.25;}
    .moreDetails .iconBox{width: 50%;}
    .gall img{height: auto;}
    .amenity{height: 220px;}
    .swiper-button-next, .swiper-button-prev{width: 30px; height: 30px;}
    .gall .galleryCaption h4{font-size: 1.5rem;}
    .heading{margin-left: auto; margin-right: auto;}
    .form-close{display: none;}
    .button-top{bottom: 50px;}
}

@media (max-width: 480px) {
    .banner-img{height: auto !important;}
	.priceBox h6{font-size: 13px;}
	.priceBox .h3{font-size: 1.25rem;}
	.location-impression.artistic{display: block;}
}

@media (max-width: 425px) {
    .header{padding: 3px 0;position: fixed;}
    .iconBox .in{gap: 5px;}
    .iconBox .in img {width: 50px; padding: 5px;}
    .amenBox.iconBox .in img {width: 40px;}
    .form-img .logo img{width:142px; margin-right: 0;}
    .readmore.d-flex{gap: 5px;}
    .readmore .button{padding: 7px 10px; letter-spacing: normal; font-size: 12px;}
    .row{margin-left: -5px; margin-right: -5px;}
    .row.gap-row{row-gap: 10px;}
    .row div[class^=col]{padding-left: 5px; padding-right: 5px;}
    .location-img img{height:304px !important;}
    .bannerText {
        position: static;
        text-align: center;
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 375px) {
    .overviewSide .inner{padding: 2rem;}
    .overviewSide .inner img{width: 140px;}
    .overviewSide .inner .estates{letter-spacing: 3px;}
    .overviewSide .inner h6{letter-spacing: 1px;}
}

@media (max-width: 320px) {
    html{font-size: 68.75%;}
    .iconBox .in{padding: 1rem;}
    .amenBox {width: 100%;}
    .form-img .logo{flex-wrap: wrap; flex-direction: column;}
    .form-img .logo img {width: 100%; height: 57px; object-fit: contain;}
    .enquiry-form .inner, .form-img .inner{padding: 1.5rem;}
}


/* ===== Mobile menu fix ===== */
@media (max-width: 991.9px) {
    .header{position: fixed; top: 0; left: 0; padding: 6px 0;}
    .header .container{align-items: center;}
    .menuBtn{width: 42px; height: 42px; align-items: center; justify-content: center; cursor: pointer; border-radius: 6px; -webkit-tap-highlight-color: transparent;}
    .header.fixed .menuBtn{width: 42px; height: 42px;}
    .menuBtn div{width: 22px; display: flex; flex-direction: column; justify-content: center;}
    .menuBtn span{float: none; height: 2px; margin: 2.5px 0; border-radius: 2px;}
    .menuBtn.closeMenuBtn span#menuLine1{transform: translateY(3.5px) rotate(45deg);}
    .menuBtn.closeMenuBtn span#menuLine2{transform: translateY(-3.5px) rotate(-45deg);}
    .menuContainer{padding-top: 60px; background-color: rgba(0,0,0,.45); z-index: 996;}
    .header.fixed + .menuContainer{padding-top: 60px;}
    .menuContainer .inner{padding: 8px 20px 20px; max-height: calc(100vh - 60px); overflow-y: auto; background: var(--primary-color);}
    .mainMenu ul{margin: 0; padding: 0;}
    .mainMenu li{display: block;}
    .mainMenu a{padding: 14px 4px; font-size: 15px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase;}
    .mainMenu li:not(:last-child) a{border-bottom: 1px solid rgba(255,255,255,.12);}
    .mainMenu li:hover > a, .mainMenu li.active > a{padding: 14px 4px; background: transparent; color: var(--secondary-color);}
    .mainMenu .menuCall{display: block; margin-top: 16px; padding: 12px; text-align: center; border-radius: 6px; background: var(--secondary-color); color: #fff; font-weight: 700;}
    .mainMenu .menuCall i{margin-right: 6px;}
    section, [id]{scroll-margin-top: 64px;}
}