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

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

@media (min-width: 1600px) {
  .img-slide{
    width: 22%;
  }
}

@media (min-width: 1900px) {
}
@media (min-width: 2500px) {
}

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

@media (max-width: 1199.9px) {
  .hm-segments .segmentContainer > li{height: 33vh;}
  .hm-segments .segmentContainer li a section .imgBox{padding: 17px; width: 80px;}
}

@media (max-width: 1024px) {
  .navi{gap: 20px;}
  .section-title .h1, .entry_number span:not(.number_title){font-size: 2.5rem;}
  .hm-segments .segmentContainer li section{left: 10px; right: 10px;}
  .hm-segments .segmentContainer li a section .imgBox{padding: 15px; width: 60px;}
  .hm-segments .segmentContainer li a:hover section .imgBox{width: 40px; padding: 8px;}
}
@media (max-width: 991.9px) {
  html {
    font-size: 87.5%;
  }
  .header .container{display: flex; justify-content: space-between; align-items: center;}
  .logo{width: 100px;}
  .logo a{width: auto;}
  .hero_carousel{margin-top: 44px; height: 600px;}
  .hero_text{left: 50%; transform: translateX(-50%); text-align: center;}
  .hero_text section{border-right: 0; background-color: rgb(29 11 48 / 39%);}
  .watermark{height: auto; width: 60%; transform: translate(10%,0%); opacity: 0.5;}
  .hero_inside__banner .watermark{width: auto;}
  .overview_section{padding-bottom: 2rem;}
  .hm-segments .segmentContainer > li{width: 50%;}
  .delivered--projects{flex-wrap: wrap;}
  .delivered--projects--box.sm{flex: 0 0 33%; max-width: 33%;}
  .delivered--projects--box.big{flex: 0 0 25%; max-width: 25%;}
  .delivered--projects--box.big .box__location{height: 40px;}
  .hero_inside__banner{padding-top: 4rem; padding-bottom: 4rem;}
  .hero_inside__banner .display-4{font-size: 2.75rem;}
  .enquiry__box .mnemonic__in[data-toggle="modal"]{padding: 1rem;}
}

@media (max-width: 767.9px) {
  .container {max-width: 660px;}
  .hm-segments .segmentContainer > li{height: 250px;}
  .intro_numbers .rw--gap{row-gap: 10px;}
  .sun-num{flex-basis: auto; width: 33%; padding: 0 5px;}
  .sun-num section{padding: 14px; height: 100%; border: 1px solid rgb(255 255 255 / 15%);}
  .tagline{text-align: center;}
  .enquiry__box .mnemonic__in[data-toggle="modal"]{width: max-content; margin: 0 auto;}
}

@media (max-width: 575.9px) {
  body{text-align: center;}
  .rw--gap{row-gap: 10px;}
  .py-6{padding-top: 4rem; padding-bottom: 4rem;}
  .hero_carousel{height: 500px;}
  .hero_text{top: auto; bottom: 0; width: 100%; max-width: 100%;}
  .hero_text .h2{font-size: 1.5rem; font-weight: 400;}
  .scrollDown{display: none;}
  .section-title .h1{font-size: 2rem; font-weight: 400;}
  .hm-segments .segmentContainer li section, .accordion-wrapper .card-body{text-align: left;}
  .modal-content button.close{right: 10px;}
  .modal-logo{padding: 2rem 0;}
  .modal-logo img{max-width: 140px;}
  .readmore .button{margin: 0 auto;}
  .entry_number:not(:first-child){border-left: none; padding-top: 2rem; margin-top: 2rem; border-top: 1px solid rgb(255 255 255 / 15%);}
  .location-img{width: 50px; padding: 10px;}
  .swiper-button-next, .swiper-button-prev {width: 35px; height: 35px;}
  .breadcrumb{justify-content: center;}
  .tagline h2{font-size: 1.75rem;}
  .contact_box{text-align: left; margin-bottom: 3rem;}
  .contact_box .section-title{ margin-left: 0;}
}

@media (max-width: 480px) {
  p{text-align: justify;}
  .section-title .h1{font-size: 1.75rem;}
  .spec_text_section .readmore{display: none;}
  .spec_text_section .spec_section__title{display: flex; gap: 10px; text-align: left;}
  .spec_text_section .spec_section__title .title_icon{margin-bottom: 0;}
  .hm-segments .segmentContainer > li{width:100%;}
  .hm-segments .segmentContainer li section .menuText small, .hm-segments .segmentContainer li section .menuText p{padding-left: 35px;}
  .quotation-mark{font-size: 15rem; right: -15px;}
  .testim-text.scroller{max-height: 150px;}
  .delivered--projects--box.sm{font-size: 10px;}
  .delivered--projects--box.sm .box__title{width: 100%;}
  .delivered--projects--box.big{flex: 0 0 50%; max-width: 50%; font-size: 1.25rem;}
  .delivered--projects--box .img--box{width: 100%;}
  .delivered--projects--box .img--box img{height: 150px;}
  .sun-num{width: 50%;}
  .sun-num section h2{font-size: 1.75rem;}
  .sun-num section p{text-align: center; font-size: inherit;}
  .sun-num section p br{display: none;}
  .foot-logo img{width: 140px;}
  .contact_box .contact_box__inside .small--title{margin-bottom: 1rem;}
}

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

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

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