/* TypoGraphy */

/*=======Responsive css start =========*/
@media (min-width: 1200px) {
  
/************ // MOBILE MENU CSS START HERE // ***********************/
.main-nav .menu-bar { display: block; }
/* .header-main {padding: 15px 0px;} */
.main-nav {order: 1;margin-left: 30px;}
.menu-bar {width: 60px;height: 43px; position: static; margin: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; display: block; right: 38px; top: 54px; z-index: 1111; }
.mobile-menu .menu-bar { background: none; /* position: fixed; */ /* top: 14px; right: 20px; */ }
.nav-manu ul.mobile-menu-header-show { display: block; }
body.mobile-menu { overflow-y: hidden;}
.navigation {position: fixed;top: 0px; padding-top: 0px; right: -150%;width: 100%; max-width: 390px; height: 100vh; z-index: 99; /*transition: .7s; -webkit-transition: .7s; -moz-transition: .7s;*/ overflow-y: auto; padding-left: 0; padding-right: 0; padding-bottom: 0px; margin: 0; transform: none; -webkit-transform: none; -ms-transform: none;background: rgba(0, 0, 0, 0.5);}
  body.mobile-menu .navigation {
      display: block;
      right: 0;
      max-width: 100%;          
  }
nav.mobile-scroll {
    display: block;
    margin: 0px 0 0;   
            height: 100%;
     background-size: 100%;  background: #ffddb6;
        clip-path: polygon(90% 0, 100% 0, 100% 8%, 40% 100%, 0 100%, 0 14%); 
}  
.navigation-items {
    bottom: 3.6rem;
    top: 10.6rem;
    left: 5.2rem;
    right: auto;
    align-items: flex-start;
    overflow: hidden;
    position: absolute;
    overflow-y: auto;
}
.navigation-items::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #0e1f4d;
}

.navigation-items::-webkit-scrollbar
{
	width: 2px;
	background-color: #0e1f4d;
}

.navigation-items::-webkit-scrollbar-thumb
{
	background-color: #e0861d;
	border: none;
}

