/*responsive*/

@media (min-width: 1200px){
    .container-lg{max-width: 1240px;}
}
@media (min-width: 1400px) {
  /* .banner{height: auto;} */
    .container-lg{max-width: 1550px;}
}

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

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

@media (max-width: 991px) {
    .header.fixed{position: absolute;}
    .container-lg{padding-left: 20px; padding-right: 20px;}
    .bannerText{width: calc(100% - 4rem); background: url(../images/pattern.png) top right / 42% no-repeat #fff; color: var(--body-color); position: relative; transform: none; padding: 2rem; border-radius: 1rem; inset: auto 2rem; margin-top: -5rem; margin-bottom: 3rem;}
    .overviewWrapper{padding-top: 0;}
    .overviewContent .inner{max-width: 100%;}
    .enquiry-form .inner{padding: 2rem;}
}

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

@media (max-width: 767px) {
    html{font-size: 87.5%;}
    .padding{padding-top: 3rem; padding-bottom: 3rem;}
    .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;}
    .enquiryWrapper.padding{padding-bottom: 6rem;}
    .enquiry-form .inner, .form-img img{border-radius: 1rem;}
    .button-top{width: 30px; height: 30px;}
}

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

@media (max-width: 575px) {
    html{font-size: 81.25%;}
    .h4, h4 {font-size: 1.4rem;}
    p{text-align: justify; line-height: 1.4;}
    .locText p{
        text-align: center;
    }
    .bannerText{margin-top: -5rem; inset: auto 1rem; width: calc(100% - 2rem); text-align: center;}
    .bannerText p{text-align: center;}
    .banner-footer{flex-direction: column;}
    .heading .h1 {
        font-size: 1.75rem;
    }
    .iconBox:not(.otherCard){width: 50%;}
    .stickyForm{position: static; width: calc(100% - (20px + 1rem) * 2); margin: 1rem auto 0;}
    .form-close{display: none;}
    .button-top{bottom: 50px;}
}

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

@media (max-width: 425px) {
    .header{padding-bottom: 0;}
    .logo {width: 70px;}
    .highlight i{width: 40px;}
}

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

@media (max-width: 320px) {
    html{font-size: 68.75%;}
}