﻿@media(max-width:1024px) {
    .w {
        padding: 0 15px;
    }
    nav a {
        font-size: 11px;
    }
    .btn {
        padding: 12px 13px;
        font-size: 11px;
    }
    nav {
        gap: 15px;
    }
    .hero-content-area {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }
    .card p {
        min-height: 82px;
    }
    .approach-sec p {
        font-size: 11px;
    }

    .hf {
        margin-left: 0;
    }
    /**landsolution**/
    section.landsolution .leftheading {
        padding: 0 30px 0 0px;
    }
    section.s.landsolution .contentwrrap .centerpara {
        padding: 0 60px 0 0;
    }
    .learn-more {
        font-size: 11px;
    }
    .step-description {
        font-size: 14px;
        line-height: 20px;
    }
    .factor-title {
        left: 10px;
        right: 10px;
        bottom: 5px;
        font-size: 12px;
    }
    .energy-container {
        padding: 0 15px;
    }
    .gridcontent {
        grid-template-columns: repeat(3,1fr);
    }
    .gridcontentw h3 {
        min-height: 58px;
    }
    .gridcontentw p {
        min-height: 132px;
    }
    section.whowepower .commonflex .hd {
        width: 100%;
    }
    section.whowepower .commonflex .icontextwrrap {
        width: 100%;
    }
    section.darkpowerdevelopmentworks .iconsnumbercontentwrrap {
        grid-template-columns: repeat(5,1fr);
        grid-gap: 55px 20px;
    }
    section.commercialmodel .commonflex .hd {
        width: 100%;
    }
    section.commercialmodel .commonflex .commercialboxes {
        width: 100%;
    }
    section.commercialmodel .commonflex {
        flex-wrap: wrap;
    }
    section.darkpowerdevelopmentworks .commonflex {
        margin: 0 0 30px 0;
    }
}
@media(max-width:768px) {
    html, body {
        overflow-x: hidden;
    }
    .industries-work {
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
    }
    section.presence .threerowrrap {
        flex-wrap: wrap;
        gap: 15px;
    }
    section.presence .threerowrrap .hd {
        width: 100%;
    }
    section.presence .threerowrrap .map, 
    section.presence .threerowrrap .lastright {
        width: 48%;
    }
    .projects .row {
        grid-template-columns: repeat(1,1fr);
    }
    .global-enterprises .row {
        grid-template-columns: repeat(1,1fr);
    }
    .lastright .pr {
        gap: 20px;
    }
    footer.footer .commonflex {
        grid-template-columns: repeat(2,1fr);
    }
    footer .footerlinks {
        padding-left: 0;
    }
    footer .footerlinks {
        padding-left: 0;
    }

    /****Land Solution****/
    .hero p {
        margin: 18px 0 10px;
    }
    .landsolutions-first {
        min-height: 430px;
        padding: 90px 0 30px;
    }
    section.s.landsolution .leftheading {
        width: 40%;
    }
    section.s.landsolution .contentwrrap .centerpara {
        padding: 0;
        width: 60%;
    }
    section.s.landsolution .contentwrrap {
        flex-wrap: wrap;
    }
    section.s.landsolution .contentwrrap > div:nth-child(2)::before{
        display:none;
    }
    section.s.landsolution .commonbttn.right {
        width: 100%;
    }
    .process-item:not(:last-child)::after {
      display: none;
    }
    .process-item {
        width: 33%;
        flex: unset;
    }
    .process-wrapper {
        flex-wrap: wrap;
    }
    .step-description {
        min-height: 60px;
    }
    .process-item:not(:last-child)::before {
        display:none;
    }
    section.s.Whyindustriallandiscomplex .industrialheading {
        width: 100%;
    }
    section.s.Whyindustriallandiscomplex .factorwrrap {
        width: 100%;
    }
    section.s.Whyindustriallandiscomplex .indaustrialpara {
        width: 100%;
    }
    section.s.Whyindustriallandiscomplex .commonflex {
        flex-wrap: wrap;
    }
    .services-container {
        grid-template-columns: repeat(3, 1fr);
    }
    section.s.featuredprojects .commonflex .hd {
        width: 100%;
        margin: 0 0 20px 0;
    }
    section.s.featuredprojects .commonflex .projectsliderwrrap {
        width: 100%;
    }
    section.featuredprojects .commonflex {
        flex-wrap: wrap;
    }
    .project-prev {
        left: -7px;
    }
    .project-next {
        right: -9px;
    }

    /**Reneweble Energy***/
    .RenewableEnergy {
        padding: 90px 0 30px;
        min-height: 470px;
    }
    .energy-container {
        grid-template-columns: repeat(2,1fr);
    }
    .energy-card:last-child {
        grid-column-start: 1;
        grid-column-end: 3;
        padding-left: 0;
    }
    .energy-card {
        border-right: none;
    }
    section.s.renewablepower .hd {
        flex-direction: column;
        align-items: flex-start;
    }
    .renewablepower .commonflex .hd .heading,
    .renewablepower .commonflex .hd .pera,
    .renewablepower .commonflex .hd .withbackground {
        width: 100%;
    }
    section.s.renewablepower .hd {
        gap: 10px;
    }
    .gridboxesdesign {
        grid-template-columns: repeat(3,1fr);
    }
    .gridcontentw h3 {
        min-height: 38px;
    }
    .gridcontentw p {
        min-height: 92px;
    }
    section.mapsectionwrap .pr {
        grid-template-columns: repeat(2,1fr);
    }
    section.whowepower .commonflex {
        flex-direction: column;
    }
    section.whowepower .commonflex .icontextwrrap {
        grid-template-columns: repeat(4,1fr);
    }
    section.darkpowerdevelopmentworks .commonflex .hd {
        width: 100%;
    }
    section.darkpowerdevelopmentworks .commonflex .rightpara {
        width: 100%;
        padding-left: 0;
    }
    section.darkpowerdevelopmentworks .commonflex {
        gap: 10px;
    }
    section.darkpowerdevelopmentworks .iconsnumbercontentwrrap {
        grid-template-columns: repeat(4,1fr);
        grid-gap: 45px 30px;
    }
    section.readinessbankability .commonflex .hd {
        width: 100%;
    }
    section.readinessbankability .commonflex .readinessboxes {
        width: 100%;
        margin: 10px 0 0 0;
    }
    section.powerwhatnext .commonflex .hd {
        width: 100%;
    }
    section.powerwhatnext .commonflex .lastpara {
        width: 100%;
        padding-right: 0;
    }
    section.powerwhatnext .commonflex .lastbutton {
        width: 100%;
    }
    section.powerwhatnext .commonflex {
        flex-wrap: wrap;
    }
    section.readinessbankability .commonflex {
        flex-wrap: wrap;
    }
}
@media(max-width:767px) {
    .hero h1 {
        line-height: 35px;
        font-size: 32px;
    }
    .half > div {
        padding: 15px;
    }
    .half .half-grid {
        grid-template-columns: repeat(1,1fr);
    }
    .industries-work {
        grid-template-columns: repeat(2, 1fr);
    }
    .approach-sec .item:not(:last-child)::after {
       display: none;
    }
    .approach-sec {
        grid-template-columns: repeat(4,1fr);
    }
    section.presence .threerowrrap .map,
    section.presence .threerowrrap .lastright {
        width: 100%;
    }
    .lastright .pr {
        margin: 60px 0 0 0;
    }
    .projects .projects-card {
        grid-template-columns: repeat(1,1fr);
    }
    .global-enterprises .row .hd {
        flex-direction: column;
    }
    .global-enterprises .row .hd div:first-child {
        width: 100%;
    }
    .global-enterprises .row .hd div:last-child {
        width: 100%;
    }
    .intelligence .intelligence-work {
        grid-template-columns: repeat(2, 1fr);
    }
    .commonflex {
        flex-direction: column;
    }
    section.home-cta .commonflex .hd {
        width: 100%;
    }
    section.home-cta .commonflex .btnapproch {
        width: 100%;
        text-align: left;
    }
    .hero {
        padding: 90px 0 30px;
    }
    .half .half-grid img {
        height: 260px;
    }
    .hero-content-area .fts div:first-child,
    .hero-content-area .fts div:nth-child(3) {
        border-left: none;
    }
    .hero-content-area .fts div:nth-child(3),
    .hero-content-area .fts div:last-child {
        border-top: 1px dashed #d1a56d;
    }
    .hero-content-area .fts {
        gap: 0;
    }
    .hero-content-area .fts div {
        padding: 15px;
    }
    .card p {
        min-height: auto;
    }
    footer.footer .commonflex {
        grid-template-columns: repeat(1,1fr);
        grid-gap: 15px;
    }
    footer .footerlinks {
        padding-left: 0;
    }
   /**landsolution**/
    section.s.landsolution .leftheading {
        width: 100%;
    }
    section.s.landsolution .contentwrrap .centerpara {
        width: 100%;
        margin: 10px 0 0 0;
    }
    section.s.landsolution .commonbttn a.lk {
        padding: 0 30px 0 0;
    }
    section.s.landsolution .commonbttn a.lk img.btnarrow {
        left: 0;
    }
    section.s.landsolution .contentwrrap > div:not(:last-child)::before{
        display: none;
    }
    .Prominencelandsolutionssystem .commonflex .headingwrap {
        width: 100%;
    }
    .Prominencelandsolutionssystem .commonflex .prominacepara {
        width: 100%;
        text-align: left;
    }
    .process-item {
        width: 49%;
        padding: 0 10px;
    }
    .step-description {
        min-height: auto;
    }
    .process-wrapper {
        gap: 20px 0;
    }
    .factors-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    section h2 {
        font-size: 35px;
        line-height: 40px;
    }
    section.s.Whyindustriallandiscomplex h2 {
        font-size: 35px;
        line-height: 40px;
    }
    .services-container {
        grid-template-columns: repeat(1, 1fr);
    }
    .service-card {
        height: 380px;
    }
    .project-card {
        flex: 0 0 calc((100% - 50px) / 1);
    }


    .energy-container {
        grid-template-columns: repeat(1,1fr);
    }
    .energy-card:last-child {
        grid-column-start: unset;
        grid-column-end: unset;
    }
    .energy-card {
        padding: 10px 0;
    }
    .gridcontent {
        grid-template-columns: repeat(1,1fr);
    }
    section.ourpowersolution .commonflex .hd {
        width: 100%;
    }
    section.ourpowersolution .row.top {
        display: block;
    }
    section.ourpowersolution .commonflex .parwrrap {
        width: 100%;
    }
    section.ourpowersolution .commonflex > div:last-child::before{
        display: none;
    }
    section.ourpowersolution .commonflex {
        grid-gap: 15px;
    }
    .gridboxesdesign {
        grid-template-columns: repeat(1,1fr);
        margin: 20px 0 0 0;
    }
    .gridcontentw h3 {
        min-height: auto;
    }
    .gridcontentw p {
        min-height: auto;
    }
    section.mapsectionwrap .pr {
        grid-template-columns: repeat(1,1fr);
    }
    .rightsidecontent {
        padding: 0 0 0 20px;
        position: relative;
    }
    .map {
        margin: 0 0 20px 0;
    }
    .rightsidecontent::before {
        left: 0;
    }
    section.whowepower .commonflex .icontextwrrap {
        grid-template-columns: repeat(2,1fr);
    }
    section.darkpowerdevelopmentworks .iconsnumbercontentwrrap {
        grid-template-columns: repeat(2,1fr);
        grid-gap: 25px 20px;
    }
    section.commercialmodel .commonflex .commercialboxes {
        grid-template-columns: repeat(1,1fr);
    }
    .readinessboxes {
        grid-template-columns: repeat(3,1fr);
    }
}
