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

@media (min-width: 1600px) {
    .container-lg{max-width: 1520px;}
}

@media (min-width: 1920px) {
    .container-lg{max-width: 1600px;}
}

@media (min-width: 3800px) {
    .container-lg{max-width: 2200px;}
}

@media (max-width: 991px) {
    .navi{gap: 10px;}
    .navi ul{gap: 0 2px;}
    .banner{height: auto; margin-top: calc(53px + 1rem);}
    .bannerText{width: calc(100% - 4rem);}
}

@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;}
    .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;}
    .button-top{width: 30px; height: 30px;}
    .contactBox.registrarBox .inner{padding: 2rem; border-left-width: 0; border-bottom-width: 1px;}
    .enquiry-form .inner{padding: 2rem;}
}

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

@media (max-width: 575px) {
    html{font-size: 81.25%;}
    .h4, h4 {font-size: 1.4rem;}
    p{text-align: justify;}
    .heading .h1 {font-size: 1.5rem;}
    .button-top{bottom: 50px;}
}

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

@media (max-width: 425px) {
    .agentHead img{width: 80px;}
}

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

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