    @media (min-width: 100px) and (max-width: 992px) {
        .navbar-brand img {height: 50px;}
        .para {width: 100%;height: auto; }
        .para p {font-size: 14px; }
        .heading-title h1 {font-size: 30px; letter-spacing: 2px; line-height: 50%;}
        .para {min-width: 100%;min-height: auto; }
        .img-holder{max-width: 100%; width: 70%;margin: auto; margin-bottom: 60px;}
        .img-holder img:nth-child(2) {width: 140px;}
        .fix-banner-fonts h1 span:first-child {font: normal 700 30px/100% 'Poppins';}
        .fix-banner-fonts h1 span:not(:first-child) {font: normal 500 26px/82.7% 'Poppins';}
        .fix-banner-fonts h1 { font: normal 700 50px/100% 'Poppins';}
        /* .banner-section .slick-slide img {max-width: 100%;min-width: 100%;max-height: 100%;min-height: 100%;height: 100%;width: 100%;} */
        .banner-section .slick-slide img {max-width: 100%;min-width: 100%;max-height: 600px;min-height: 600px;height: 100%;width: 100%;}
        .heading-title h1::before { background-size: contain; height: 68px;width: 63px;top: 40%; }
        .heading-title h1::after { background-size: contain; height: 68px;width: 63px; left: -46px;}
        .para p {font: normal 300 14px/24px 'Poppins';}

    .marbomtop-7{margin-top: 70px;}
    .since {position: relative;display: flex;justify-content: space-around;margin-left: 0px;flex-direction: column;flex-wrap: wrap;}
    .since div {position: absolute;top: -20%;left: 50%;z-index: -1;transform: translate(-50%,-50%);}
    .since div {width: auto;}
    .galleryimg {display: flex;gap: 30px;justify-content: space-between;flex-direction: column;align-content: space-around;}
    .galleryimg li {width: 80%;}
    .whatwedo-img {padding: 0 30px;display: flex;justify-content: space-around;gap: 30px;flex-wrap: wrap;margin: auto;align-content: space-around;}
    .jcb-sec{margin-top: 50px;}
    /* .projects-slider .slick-next::before,.projects-slider .slick-prev::before {background: none;} */
    /* .projects-slider .slick-next::before {border-radius: 8px;height: 10px;width: 0px;padding: 15px;background-size: contain;background-origin: border-box} */
    /* .projects-slider .slick-prev::before {border-radius: 8px;height: 10px;width: 0px;padding: 15px;background-size: contain;background-origin: border-box} */
    .projects-slider .slick-next::before { height: 20px;}
    .projects-slider .slick-prev::before {height: 20px;}

    .overloaptxt {position: relative;z-index: 99;background: #000;margin-left: 10px;padding-left: 20px; }
    .overloaptxt p::after {height: 50px;}
    /* .overloaptxt p {font: normal 900 12px/14px'Poppins';left: 10px;bottom:-62px;z-index: 999; background:#000;display: contents;} */
    .overloaptxt p {font: normal 600 10px/15px'Poppins';left: 10px;bottom: -62px;z-index: 999;background: #000;display: contents;letter-spacing: 0px;}
    /* .jcb-sec p {font-size: 14px;} */
    .jcb-sec p {  font: normal 300 14px/6px 'Poppins';letter-spacing: 0.14px;}
    .jcb-sec img {height: 50px;}
    .details {border-radius: 10px;padding: 20px 25px;background: #F2F2F2;}
    .details p {padding: 20px 0;color: #000;font: normal 400 13px/20px 'Poppins';letter-spacing: 0.8px;text-transform: uppercase;}
    .heading-title h1 span {font: normal 700 28px/46px 'Poppins';letter-spacing: 2px;text-transform: uppercase;}
    .leadership-slider li div {padding: 10px 40px;position: relative;}
    .footer-social-media li a {/*padding: 4px;*/line-height: 5px;margin: 5px;transition: .5s all ease;}
    .leadership-slider .footer-social-media {margin-top: 13px;gap:4px;}
    .leaders-para p {padding: 30px 0 50px;max-width: 647px;color: #000;font: normal 600 14px/22px 'Poppins';letter-spacing: -0.15px;}
    .getintouch h4 {letter-spacing: 3px;font-size: 22px;  }
    .getintouch ul li {margin-bottom: 12px;}
    .getintouch ul li a {font-size: 14px;}
    .saysomething {padding:15px 15px 24px;}
    .footer-disflex {flex-direction: column;}
    .copy{text-align: center;margin-top: 20px;}
    .footer-disflex .footer-social-media {justify-content: space-evenly;}
    .about-section {padding: 80px 0 120px;}
    .leadership-slider .slick-prev,.sliding-img .slick-prev {left: -10px;}
    .leadership-slider .slick-next, .sliding-img .slick-next{right: 0px;}
    .galleryimg p{text-align: center;font: normal 400 14px/24px 'Poppins'; margin-top: 5px; }
    .getintouch {padding-top: 40px; padding: 40px 10px 10px;}.getintouch p {margin-bottom: 25px;}
    .since .disflex {padding: 20px 35px; width: 100%;display: inline-grid;gap: 20px;justify-content: center;flex-direction: column;align-content: center;align-items: center;}
    .heading-title {margin-left: 40px;}
    /* .since .disflex {display: inline-grid;padding: 20px; } */
    .disflex li span {margin-right: 0;float: right;}
    .banner-section .slick-slide .banner-overlap .fix-banner-fonts {left: 50px; max-width: 10%; width: 100%; top:144px}
    .saysomething h4 {font: normal 600 20px/36px 'Poppins';letter-spacing: 2px;}
    .details h5 {font: normal 700 16px/20px 'Poppins';letter-spacing: 2px;}
    .construction-projects .client-container {margin-top: 20px;}
    .projects-slider {padding: 20px 0 20px;}
    .whatwedosect {padding: 20px 0 0px;}

    /*******************************/
    /* .science {border-radius: 19px;border: 1px solid #C1C1C1;background: #FFF;padding: 12px;}
    .science li{display: flex;justify-content: space-between;align-items: center;justify-items: flex-start;text-align: -webkit-right;} */
    .science li {vertical-align: middle;max-width: 100%;color: #585858;font: normal 500 13px/97.2% 'Poppins';letter-spacing: 0.65px;text-transform: uppercase;}
    .science li {display: flex;justify-content: space-between;align-items: center;justify-items: self-start;text-align: -webkit-right;}
    .science li span:nth-child(2){float: left;}
    .since.socail {position: relative;display: flex;justify-content: space-around;max-width: 100%;width: 90%;margin: auto;}
    .since .science {width: 100%;display: flex;justify-content: space-around;flex-direction: column;gap: 16px;padding: 24px;}
    /* .projects-slider .slick-slide img{min-height: 170px;} */
    }

    @media only screen and (max-width: 992px){
        .navbar-toggler {background-color: var(--red);}
    .navbar-toggler span:first-child,
    .navbar-toggler span:nth-child(3) {transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out;}
    .navbar-toggler span {display: block;background-color: #fff;height: 2px;width: 25px;border: 0;margin: 4px 0;-webkit-transform: rotate(0);transform: rotate(0);left: 0;opacity: 1;}
    .navbar-toggler:not(.collapsed) span:first-child {-webkit-transform: rotate(135deg);transform: rotate(135deg);opacity: .9;}
    .navbar-toggler:not(.collapsed) span:nth-child(2) {height: 0px;visibility: hidden;background-color: transparent;}
    .navbar-toggler:not(.collapsed) span:nth-child(3) {-webkit-transform: rotate(-135deg);transform: rotate(-135deg);opacity: .9;}
    /* .navbar-collapse{z-index: 99;position: absolute;right: 0px;top: 69px;background: #e4dcd4db;padding: 0px 0px 10px;border: none;text-align: center;border-radius: 10px;box-shadow: rgba(0, 0, 0, 0.66) 1px 2px 7px;} */
    .navbar-collapse {width: 100%;z-index: 99;position: absolute;right: 0px;top: 69px;background: #ffffff;padding: 0px 0px 15px;border: none;text-align: center;/* border-radius: 10px; */box-shadow: rgba(0, 0, 0, 0.66) 1px 2px 7px;}
    #navbar_top .nav-item .nav-link::after {left: 25%;}
    #navbar_top .nav-item .nav-link.active::after {width: 50%;}
    .social-media .nav-itemm .mob-wdt {/*width: 50px;*/margin: auto; gap: 2px;}
    .navbar-nav {gap: 12px;}
    .navbar-nav.social-media{margin-top: 10px;}
    #navbarSupportedContent {overflow-y: scroll;scroll-behavior: smooth;height: 280px;padding: 25px 0 20px;}
    .sliding-img li > img {	height: 60px;}


    }

    @media screen and (max-width:992px) {
    .fixed-icon-div {position: fixed;border: 0px; border-radius: 0px;height: 50px; bottom: 150px;top: auto;bottom: 0px;display: flex;justify-content: space-evenly;width: 100%;flex-direction: row; right: 0px;  left: inherit; color: var(--white) !important;z-index: 99;padding: 10px;background: #FF6231;border: none;} 
        .fixed-icon1 {display: flex;bottom:-4%;top:inherit;position: fixed;    max-width: 100px;border: none;border-radius: 0px;
            width: 100%;left: 0;text-align: center;color: #fff !important;cursor: pointer;transition: all .5s linear;text-transform: capitalize;font-size: 18px;background-color: transparent;}
        .fixed-icon2 {display: flex;bottom:-4%;top:inherit;position: fixed;    max-width: 100px;border: none;border-radius: 0px;
            width: 100%;left: 40%;text-align: center;color: #fff !important;cursor: pointer;transition: all .5s linear;z-index: 999;transform: translate(-50%, -50%);text-transform: capitalize;font-size: 18px;background-color: transparent;}
        .fixed-icon3 {display: flex;bottom:-4%;top:inherit;position: fixed;    max-width: 100px;border: none;border-radius: 0px;
            width: 100%;    right: 30px;text-align: center;color: #fff !important;cursor: pointer;transition: all .5s linear;text-transform: capitalize;font-size: 18px;background-color: transparent;}
        .line{border-right: 1px solid #fff;  padding: 0 5px;}
        .fixed-icon1 .fa, .fixed-icon2 .fa  , .fixed-icon3 .fa{font-weight: 900;border: none;font-size: 15px;padding: 4px;}
        .fixed-icon1:hover ,    .fixed-icon2:hover,  .fixed-icon3:hover{background-color: none;}
        .fixed-icon1:hover span.call ,.fixed-icon2:hover span.call,
        .fixed-icon3:hover span.call {display: none !important;}
    }



    @media screen and (min-width:365) {
    .fixed-icon1 >span{display: none !important;}
    .fixed-icon2 >span{display: none !important;}
    .fixed-icon3 >span{display: none !important;}
    }

    @media screen and (max-width:350px) {
        .contact-add li a {margin: 0rem 0;}
        .contact-add li a {font-size: 13px;}
    }


    /*************css for the about us page*************/

    @media (min-width: 100px) and (max-width: 992px) {
        .aboutusbanner img{min-height: 250px;object-fit: cover;object-position: top; }
        .head h1 {font: normal 700 24px/110% 'Poppins';padding: 10px 0 30px;}
        ul.about-points li b {font: normal 600 14px/100% 'Poppins';}
        ul.about-points li {font: normal 300 13px/170% 'Poppins';text-align: justify;}
        .chairman-holder {padding: 0 0px 20px 0;}
        .count-point {padding-top: 40px;display: inline; }
        /* .dist {left: 50%;top: 20px;} */
        .dist {left: 26%;top: 30px;display: inline-block;justify-content: center;align-items: center;display: flex;width: 50%;border-radius: 19px 19px 0 0;}
    .chairman-holder {object-fit: scale-down;}
        .points > * {margin: 10px 20px; max-width: 82%;width: 100%; text-align: left;text-align: -moz-right;margin:10px auto !important;float: inherit;font-size: 40px;}  
        .points > li > span {font: normal 500 15px/97.2% 'Poppins';letter-spacing: 0.45px; margin-left: 23px;float: right; max-width: 100px;}
        .dist {font: normal 700 16px/100% 'Poppins';margin-left: 15px;}
        .dist span {font: normal 700 26px/82.7% 'Poppins';}
    /* .ma-width{max-width: 220px !important;} */
    .count-point ul {justify-content: center;text-align: center; margin: 0 15px;}
    .big-img img{height: auto;min-height: 200px;object-fit: cover;}
    /********css for the roads and dridges*********/
    .aboutusbanner .overlayblur .font-center h1 {font-size: 32px;}
    .aboutusbanner .overlayblur .font-center h1 span {display: block;font-size: 32px;}
    .main-section .line .text-container {padding: 10px;}
    .main-section .line .text-container .num {padding: 4px 12px;}
    .main-section .line .text-container .text h1 {padding: 15px 0 20px;font-size: 20px;}
    .main-slider li img {object-fit: cover;min-height: 267px; }
    .tableofprojects .table tbody tr > * {text-align:left;  }
    .tableofprojects .table tbody tr:last-child > * {text-align:left; background: #F5F9FC; }
    .projects-slider li img {min-height: 320px;max-height: 320px;margin: auto 0;object-fit: fill;object-position: center;}
    .wedomarge {margin-bottom: 60px; }
    .form-horizontal {max-width: 100%;width: 90%;}
    .carrer-section {padding: 40px 0;  }

    
    }

.rwd-table {min-width:80%;width: 100%; max-width: 90%; margin: auto;border-collapse: collapse;}

.rwd-table tr:first-child {
  border-top: none;
  /* background: #428bca; */
  color: #fff;
}

.rwd-table tr {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #f5f9fc;
}

.rwd-table tr:nth-child(odd):not(:first-child) {
  /* background-color: #ebf3f9; */
}

.rwd-table th {
  display: none;
}

.rwd-table td {
  display: block;
}

.rwd-table td:first-child {
  margin-top: .5em;
}

.rwd-table td:last-child {
  margin-bottom: .5em;
}

.rwd-table td:before {
  content: attr(data-th) ": ";
  font-weight: bold;
  width: 120px;
  display: inline-block;
  color: #000;
}

.rwd-table th,
.rwd-table td {
  text-align: left;
}

.rwd-table {
  color: #333;
  border-radius: .4em;
  overflow: hidden;
}

.rwd-table tr {
  border-color: #bfbfbf;
}

.rwd-table th,
.rwd-table td {
  padding: .5em 1em;
}
@media screen and (max-width: 601px) {
  .rwd-table tr:nth-child(2) {
    border-top: none;
  }
}
@media screen and (min-width: 600px) {
  .rwd-table tr:hover:not(:first-child) {
    background-color: #d8e7f3;
  }
  .rwd-table td:before {
    display: none;
  }
  .rwd-table th,
  .rwd-table td {
    display: table-cell;
    padding: .25em .5em;
  }
  .rwd-table th:first-child,
  .rwd-table td:first-child {
    padding-left: 0;
  }
  .rwd-table th:last-child,
  .rwd-table td:last-child {
    padding-right: 0;
  }
  .rwd-table th,
  .rwd-table td {
    padding: 1em !important;
  }
}





