/*responsive*/
@media (min-width: 1400px) {
  .container-md {
    max-width: 1280px;
  }
  .expansionContainer .inner{padding: 2.5rem 2rem;}
  .blogBox .inner .img-fluid img {
    object-position: top;
}
}
@media (min-width: 1900px) {
  .container-md {
    max-width: 1600px;
  }
  .luxury-img .logo-icon{width: 350px;}
}

@media (max-width: 1199.9px) {
  #banner{height: auto;}
  .container-md, .container-fluid {max-width: 100%; padding-left: 2.5rem; padding-right: 2.5rem;}
  .padding{padding-top: 5rem; padding-bottom: 5rem;}
  .hm-overview-container .oval-lines{}
  .statsBox .inner{padding: 1rem;}
  .luxury-img .logo-icon{width: 240px;}
}

@media (max-width: 991.9px) {
    html{font-size: 87.5%;}
    .fixed-header-strip .header .logo, .header.fixed .logo, .header.notfixed .logo {width: 150px;}
    #banner{ margin-top: 58px;}
    .inside-banner{margin-top: 58px;}
    .hm-overview-container .oval-lines {top: 33vw;}
    .statsBox .inner{ border-radius: 7px;}
    .statsBox .inner .statsBox-inside{flex-direction: column; justify-content: center;}
    .statsBox p:first-of-type{width: 100%;}
    .luxury-img .inside-img > img{height: 400px; object-fit: cover;}
    .luxury-img .logo-icon{width: 200px; right: 7%;}
    .luxury-text .the-mark-text{font-size: 3rem;}
    .overview-container{background-size: cover;}
    .overview-container::before{content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,rgb(255 255 255 / 77%), rgb(255 255 255 / 77%) 80%, transparent);}
    .vmBox .inner .heading {display: flex; gap: 1rem; align-items: center;}
    .expansionBox h2{font-size: 1.5rem;}
    .expansionBox .display-3{font-size: 3rem;}
    .bg-img{opacity: .2;}
}

@media (max-width: 767.9px) {
  body{-moz-text-align-last: center; text-align-last: center;}
  .container-md, .container-fluid {padding-left: 30px; padding-right: 30px;}
  .logo{width: 130px;}
  .fixed-header-strip .header .logo, .header.fixed .logo, .header.notfixed .logo {width: 120px;}
  #banner, .inside-banner{margin-top: 38px;}
  .readmore .button{min-width: 120px; padding: .75rem 1.5rem;}
  .readmore .button.button-lg {min-width: 150px; padding: 1rem 2rem;}
  .hm-overview h4, .luxury-text h4, .hm-projectBox h4{font-size: 1.25rem; line-height: 1.2;}
  .heading .h1, .luxury-text .the-mark-text, .luxury-text .welcome-text{font-size: 2rem;}
  .heading .heading-icon{width: 50px; padding: 7px;}
  .heading .display-4{font-size: 3rem;}
  .hm-projectBox .display-4{font-size: 2.5rem;}
  .symbol-img{position: static; transform: none; margin: 0 auto; width: 200px;}
  @keyframes symbol{
    0%{transform: scale(2,2); opacity: 0;}
    75%{transform: scale(1,1); opacity: 1;}
    100%{transform: scale(1,1); opacity: 1;}
  }
  .symbol-box .inner{padding: 3rem 0;}
  .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;}
  .vmText:not(:last-of-type){margin-bottom: 2rem;}
  .vmText .heading{margin-bottom: .5rem;}
}