.navigation .nav-manu { flex-wrap: wrap; justify-content: center;margin-bottom: 15px;width: 100%;}
.navigation ul { display: block; width: 100%; }
.navigation ul li { margin-right: 0; padding: 0; margin: 0; position: relative; font-size: 28px !important }
.navigation ul li:last-child { border-bottom: none; }
.navigation ul>li::before { display: none; }
.navigation .menu-item-has-children>a::before { display: none; }
.navigation .menu-item-has-children::after { content: ""; position: absolute; top: 0; right: 0px; width: 50px; height: 47px; transition: 0.4s; font-family: FontAwesome; color: #000; padding: 0; z-index: 111; text-align: center; font-size: 16px; font-weight: 700; display: flex; justify-content: center; align-items: center; cursor: pointer; background: url(../images/arrow-down.png);background-repeat: no-repeat;background-position: center;}
.navigation ul li.menu-item-has-children.open::after { transform: rotate(-180deg); }
.navigation ul li ul.sub-menu li::after { display: flex; }
.navigation ul>li>ul.sub-menu>li:hover>a { color: #0e1f4d; }
.navigation ul li ul.sub-menu>li.menu-item-has-children>ul.sub-menu>li:hover>a { color: #0e1f4d; }
.navigation ul li.menu-item-has-children { padding-right: 0; }
.navigation ul li.current-menu-item>a { color: #0e1f4d; }
.navigation ul>li>a { display: block; border-top: none; padding: 6px 0px; color: #000; }
.navigation ul>li>a:hover{ padding-left: 10px;}
.navigation ul li ul.sub-menu li a:hover{ padding-left: 10px;}
.nav-manu ul li a:hover { color: #0e1f4d; position: relative; }
.navigation .moblelogo { display: block; padding: 20px 15px; text-align: center; }
.menu-item-has-children::before { display: none; }
.navigation ul>li>a::after { display: none; }
.navigation ul li ul.sub-menu { display: none; opacity: 1; visibility: visible; transform: scale(1); }
.navigation ul li ul.sub-menu li:last-child {border-bottom: 1px solid #dfdfdf;}
.navigation ul li ul.sub-menu.in { position: static; max-width: 100%; top: 0; left: 0; padding: 0; display: block; opacity: 1; visibility: visible; box-shadow: none; }
.navigation ul li ul.sub-menu li { width: 100% !important; padding: 0; transform: none; -webkit-transform: none; -ms-transform: none; border-radius: 0; margin: 0; box-shadow: none; background-color: inherit; background: none;border-bottom: none; }
.navigation ul li ul.sub-menu li:hover { background-color: inherit; }
.navigation ul li ul.sub-menu li.current-menu-item { background-color: inherit; }
.navigation ul li ul.sub-menu li.current-menu-item a { color: #01a4ec; }
.navigation ul li ul.sub-menu li a { padding: 18px 0px; font-weight: 500; transform: skewX(0deg); -webkit-transform: skewX(0deg); -ms-transform: skewX(0deg); color: #181925; }
.navigation ul li ul.sub-menu li a:hover { color: #0e1f4d; }
.navigation ul li ul.sub-menu ul.sub-menu { width: 100%; padding: 0; }
.navigation ul li ul.sub-menu ul.sub-menu { margin-left: 0; }
.navigation ul li ul.sub-menu li.menu-item-has-children ul.sub-menu li a { background: none; }

.navigation ul li ul.sub-menu li:hover a { background: none; }


/*======navigation css end======*/
}
@media (max-width: 1679px) { 
   .home-banner-inner {margin-left: 0px;}
   .header-social-link {margin-left: 50px;}
   .menu-bar {margin-left: 50px;}
   .partners-img {text-align: center;}
    .nav-manu ul li { margin: 0 40px 0 0;}    
}

@media (max-width: 1539px) {   
   .container {padding: 0px 20px;}
   .nav-manu ul li {font-size: 16px;margin: 0 40px 0 0;}
   .home-banner-inner {padding-left: 30px;}
   .landmark-section {padding: 40px 0px 85px;}
   .encompassing-left {padding: 0px 50px 0px 30px;}
   .assistance-link-col {padding: 0px 35px 0px 10px;}
   .home-banner img, .home-banner video {min-height: 600px;max-height: 600px;}
   :is(.home-banner-caption) :is(h1, h2, h3, h4, h5, h6) {font-size: 65px;}
   .landmark-card {padding: 15px;text-align: center;}
   .completed-projects-nav li a {padding: 10px 18px;}
   :is(.banner-inner-caption) :is(h1, h2, h3, h4, h5, h6) {font-size: 52px;}
   .nav-manu ul li { margin: 0 36px 0 0;}
}

@media (max-width: 1439px) {

   /*======heading css start======*/
   h1 { font-size: 32px; }
   h2 { font-size: 30px; }
   h3 { font-size: 26px; }
   h4 { font-size: 24px; }
   h5 { font-size: 24px; }
   h6 { font-size: 24px; }
   /*======heading css end======*/

   .menu-bar {margin-left: 18px;}
   .header-social-link {margin-left: 18px;}
   .nav-manu ul li {font-size: 14px;margin: 0px 25px 0 0;}
   .home-banner img, .home-banner video {min-height: 500px;max-height: 500px;}
   :is(.home-banner-caption) :is(h1, h2, h3, h4, h5, h6) {font-size: 55px;margin-bottom: 10px;}
   :is(.home-banner-caption) :is(p) {font-size: 24px;}
   :is(.common-heading) :is(h1, h2, h3, h4, h5, h6) {font-size: 32px;}
   .development-heading p {font-size: 26px;}
   :is(.development-heading) :is(h1, h2, h3, h4, h5, h6) {font-size: 42px;}
   .excellence-col {padding: 0px 10px;}
   :is(.encompassing-heading) :is(h1, h2, h3, h4, h5, h6) {font-size: 32px;}
   .team-card-img {width: 40%;}
   .team-card-content {width: 60%;}   
   .assistance-link-col:first-child {width: 38%;}
   :is(.assistance-link-col) :is(h1, h2, h3, h4, h5, h6) {font-size: 16px;}
   .assistance-link-col p, .assistance-link-col a {font-size: 16px;line-height: 24px;}
   .assistance-link-col {padding: 0px 25px 0px 10px;}
   .footer-expertise {padding: 0px 30px;}
   .footer-call-now .btn img {max-width: 35px;max-height: 35px;margin-right: 20px;}
   .footer-call-now .btn {min-width: auto;}
   .footer-call-now .btn p {font-size: 18px;line-height: 24px;}
   .footer-call-now .btn strong {font-size: 24px;line-height: 24px;}
   .copyright {margin-left: 30px;}
   :is(.project-gallery-heading) :is(h1, h2, h3, h4, h5, h6) {font-size: 26px;}  
   .project-gallery-heading {margin-bottom: 15px;}
   .footer-social-link {margin-left: 40px;}
   .footer-social-link ul li {margin-right: 25px;}
   .footer ul li a img {max-width: 25px;max-height: 25px;}
   .development-left {padding-right: 50px;}
    .projects-post-col {
        padding: 15px;
    }
      .completed-projects-nav li a {
        padding: 10px 11px;
        min-width: 106px;
    }  
    .team-member h5 {
    font-size: 18px;
}
.team-member p {
    font-size: 14px;
}
:is(.banner-inner-caption) :is(h1, h2, h3, h4, h5, h6) { font-size: 62px;}
}

@media (max-width: 1280px) {
.highway-projects-right {
    width: 49%;
}
.highway-projects-left {
    width: 48%;
}
:is(.highway-projects-right) :is(h1, h2, h3, h4) {
    font-size: 32px;
}
.construction-services-right {
    width: 49%;
}
.construction-services-left {
    width: 49%;
}
:is(.construction-services-left) :is(h1, h2, h3, h4) {
    font-size: 32px;
}
.project-info {
    width: 50%;
}
:is(.key-features-wrap) :is(h1, h2, h3, h4) {
    font-size: 32px;
}
:is(.banner-inner-caption) :is(h1, h2, h3, h4, h5, h6) {
    font-size: 48px;
}
.highway-projects-section {
    padding: 106px 0px;
}
.decision-impact-section {
    padding: 60px 0;
}
.nav-manu ul li {
    margin: 0px 20px 0 0;
}
}

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

@media (max-width: 1199px) {


.socail-icon {
   display: none;
}
.navigation-right {
    display: none;
}
/************ // MOBILE MENU CSS START HERE // ***********************/
 
/* .header-main {padding: 15px 0px;} */   
.main-nav {order: 1;}
.mobile-menu .menu-bar { background: none; /* position: fixed; */ /* top: 14px; right: 20px; */ }
.nav-manu ul.mobile-menu-header-show { display: block; }
body.mobile-menu { overflow-y: hidden;}
.header {overflow-x: clip; -webkit-overflow-x:clip;}
.navigation {background: #fff;position: absolute;top: 100%; padding-top: 0px; right: -150%;width: 100%; max-width: 390px; height: 100dvh; z-index: 99; transition: .7s; -webkit-transition: .7s; -moz-transition: .7s; overflow-y: auto; padding-left: 0; padding-right: 0; padding-bottom: 40px; margin: 0; transform: none; -webkit-transform: none; -ms-transform: none; background-size: 100%; padding-bottom: 300px; }
body.mobile-menu .navigation { display: block; right: 0; }
.nav-manu { flex-wrap: wrap; justify-content: center; }
.navigation ul { display: block; width: 100%; }
.navigation ul li { margin-right: 0; padding: 0; margin: 0; position: relative; font-size: 18px;}
.navigation ul li a{ border-bottom: 1px solid #dbe3e5; }
.navigation ul li:last-child { border-bottom: none; }
.navigation ul>li::before { display: none; }
.navigation .menu-item-has-children>a::before { display: none; }
.menu-item-has-children::after { content: ""; position: absolute; top: 0; right: 0; width: 50px; height: 47px; transition: 0.4s; font-family: FontAwesome; color: #000; padding: 0; z-index: 111; text-align: center; font-size: 16px; font-weight: 700; display: flex; justify-content: center; align-items: center; cursor: pointer; background: url(../images/arrow-down.png);background-repeat: no-repeat;background-position: center;}
.navigation ul li.menu-item-has-children.open::after { transform: rotate(-180deg); }
.navigation ul li ul.sub-menu li::after { display: flex; }
.navigation ul>li>ul.sub-menu>li:hover>a { color: #f7931e; }
.navigation ul li ul.sub-menu>li.menu-item-has-children>ul.sub-menu>li:hover>a { color: #f7931e; }
.navigation ul li.menu-item-has-children { padding-right: 0; }
.navigation ul li.current-menu-item>a { color: #f7931e; }
.navigation ul>li>a { display: block; border-top: none; padding: 14px 26px; color: #000; }
.nav-manu ul li a:hover { color: #f7931e; position: relative; }
.navigation .moblelogo { display: block; padding: 20px 15px; text-align: center; }
.menu-item-has-children::before { display: none; }
.navigation ul>li>a::after { display: none; }
.navigation ul li ul.sub-menu { display: none; opacity: 1; visibility: visible; transform: scale(1); }
.navigation ul li ul.sub-menu li:last-child {border-bottom: 1px solid #dfdfdf;}
.navigation ul li ul.sub-menu.in { position: static; max-width: 100%; top: 0; left: 0; padding: 0; display: block; opacity: 1; visibility: visible; box-shadow: none; }
.navigation ul li ul.sub-menu li { width: 100% !important; padding: 0; transform: none; -webkit-transform: none; -ms-transform: none; border-radius: 0; margin: 0; box-shadow: none; background-color: inherit; background: #f9f9f9;border-bottom: none; }
.navigation ul li ul.sub-menu li:hover { background-color: inherit; }
.navigation ul li ul.sub-menu li.current-menu-item { background-color: inherit; }
.navigation ul li ul.sub-menu li.current-menu-item a { color: #01a4ec; }
.navigation ul li ul.sub-menu li a { padding: 14px 32px; font-weight: 500; transform: skewX(0deg); -webkit-transform: skewX(0deg); -ms-transform: skewX(0deg); color: #181925; }
.navigation ul li ul.sub-menu li a:hover { color: #f7931e; }
.navigation ul li ul.sub-menu ul.sub-menu { width: 100%; padding: 0; }
.navigation ul li ul.sub-menu ul.sub-menu { margin-left: 0; }
.navigation ul li ul.sub-menu li.menu-item-has-children ul.sub-menu li a { background: none; }
nav.mobile-scroll { display: block; width: 100%; margin: 15px 0 0; }
.navigation ul li ul.sub-menu li:hover a { background: none; }
/*======navigation css end======*/

 /*======heading css start======*/
 h1 { font-size: 28px; }
 h2 { font-size: 26px; }
 h3 { font-size: 24px; }
 h4 { font-size: 22px; }
 h5 { font-size: 20px; }
 h6 { font-size: 18px; }
 /*======heading css end======*/

 h1, h2, h3, h4, h5, h6 {margin-bottom: 10px;}
 p {font-size: 16px;line-height: 24px;margin-bottom: 10px;}
 ul li, ol li {font-size: 16px; line-height: 24px;}  
 .btn {min-width: 200px;min-height: 45px;height: 45px;}
 .header-logo img {width: 150px;}
 .header-logo {margin-bottom: -50px;padding: 15px 15px;position: relative;z-index: 111;}
body.mobile-menu .humberge-menu span.first {
    transform: rotate(45deg) translate(5px, -6px);
}
body.mobile-menu .humberge-menu span.last {
    transform: rotate(-45deg) translate(0px, 6px);
}
.home-banner img, .home-banner video {min-height: 430px;max-height: 430px;}
:is(.home-banner-caption) :is(h1, h2, h3, h4, h5, h6) {font-size: 42px;}
:is(.home-banner-caption) :is(p) {font-size: 20px;line-height: 24px;}
.home-banner-btn {padding-top: 20px;}
:is(.development-heading) :is(h1, h2, h3, h4, h5, h6) {font-size: 30px;}
.carousel-silder-content p {font-size: 16px;line-height: 24px;}
:is(.common-heading) :is(h1, h2, h3, h4, h5, h6) {font-size: 30px;padding-bottom: 15px;}
:is(.encompassing-heading) :is(h1, h2, h3, h4, h5, h6) {font-size: 30px;} 
.footer-left {padding-right: 30px;} 
.footer-expertise {padding: 0px 20px;}
.owl-carousel {margin-top: 40px;}
.encompassing-Active h5 {font-size: 36px;line-height: 36px;}
.encompassing-Active {padding: 10px 25px;}
.customer-card {padding: 30px 45px;}
.machinery-col {padding: 0px 10px;}
ul.list-style li {font-size: 20px;margin-bottom: 10px;}
.development-btn {margin-top: 30px;}
.machinery-img::before {top: 7px;left: -7px;}
.footer-quick {padding-left: 20px;}
.excellence-item-content p {font-size: 14px;}
.landmark-section {padding: 40px 0px 65px;}
.excellence-secton {padding: 50px 0px 65px;}
.copyright {margin-left: 0px;order: 1;width: 100%;margin-top: 30px;}
.footer {padding: 55px 0px 30px;}
.assistance-link-col:first-child {width: 100%;margin-bottom: 30px;}
:is(.assistance-heading) :is(h1, h2, h3, h4, h5, h6) {font-size: 30px;margin-bottom: 15px;}
.owl-carousel {padding: 0px 15px;}
.team-slider.owl-carousel .owl-nav button.owl-prev {left: -10px;right: unset;}
 .other-info {
    padding: 20px 26px;
    border: none;
}
.other-info h3 {
    font-size: 22px;
}
.other-info p {
    font-size: 16px;
    font-family: 'Mulish Medium';
    font-weight: 500;
    max-width: 100%;
}
.other-info a {
    font-size: 16px;
}
.other-info a img {
    width: 16px;
}
.projects-post-col {
    padding: 14px;
}
.completed-projects-section {
    padding: 36px 0 45px;
}
.project-heading {
    left: 18px;
    right: 18px;
}
.project-heading h3 {
    font-size: 20px;
}
.completed-projects-nav li {
    font-size: 17px;
    margin-bottom: 0px;
}

.completed-projects-nav {
    border: none;
    margin: 0px;
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    width: 100%;
    padding-bottom: 10px;
}
.completed-projects-nav li {
    font-size: 17px;
    margin-bottom: 0px;
    white-space: nowrap;
}
.nav-tabs .nav-link.active {
    white-space: nowrap;
}
.cardteam-outer {
    width: 33.33%;
    padding: 10px 10px 25px;
}
.ourteam-section {
    padding-top: 13px;
}
:is(.banner-inner-caption) :is(h1, h2, h3, h4, h5, h6) {
    font-size: 36px;
}
    .inner-banner img {
    height: 300px;
    object-fit: cover;
}
.decisionimpact-info h4 {
    font-size: 20px;
}
.decisionimpact-col {
    padding: 0 15px 30px;
}
.highway-projects-section {
    padding: 65px 0px;
}
}



@media (max-width: 1023px) {  
   .development-right {width: 100%;}
   .development-left {width: 100%;padding-right: 0px;order: 1; margin-top: 35px;}
   .development-mask img {max-height: 400px;}
   .development-mask {text-align: center;}
   .excellence-col {width: 33.33%;padding: 10px 10px;}
   .encompassing-right {width: 100%;}
   .encompassing-left {width: 100%;padding: 0px;order: 1;margin-top: 30px;}
   .assistance-right {width: 100%;margin-top: 35px;}
   .query-form {margin-top: 0px;}
   .assistance-left {width: 100%;padding-right: 0px;}
   .query-form .form-heading {border: 1px solid #fff;border-top-left-radius: inherit;border-top-right-radius: inherit;}
   .excellence-wrap {margin-top: 30px;}
   .owl-carousel .item {padding: 0px 10px;}
   .machinery-img {margin-bottom: 20px;}
   .owl-carousel .owl-nav button {width: 50px;height: 50px;}
   .customer-slider.owl-carousel .owl-nav button.owl-prev {left: -10px;}
   .customer-slider.owl-carousel .owl-nav button.owl-next {right: -10px;}
   .valuable-section {padding: 50px 0px 65px;}
   .landmark-section .common-heading {margin-bottom: 40px;}
   .team-slider {padding-right: 0px;}
   .owl-carousel .owl-nav button.owl-next {right: -10px;}
   .team-card-img {width: 100%;}
   .team-card-content {width: 100%;padding: 0px;margin-top: 30px; }
   .team-card-img img {max-height: 400px;width: auto !important;border-radius: inherit;margin: 0 auto;}
   .projects-post-col {
    width: 50%;
}
}

@media (max-width: 767px) {

h1 { font-size: 26px; }
h2 { font-size: 24px; }
h3{ font-size: 22px; }
h4{ font-size: 20px; }
h5{ font-size: 18px; }
h6{ font-size: 16px; }

.header-logo img {width: 120px;}
.header-social-link {margin-left: 15px;}
.menu-bar {margin-left: 10px;}
.header-social-link ul li {padding: 0px 7px;}
.btn {font-size: 16px; min-width: 120px;min-height: 40px;padding: 5px 20px;}
.container {padding: 0px 15px;}
:is(.common-heading) :is(h1, h2, h3, h4, h5, h6) {font-size: 24px;margin-bottom: 10px;}
:is(.home-banner-caption) :is(h1, h2, h3, h4, h5, h6) {font-size: 30px;}
.landmark-img img {max-width: 50px;height: 50px;object-fit: cover;}
.landmark-content p {font-size: 14px;line-height: 20px;}
.excellence-col {width: 50%;padding: 10px 10px;}
.landmark-item {width: 50%;height: auto;}
.landmark-item {border:none !important;padding: 7px;}
.landmark-item .landmark-card {border: 1px solid #e4e4ee;}
.landmark-row:not(:last-child) {border-bottom: none;}
.home-banner img, .home-banner video {min-height: 350px;max-height: 350px;}
.home-banner-btn {padding-top: 15px;}
:is(.home-banner-caption) :is(p) {font-size: 18px;line-height: 20px;}
.common-heading p {font-size: 16px;}
.landmark-section .common-heading {margin-bottom: 30px;}
.landmark-section {padding: 35px 0px 35px;}
.development-section {padding: 35px 0px 35px;}
:is(.development-heading) :is(h1, h2, h3, h4, h5, h6) {font-size: 24px;}
.development-heading p {font-size: 20px;}
.development-heading {margin-bottom: 15px;}
ul.list-style li {font-size: 18px;line-height: 24px;padding-left: 5px;}
.development-btn {margin-top: 25px;}
.excellence-secton {padding: 35px 0px 35px;}
.excellence-wrap {margin-top: 20px;}
.completed-section {padding: 35px 0px;}
.progress-section {padding: 35px 0px 35px;}
.header-social-link ul li a img {max-width: 15px;max-height: 15px;}
.encompassing-Active {padding: 10px 20px;}
.encompassing-content p {font-size: 16px;}
.encompassing-Active h5 {font-size: 30px;}
.leadership-section {padding: 35px 0px 35px;}
.owl-carousel {margin-top: 30px;}
.team-card-content p {font-size: 16px;line-height: 24px;}
.partners-section {padding: 35px 0px 35px;}
.valuable-section {padding: 35px 0px 35px;}
.assistance-section {padding: 35px 0px;}
:is(.assistance-heading) :is(h1, h2, h3, h4, h5, h6) {font-size: 24px;margin-bottom: 10px;}
.assistance-heading {margin-bottom: 30px;}
:is(.assistance-link-col) :is(h1, h2, h3, h4, h5, h6) {margin-bottom: 10px;}
.footer {padding: 35px 0px 30px;}
.footer-left {width: 100%;padding-right: 0px;order: 1;margin-top: 35px;}
:is(.project-gallery-heading) :is(h1, h2, h3, h4, h5, h6) {font-size: 24px;}
.project-gallery-link {margin-top: 15px;}
.footer-right {width: 100%;}  
.customer-card-content p {font-size: 16px;}
.customer-card-content h5 {font-size: 18px;}
.partners-col {width: 50%;}
.footer-call-now .btn strong {font-size: 20px;line-height: 20px;}
.footer-call-now .btn img {max-width: 30px;max-height: 30px;margin-right: 15px;}
.footer-call-now .btn p {font-size: 16px;line-height: 20px;}
.footer-call-now .btn {padding: 10px 20px;}
.machinery-img::before {
    top: 4px;
    left: -4px;
}
.projects-post-col {
    width: 50%;
    padding: 8px;
}   
.completed-projects-nav li a {
    min-width: auto;
}
.completed-projects-nav li a {
    padding: 10px 18px;
}
.completed-projects-tab {
    padding-top: 15px;
}
.inner-banner img {
    height: 300px;
    object-fit: cover;
}
:is(.banner-inner-caption) :is(h1, h2, h3, h4, h5, h6) {
    font-size: 32px;
}
.completed-projects-section {
    padding: 36px 0 40px;
}
.readmore-btn {
    padding: 30px 0 0;
}
.cardteam-outer {
    width: 50%;
}
:is(.highway-projects-right) :is(h1, h2, h3, h4) {
font-size: 26px;
}   
:is(.construction-services-left) :is(h1, h2, h3, h4) {
    font-size: 24px;
}
.highway-projects-section {
    padding: 35px 0px;
}
.construction-services-section {
    padding: 35px 0px;
}
.key-features-section {
    padding: 35px 0px;
}
:is(.key-features-wrap) :is(h1, h2, h3, h4) {
    font-size: 24px;
    margin-bottom: 0;
}
.decision-impact-section {
    padding: 35px 0;
}
.decisionimpact-col {
    padding: 0 10px 20px;
    width: 50%;
}
.project-info {
    width: 100%;
    float: none;
    margin-left: 0px;
}
.project-info table tr td {
    padding: 10px 18px;
}
.decisionimpact-info {
    padding: 22px 22px;
}
.decisionimpact-row {
    padding-top: 16px;
}
.request-quote {
    top: 66px;
    width: 25px;
}
}

@media (max-width: 575px) {
   .menu-bar {padding: 5px;width: 40px;height: 40px;}
   .header-logo {margin-bottom: -40px;}
   .home-banner-inner {padding-left: 20px;}
   .navigation {max-width: 100%;}
   .header-logo {padding: 10px 10px;border-radius: 10px;}
   .encompassing-btn-wrap {flex-direction: column;align-items: flex-start;justify-content: flex-start;}
   .encompassing-content .btn {min-width: 150px;margin-top: 20px;}
   .common-heading {padding: 0px;}
   .encompassing-heading {width: 100%;}
   :is(.encompassing-heading) :is(h1, h2, h3, h4, h5, h6) {font-size: 24px;}
   .assistance-link-row {margin: 0px 0px;}
   .assistance-link-col {width: 100%;margin-bottom: 30px;padding: 0px;}
   .assistance-right {margin-top: 10px;}
   .query-form form {padding: 15px 20px;}
   form .form-group {width: 100%;margin-bottom: 10px;}
   .form-heading p {font-size: 14px;}   
   .customer-card-img {width: 100%;max-width: 127px;margin: 0 auto;}
   .customer-card {padding: 20px 30px;}
   .customer-card-content {width: 100%;padding-left: 0px;margin-top: 30px;}
   .footer-about {width: 100%;border: none;padding-right: 0px;margin-top: 0px;}
   .footer-expertise {width: 100%;padding: 0px;border: none;margin-top: 30px;}
   .footer-quick {width: 100%;padding: 0px;border: none;margin-top: 10px;}
   .footer-call-now {text-align: center;width: 100%;margin-top: 0px;}
   .footer-social-link {width: 100%;margin-left: 0px;margin-top: 20px;text-align: center;}
   .footer-social-link ul {justify-content: center;}
   .footer-bottom {margin-top: 15px;}
   .copyright {text-align: center;margin-top: 20px;}
   .copyright p {line-height: 20px;}
  .machinery-col:first-child,  .machinery-col:last-child {
     justify-content: center;
  }
     .machinery-col {
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 20px;
    }
  .machinery-img::before {
        top: 4px;
        left: -4px;
    }
       .machinery-img {
        width: 47%;
        margin-bottom: 0px;
    } 
    .machinery-img img {
    height: 150px;
}
.projects-post-col {
    width: 100%;
    padding: 8px 0;
}
.highway-projects-left {
    width: 100%;
}
.highway-projects-right {
    width: 100%;
    padding-top: 15px;
}
.construction-services-left {
    width: 100%;
    padding-bottom: 15px;
}
.construction-services-right {
    width: 100%;
}
.decisionimpact-col {
    padding: 0 0px 10px;
    width: 100%;
}
.services-img {
    padding: 8px;
}

}

@media (max-width: 380px) {
   .header-logo img {width: 100px;}
   .excellence-col {width: 100%;}
       .cardteam-outer {
        width: 100%;
    }
}
/*=======Responsive css start =========*/