/*responsive*/
@media (min-width: 1400px) {
  .banner{height: auto;}
}
@media (min-width: 1300px) {
  .container-lg{max-width: 1280px;}
}

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

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

@media (max-width: 991.9px) {
    .bannerSideBox{padding-bottom: 0; padding-top: 1rem;}
    .bannerSideBox .inner{transform: none; box-shadow: none;}
    .readmore .button{margin-left: auto; margin-right: auto;}
    .iconBox:not(:last-of-type){margin-bottom: 1rem;}
    .iconBox .in{padding: 1rem; background-color: #fff; box-shadow: 0 10px 2rem rgb(0 0 0 / 15%);}
}

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

@media (max-width: 767.9px) {
    html{font-size: 87.5%;}
    .padding{padding-top: 3rem; padding-bottom: 3rem;}
    .container-lg{padding-left: 20px; padding-right: 20px;}
    .display-4{font-size: 2.5rem;}
    .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: 2.25rem;}
    .loc-container .loc-text ul li .loc-row p{text-align: left;}
    .button-top{width: 30px; height: 30px;}
}

@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: justify; line-height: 1.4;}
    .gall img{height: 400px;}
    .swiper-button-next, .swiper-button-prev{width: 30px; height: 30px;}
    .gall .galleryCaption h4{font-size: 1.5rem;}
    .gall .galleryCaption p{text-align: center;}
    .heading{margin-left: auto; margin-right: auto;}
    .heading h5{font-size: 1rem;}
    .form-close{display: none;}
    .button-top{bottom: 50px;}
    .enquiry-form .inner {
        padding: 2rem;
    }
}

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

@media (max-width: 425px) {
    .header{padding: 4px 0;}
	.hero {margin-top: 60px;}
    .bannerSideBox h3{font-size: 1.5rem;}
    .bannerSideBox h2{margin-bottom: 1rem;}
    .iconBox .in{gap: 5px;}
    .iconBox .in img {width: 50px; padding: 5px;}
    .form-img .logo img{width: 120px; 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: 280px !important;}
}

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

@media (max-width: 320px) {
    html{font-size: 68.75%;}
    .bannerSideBox .estates128{padding: 5px;}
    .bannerSideBox h3{padding: 5px 7px 7px;}
    .bannerSideBox h2{letter-spacing: 1px; font-weight: 400;}
    .iconBox .in{padding: 1rem;}
    .enquiry-form .inner, .form-img .inner{padding: 1.5rem;}
}