/*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: 4rem;}
	.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: 110px;}
   /* .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;}
    .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: 4px 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;}
}