@media (max-width: 575.9px) {
    /* html{font-size: 75%;} */
    .container-md, .container-fluid {padding-left: 15px; padding-right: 15px;}
    body{font-size: 1rem;}
    .header, .container-md{padding-left: 15px; padding-right: 15px;}
    .fixed-header-strip .header .logo, .header.fixed .logo, .header.notfixed .logo {padding: 5px 0;}
    .mbMenuContainer .mbMenu > ul > li a {font-size: 1.25rem;}
    .scrollDown{display: none;}
    .btnContainer{flex-wrap: wrap;}
    .readmore .button.button-lg {min-width: 120px; padding: 0.5rem 1rem; margin: 0 auto;}
    .sticky .socialBtn i{width: 30px; height: 30px; font-size: 13px;}
    .heading, .hm-projectBox .display-4{text-align: left;}
    .heading{margin-bottom: 1.75rem;}
    .hm-overview-container .heading{margin-left: auto; margin-right: auto;}
    .smallHeading{font-size: 1.25rem;}
    .hm-overview-container .oval-lines{background-position: center 110%;}
    .statsBox h2{font-size: 2.5rem;}
    .statsBox p{font-size: 12px;}
    .journey-slide {width: 90%;}
    .journey-slide .inner > picture img{height: 400px; object-fit: cover;}
    .luxury-img .inside-img > img{height: auto;}
    .luxury-text .the-mark-text,.luxury-text .welcome-text{text-align: center;}
    .symbol-container{padding-left: 0;}
    .symbol-img img{max-width: 200px; margin: 0 auto;}
    .symbol-slide{text-align: justify; text-align-last: center;}
    .symbol-slide .heading{display: flex; justify-content: center; gap: 1rem; margin-bottom: 2rem;}
    .symbol-slide .heading .display-2{font-size: 3em; font-weight: 300 !important;}
    .footer-area{
      padding: 1.5rem 0;
    }
    .footer-logo{margin: 0 auto 1rem;}
    /* .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);}
    .foot-menu .socialBtn i{filter: grayscale(1) opacity(0.5); border-radius: 5px;}
    .hm-projectBox .featured-icons{gap: 6px;}
    .hm-projectBox .featured-icons li{width: calc((100% / 2) - 3px); border: 1px solid rgb(0 0 0 / 10%) !important;}
    .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;} */
    .page-title .h1{font-size: 3.5rem; font-weight: 200;}
    .overview-container{background-position: right top; background-size: 150%;}
    .overview-container::before{background: rgb(255 255 255 / 77%);}

    .vmBox{margin: 15px 0;}
    .vmBox .padding{padding-top: 0; padding-bottom: 0;}
    .vmText:not(:last-of-type) {margin-bottom: 15px; border-bottom: 0;}
    .vmText{padding: 1.5rem; background-color: var(--secondary-color); color: var(--body-color);}
    .vmText .heading-icon{display: none;}
    .vmText .heading .text-golden{color: var(--body-color) !important;}
    .vmBox .inner .heading{justify-content: center;}
    .vmBox .inner .imgBox{width: 40px; max-width: 40px;}
    
    .expansionContainer .inner{padding: 2rem;}
    div.expansionBox:nth-child(2) .count{padding-top: 0;}
    div.expansionBox:last-of-type .count{padding-bottom: 0;}
    .count{padding: 10px 0;}
    .count .counter{font-size: 2rem;}
    .bg-img {opacity: .1; width: 100%;}
    .card-header, .form-container{text-align: left; text-align-last: left;}
    .contactCard ul li{justify-content: center;}
}

@media (max-width: 480px) {
  .padding{padding-top: 4rem; padding-bottom: 4rem;}
  .bannerText .h1{font-size: 7vw;}
  .bg-title-video{height: 40vw;}
  .bg-title-video .mask-text{font-size: 9vw; line-height: 1.1;}
  .headingContainer {flex-direction: column; align-items: center !important; gap: 10px;}
  /* .heading{margin-left: auto; margin-right: auto;} */
  .statsBox{width: 100%;}
  /* .iconBox .inner,.testimBox .inner{text-align: center;} */
  .iconBox .inner .img-fluid{max-width: 40px; margin-left: auto; margin-right: auto;}
  .hm-projectBox .display-4{font-size: 2.25rem;}
  .journey-slide .inner > picture img{height: auto;}
  .journey-text .timeline-logo{width: 170px; display: table;}
  .journey-text{padding: 10x;}
  .journey-text .timeline-title{font-size: 1.75rem;}
  .journey-text p{font-size: 1rem;}
  .journey-text h2{font-size: 1.5rem;}
  .symbol-slide .symbol-text{font-size: 1.25rem; font-weight: 400;}
  .management-text{padding: 0;}
  .h6, h6 {font-size: 1.25rem;}
  .readmore .button{font-size: 13px; margin: 0 auto;}
  .luxury-img .inside-img{width: 100%;}
  .heading .h1, .luxury-text .the-mark-text{font-weight: 300; font-size: 1.5rem;}
  .luxury-text .welcome-text{font-size: 1.4rem;}
  .hm-projects-container{padding-bottom: 20rem;}
  .hm-projectImg{width: 100%; height: 25rem; bottom: 0; top: auto;}
  .blogBox .inner article{padding: 1.5rem;}
  .vmBox .inner .heading{gap: 0;}
  .expansionBox .display-3{font-size: 2.25rem;}
  .career-card .readmore .button{margin-left: 0; margin-right: 0;}
}

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

@media (max-width: 375px) {
  .blogBox .inner .smallHeading{font-size: 1rem;}
}

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