/*responsive*/
@media (min-width: 1400px) {
  .container-md {
    max-width: 1280px;
  }
  .padding {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .bannerText .h1{
    font-size: clamp(2.5rem, 4rem, 7rem);
  }
}
@media (min-width: 1900px) {
  .container-md {
    max-width: 1600px;
  }
  .hm-overview-container .oval-lines{background-position-x: 0; background-size: 44%;}
  .luxury-img .logo-icon{width: 350px;}
  .journey-wrapper .journey-box{
    width: 420px;
  }
}

@media (max-width: 1199.9px) {
  .padding{padding-top: 5rem; padding-bottom: 5rem;}
}

@media (max-width: 991.9px) {
    html{font-size: 87.5%;}
    .fixed-header-strip .header .logo, .header.fixed .logo, .header.notfixed .logo {width: 150px; padding: 5px 0;}
    #banner{height: 520px;}
    .hm-overview-container{padding: 6rem 0;}
    .line.verticle{height: 100px; top: -50px;}
    .padding {padding-top: 5rem; padding-bottom: 5rem;}
    .icon-img{width: 160px;}
}

@media (max-width: 767.9px) {
    .container-md {padding-left: 30px; padding-right: 30px;}
    .logo{width: 160px;}
    .fixed-header-strip .header .logo, .header.fixed .logo, .header.notfixed .logo {width: 120px;}
    .readmore .button{min-width: 120px; padding: .75rem 1.5rem;}
    .readmore .button.button-lg {min-width: 150px; padding: 1rem 2rem;}
    .hm-overview h4{font-size: 1.125rem;}
    .heading h2{font-size: 1.75rem;}
    .hm-projectContainer{grid-template-columns: 1fr 1fr 1fr 1fr; gap: 10px;}
    .hm-featured.box1{grid-column: 1 / 2 span;}
    .hm-featured.box2{grid-column: 3 / 5; grid-row: 1 / span 1;}
    .hm-featured.box3{grid-column: 1 / 4 span;}
    .hm-featured.box4{grid-column: 1 / 2 span;}
    .hm-featured.box5{grid-column: 3 / 5;}
    .footer-bottom{margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid rgb(0 0 0 / 10%);}
    .footer-bottom > div{flex-direction: column; row-gap: 10px;}
}

@media (max-width: 575.9px) {
    html{font-size: 75%;}
    body{font-size: 1rem;}
    .header, .container-md{padding-left: 15px; padding-right: 15px;}
    .btnContainer{flex-wrap: wrap;}
    .readmore .button.button-lg {min-width: 120px; padding: 0.5rem 1rem;}
    .sticky .socialBtn i{width: 30px; height: 30px; font-size: 13px;}
    .smallHeading{font-size: 1.25rem;}
    .statsContainer .row{margin-left: -5px; margin-right: -5px;}
    .statsBox{width: 33%; flex-grow: 1; padding: 0 5px;}
    .statsBox h2{font-size: 2.5rem;}
    .statsBox p{font-size: 12px;}
    .hm-projectContainer{display: none;}
    .footer-logo{margin: 0 auto 1rem;}
    .insideBox{text-align: center;}
    .foot-menu .insideBox{padding-top: 30px; border-top: 1px solid rgb(0 0 0 / 10%);}
    .insideBox ul{justify-content: center;}
    .insideBox ul:not(.socialBtn){display: flex; flex-wrap: wrap; gap: 10px;}
    .insideBox ul:not(.socialBtn) a{padding: 8px 12px; border-radius: 40px; border: 1px solid rgb(0 0 0 / 10%);}
    .insideBox ul:not(.socialBtn) a:hover{border-color: var(--orange-color);}
    .button-top{width: 30px; height: 30px; line-height: 30px; font-size: 11px; background: rgba(29, 29, 29, 0.75);}
    .footer-bottom{padding-bottom: 1.5rem;}
}

@media (max-width: 480px) {
    .bannerText .h1{font-size: 7vw;}
    .line.verticle{height: 70px; top: -35px;}
    .icon-circular{width: 38px; height: 38px; font-size: 1.25rem;}
    .headingContainer {flex-direction: column; align-items: center !important; gap: 10px;}
    .heading{margin-left: auto; margin-right: auto; text-align: center;}
    .statsBox{width: 100%;}
    .iconBox .inner,.testimBox .inner{text-align: center;}
    .iconBox .inner .img-fluid{max-width: 40px; margin-left: auto; margin-right: auto;}
    .management-text{padding: 0;}
    .h6, h6 {font-size: 1.25rem;}
    .readmore .button{font-size: 13px;}
}

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

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

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