@media (max-width: 1024px) {
  .main-title-one {
    font-size: 45px;
    line-height: 44px;
  }
  .main-title {
    font-size: 38px;
    line-height: 44px;
  }
  .subtitle {
    font-size: 18px;
    line-height: 23px;
  }
  .description {
    font-size: 14px;
  }
  .abt-content h2 {
    font-size: 34px;
    line-height: 35px;
  }
  .hide-text p {
    font-size: 14px;
  }
  .container-fluid {
    padding: 0 !important;
    margin: 0 !important;
  }
  .texture-one {
    display: none;
  }
  .member {
    width: 100%;
    margin-bottom: 30px;
  }
  .member img {
    width: 140px;
    height: 140px;
  }
  .member h3 {
    font-size: 15px;
  }
  .iex-members {
    background-image: none;
    background-color: #f6f6f6;
  }
  .esg-main-section {
    padding: 34px 20px 50px 20px;
  }
  .esg-box p {
    font-size: 18px;
    text-align: left;
  }
  .esg-box-inner {
    min-height: 100px;
  }
  .tab {
    flex: 1 1 90px;
  }
  .tab-paragraph {
    font-size: 15px;
    margin: 0 0 30px 0px;
  }
  .wind-farm-grid {
    margin-left: 0px;
  }
  .wind-item p {
    font-size: 15px;
  }
  .wind-item span {
    font-size: 20px;
  }
  .wind-item h4 {
    font-size: 15px;
  }
  .section-intro {
    font-size: 16px;
    margin-bottom: 39px;
    text-align: left !important;
  }
  .left-box,
  .right-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .left-box p,
  .right-box p {
    text-align: left !important;
  }
  .left-box ul {
    padding-left: 20px;
    margin: 0 0 15px 0;
  }
  .read-more-btn {
    margin-top: 20px;
  }
  .texture-three {
    display: none;
  }
  .timeline-line {
    left: 0px;
  }
  .timeline-wrapper {
    padding-left: 21px;
  }
  .connector .arrow-curve {
    top: 25px;
  }
  .connector .diamond {
    top: 21px;
  }
  .fact img {
    width: 40px;
    height: 40px;
    object-fit: contain;
  }
  .capital-card-second {
    display: flex;
    gap: 50px;
    flex-direction: column;
  }
  .fact span {
    font-size: 20px;
  }
  .texture-four {
    display: none;
  }
  .texture-five img {
    width: 400px;
  }
  .annexures-section {
    padding: 50px 20px;
  }
  .india-map {
    width: 100%;
    height: 100%;
  }
  .texture-two img {
    display: none;
  }
  .abt-img {
    width: 100%;
  }
  .abt-content {
    width: 100%;
  }
  .abt-content {
    padding-right: 0px;
  }
  .abt-main {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    padding: 20px 20px 0 20px;
  }
  .map-section {
    padding: 60px 20px 320px 20px;
  }
  ul.legend-list {
    position: absolute;
    left: 20px;
    bottom: 50px;
  }
  .map-icon {
    width: 12px;
  }

  .card-title {
    font-size: 30px;
    line-height: 35px;
  }
  .esg-tab-contents {
    padding: 0px;
  }
  .stat-item span {
    font-size: 15px;
  }

  .stat-item strong {
    font-size: 20px;
  }
  .main-tab-content {
    padding-left: 20px;
  }
  .wind-highlights li {
    margin-left: 0px;
    font-size: 15px;
    margin-top: 15px;
  }
  .title-icon img {
    display: none;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .icon34 {
    top: 50.5%;
    left: 19%;
  }
  .icon27 {
    top: 16%;
    left: 32%;
  }
  .icon31 {
    top: 26%;
    left: 31%;
  }
  .icon33 {
    top: 25%;
    left: 27.5%;
  }
  .icon1 {
    top: 27%;
    left: 16%;
  }
  .icon4 {
    top: 29%;
    left: 13%;
  }
  .icon3 {
    top: 31%;
    left: 9%;
  }
  .icon2 {
    top: 50%;
    left: 9%;
  }
  .icon5 {
    top: 46%;
    left: 8%;
  }
  .icon7 {
    top: 48%;
    left: 4%;
  }
  .icon20 {
    top: 30%;
    left: 24%;
  }
  .icon21 {
    top: 34%;
    left: 26%;
  }
  .icon15 {
    top: 33%;
    left: 19%;
  }
  .icon16 {
    top: 35%;
    left: 14%;
  }
  .icon28 {
    top: 43%;
    left: 13%;
  }
  .icon17 {
    top: 37%;
    left: 19%;
  }
  .icon32 {
    top: 57.5%;
    left: 14.5%;
  }
  .icon22 {
    top: 55%;
    left: 19%;
  }
  .icon23 {
    top: 52%;
    left: 23%;
  }
  .icon6 {
    top: 37%;
    left: 30%;
  }
  .icon18 {
    top: 45%;
    left: 25%;
  }
  .icon19 {
    top: 47%;
    left: 32%;
  }
  .icon8 {
    top: 59%;
    left: 19%;
  }
  .icon9 {
    top: 56%;
    left: 25%;
  }
  .icon10 {
    top: 60%;
    left: 23%;
  }
  .icon11 {
    top: 68%;
    left: 23%;
  }
  .icon12 {
    top: 75%;
    left: 25%;
  }
  .icon13 {
    top: 78%;
    left: 29.5%;
  }
  .icon14 {
    top: 85%;
    left: 33%;
  }
  .icon24 {
    top: 60%;
    left: 34.5%;
  }
  .icon26 {
    top: 61.5%;
    left: 39%;
  }
  .icon25 {
    top: 65%;
    left: 34.5%;
  }
  .icon29 {
    top: 45%;
    left: 69.5%;
  }
  .icon30 {
    top: 34%;
    left: 86%;
  }
  .icon35 {
    top: 34%;
    left: 90.5%;
  }
  .icon10 {
    top: 62%;
    left: 21%;
  }
  .icon8 {
    top: 62%;
    left: 18%;
  }
  .icon9 {
    top: 64%;
    left: 23%;
  }
  .icon4 {
    top: 29%;
    left: 13%;
  }
  .icon3 {
    top: 31%;
    left: 9%;
  }
  .icon1 {
    top: 30%;
    left: 11%;
  }
  p.map-section-para {
    color: #646464;
    font-family: "Poppins";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 44px;
    position: absolute;
    bottom: -30px;
  }
}

@media (max-width: 768px) {
  .right-image img {
    display: block;
  }

  .ripples-section {
    padding: 0px;
    background-image: none;
  }
  .right-image {
    width: 100%;
    margin-top: 0;
  }
  .hero-sec {
    display: flex;
    flex-direction: column-reverse;
  }
  .logo a img {
    object-fit: cover;
    width: 100%;
  }
  .logo {
    overflow: hidden;
  }
  header.header-part {
    padding: 20px;
  }
  .left-content {
    width: 100%;
    padding: 0 20px 50px 20px;
  }

  .icon27 {
    top: 16%;
    left: 32%;
  }
  .icon31 {
    top: 26%;
    left: 31%;
  }
  .icon33 {
    top: 25%;
    left: 27.5%;
  }
  .icon1 {
    top: 29%;
    left: 12%;
  }
  .icon4 {
    top: 27%;
    left: 15%;
  }
  .icon3 {
    top: 31%;
    left: 9%;
  }
  .icon2 {
    top: 47%;
    left: 3%;
  }
  .icon5 {
    top: 49%;
    left: 8%;
  }
  .icon7 {
    top: 45%;
    left: 8%;
  }
  .icon20 {
    top: 30%;
    left: 24%;
  }
  .icon21 {
    top: 34%;
    left: 26%;
  }
  .icon15 {
    top: 33%;
    left: 19%;
  }
  .icon16 {
    top: 35%;
    left: 14%;
  }
  .icon28 {
    top: 43%;
    left: 13%;
  }
  .icon17 {
    top: 37%;
    left: 19%;
  }
  .icon32 {
    top: 57.5%;
    left: 14.5%;
  }
  .icon22 {
    top: 55%;
    left: 19%;
  }
  .icon23 {
    top: 53%;
    left: 22%;
  }
  .icon6 {
    top: 37%;
    left: 30%;
  }
  .icon18 {
    top: 42%;
    left: 35%;
  }
  .icon19 {
    top: 47%;
    left: 32%;
  }
  .icon8 {
    top: 60%;
    left: 18%;
  }
  .icon9 {
    top: 63%;
    left: 22%;
  }
  .icon10 {
    top: 59%;
    left: 21.5%;
  }
  .icon11 {
    top: 68%;
    left: 23%;
  }
  .icon12 {
    top: 75%;
    left: 25%;
  }
  .icon13 {
    top: 78%;
    left: 29.5%;
  }
  .icon14 {
    top: 85%;
    left: 33%;
  }
  .icon24 {
    top: 60%;
    left: 34.5%;
  }
  .icon26 {
    top: 61.5%;
    left: 39%;
  }
  .icon25 {
    top: 65%;
    left: 34.5%;
  }
  .icon29 {
    top: 45%;
    left: 69.5%;
  }
  .icon30 {
    top: 33%;
    left: 86%;
  }
  .icon35 {
    top: 33%;
    left: 90.5%;
  }
  .icon34 {
    top: 51%;
    left: 18%;
  }
  p.map-section-para {
    color: #646464;
    font-family: "Poppins";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 44px;
    position: absolute;
    bottom: -50px;
  }
}