not@media only screen and (min-width:1200px) {
    justify-content:center;
    padding:120px 0;
    align-items:center
}

.swiper-wrapper {
    width: auto;
    row-gap: 30px
}

.value-right-site .vertical-green-slider .swiper-wrapper,
.vertical-ems-slider .swiper-wrapper {
    row-gap: 0
}

.centre_excellence_slider2 .swiper-slide img {
    height: 850px !important
}

@media (max-width:1199.98px) {
    .swiper-wrapper.row {
        --bs-gutter-x: 0
    }
}

@media only screen and (min-width:1200px) and (max-width:1366px) {
    .achievements_content.focus-init-content {
        padding-bottom: 0
    }

    .achievements_content h2 {
        height: 40px
    }

    section.who-we-are-breadcrumb {
        padding-top: 100px
    }
}

@media only screen and (min-width:1366px) and (max-width:1600px) {

    .mega-menu,
    .temp104 {
        width: 85% !important
    }

    .temp104 {
        margin: auto
    }

    .corporate-gov-sec,
    .green-ppa,
    .guiding-document-sec,
    .interested-section-ems,
    .interested-section-firm,
    .interested-section-green-c,
    .interested-section-hydropower,
    .interested-section-solar,
    .interested-section-wind,
    .might-you1,
    .net-zero-ppa,
    .our-values-sec,
    .over-decade-inter,
    .press_room,
    footer#footer,
    section,
    section.about-coe,
    section.all-news-section.qr-sec,
    section.l_Update,
    section.net-zero-section-page,
    section.number-culture-sec,
    section.our-green-footprint-sec,
    section.our-strengths-sec,
    section.social_media {
        padding: 50px 0
    }

    .ri-india .w-90 {
        width: 100% !important
    }

    .filter-text .temp-10 .filtersB {
        justify-content: center
    }

    .slide-heading {
        font: normal normal 35px/40px var(--font_bold);
        letter-spacing: -.5px
    }

    .all-news-section .media-item__content h2.media-item__title.leading-trim {
        font: normal normal 25px/35px var(--font_med);
        letter-spacing: -1.2px
    }

    .all-news-section .media-item__content p.media-item__description {
        font: normal normal 18px/28px var(--font_bold);
        letter-spacing: -.8px
    }

    .all-news-section span.leading-trim.media-item__date__day {
        font: normal normal 55px/55px var(--font_black)
    }

    .achievements_content h2 {
        font: normal normal 20px/30px var(--font_bold)
    }

    .nenew-power1 p {
        padding: 15px 0
    }

    .our-strengths-sec .our-green-card h4 {
        font: normal normal bold 22px/30px var(--font_bold);
        letter-spacing: -.68px
    }

    .net-zero-details h4 {
        font: normal normal 22px/40px var(--font_bold)
    }

    .net-zero-details-para a {
        width: 50px;
        height: 50px;
        line-height: 50px
    }

    .renew-globe-abs-content {
        max-width: 45%
    }

    .our-green-card h2.masih2 {
        font: normal normal 900 30px/40px var(--font_black)
    }

    .sustainable-card .sustainable-img h4 {
        font: normal normal 24px/32px var(--font_bold);
        height: 80px
    }

    .number-culture h2 {
        font: normal normal 70px/80px var(--font_bold);
        letter-spacing: -3.2px
    }

    .green-solution1 .value-card {
        padding: 25px;
        height: 490px
    }

    .value-card p {
        font: normal normal normal 16px/26px var(--font_book)
    }

    .iit-delhi-details {
        padding: 0 100px
    }

    .iit-delhi-details h2 {
        font: normal normal 70px/70px var(--font_bold);
        letter-spacing: -3.16px
    }

    .iit-delhi-details p {
        font: normal normal normal 18px/30px var(--font_book)
    }

    section.ppa .futureOfEnergy-heding-col h1 {
        font-size: 50px;
        line-height: 55px;
        letter-spacing: -2.16px
    }

    .ppa.futureOfEnergy-inner-section .swiper-btn-next-prev1 {
        max-width: 10%;
        bottom: 20%
    }

    .paragraph-text-1 {
        font: normal normal 18px/28px var(--font_book)
    }

    .all-news-section .dropdown {
        width: 210px;
        margin-right: 0
    }

    .all-blog-section .category-drop {
        width: 300px
    }

    .futureOfEnergy-heding-col h1 {
        line-height: 66px;
        padding-bottom: 20px;
        letter-spacing: -2.16px
    }

    .our-green-card h6 br {
        display: none
    }

    .focused-init-section .press_room_content h2 {
        font: normal normal normal 21px/1.2 var(--font_book);
        height: auto;
        margin-bottom: 20px
    }

    .our-value-card {
        padding: 30px;
        height: 470px
    }

    .newsCaption-title {
        font: normal normal bold 18px/30px var(--font_bold);
        letter-spacing: -.28px
    }

    .our-value-card h2 {
        font: normal normal 22px/35px var(--font_book)
    }

    ul.mega-menu.menu-ul ul.submenu-ul li a.menu-link.mega-menu-link.mega-menu-header {
        font: normal normal 14px/20px var(--font_black);
        letter-spacing: .36px
    }

    .inner-heading-title {
        font: normal normal 90px/80px var(--font_black);
        padding: 40px 0;
        letter-spacing: -2.2px
    }

    .inner-breadcrum-para {
        font: normal normal normal 28px/38px var(--font_book)
    }

    .counter-card h2 {
        font: normal normal 60px/60px var(--font_black);
        letter-spacing: -.2px
    }

    .counter-card h6 {
        font: normal normal 16px/22px var(--font_bold);
        letter-spacing: -.8px
    }

    .our-purpose-content h3 {
        font: normal normal 40px/50px var(--font_black);
        letter-spacing: -1.6px;
        max-width: 650px
    }

    .our-purpose-content h5 {
        font: normal normal 18px/22px var(--font_bold)
    }

    .our-vision h3 {
        font: normal normal 40px/50px var(--font_bold);
        letter-spacing: -2.2px
    }

    .founder-details p,
    .our-mission li span {
        font: normal normal 18px/30px var(--font_book)
    }

    .main-header a.menu-link.menu-bar-link {
        margin: 0;
        font: normal normal 20px/60px var(--font_med)
    }

    .top-bar-header ul.menu.menu-bar li a {
        font-size: 14px
    }

    .our-green-card h2 {
        font: normal normal 900 25px/30px var(--font_black)
    }

    .our-green-card h6 {
        font: normal normal 17px/31px var(--font_med);
        height: 85px
    }

    .heading-title {
        font-size: 60px;
        letter-spacing: -3.16px
    }

    .solutions_accordion_cell>h4 {
        font: normal normal 24px/40px var(--font_bold);
        padding-left: 5%
    }

    span.solutions_accordion_span {
        font: normal normal 30px/40px var(--font_med)
    }

    .sumant-sinha-text h2 {
        font: normal normal normal 40px/65px var(--font_book)
    }

    .founder-details h3 {
        font: normal normal 50px/50px var(--font_bold);
        padding: 10px 0
    }

    .press_room_content {
        padding: 20px 30px
    }

    .blog-details1,
    .podcast {
        padding: 50px 30px
    }

    .greenInsights-box .accordian-style-1 .accordion-button {
        padding: 20px 0
    }

    .webinar-card .webinar_img {
        height: 100%;
        object-fit: cover
    }

    .ppa-net-zero .thumbnail,
    .thumbnail {
        margin-top: 50px
    }

    .podcast {
        row-gap: 116px;
        height: 100%
    }

    .reinsight-img-left img {
        height: 1000px
    }

    .h-80 {
        height: 70px;
        line-height: 70px
    }

    .w-320 {
        width: 270px
    }

    .secondary-button {
        font-size: 18px
    }

    .founder-details {
        max-width: 100%;
        margin: 0 auto;
        padding-right: 0
    }

    .press_room_content h2 {
        font: normal normal normal 18px/30px var(--font_book);
        margin-bottom: 0;
        height: 80px
    }

    .webinar-details h4 {
        font: normal normal 22px/30px var(--font_book)
    }

    .podcast span.font-18,
    .webinar-details span.font-18 {
        font: normal normal 16px/20px var(--font_med)
    }

    .social-btns .btn {
        width: 69px;
        height: 69px
    }

    .card.solid_bg {
        padding: 25px
    }

    .card-title-and-time h4,
    .social_media_content h2 {
        font: normal normal 20px/30px var(--font_book)
    }

    h5.card-title {
        font: normal normal normal 20px/30px var(--font_book)
    }

    .social_media_content p {
        font: normal normal 14px/18px var(--font_book);
        margin: 20px 0 40px
    }

    .social_media_img img {
        height: 230px
    }

    .img_card:last-child {
        padding: 40px 0 0
    }

    #preview-mdeia-adapted .img_card:last-child {
        padding-top: 64px
    }

    .img_card {
        padding: 0
    }

    .content-details h3 {
        font: normal normal 20px/25px var(--font_book)
    }

    .webinar-details {
        padding: 0 30px
    }

    .footer-menu {
        gap: 30px;
        width: 100%
    }

    .footer-menu button.accordion-button {
        font: normal normal 15px/15px var(--font_book)
    }

    .footer-menu .accordion-body button.accordion-button,
    .footer-menu .accordion-body h4 {
        font: normal normal 13px/25px var(--font_book)
    }

    .footer-menu div.accordion .accordion-item {
        margin-top: 35px
    }

    .latest-comment-title {
        font: normal normal 22px/24px var(--font_bold)
    }

    .comments h4.font-18 {
        font: normal normal 16px/20px var(--font_book)
    }

    h4.newsletter-title {
        font: normal normal 16px/30px var(--font_bold)
    }

    .project-highlight-sec .swiper-btn-next-prev1 {
        bottom: 0
    }

    .project-highlight-sec .heading-title {
        font-size: 55px;
        line-height: 58px
    }

    .utility-scale-wind-sec .utility-number-div {
        width: 80%
    }

    .menu-link[aria-haspopup=true]:before {
        right: 0;
        top: 48%
    }
}

@media only screen and (max-width:1600px) {
    .running-span-main .social_media_tabs .nav-tabs .nav-link:nth-child(2).active~.magic_line {
        left: 200px;
        width: 151px
    }

    .h300 {
        height: 913px !important
    }

    .solutions_accordion_cell {
        height: 550px
    }

    .founder-details h3 {
        padding: 0
    }

    .inspectionDetailCard .card {
        min-height: 380px
    }

    .blogSection .press_room_content h2 {
        height: 30px
    }

    .project-highlight-sec .swiper-button-next {
        left: 90px
    }

    .menu-bar>li>ul>ul.submenu-ul {
        gap: 15px !important
    }

    .focus-init-content {
        align-items: start;
        justify-content: space-between
    }

    .achievements_content p {
        font: normal normal 14px/1.2 var(--font_book)
    }

    .achievements_content h2 {
        font: normal normal 17px/1.2 var(--font_bold)
    }

    .copyright p,
    .copyright.copyright-new p a,
    .design-develop p {
        font: normal normal 12px/1.2 var(--font_med)
    }

    .renew-power-energy-video-sec>.who-we-are-video>video {
        height: 641px
    }

    .diversity_initiatives .press_room_content.focus-init-content p {
        margin-bottom: 20px
    }

    .participation-process-section span.magic_line {
        width: 338px
    }

    .participation-process-section .social_media_tabs .nav-tabs .nav-link:nth-child(2).active~.magic_line {
        left: 464px;
        width: 338px
    }

    .participation-process-section .social_media_tabs .nav-tabs .nav-link:nth-child(3).active~.magic_line {
        left: 920px;
        width: 338px
    }

    section.contact-us-sec {
        padding: 30px 0
    }

    .solutions_accordion_cell>.solutions_accordion_cell_content {
        padding: 6rem 3rem
    }

    .our-strengths-sec .our-green-card img {
        width: 80px
    }

    .futureOfEnergy-inner-section .swiper-button-next,
    .futureOfEnergy-inner-section .swiper-button-prev {
        width: 50px;
        height: 50px
    }

    .futureOfEnergy-inner-section .swiper-button-next {
        right: auto;
        left: 80px
    }

    .futureOfEnergy-inner-section .swiper-button-next img,
    .futureOfEnergy-inner-section .swiper-button-prev img {
        width: 16px;
        height: 16px
    }

    .Testimo-height {
        height: 585px
    }

    .sustainability2 .swiper-slide img {
        height: 510px;
        width: 100%;
        object-fit: cover
    }

    .address-B {
        height: 515px
    }

    .our-team-sec .social_media_tabs .nav-tabs .nav-link:nth-child(2).active~.magic_line {
        left: 30%;
        width: 250px
    }

    .divsersified-text p {
        max-width: 475px
    }

    .all-news-section .dropdown .dropdown-menu {
        margin-top: 25px
    }

    .copyright.copyright-new {
        gap: 15px
    }

    .copyright p,
    .design-develop p {
        text-align: left
    }

    a.btn.btn_green_border,
    i.btn.btn_green_border {
        padding: 15px 25px
    }

    .trree-lay-rightText {
        width: 26%;
        right: 13%
    }

    .trree-lay-rightText-2 {
        width: 26%;
        right: 1%
    }

    .trree-lay-rightText-3 {
        width: 26%;
        left: 3%
    }

    .social_media_tabs .nav-link {
        font: normal normal 20px/1.3 var(--font_bold);
        margin-right: 0
    }

    .contaUs .nav-tabs .nav-link:nth-child(2).active~.magic_line {
        left: 300px !important
    }

    .focused-init-section.dataCenterSection .data-center .press_room_content {
        height: 210px
    }

    .focused-init-section.dataCenterSection .fmcgSector .press_room_content,
    .focused-init-section.dataCenterSection .pharmaSector .press_room_content {
        height: 250px
    }

    .focused-init-section.dataCenterSection .autoSector .press_room_content,
    .focused-init-section.dataCenterSection .textileCector .press_room_content {
        height: 280px
    }

    .focused-init-section.dataCenterSection .milingSector .press_room_content {
        height: 300px
    }

    .news-slider-text h2,
    .news-slider-text h3 {
        font: normal normal 40px/50px var(--font_bold)
    }
}

@media only screen and (max-width:1440px) {
    #preview-mdeia-adapted .img_card:last-child {
        padding-top: 134px
    }

    .participation-process-section .social_media_tabs .nav-tabs .nav-link:nth-child(2).active~.magic_line {
        left: 435px
    }

    .participation-process-section .social_media_tabs .nav-tabs .nav-link:nth-child(3).active~.magic_line {
        left: 844px
    }

    .Testimo-height {
        height: 570px
    }

    .our-team-sec .social_media_tabs .nav-tabs .nav-link:nth-child(2).active~.magic_line {
        left: 380px
    }

    .environment-tab .nav-tabs .nav-link:nth-child(2).active~.magic_line {
        left: 320px !important;
        width: 190px
    }

    .address-box {
        padding: 50px 0 50px 40px
    }

    .copyright.copyright-new {
        gap: 15px
    }

    .h300 {
        height: 855px
    }

    .press_room_content h2 {
        height: 65px
    }

    .focused-init-section.dataCenterSection .fmcgSector .press_room_content {
        height: 270px
    }

    .focused-init-section.dataCenterSection .autoSector .press_room_content,
    .focused-init-section.dataCenterSection .oilGasSector .press_room_content,
    .focused-init-section.dataCenterSection .textileCector .press_room_content {
        height: 300px
    }

    .focused-init-section.dataCenterSection .milingSector .press_room_content {
        height: 320px
    }
}

@media only screen and (max-width:1366px) {
    #preview-mdeia-adapted .img_card:last-child {
        padding-top: 58px
    }

    .focused-init-section.dataCenterSection .milingSector .press_room_content,
    .focused-init-section.dataCenterSection .oilGasSector .press_room_content {
        height: 300px
    }

    .menu-bar>li>ul>ul.submenu-ul {
        gap: 15px !important
    }

    p {
        font-size: 16px;
        font-family: var(--font_book)
    }

    .why-hydogen {
        padding: 110px 6.5% 110px 4.3%
    }

    .our-team-sec .social_media_tabs .nav-tabs .nav-link:nth-child(2).active~.magic_line {
        left: 291px
    }

    .why-hydogen-box {
        padding: 40px 25px
    }

    .h300 {
        height: 869px !important
    }

    .focused-init-section .press_room_content h2 {
        margin-bottom: 10px;
        -webkit-line-clamp: 2
    }

    .net-zero-section-page .swiper-button-next1 {
        left: 80px
    }

    .padding-7 {
        padding: 0 4%
    }

    .homepage-video-text {
        padding-left: 4%
    }

    .main-header a.menu-link.menu-bar-link {
        margin: 0;
        font: normal normal 18px/60px var(--font_med)
    }

    .mega-menu {
        padding: 50px
    }

    .environment-tab .nav-tabs .nav-link:nth-child(2).active~.magic_line {
        left: 230px !important;
        width: 190px
    }

    .newsDetailsCard .card {
        margin: 0 8px
    }

    .inspectionDetailCard .card {
        min-height: 410px
    }

    .reenfield-data-box {
        height: 520px
    }

    .data-center-slider-oil .reenfield-data-box {
        height: 350px
    }

    .environment-tab .nav-tabs .nav-link:nth-child(3).active~.magic_line {
        left: 460px
    }

    .iit-delhi-details h2 {
        font: normal normal 50px/60px var(--font_bold);
        letter-spacing: -3.16px
    }

    .contaUs .nav-tabs .nav-link:nth-child(2).active~.magic_line {
        left: 300px !important
    }

    .iit-delhi-details p {
        font: normal normal normal 18px/30px var(--font_book)
    }

    .iit-delhi-details {
        padding: 0 90px
    }

    .all-news-section .dropdown {
        width: 200px
    }

    section.green-solution1 .our-value-img-details p {
        font: normal normal 16px/26px var(--font_book);
        max-width: 425px
    }

    .display--inline-top {
        padding: 0 9% 0 6%
    }

    .green-solution1 .value-card {
        padding: 25px;
        height: 500px
    }

    section.ppa .futureOfEnergy-heding-col h1,
    section.ppa .futureOfEnergy-heding-col h2 {
        font-size: 46px;
        line-height: 50px
    }

    .ppa.futureOfEnergy-inner-section .swiper-btn-next-prev1 {
        max-width: 12%;
        bottom: 6%;
        left: 0
    }

    .temp2-box1 .white {
        font: normal normal 20px/24px var(--font_bold)
    }

    .number-culture h2 {
        font: normal normal 70px/70px var(--font_bold);
        letter-spacing: -4.2px
    }

    .overlay44 h2 {
        font: normal normal 25px/26px var(--font_bold);
        letter-spacing: -.6px;
        margin-bottom: 10px
    }

    .overlay44 p {
        font: normal normal 16px/24px var(--font_book)
    }

    .value-right-site,
    section.safety-sec {
        height: 100%
    }

    .value-card p {
        font: normal normal normal 14px/24px var(--font_book)
    }

    .value-card {
        background-color: #fff;
        padding: 30px;
        height: 480px
    }

    .culture-details p {
        font: normal normal 16px/26 var(--font_book);
        max-width: 400px;
        line-height: inherit;
        letter-spacing: inherit
    }

    .line-height-90 {
        line-height: 55px
    }

    .all-blog-section .dropdown {
        width: 180px;
        margin-right: 0
    }

    .all-blog-section .dropdown span {
        font: normal normal bold 11px/12px var(--font_bold)
    }

    .all-blog-section .category-drop {
        width: 300px
    }

    .all-blog-section .item {
        width: 30%;
        margin-left: 19px
    }

    .all-news-section .dropdown .select {
        padding-left: 15px
    }

    .blog-det {
        padding: 0 10%
    }

    .next-pre-news .cnt-title h3 {
        font: normal normal 30px/30px var(--font_bold);
        letter-spacing: -1.6px
    }

    .next-pre-news .cnt-title p {
        font: normal normal 18px/20px var(--font_med);
        letter-spacing: -1.44px
    }

    .related-article .press_room_content h2 {
        font: normal normal 20px/29px var(--font_med);
        letter-spacing: -1.92px;
        height: auto !important
    }

    .blog-info ul li {
        font: normal normal normal 16px/25px var(--font_book);
        letter-spacing: -.8px
    }

    .newsCaption-content.next-arrow a,
    .newsCaption-content.pre-arrow a {
        width: 60px;
        height: 60px;
        line-height: 60px
    }

    .inner-heading-title1 {
        font: normal normal 40px/50px var(--font_bold);
        letter-spacing: -1.6px
    }

    .news-card-post {
        gap: 30px
    }

    .news-details-info p {
        font: normal normal normal 16px/30px var(--font_book)
    }

    .blog-info h3,
    .blog-info h4 {
        font: normal normal 26px/40px var(--font_med)
    }

    .news-slider-text h5 {
        font: normal normal 16px/18px var(--font_bold);
        padding-bottom: 15px
    }

    .news-slider-text p {
        font: normal normal normal 18px/20px var(--font_book);
        margin-bottom: 30px
    }

    .news-slider-section .swiper-btn-next-prev1 {
        left: 8%
    }

    .project-highlight-sec .swiper-btn-next-prev1 {
        bottom: -11%
    }

    .net-zero-details h4 {
        font: normal normal 20px/30px var(--font_bold)
    }

    .net-zero-details {
        padding: 30px 20px
    }

    .net-zero-details-para p {
        font: normal normal 16px/20px var(--font_book)
    }

    .net-zero-details-para a {
        width: 50px;
        height: 50px;
        line-height: 50px
    }

    .futureOfEnergy-heding-col h1 {
        line-height: 90px
    }

    .swiper-btn-next-prev1 {
        bottom: 10%;
        left: 4%;
        max-width: 12%
    }

    .divsersified-text h3 {
        font: normal normal 900 83px/90px var(--font_black)
    }

    .divsersified-text p {
        font: normal normal 18px/22px var(--font_med)
    }

    .utility-number-div {
        width: 75%;
        margin: 40px 0
    }

    .our-strengths-sec .our-green-card h4 {
        font: normal normal bold 20px/1.6 var(--font_bold);
        letter-spacing: -.68px;
        max-width: 290px
    }

    .podcast {
        row-gap: 50px
    }

    .solutions_accordion_cell>.solutions_accordion_cell_content {
        padding: 2rem
    }

    .sol_grid_img {
        height: 78px;
        width: 78px
    }

    .utility_sol_grid .sol_grid_img:before {
        height: 88px;
        width: 88px
    }

    .homepage-video-text h1,
    .homepage-video-text h2 {
        font: normal normal normal 150px/170px var(--font_bold);
        text-indent: -12px
    }

    .homepage-video-text h4 {
        font: normal normal normal 50px/70px var(--font_bold);
        letter-spacing: -2px
    }

    .solutions_accordion_cell>.solutions_accordion_cell_content>p {
        width: 75%
    }

    .mega-menu {
        width: 85% !important;
        top: 106px !important
    }

    .menu-link[aria-haspopup=true]:before {
        top: 49%
    }

    .top-bar-header .mega-menu {
        width: 55% !important;
        top: 40px !important
    }

    .participation-process-section span.magic_line {
        width: 410px
    }

    .participation-process-section .social_media_tabs .nav-tabs .nav-link:nth-child(2).active~.magic_line {
        left: 400px;
        width: 400px
    }

    .participation-process-section .social_media_tabs .nav-tabs .nav-link:nth-child(3).active~.magic_line {
        left: 843px
    }

    .social_media_tabs .nav-link {
        font: normal normal 20px/50px var(--font_bold);
        margin-right: 0
    }

    .alert-contactus .nav-link {
        margin-right: 85px
    }

    .trree-lay-rightText {
        width: 24%;
        right: 14%
    }

    .trree-lay-rightText-2 {
        width: 24%;
        right: 0
    }

    .trree-lay-rightText-3 {
        width: 24%;
        left: 2%
    }

    .focused-init-section.dataCenterSection .fmcgSector .press_room_content {
        height: 240px
    }

    .focused-init-section.dataCenterSection .autoSector .press_room_content,
    .focused-init-section.dataCenterSection .textileCector .press_room_content {
        height: 285px
    }
}

@media only screen and (max-width:1280px) {
    #preview-mdeia-adapted .img_card:last-child {
        padding-top: 66px
    }

    .focused-init-section.dataCenterSection .milingSector .press_room_content {
        height: 310px
    }

    .iit-delhi-details {
        padding: 40 60px
    }

    .all-blog-section ul li a p {
        font: normal normal 16px/26px var(--font_book)
    }

    .alert-contactus span.magic_line {
        width: 165px
    }

    .all-blog-section ul li a label {
        font: normal normal 16px/26px var(--font_med)
    }

    .ppa-net-zero .thumbnail {
        padding: 10px 0 50px
    }

    section .alert-contactus .nav-tabs .nav-link:nth-child(3).active~.magic_line {
        left: 77% !important;
        width: 170px !important
    }

    .ppa-net-zero .renew-power-energy-details p {
        font-size: 20px;
        max-width: 800px;
        width: 70%
    }

    .renew-power-energy-video-sec .renew-power-energy-details {
        max-width: 100%
    }

    .temp2-box1:hover .overlay44 {
        padding: 25px
    }

    .overlay44 p {
        padding: 5px 0
    }

    .futureOfEnergy-heding-col .heading-title {
        font-size: 45px
    }

    .utility_sol_grid {
        grid-template-columns: 35px auto;
        margin-bottom: 25px
    }

    .Testimo-height:before {
        top: 28%;
        left: 6%
    }

    .interested-section .newsCard {
        height: 220px
    }

    .h300 {
        height: 825px !important
    }

    .press_room_content h2 {
        height: 50px
    }
}

@media only screen and (min-width:991px) and (max-width:1365px) {
    .table-body h5 {
        font: normal normal 16px/26px var(--font_book);
        letter-spacing: -.08px
    }

    .views-icon {
        margin: 4px
    }

    .mega-menu {
        padding: 30px 40px;
        top: 87px !important
    }

    .our-green-card h6 br {
        display: none
    }

    .top-bar-header .mega-menu {
        top: 40px !important
    }

    .reinsight-img-left img {
        width: 100%;
        height: 900px;
        object-fit: cover
    }

    .diversity_initiatives .press_room_content h2 {
        font: normal normal normal 18px/30px var(--font_book);
        min-height: 0 !important
    }

    .temp2-box1 .white {
        font: normal normal 20px/24px var(--font_bold)
    }

    .number-culture h2 {
        font: normal normal 40px/36px var(--font_bold);
        letter-spacing: -3.2px
    }

    .focused-init-section .press_room_content h2 {
        font: normal normal normal 18px/30px var(--font_book);
        min-height: auto;
        height: auto
    }

    .our-value-card {
        padding: 30px;
        height: 480px
    }

    .newsCaption-title {
        font: normal normal bold 16px/20px var(--font_bold);
        letter-spacing: -.68px
    }

    .our-value-card h2 {
        font: normal normal 22px/30px var(--font_book)
    }

    .inner-heading-title {
        font: normal normal 70px/69px var(--font_black);
        letter-spacing: -1.2px;
        padding: 40px 0
    }

    .inner-breadcrum-para {
        font: normal normal normal 25px/40px var(--font_book);
        letter-spacing: -1.92px;
        max-width: 70%
    }

    .counter-card h2 {
        font: normal normal 50px/120px var(--font_black);
        letter-spacing: -3.2px;
        font: normal normal 50px/120px var(--font_black)
    }

    .our-purpose-content h3 {
        font: normal normal 35px/45px var(--font_black);
        max-width: 500px;
        letter-spacing: -1.6px
    }

    ul.mega-menu.menu-ul ul.submenu-ul li a.menu-link.mega-menu-link.mega-menu-header {
        font: normal normal 14px/30px var(--font_bold)
    }

    .top-bar-header ul.menu.menu-bar li a {
        font-size: 14px
    }

    .padding-7 {
        padding: 0 4%
    }

    .our-vision h3 {
        font: normal normal 35px/45px var(--font_bold);
        letter-spacing: .4px
    }

    .our-vision {
        padding: 7% 10%
    }

    .our-mission {
        height: 70vh
    }

    .founder-details p,
    .our-mission li span {
        font: normal normal 16px/25px var(--font_book)
    }

    .main-header a.menu-link.menu-bar-link {
        margin: 0;
        font: normal normal 14px/40px var(--font_med)
    }

    .banner-top {
        margin-top: 85px
    }

    a.brand-logo.color-logo-img img {
        max-width: 100px
    }

    .homepage-video-text h5 {
        font: normal normal normal 22px/25px var(--font_book)
    }

    .h-80 {
        height: 60px;
        line-height: 60px
    }

    .w-320 {
        width: 230px
    }

    .secondary-button {
        font-size: 16px
    }

    .heading-title {
        font-size: 60px
    }

    .our-green-card h2 {
        font: normal normal 900 25px/35px var(--font_black)
    }

    .our-green-card h6 {
        font: normal normal 14px/25px var(--font_med)
    }

    span.solutions_accordion_span {
        font: normal normal 28px/40px var(--font_med)
    }

    .solutions_accordion_cell>.solutions_accordion_cell_content>p {
        font: normal normal 16px/20px var(--font_light);
        width: 80%
    }

    .utility_sol_grid span {
        font: normal normal 16px/1.6 var(--font_med)
    }

    .sol_grid_img {
        height: 60px;
        width: 60px
    }

    .utility_sol_grid .sol_grid_img:before {
        height: 70px;
        width: 70px
    }

    .solutions_accordion_cell:nth-child(2) {
        background-position: right 12% center
    }

    .solutions_accordion_cell>h4 {
        width: 265px;
        font: normal normal 28px/35px var(--font_bold);
        margin: 0 auto
    }

    .sumant-sinha-text h2 {
        font: normal normal normal 35px/45px var(--font_book)
    }

    .founder-details h3 {
        font: normal normal 40px/40px var(--font_bold)
    }

    .founder-details {
        max-width: 100%;
        margin: 0 auto;
        padding-right: 0
    }

    .thumbnail span {
        font: normal normal 18px/30px var(--font_med)
    }

    h5.card-title {
        font: normal normal normal 20px/30px var(--font_book)
    }

    .social_media_content h2 {
        font: normal normal 20px/30px var(--font_book)
    }

    .social_media_content p {
        font: normal normal 14px/18px var(--font_book);
        margin: 20px 0 40px
    }

    .card.solid_bg {
        padding: 25px
    }

    .card-title-and-time h4 {
        font: normal normal 18px/25px var(--font_book)
    }

    .img_card {
        padding: 0
    }

    .blog-details1,
    .podcast,
    .press_room_content,
    .webinar-details {
        padding: 20px
    }

    .img_card:last-child {
        padding: 40px 0 0
    }

    .social_media_img img {
        height: 195px;
        object-fit: cover
    }

    .webinar-card .webinar_img {
        object-fit: cover
    }

    .webinar-details h4 {
        font: normal normal 20px/25px var(--font_book);
        max-width: 350px
    }

    .blog-details1 h4,
    .podcast .font-20 {
        font: normal normal 14px/20px var(--font_book)
    }

    .podcast {
        row-gap: 50px;
        height: 330px
    }

    .footer-menu button.accordion-button {
        font: normal normal 14px/14px var(--font_book)
    }

    .footer-menu {
        gap: 35px;
        width: 100%
    }

    .latest-comment-title {
        font: normal normal 24px/24px var(--font_bold)
    }

    .comments h4.font-18 {
        font: normal normal 16px/20px var(--font_book)
    }

    .footer-menu .accordion-body button.accordion-button,
    .footer-menu .accordion-body h4 {
        font: normal normal 12px/20px var(--font_book)
    }

    ul.footer-social_wrapper.social-btns .btn {
        width: 38px;
        height: 38px
    }

    ul.footer-social_wrapper.social-btns {
        gap: 10px
    }

    .middle-div {
        padding: 50px 0
    }

    .thumbnail {
        padding: 20px 0;
        margin-top: 20px
    }

    .press_room_content h2 {
        font: normal normal normal 18px/25px var(--font_book);
        margin-bottom: 30px
    }

    .utility_sol_grid img {
        max-width: 25px
    }

    .newsDetailsCard h5.card-title {
        font-size: 18px
    }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
    .card-content h2 {
        height: 55px
    }

    .all-news-section .seatch-input form input {
        width: 250px
    }

    .h300,
    .podcast,
    .reinsight-img-left img {
        height: 100%
    }

    .twitter-timeline.twitter-timeline-rendered {
        height: 385px
    }

    .qr-sec .accordian-style-1.style-2 {
        margin-top: 10px
    }

    .qr-sec div#accordionExample1 {
        margin-top: 20px;
        margin-bottom: 50px
    }

    .greenInsights-box .accordian-style-1.style-2 .accordion-button p {
        letter-spacing: -.92px
    }

    .width-80 {
        width: 100%
    }

    .social_media_tabs .nav-link {
        font: normal normal 16px/30px var(--font_bold);
        padding: 0 15px
    }

    section.alert-contact-email-sec .social_media_tabs .nav-tabs .nav-link:nth-child(2).active~.magic_line {
        left: 220px;
        width: 180px
    }

    section.alert-contact-email-sec .social_media_tabs .nav-tabs .nav-link:nth-child(3).active~.magic_line {
        left: 480px;
        width: 150px
    }

    .address-box {
        background-color: #006638;
        padding: 50px 15px
    }

    .alert-contact-email-sec .tab-content p {
        font: normal normal 16px/25px var(--font_book);
        padding-top: 15px
    }

    .checkbox-text label {
        font: normal normal normal 16px/30px var(--font_book) !important;
        letter-spacing: -.12px
    }

    section.homepage-banner-sec {
        margin-top: 140px
    }

    .webinar-card .webinar_img {
        height: 270px
    }

    h5.card-title {
        font: normal normal normal 16px/25px var(--font_book)
    }

    p.card-hashtags {
        font: normal normal 12px/16px var(--font_book)
    }

    .social_media_content {
        height: auto;
        padding: 25px
    }

    .social_media_content h2 {
        font: normal normal 16px/20px var(--font_book)
    }

    .social_media_img img {
        height: 145px
    }

    a.btn.btn_green_border {
        font: normal normal 12px/15px var(--font_bold)
    }

    .latest-comment-title {
        font: normal normal 20px/20px var(--font_bold)
    }

    .comments h4.font-18 {
        font: normal normal 14px/16px var(--font_book)
    }

    .footer-menu button.accordion-button {
        font: normal normal 12px/15px var(--font_book)
    }

    h4.newsletter-title {
        font: normal normal 16px/34px var(--font_bold)
    }

    .footer-title {
        font: normal normal 16px/24px var(--font_med)
    }

    .solutions_accordion_cell>h4 {
        width: 200px;
        font: normal normal 24px/30px var(--font_bold)
    }

    .sol_grid_img {
        height: 50px;
        width: 50px
    }

    .utility_sol_grid .sol_grid_img:before {
        height: 60px;
        width: 60px
    }

    .solutions_accordion_cell>.solutions_accordion_cell_content {
        padding: 2rem
    }

    span.solutions_accordion_span {
        font: normal normal 24px/35px var(--font_med)
    }

    .utility_sol_grid img {
        max-width: 25px
    }

    .founder-details {
        max-width: 90%
    }

    .founder-details p {
        font: normal normal 14px/20px var(--font_book)
    }
}

@media only screen and (min-width:991px) and (max-width:1600px) {
    .width-80 {
        width: 90%
    }

    .social_media_tabs .nav-link {
        font: normal normal 18px/1.5 var(--font_bold)
    }

    .table-body h5 {
        font: normal normal 15px/21px var(--font_book);
        letter-spacing: -.08px
    }

    .views-icon {
        width: 35px;
        height: 35px;
        line-height: 35px;
        margin: 0
    }

    .relead-winners-slider11 .relead-winnersOver h2 {
        font: normal normal normal 24px/30px var(--font_book);
        letter-spacing: -.12px
    }

    .releated-initisec.achievements-section {
        background-color: #f9f9f9;
        overflow: hidden
    }

    .our-green-card h2.masih2 {
        font: normal normal 900 30px/35px var(--font_black)
    }

    .team-details-popup p {
        height: 280px;
        overflow-y: scroll
    }

    .board_directors_slider .swiper-slide,
    .our_management_slider .swiper-slide {
        width: 24%
    }

    .team-name h4 {
        font: normal normal 20px/30px var(--font_bold)
    }

    .our-green-footprint-sec .padding-top-100 {
        padding-top: 0
    }

    section.our-green-footprint-sec {
        padding: 100px 0
    }

    .decarbonization-solutions {
        margin-top: 0
    }

    .press_room {
        padding-bottom: 10px
    }

    .work-with-play-btn {
        width: 80px;
        height: 80px;
        line-height: 80px
    }

    .work-with-play-btn img {
        width: 25px;
        height: 25px
    }

    .homepage-banner-sec>.homepage-video>video {
        width: 100%;
        height: 100%;
        object-fit: fill
    }

    .homepage-video-text h5 {
        margin-bottom: 1.5rem;
        padding-bottom: 1.5rem
    }

    .secondary-button {
        padding: 20px 50px
    }

    .social_media_content {
        height: 410px
    }
}

@media (max-width:1281px) {

    .copyright p,
    .copyright.copyright-new p a {
        font: normal normal 10px/26px var(--font_med)
    }

    .copyright.copyright-new {
        gap: 10px
    }

    .cookie-banner p {
        font: normal normal 12px/15px var(--font_med)
    }

    .cookie-banner .cookie-close {
        padding: 9px 30px;
        font-size: 13px
    }

    .press_room_content h2 {
        height: 50px
    }
}

@media all and (max-width:1024px) {
    #preview-mdeia-adapted .img_card:last-child {
        padding-top: 224px
    }

    .sustainability-report-img,
    .sustainability-report.p-0 {
        min-height: 590px
    }

    .sustainability-report-img img {
        height: 590px
    }

    .centre_excellenceTitle h2,
    .centre_excellenceTitle h3 {
        font-size: 38px
    }

    .historicalFinance .filter_heading {
        width: 100%
    }

    .thankYou-heading {
        font-size: 33px
    }

    .inspectionDetailCard .card {
        min-height: 500px
    }

    .address-B {
        height: 544px
    }

    .addres-inn {
        height: 250px
    }

    .net-zero-details h4 {
        font: normal normal 16px/30px var(--font_bold)
    }

    .trree-lay-rightText {
        width: 24%;
        right: 12%
    }

    .trree-lay-rightText-2 {
        width: 19%;
        right: 0
    }

    .trree-lay-rightText-3 {
        width: 24%;
        left: 0
    }

    .focused-init-section.dataCenterSection .data-center .press_room_content {
        height: 230px
    }

    .focused-init-section.dataCenterSection .fmcgSector .press_room_content,
    .focused-init-section.dataCenterSection .pharmaSector .press_room_content {
        height: 285px
    }

    .focused-init-section.dataCenterSection .autoSector .press_room_content,
    .focused-init-section.dataCenterSection .textileCector .press_room_content {
        height: 300px
    }

    .news-slider-section .swiper-btn-next-prev1 {
        bottom: 9%
    }
}

@media all and (min-width:951px) {
    .menu-bar>li>[aria-haspopup=true]~ul:hover {
        left: 0;
        display: flex
    }

    .nav {
        justify-content: space-between;
        align-items: center
    }

    .nav1 {
        justify-content: end;
        width: auto
    }

    .menu [aria-haspopup=true]~ul,
    .mobile-menu-back-item,
    .mobile-menu-header,
    .mobile-menu-trigger {
        display: none
    }

    .menu-bar {
        position: relative
    }

    .mega-menu,
    .top-bar-header .mega-menu {
        position: fixed;
        right: 0;
        left: auto !important
    }

    .menu-bar>li>[aria-haspopup=true]:before {
        background-image: url(../images/down-arrow-black.svg);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center center;
        width: 8px;
        height: 4px;
        transition: .3s
    }

    .menu-bar>li>[aria-haspopup=true]:hover:before {
        background-image: url(../images/top-arrow.svg);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        width: 8px;
        height: 4px;
        transition: .3s
    }

    li.navbar-menu-title.active a.menu-link:before,
    li.navbar-menu-title:hover a.menu-link:before {
        background-image: url(../images/top-arrow.svg)
    }

    .menu-bar>li>[aria-haspopup=true]:focus~ul {
        display: flex;
        transform-origin: top;
        animation: .2s ease-out dropdown
    }

    .menu-bar>li>ul>ul.submenu-ul {
        display: flex;
        padding: 0;
        margin: 0;
        gap: 35px;
        line-height: 40px
    }

    .menu-bar>li>ul>ul.submenu-ul.decarb {
        display: flex;
        padding: 0;
        margin: 0;
        gap: 50px;
        line-height: 40px;
        justify-content: initial
    }

    .menu-bar>li:hover>[aria-haspopup=true]~ul.menu-ul,
    .menu-bar>li>[aria-haspopup=true]~ul.menu-ul:hover {
        display: block
    }

    .menu-bar>li:focus-within>[aria-haspopup=true]~ul.menu-ul,
    .menu-bar>li:hover>[aria-haspopup=true]~ul.menu-ul {
        display: block
    }

    .menu-bar>li:focus-within>[aria-haspopup=true]:before {
        background-image: url(../images/top-arrow.svg)
    }

    .menu-bar>li:focus-within>[aria-haspopup=true]~ul,
    .menu-bar>li:hover>[aria-haspopup=true]~ul {
        display: flex
    }

    .menu-bar>li:focus-within>[aria-haspopup=true]:after,
    .menu-bar>li:hover>a:after,
    .menu-bar>li>[aria-haspopup=true]:focus:after {
        background-image: url('../images/top-arrow.svg')
    }

    .mega-menu {
        top: 108px;
        width: 75% !important
    }

    .menubar-title {
        font: normal normal 900 24px/28px var(--font_black);
        letter-spacing: -.68px
    }

    .top-bar-header .mega-menu {
        width: 55%;
        top: 40px
    }

    .mega-menu:hover {
        display: flex
    }

    .mega-menu a:hover {
        background: tint(#177e89, 85%);
        color: #136a73
    }

    .mega-menu--multiLevel>li {
        width: 33.333333333333%
    }

    .mega-menu--multiLevel>li>[aria-haspopup=true]~ul {
        left: 33.333333333333%;
        width: 33.333333333333%
    }

    .mega-menu--multiLevel>li>[aria-haspopup=true]~ul ul {
        width: 100%;
        left: 100%
    }

    .mega-menu--multiLevel li:hover>[aria-haspopup=true]~ul {
        display: block;
        transform-origin: left;
        animation: .2s ease-out flyout
    }

    .mega-menu--multiLevel li:focus-within>[aria-haspopup=true]~ul {
        display: block
    }

    .mega-menu--multiLevel li:focus-within>[aria-haspopup=true],
    .mega-menu--multiLevel li:focus-within>a,
    .mega-menu--multiLevel li:hover>[aria-haspopup=true],
    .mega-menu--multiLevel li:hover>a {
        background: tint(#177e89, 85%);
        color: #136a73
    }

    .mega-menu--multiLevel [aria-haspopup=true],
    .mega-menu--multiLevel [aria-haspopup=true]~ul {
        border-left: 1px solid #f0f0f0
    }

    .mega-menu--multiLevel [aria-haspopup=true]:hover,
    .mega-menu--multiLevel [aria-haspopup=true]~ul:hover {
        display: block
    }

    .mega-menu--multiLevel [aria-haspopup=true]~ul {
        position: absolute;
        top: 0;
        height: 100%
    }

    .mega-menu--flat>* {
        flex: 1
    }

    .social_media_content {
        height: 520px
    }
}

@media all and (max-width:950px) {
    .utility-video {
        width: 100%;
        height: 641px;
        object-fit: cover
    }

    .inspectionDetailCard .card {
        min-height: 740px
    }

    .w-200 {
        width: 200px !important
    }

    .temp1 img {
        width: 100%;
        height: auto
    }

    .trree-lay-rightText,
    .trree-lay-rightText-2,
    .trree-lay-rightText-3 {
        position: relative;
        width: 100%;
        top: 0;
        text-align: center;
        right: 0;
        margin-bottom: 20px
    }

    .three-p {
        padding: 0;
        text-align: center;
        margin-bottom: 10px
    }

    .menu-bar {
        background: #fff
    }

    .h550 {
        height: 550px !important;
        object-fit: cover !important
    }

    .news-card-post,
    .news-details-social ul.social_wrapper.social-btns {
        gap: 10px
    }

    .nav {
        padding: 20px 0;
        justify-content: space-between;
        align-items: center
    }

    .all-news-section .media-item {
        padding: 35px 0
    }

    .news-slider-text {
        max-width: 85%
    }

    .display-hide,
    .mobile-menu-back-item,
    .mobile-menu-header,
    .mobile-menu-trigger,
    .white-logo a.brand-logo {
        display: block
    }

    .mobile-menu-trigger {
        color: #fff;
        border: 0;
        padding: 10px;
        font-size: 1.2em;
        border-radius: 4px
    }

    .mobile-menu-header {
        order: -1;
        background: grey
    }

    .map-sec-contact {
        height: 540px
    }

    .mobile-menu-header a {
        padding: 20px 25px;
        color: #fff;
        visibility: visible
    }

    .net-zero-details-para {
        height: 50px
    }

    .menu-bar {
        flex-direction: column;
        position: fixed;
        top: 0;
        left: -100%;
        height: 100vh;
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
        transition: left .3s;
        box-shadow: 1px 0 2px 0 rgba(0, 0, 0, .25);
        padding-top: 60px
    }

    section.our-strengths-sec {
        padding: 50px 0
    }

    .mega-menu-content {
        padding: 20px 25px
    }

    .mobile-menu-back-item {
        order: -1;
        margin-top: 20px
    }

    .mobile-menu-back-item a {
        pointer-events: none;
        font: normal normal 14px/30px var(--font_bold);
        letter-spacing: -.72px;
        color: #000;
        opacity: 1
    }

    .mobile-menu-back-item a:before {
        content: "";
        width: 14px;
        height: 12px;
        background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1397521/arrowLeft.svg#default') !important;
        background-size: 14px;
        margin-right: 10px;
        display: inline-block
    }

    .display-show,
    .mega-menu,
    .white-logo a.brand-logo.white-logo-img,
    a.brand-logo.color-logo-img {
        display: none
    }

    .mobile-menu-trigger:focus~ul {
        left: 0
    }

    .menu-bar:focus-within,
    .menu-bar:hover {
        left: 0;
        max-width: 100%;
        width: 100%;
        padding-top: 100px
    }

    .brand-logo img {
        width: 100%;
        position: relative;
        z-index: 1
    }

    .brand-logo.color-logo-img img {
        width: 60%
    }

    #nav-icon1,
    #nav-icon2,
    #nav-icon3,
    #nav-icon4 {
        width: 30px;
        position: relative;
        margin: 0;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -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;
        z-index: 1
    }

    #nav-icon1 span,
    #nav-icon3 span,
    #nav-icon4 span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background: #fff;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out
    }

    #nav-icon1 span:first-child {
        top: 0
    }

    #nav-icon1 span:nth-child(2) {
        top: 8px
    }

    #nav-icon1 span:nth-child(3) {
        top: 16px
    }

    #nav-icon1.open span:first-child {
        top: 18px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    #nav-icon1.open span:nth-child(2) {
        opacity: 0;
        left: -60px
    }

    #nav-icon1.open span:nth-child(3) {
        top: 18px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }

    .mobile-menu-trigger.open span {
        background: #000 !important
    }

    a.brand-logo {
        line-height: 0
    }

    .main-header a.menu-link.menu-bar-link {
        margin: 0 15px;
        font: normal normal 18px/60px var(--font_book)
    }

    .main-header li.top-header-mobile a.menu-link.menu-bar-link {
        font: normal normal 14px/60px var(--font_book);
        color: var(--primary)
    }

    .mega-menu {
        padding: 15px
    }

    .reinsight-title {
        height: 310px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .reinsight-img-left img {
        object-fit: cover;
        height: 310px;
        width: 100%
    }

    .webinar-card .webinar_img {
        height: 310px
    }

    .webinar-details {
        padding: 20px
    }

    .webinar-details h4 {
        font: normal normal 18px/25px var(--font_book);
        letter-spacing: -.68px;
        padding: 0
    }

    .podcast span.font-18,
    .webinar-details span.font-18 {
        font: normal normal 14px/20px var(--font_med)
    }

    .webinar-card .thumbnail a {
        width: 70px;
        height: 70px;
        line-height: 70px
    }

    .podcast {
        padding: 30px;
        row-gap: 80px;
        height: 350px
    }

    .p-mdd-0 {
        padding: 0
    }

    .sustainability2 .swiper-slide img {
        height: auto;
        width: 100%
    }
}

@media all and (max-width:950px) and (hover:none) {
    .menu-bar-hide.menu-bar {
        left: 0 !important
    }

    .mobile-menu-trigger:hover~ul {
        padding-top: 100px
    }

    .menu-bar>li>[aria-haspopup=true]~ul [aria-haspopup=true]:hover~ul {
        max-height: 500px;
        animation: .3s forwards dropdown
    }

    .menu-bar>li>[aria-haspopup=true]~ul [aria-haspopup=true]~ul:hover {
        max-height: 500px;
        transform: scaleY(1)
    }

    .menu-bar>li:hover~.mobile-menu-header a {
        visibility: hidden
    }
}

.mob_view {
    display: none
}

@media only screen and (max-width:991px) {
    #preview-mdeia-adapted .img_card:last-child {
        padding-top: 0
    }

    .cookie-banner p,
    .design-develop p,
    .te-center,
    .tex-centr,
    .text-C {
        text-align: center
    }

    .download-item {
        margin-bottom: 15px
    }

    .docdown .download-item a.secondary-button {
        margin-top: 23px
    }

    .culture-renew-sec,
    .iit-delhi-wrapper,
    .net-zero-ppa,
    .program-details-sec1,
    .universiti,
    section,
    section.about-coe {
        padding: 50px 0
    }

    .secondsection-sec .our-vision {
        padding: 10% 5%
    }

    .running-span-main .social_media_tabs .nav-tabs .nav-link:nth-child(2).active~.magic_line {
        left: 149px;
        width: 140px
    }

    .contaUs span.magic_line,
    .menu-bar-hide.menu-bar {
        left: 0 !important
    }

    .all-news-section .media-item__date,
    .img_card:last-child,
    .p-00,
    .p0,
    .sce-filing-table,
    .stock-chart-sec div#nav-tabContent,
    .temp6-inn {
        padding: 0
    }

    h2.heading-title.text-center.mb-5.pb-5 {
        padding-bottom: 0 !important
    }

    .pad-right0,
    .padding-right-md-0 {
        padding-right: 0 !important
    }

    .slide_card .team-img img {
        height: 462px
    }

    .annual-rept .table-body,
    .iit-delhi-wrapper,
    .mob_view,
    .mobile-img,
    .other-presentation-sec .table-body,
    .table-body,
    .thankYou-vid-mobile,
    .white-logo-img {
        display: block
    }

    .mob_view .latest-comment {
        width: 100%;
        margin: 50px 0 0
    }

    .footer_fixed_grid {
        display: grid
    }

    .unsubscribe-form-section h1 {
        margin: 204px 0 30px;
        font: normal normal 36px/45px var(--font_bold)
    }

    .unsubscribe-form-mb .from-col-centre {
        width: 90%
    }

    .copyright.copyright-new {
        display: inline-block;
        text-align: center
    }

    .copyright.copyright-new p,
    .copyright.copyright-new p a,
    .design-develop p {
        display: inherit;
        font: normal normal 10px/1.5 var(--font_med)
    }

    .copyright.copyright-new p:first-child span {
        opacity: 0
    }

    .cookie-banner p {
        margin-bottom: 15px;
        width: 100%;
        display: inline-block
    }

    .cookie-banner {
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .cookies-btns-group {
        display: flex;
        flex-direction: column;
        gap: 8px
    }

    .mar-b-20,
    .press_room_wrapper {
        margin-bottom: 20px
    }

    .pR-15 {
        padding: 0 1% !important
    }

    .addres-inn {
        height: 150px;
        padding: 20px 5% 0;
        border: 0
    }

    .addres-1 {
        padding: 15px 0
    }

    .address-B {
        height: auto;
        border: 0
    }

    .press_room {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .centre_excellence_slider2 .swiper-wrapper,
    .heit-auto {
        height: auto !important
    }

    .contaUs .nav-tabs .nav-link:nth-child(2).active~.magic_line {
        left: 318px !important
    }

    .alert-contactus span.magic_line {
        width: 30% !important;
        left: 1% !important
    }

    .environment-tab span.magic_line {
        width: 30%;
        left: 1% !important
    }

    .environment-tab .nav-tabs .nav-link:nth-child(2).active~.magic_line {
        left: 40% !important;
        width: 168px
    }

    .environment-tab .nav-tabs .nav-link:nth-child(3).active~.magic_line {
        left: 73% !important;
        width: 168px
    }

    section .alert-contactus .nav-tabs .nav-link:nth-child(3).active~.magic_line {
        left: 72% !important;
        width: 170px !important
    }

    #footer .first-part,
    .accordian-style-1.style-2 .accordion-body,
    .all-news-section .item,
    .all-news-section .seatch-input,
    .all-news-section.newsPageAllNews .filter_heading,
    .all-news-section.newsPageAllNews .seatch-input,
    .all-news-section.sce-filing-sec .seatch-input form input,
    .all-news-section.sce-filing-sec.historicalFinance .seatch-input,
    .awards-sec .filtering select.form-control,
    .first-part,
    .form-wrap,
    .historicalFinance .search_filter-btn,
    .iit-delhi-details,
    .iit-delhi-img,
    .lecture-card,
    .newsPageAllNews .search_filter-btn,
    .ppa-net-zero .renew-power-energy-details p,
    .search_filter-btn,
    .sustainability-report-content,
    .temp4-left,
    .temp5-sliderRight,
    .why-hydogen-box,
    .width-80 {
        width: 100%
    }

    .achievements_content,
    .social_media_content {
        height: 300px
    }

    .sustainability-report-content .interested-section {
        margin-top: 0 !important
    }

    .sustainability1 .swiper-slide {
        width: 40px
    }

    .futureOfEnergy-img,
    .thumbnail,
    div#nav-tabContent {
        margin-top: 50px
    }

    .culture-img img {
        height: 640px
    }

    .our-value-img-wrapper {
        position: relative;
        height: 500px
    }

    .futureOfEnergy-inner-section,
    .our-values-sec,
    .project-highlight-sec,
    section.all-news-section.qr-sec,
    section.interested-section,
    section.net-zero-section-page,
    section.our-green-footprint-sec,
    section.social_media,
    section.sustainable-impact {
        padding: 70px 0
    }

    .net-zero-section-page .swiper-btn-next-prev1 {
        bottom: 15px
    }

    .card-content h2 {
        font-size: 18px
    }

    .project-highlight-sec .swiper-btn-next-prev1 {
        bottom: 0
    }

    .csr-card .card__expander p {
        padding: 10px;
        font-size: 14px
    }

    .founder-name-div ul.social_wrapper.social-btns {
        justify-content: flex-start;
        gap: 10px;
        padding: 0 0 5px
    }

    .temp2-box h2 {
        font-size: 25px;
        line-height: 30px;
        letter-spacing: -.5px
    }

    .overlay44 p,
    p.card-hashtags,
    section.all-news-section.greenInsights-box .phone-number li a {
        font: normal normal 14px/20px var(--font_book)
    }

    .temp2-box .white {
        left: 25px
    }

    .annual-rept .table-head,
    .contact-img,
    .desktop,
    .desktop-btn,
    .desktop-img,
    .mob-btn,
    .other-presentation-sec .table-head,
    .our-green-card h6 br,
    .ppa.futureOfEnergy-inner-section .swiper-btn-next-prev1.dekstopBtn,
    .table-head,
    .temp2-box:hover h2.white,
    .thankYou-vid,
    .top-bar-header,
    a.secondary-button.desktop-btn {
        display: none
    }

    .press_room_content,
    .social_media_content,
    .team-details-popup,
    .temp2-box:hover .overlay44 {
        padding: 20px
    }

    .overlay44 p {
        padding: 0
    }

    .popup-space .founder-name-div p {
        height: 340px;
        text-align: left;
        overflow-y: scroll;
        padding-bottom: 35px
    }

    .project-highlight-sec .swiper-button-next {
        left: 70px
    }

    .net-zero-section-page .swiper-button-next1,
    .net-zero-section-page .swiper-button-prev1,
    .project-highlight-sec .swiper-button-next,
    .project-highlight-sec .swiper-button-prev {
        width: 45px;
        height: 45px
    }

    .futureOfEnergy-inner-section .swiper-button-next,
    .net-zero-section-page .swiper-button-next1 {
        left: 60px
    }

    .team-img-popup img {
        height: 312px
    }

    .newThread-modal-main button.btn-close {
        width: 20px;
        height: 20px
    }

    .founder-name-div {
        display: flex !important;
        width: 100%
    }

    .team-details-popup .founder-name h3 {
        font: normal normal bold 23px/30px var(--font_bold);
        letter-spacing: -.16px
    }

    .newThread-modal-main .modal-dialog {
        margin: 0;
        max-width: 100%
    }

    body:not(.home) header {
        background-color: #000
    }

    header {
        background-color: transparent
    }

    .futureOfEnergy-slider-col,
    .investorFaq-focus .accordian-style-1 .accordion-collapse,
    .investorFaq-focus .accordian-style-1 .accordionP_space {
        margin-top: 0
    }

    .investorFaq-focus .accordian-style-1.style-2 .accordion-button p {
        font: normal normal 21px/30px var(--font_med);
        letter-spacing: -.92px;
        width: 88%;
        margin-right: auto
    }

    .footer-menu div.accordion .accordion-item,
    .futureOfEnergy-slide-content,
    .greenInsights-box .accordian-style-1.style-2,
    .investorFaq-focus .accordian-style-1.style-2 {
        margin-top: 20px
    }

    section.all-news-section.greenInsights-box,
    section.focused-init-section.bg_gray.investorFaq-focus {
        padding-top: 0
    }

    .investorFaq-focus .accordian-style-1 .accordion-body p {
        font: normal normal 16px/25px var(--font_book);
        letter-spacing: -.8px
    }

    .investorFaq-focus .accordian-style-1 .accordion-button::after,
    .qr-sec .accordian-style-1 .accordion-button::after,
    section.all-news-section.greenInsights-box .accordian-style-1 .accordion-button::after {
        width: 31px;
        height: 31px;
        top: 0
    }

    .greenInsights-box .accordian-style-1 .accordion-button {
        padding: 25px 0
    }

    section.all-news-section.greenInsights-box .accordian-style-1.style-2 .accordion-button span.date-time-acc {
        font: normal normal 14px/28px var(--font_book) !important
    }

    .alert-contact-email-sec .tab-content p,
    section.all-news-section.greenInsights-box .accordian-style-1 .accordion-body p {
        font: normal normal 16px/28px var(--font_book)
    }

    .qr-sec .title-and-social-icons {
        text-align: left;
        align-items: flex-start
    }

    .qr-sec .accordian-style-1.style-2 {
        margin-top: 10px
    }

    .qr-sec div#accordionExample1 {
        margin-top: 20px;
        margin-bottom: 50px
    }

    .greenInsights-box .accordian-style-1.style-2 .accordion-button p {
        font: normal normal 21px/31px var(--font_med);
        letter-spacing: -.92px;
        max-width: 90%;
        margin-right: auto
    }

    .pdf-title {
        font: normal normal 16px/28px var(--font_med);
        letter-spacing: -.08px
    }

    .table-head h5 {
        font: normal normal 16px/26px var(--font_med)
    }

    section.all-news-section.sce-filing-sec.annual-rept.analyst-cov-sec .table-body h5:first-child:before {
        content: 'Firm : ';
        display: block;
        font: normal normal 16px/26px var(--font_book)
    }

    section.all-news-section.sce-filing-sec.annual-rept.analyst-cov-sec .table-body h5:nth-child(2):before {
        content: 'Analyst : ';
        display: block;
        font: normal normal 16px/26px var(--font_book)
    }

    section.all-news-section.sce-filing-sec.annual-rept.analyst-cov-sec .table-body h5:nth-child(3):before {
        content: 'Email Address : ';
        display: block;
        font: normal normal 16px/26px var(--font_book)
    }

    .annual-rept .table-body h5:first-child:before,
    .table-body h5:first-child:before {
        content: 'Filling Date : ';
        display: block;
        font: normal normal 16px/26px var(--font_book)
    }

    .annual-rept .table-body h5:nth-child(2):before,
    .other-presentation-sec .table-body h5:nth-child(2):before {
        content: 'Title : ';
        display: block;
        font: normal normal 16px/26px var(--font_book)
    }

    .annual-rept .table-body h5:nth-child(3):before,
    .other-presentation-sec .table-body h5:nth-child(3):before,
    .table-body h5:nth-child(5):before {
        content: 'View : ';
        display: block;
        font: normal normal 16px/26px var(--font_book)
    }

    .other-presentation-sec .table-body h5:first-child:before {
        content: 'Date : ';
        display: block;
        font: normal normal 16px/26px var(--font_book)
    }

    section.alert-contact-email-sec .social_media_tabs .nav-tabs .nav-link:nth-child(2).active~.magic_line {
        left: 110px;
        width: 110px
    }

    section.alert-contact-email-sec .social_media_tabs .nav-tabs .nav-link:nth-child(3).active~.magic_line {
        left: 230px;
        width: 100px
    }

    .alert-contact-email-sec .contact-form-div h6 {
        font: normal normal normal 16px/40px var(--font_book) !important;
        letter-spacing: -1.12px;
        color: var(--menu-submenu-color) !important
    }

    .alert-contact-email-sec .nav-tabs .nav-item.show .nav-link,
    .alert-contact-email-sec .nav-tabs .nav-link.active {
        border: none !important
    }

    .stock-chart-sec .table-body h5 {
        font: normal normal 16px/26px var(--font_book);
        letter-spacing: -.08px;
        font-weight: bolder
    }

    .checkbox-text label {
        font: normal normal normal 16px/35px var(--font_book) !important
    }

    section.alert-contact-email-sec .contact-form-div input {
        font-size: 16px !important;
        height: 50px
    }

    .submit-btn1 {
        height: 50px;
        width: 150px
    }

    .address-box {
        background-color: #006638;
        padding: 25px 30px
    }

    .address-box .footer-title-and-social-icons h3,
    .first-address h3 {
        font: normal normal 22px/30px var(--font_bold)
    }

    .table-body h5:nth-child(2):before,
    .table-body h5:nth-child(3):before,
    .table-body h5:nth-child(4):before {
        font: normal normal 16px/26px var(--font_book);
        display: block
    }

    .first-address a,
    .first-address span {
        font: normal normal 14px/20px var(--font_bold)
    }

    .first-address p {
        font: normal normal 14px/23px var(--font_bold)
    }

    ul.footer-social_wrapper.social-btns {
        gap: 10px
    }

    .stock-chart-sec .table-body {
        padding: 10px
    }

    .all-news-section .seatch-input {
        padding: 10px 0
    }

    .table-body h5:nth-child(2):before {
        content: 'Form : '
    }

    .table-body h5:nth-child(3):before {
        content: 'Description : '
    }

    .table-body h5:nth-child(4):before {
        content: 'Filling Group : '
    }

    .table-body h5 {
        font: normal normal 16px/26px var(--font_bold);
        letter-spacing: -.08px;
        color: #707070;
        padding: 5px 0;
        word-wrap: break-word
    }

    p.analyst-cov {
        font: normal normal 16px/30px var(--font_book)
    }

    .stock-chart-sec #nav-rnw h2,
    .stock-chart-sec #nav-rnwww h2 {
        letter-spacing: -1.16px;
        font-size: 32px;
        line-height: 40px;
        margin: 30px 0
    }

    .stock-chart-sec #nav-rnw h4,
    .stock-chart-sec #nav-rnwww h4 {
        letter-spacing: -1.16px;
        font-size: 32px;
        line-height: 35px
    }

    .stock-chart-sec span.magic_line {
        width: 115px;
        left: 20px
    }

    .back-trans {
        background-color: #fff !important
    }

    .all-news-section.sce-filing-sec .dropdown {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        background: #efefef
    }

    .our-founder-sec .title-and-button,
    .pagination1,
    .title-and-social-icons {
        display: block;
        text-align: center
    }

    .ps-md-0 {
        padding-left: 0
    }

    .all-news-section.newsPageAllNews .seatch-input .prtt,
    .pe-0 {
        padding-right: 4% !important
    }

    .desktop-block,
    .desktop-img {
        display: none !important
    }

    .desktop-none {
        display: block !important
    }

    .futureOfEnergy-inner-section .swiper-btn-next-prev1 {
        max-width: 12%;
        bottom: -6%;
        left: 0;
        right: auto
    }

    .paragraph-text-1 {
        font: normal normal 14px/20px var(--font_book);
        color: #000
    }

    .futureOfEnergy-slide .futureOfEnergy-img img {
        width: 100%;
        height: 344px;
        object-fit: cover
    }

    .net-zero-details {
        bottom: 30px
    }

    .futureOfEnergy-slide-content {
        max-width: 100%;
        padding: 0;
        height: auto
    }

    .sustainable-card {
        padding: 15px;
        height: 500px
    }

    .our-green-card .masih6 {
        padding-bottom: 10px
    }

    .sustainable-card .sustainable-img h4 {
        font: normal normal 20px/32px var(--font_med);
        height: 30px
    }

    .sustainable-main-img img {
        width: 210px;
        height: 210px
    }

    .sustainability-report .text-white.text-white-paragraph {
        font-size: 14px
    }

    .sustainable-main-img {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .our-green-card h2.masih2 {
        font: normal normal 900 30px/35px var(--font_black);
        padding-top: 15px
    }

    .slide-heading {
        font: normal normal 28px/40px var(--font_bold)
    }

    span.content-txt-list {
        font: normal normal 16px/20px var(--font_book);
        padding-left: 11px
    }

    section.sustainability-report .sustainability-report.mobile-img img {
        height: 590px;
        object-fit: cover
    }

    .futureOfEnergy-heding-col h1 {
        line-height: 1.2
    }

    .heading-inner {
        padding-right: 0
    }

    .renew-power-energy-details,
    .renew-power-energy-video-sec .renew-power-energy-details {
        max-width: 100%
    }

    .counter-card h2 {
        font: normal normal 42px/50px var(--font_black);
        letter-spacing: -.2px
    }

    .our-purpose-content h5 {
        font: normal normal 12px/12px var(--font_bold)
    }

    .counter-card h6 {
        font: normal normal 14px/18px var(--font_bold);
        letter-spacing: -.8px
    }

    .our-purpose-content h3 {
        text-align: left;
        font: normal normal 25px/1 var(--font_black);
        letter-spacing: -.6px
    }

    .our-purpose-section {
        min-height: 590px
    }

    .vision-mission-section {
        border-bottom: none;
        border-top: none
    }

    .our-vision h5 {
        font: normal normal 12px/12px var(--font_bold);
        letter-spacing: .6px
    }

    .our-vision h3 {
        font: normal normal 25px/30px var(--font_bold);
        letter-spacing: -.6px
    }

    .our-vision {
        height: 100%;
        padding: 25% 9% 10%
    }

    .src-img small {
        font-size: 12px;
        padding: 3px 18px;
        display: inline-flex;
        align-items: center
    }

    .vision-mission-section .our-mission {
        padding: 15% 5%
    }

    .our-mission li img {
        width: 15px;
        height: 15px
    }

    .our-value-card svg {
        width: 70px;
        height: 70px;
        display: block
    }

    .our-mission li span {
        font: normal normal 16px/25px var(--font_book)
    }

    .our-value-card h2 {
        font: normal normal 22px/40px var(--font_book);
        letter-spacing: -.12px
    }

    .our-value-card p {
        font: normal normal 16px/24px var(--font_book);
        letter-spacing: -1.08px;
        min-height: 140px
    }

    .our-value-card {
        padding: 25px
    }

    .focused-init-section .press_room_content h2 {
        font: normal normal normal 20px/26px var(--font_book);
        letter-spacing: -.12px;
        max-width: 350px
    }

    .our-purpose-content img {
        width: 20%;
        margin-bottom: 30px
    }

    .thumbnail .youtube-play-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 5px;
        width: 60px;
        height: 60px
    }

    .inner-heading-title {
        font: normal normal 38px/50px var(--font_bold);
        letter-spacing: -1.2px;
        padding: 15px 0 10px
    }

    .inner-breadcrum-para {
        font: normal normal normal 14px/20px var(--font_book);
        letter-spacing: .08px;
        max-width: 100%;
        padding: 0 15px
    }

    .iit-delhi-details {
        padding: 50px 30px
    }

    .newsCaption-title {
        font: normal normal bold 18px/20px var(--font_bold);
        letter-spacing: -.2px
    }

    .newsCaption {
        bottom: 50px
    }

    .iit-delhi-details p {
        font: normal normal normal 16px/28px var(--font_book)
    }

    .iit-delhi-details h2 {
        font: normal normal 40px/40px var(--font_bold);
        letter-spacing: -2.16px
    }

    .w-268 {
        width: 160px
    }

    .press_room_img img {
        height: 200px
    }

    .mega-menu {
        width: 100% !important;
        top: 0 !important
    }

    .play-btn .thumbnail .youtube-play-btn {
        width: 70px;
        display: block;
        height: 70px;
        background: var(--secondary);
        line-height: 70px;
        text-align: center;
        border-radius: 50px
    }

    .video-container video {
        height: 100%
    }

    .padding-7 {
        padding: 0 4%
    }

    .title-and-button {
        justify-content: center
    }

    .padding-top-100 {
        padding-top: 50px
    }

    .our-green-card img {
        width: 50%
    }

    .our-green-card.text-center {
        margin: 25px 0
    }

    .middle-div,
    .our-green-card {
        padding: 20px 0
    }

    .w-320 {
        width: 150px
    }

    .h-80 {
        height: auto;
        line-height: 45px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .sumant-sinha-text h2 {
        font: normal normal normal 28px/46px var(--font_book);
        letter-spacing: -1.92px;
        padding: 0;
        margin-bottom: 15%
    }

    .work-with-play-btn {
        width: 60px;
        height: 60px;
        line-height: 60px
    }

    .work-with-play-btn img {
        width: 15px;
        height: 20px
    }

    .work-with-sec h2.heading-title {
        text-align: center;
        margin-bottom: 0 !important
    }

    .work-with-sec a.secondary-button {
        text-align: center;
        margin: 20px auto 40px;
        display: block
    }

    .heading-title {
        font-size: 40px;
        letter-spacing: -2.5px
    }

    .our-green-card h2 {
        font: normal normal 24px/32px var(--font_black);
        letter-spacing: -.64px;
        padding-top: 20px
    }

    .our-green-card h6 {
        font: normal normal 16px/25px var(--font_med);
        letter-spacing: -.2px;
        height: 30px
    }

    .img-height {
        height: 720px !important
    }

    .h-800 {
        max-height: 800px;
        height: 100%
    }

    .divsersified-text p,
    .founder-details span {
        font: normal normal 14px/20px var(--font_med)
    }

    .utility-scale-wind-sec.mobile-img img {
        object-fit: cover;
        width: 100%;
        height: 800px
    }

    .divsersified-text h3 {
        font: normal normal 900 28px/40px var(--font_black)
    }

    .founder-details h3 {
        font: normal normal 28px/40px var(--font_bold);
        letter-spacing: -1.6px;
        padding: 20px 0 0
    }

    .founder-details {
        width: 100%;
        padding: 0
    }

    .founder-details p {
        font: normal normal 16px/24px var(--font_book)
    }

    .solutions_accordion_cell.window_collapsed {
        height: 170px
    }

    .solutions_accordion_cell {
        display: block;
        position: relative;
        height: 310px;
        width: 100%;
        transition-property: height;
        transition-duration: 550ms
    }

    .window_expanded {
        height: 675px;
        width: auto
    }

    .solutions_accordion_cell>h4 {
        font-size: 22px;
        letter-spacing: -1.1px;
        text-align: center;
        line-height: 22px
    }

    .solutions_accordion {
        display: block;
        height: auto;
        margin: 0;
        padding: 0
    }

    h2.heading-title {
        font-size: 38px;
        letter-spacing: -2.28px;
        line-height: 1
    }

    .our-value-img-details h2 {
        line-height: 1;
        vertical-align: middle;
        float: left;
        width: 100%;
        text-align: center
    }

    .first-part p {
        font: normal normal 12px/1.4 var(--font_book)
    }

    .first-part a img {
        width: 120px;
        height: 24px;
        object-fit: contain
    }

    .solutions_accordion_cell:nth-child(2),
    .solutions_accordion_cell:nth-child(3),
    .solutions_accordion_cell:nth-child(4) {
        background-size: cover;
        background-position: top
    }

    .window_expanded>.solutions_accordion_cell_content {
        padding: 16% 12%
    }

    .utility_sol_list {
        margin-top: 30px !important
    }

    span.solutions_accordion_span {
        font-size: 22px;
        letter-spacing: -1.1px
    }

    .solutions_accordion_cell>.solutions_accordion_cell_content>p {
        font-size: 14px;
        letter-spacing: -.7px;
        width: 100%;
        line-height: 20px
    }

    .sol_grid_img {
        height: 55px;
        width: 55px
    }

    .utility_sol_grid {
        grid-template-columns: 50px auto;
        margin-bottom: 25px
    }

    .utility_sol_grid .sol_grid_img:before {
        width: 65px;
        height: 65px
    }

    .utility_sol_grid span {
        font-size: 18px;
        letter-spacing: -.9px;
        color: #fff;
        opacity: 1;
        line-height: 22px
    }

    .founder-details ul {
        gap: 10px;
        padding: 20px 0
    }

    .founder-name-div {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: auto
    }

    .secondary-button {
        font-size: 12px;
        margin-bottom: 1.5em
    }

    .mobile-btn {
        display: flex;
        justify-content: space-between;
        gap: 10px;
        margin-top: 50px
    }

    a.secondary-button-transparent {
        background-color: transparent !important;
        border: 2px solid var(--secondary);
        color: var(--secondary)
    }

    .press_room_content h2 {
        font: normal normal normal 20px/30px var(--font_book);
        letter-spacing: -.8px;
        margin-bottom: 30px;
        height: 54px
    }

    a.btn.btn_green_border {
        font: normal normal 12px/13px var(--font_bold);
        width: 145px
    }

    .row {
        margin: 0
    }

    .accordian-style-1.style-2,
    .decarbonization-solutions .utility_sol_list .row,
    .footer-menu {
        margin-top: 30px
    }

    a.news_mob_btn {
        width: 150px;
        height: 45px;
        background: var(--secondary) 0 0 no-repeat padding-box;
        border-radius: 50px;
        opacity: 1;
        color: var(--white);
        display: flex;
        justify-content: center;
        align-items: center;
        font: normal normal 12px/18px var(--font_bold);
        letter-spacing: -.32px;
        text-transform: uppercase;
        text-align: center
    }

    .main-header {
        background-color: transparent;
        box-shadow: none;
        border: none
    }

    .toggle-active .menu-bar,
    .toggle-active ul.menu.menu-bar {
        background: #fff;
        width: 100%;
        max-width: 100%
    }

    .homepage-video-text h1,
    .homepage-video-text h2 {
        font: normal normal normal 90px/120px var(--font_bold)
    }

    .homepage-video-text h4 {
        font: normal normal normal 32px/1.2 var(--font_bold);
        letter-spacing: -2px
    }

    .homepage-video-text h5 {
        font: normal normal normal 20px/30px var(--font_book);
        letter-spacing: -.4px
    }

    .sol_grid_img img {
        max-width: 22px
    }

    .title-and-button {
        padding: 20px 0 50px
    }

    .social-btns .btn {
        width: 55px;
        height: 55px;
        line-height: 55px
    }

    ul.social_wrapper.social-btns li {
        margin-top: 5px
    }

    .social-btns .btn:focus img,
    .social-btns .btn:hover img {
        transform: scale(.8);
        filter: invert(1)
    }

    .social-btns .btn img {
        transform: scale(.8)
    }

    button#nav-rgs-tab {
        font-size: 0;
        border: none;
        outline: 0
    }

    button#nav-rgs-tab span {
        font-size: 20px
    }

    .social_media_tabs .nav-link {
        font: normal normal 18px/50px var(--font_bold);
        width: 50%
    }

    .social_media_tabs .nav-tabs {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        gap: 10px
    }

    .card.solid_bg,
    .lecture-wrap,
    section.interested-section {
        padding: 30px 0
    }

    .card-bottom {
        padding: 0 15px
    }

    h5.card-title {
        font: normal normal normal 18px/25px var(--font_book)
    }

    ul.footer-social_wrapper.social-btns .btn {
        width: 44px;
        height: 44px;
        line-height: 44px
    }

    .card-title-and-time h4 {
        font: normal normal 18px/30px var(--font_book)
    }

    .content-details h3,
    .social_media_content h2 {
        font: normal normal 18px/25px var(--font_book)
    }

    .social_media_content p {
        font: normal normal 14px/20px var(--font_book);
        margin: 20px 0 40px
    }

    .img_card .card .content .content-image {
        height: 540px;
        object-fit: cover
    }

    .content-details p {
        font: normal normal 13px/16px var(--font_book)
    }

    .content:hover .content-details {
        top: 75%
    }

    .content ul.footer-social_wrapper.social-btns .btn {
        width: 44px;
        height: 44px
    }

    .card.solid_bg ul.footer-social_wrapper.social-btns .btn img,
    .card.solid_bg ul.footer-social_wrapper.social-btns .btn:focus img,
    .card.solid_bg ul.footer-social_wrapper.social-btns .btn:hover img,
    .content ul.footer-social_wrapper.social-btns .btn img,
    .content ul.footer-social_wrapper.social-btns .btn:focus img,
    .content ul.footer-social_wrapper.social-btns .btn:hover img {
        transform: scale(1.3)
    }

    section.work-with-sec {
        padding: 70px 0 0
    }

    .footer-menu {
        display: block;
        width: 100%
    }

    .footer-menu button.accordion-button {
        font: normal normal 16px/16px var(--font_book);
        padding-bottom: 20px
    }

    div#accordionExample1 {
        margin-top: 60px;
        margin-bottom: 50px
    }

    .newsletter-title-and-input {
        width: 100%;
        margin: 50px auto 0
    }

    h4.newsletter-title {
        font: normal normal 18px/30px var(--font_bold)
    }

    li.breadcrumb-item a,
    li.breadcrumb-item.active {
        font: normal normal 14px/25px var(--font_med);
        letter-spacing: -.08px
    }

    .copyright p,
    .design-develop p,
    .design-develop p a {
        font: normal normal 12px/12px var(--font_med)
    }

    .copyright p,
    .design-develop p {
        text-align: center
    }

    .top-header-mobile-menu {
        display: block;
        top: 5%
    }

    .menu-bar.top-header-mobile-menu:focus-within,
    .menu-bar.top-header-mobile-menu:hover {
        padding-top: 0
    }

    .menu-bar.top-header-mobile-menu>li>[aria-haspopup=true]~ul {
        margin-top: 0;
        padding-top: 0
    }

    .top-header-mobile {
        display: block;
        background: #efefef;
        margin: 0 15px
    }

    nav.navbar.navbar-default ul.menu.menu-bar li a {
        border-bottom: 1px solid #efefef
    }

    li.top-header-mobile a {
        border-bottom: 1px solid #ccc !important
    }

    .menu.menu-list li a:first-child,
    li.mobile-menu-back-item a.menu-link.mobile-menu-back-link,
    li.top-header-mobile:last-child a {
        border-bottom: none !important
    }

    .mobile-menu-back-item a {
        border: none !important;
        margin-bottom: 30px
    }

    .mt-8 {
        margin-top: 8rem
    }

    .menu.menu-list li a,
    ul.pdf-gov li {
        padding: 5px 0
    }

    .darkHeader {
        background-color: var(--dark-bg-color)
    }

    footer#footer {
        padding: 70px 0 65px
    }

    .title-and-social-icons {
        margin-bottom: 30px
    }

    p {
        font-size: 16px;
        line-height: 25px
    }

    .achievements-section {
        overflow: hidden
    }

    .search_filter-btn {
        flex-direction: column;
        margin-top: 1em
    }

    .news-slider-section .swiper-slide img {
        height: 450px;
        object-fit: cover
    }

    .newsPageWhowWe .container-fluid.py-md-5 {
        padding: 0 !important
    }

    .newsPageWhowWe {
        padding-bottom: 0
    }

    .temp1 h1,
    .temp1 h2 {
        text-align: left;
        font: normal normal bold 38px/48px var(--font_bold) !important;
        letter-spacing: -1.16px
    }

    .temp1 {
        flex-direction: column;
        gap: 20px
    }

    .temp1_left {
        width: 100%;
        padding-right: 0
    }

    .temp1_right {
        width: 100%;
        float: left
    }

    .slide-heading {
        font: normal normal 38px/48px var(--font_bold);
        margin-bottom: 22px;
        letter-spacing: -2.16px
    }

    section.ppa .futureOfEnergy-heding-col h1,
    section.ppa .futureOfEnergy-heding-col h2 {
        font-size: 38px
    }

    .mob-banner {
        object-fit: cover
    }

    .temp4-inn,
    .value-card-wrapper {
        flex-direction: column
    }

    .temp4-right {
        width: 100%;
        margin-top: 15px
    }

    .green-solution1 .value-card {
        padding: 25px;
        height: 350px;
        width: 100%
    }

    .url-box {
        margin-top: 10px;
        padding: 1.5%
    }

    .newsCard {
        width: 100%;
        height: 220px
    }

    .sustainability-report a.buttonGreen {
        margin: 30px auto auto
    }

    .ppa.futureOfEnergy-inner-section .swiper-btn-next-prev1 {
        bottom: -2%
    }

    .ppa.futureOfEnergy-inner-section .mobileBtn.swiper-btn-next-prev1 {
        display: block;
        bottom: 3%;
        left: 70%
    }

    .ppa-net-zero .renew-power-energy-details p {
        font-size: 14px;
        line-height: 23px;
        letter-spacing: .84px
    }

    .engsol .temp3-box {
        width: 48%
    }

    .temp3-inn {
        width: 100%;
        flex-wrap: wrap
    }

    .culture-details {
        width: 80%;
        max-width: 80%
    }

    .number-cul-wrapper {
        flex-direction: column;
        gap: 50px;
        width: 100%;
        text-align: center
    }

    .number-culture h2 {
        font: normal normal 42px/1 var(--font_bold);
        letter-spacing: -2.52px
    }

    .number-culture p {
        font: normal normal 14px/26px var(--font_med)
    }

    .green-solution1 .our-value-img-details {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        max-width: 100%;
        height: auto;
        z-index: 4;
        justify-content: center;
        align-items: center;
        display: flex;
        text-align: center
    }

    section.green-solution1 .our-value-img-details p {
        max-width: 100%;
        text-align: center;
        margin: 12px 0 30px
    }

    .contact-form-div {
        max-width: 100%;
        width: 100%
    }

    .contact-form-div label {
        top: 16px
    }

    .contact-form-div input {
        height: 65px
    }

    .form-rev {
        flex-direction: column-reverse;
        padding-bottom: 50px
    }

    .contact-img {
        margin-bottom: 20px;
        padding-top: 20px
    }

    .futureOfEnergy-inner-section .swiper-button-next,
    .futureOfEnergy-inner-section .swiper-button-prev,
    .news-slider-section .swiper-button-next,
    .news-slider-section .swiper-button-prev {
        width: 40px;
        height: 40px
    }

    .news-slider-section .swiper-btn-next-prev1 {
        position: absolute;
        bottom: 12%;
        left: 6%
    }

    .news-slider-section .swiper-button-next {
        right: auto;
        left: 70px
    }

    .all-news-section span.leading-trim.media-item__date__day {
        font: normal normal 40px/47px var(--font_bold);
        letter-spacing: -1.8px
    }

    .all-news-section .media-item__content h2.media-item__title.leading-trim {
        font: normal normal 16px/1.2 var(--font_med);
        letter-spacing: -.64px
    }

    .all-news-section .media-item__content p.media-item__description {
        font: normal normal 14px/24px var(--font_bold);
        letter-spacing: -.56px
    }

    .all-news-section span.leading-trim {
        font: normal normal bold 12px/12px var(--font_bold);
        letter-spacing: -.48px
    }

    .achievements_content h2 {
        font: normal normal 18px/22px var(--font_bold);
        letter-spacing: -.72px;
        margin-bottom: 15px
    }

    .achievements_content p {
        font: normal normal 14px/30px var(--font_book);
        letter-spacing: -.42px
    }

    .why-hydogen {
        padding: 110px 6%
    }

    .centre_excellenceTitle h2,
    .centre_excellenceTitle h3 {
        font-size: 40px;
        letter-spacing: -1px;
        line-height: 40px !important;
        padding-bottom: 20px !important
    }

    .centre_excellenceTitle {
        left: 7%;
        right: auto;
        top: 15%;
        width: 100%
    }

    .centre_excellenceTitle p {
        margin-bottom: 35px
    }

    .accordian-style-1.style-2 .accordion-button {
        flex-direction: column;
        padding: 0
    }

    .accordian-style-1 .accordion-button::after {
        width: 36px;
        height: 36px;
        position: absolute;
        right: 0;
        top: -8px
    }

    .accordian-style-1.style-2 .accordion-button span {
        font: normal normal 21px/31px var(--font_med);
        width: 100%
    }

    .accordian-style-1.style-2 .accordion-button p {
        margin-left: 0;
        width: 100%;
        font: normal normal 16px/26px var(--font_book)
    }

    .accordian-style-1 .accordion-item {
        padding: 18px 0
    }

    .accordian-style-1 .accordion-body p {
        font: normal normal 16px/26px var(--font_book)
    }

    .accordian-style-1 .accordion-body {
        padding: 53px 0 30px
    }

    .accordian-style-1 .accordionP_space {
        margin-top: -28px
    }

    .temp6-card-2 {
        margin: 30px 0
    }

    .temp1 p {
        font-size: 16px;
        line-height: 24px
    }

    .news-slider-text p.pio-renew span {
        font: normal normal 16px/15px var(--font_book)
    }

    .timeline-BtnArea img {
        width: 14px !important
    }

    .timeline-BtnArea .youtube-play-btn {
        width: 50px;
        height: 50px;
        line-height: 48px
    }

    .timeline-BtnArea {
        left: 20px;
        bottom: 20px
    }

    .temp104Left img {
        border-radius: 0
    }

    .temp104Right .temp104Copy h2,
    .temp104Right .temp104Copy h3 {
        letter-spacing: -3.2px
    }

    .temp104Right .temp104years {
        font-size: 80px !important;
        margin-bottom: 30px
    }

    .timeLineSlider2::after {
        right: 47.2%;
        top: 35%
    }

    .temp5-sliderLeft {
        display: flex;
        flex-direction: column
    }

    .temp5-sliderLeft .secondary-button {
        align-self: center
    }

    .temp5-slider h2 {
        font: normal normal bold 70px/70px var(--font_bold)
    }

    .temp5-slider h4 {
        font: normal normal bold 36px/46px var(--font_med);
        text-align: center
    }

    .temp5-slider p {
        font: normal normal 16px/26px var(--font_med);
        margin-bottom: 6px;
        text-align: center
    }

    .temp5-slider {
        width: 100%;
        padding: 0 8%;
        display: flex;
        flex-direction: column-reverse;
        margin-bottom: 20px;
        gap: 20px
    }

    .temp5-slider h2 {
        margin-bottom: 20px;
        text-align: center
    }

    .temp5-title {
        margin-bottom: 60px
    }

    .sustainability1 .swiper-slide-thumb-active {
        padding: 12px 16px
    }

    .sustainability1 .swiper-slide {
        font: normal normal 11px/16px var(--font_med) !important;
        letter-spacing: -.14px;
        padding: 11px 6px
    }

    .sustainability1-btm::before {
        bottom: 28px
    }

    .sustainability1 .swiper-slide:hover {
        padding: 11px 6px
    }

    .social_media_tabs .nav-link {
        font: normal normal 14px/24px var(--font_bold);
        opacity: 1;
        font: normal normal 20px/22px var(--font_bold);
        letter-spacing: -1px;
        margin-right: 0;
        padding: 10px
    }

    span.magic_line {
        width: 26%
    }

    .social_media_tabs span.magic_line {
        width: 30%;
        left: 9%
    }

    .social_media_tabs .nav-tabs .nav-link:nth-child(2).active~.magic_line {
        left: 63%;
        width: 164px
    }

    .our-team-sec .social_media_tabs .nav-tabs .nav-link:nth-child(2).active~.magic_line {
        left: 409px
    }

    .flex-rev {
        flex-direction: column-reverse !important
    }

    .h300 {
        height: 538px
    }

    .card.solid_bg {
        height: 538px !important
    }

    .twitter-timeline.twitter-timeline-rendered {
        overflow-x: hidden
    }

    .futureOfEnergy-heding-col {
        padding-bottom: 35px
    }

    .team-name {
        padding: 20px 0 36px 30px
    }

    .team-name p {
        margin: 10px 0 17px
    }

    figure.newsCard.news-Slide-up,
    figure.newsCard.news-Slide-up>img {
        height: 387px
    }

    .value-card span.content-txt-list {
        font: normal normal normal 14px/26px var(--font_book)
    }

    span.content-txt-list {
        margin-bottom: 5px
    }

    ul.mega-menu.menu-ul ul.submenu-ul li a.menu-link.mega-menu-link.mega-menu-header {
        padding: 12px 0
    }

    .decab-src small {
        background: #76ba43;
        border-radius: 10px;
        display: block;
        color: #fff;
        float: left
    }

    .sustainability1 {
        height: 6%
    }

    .sustainability1-btm {
        bottom: -91px
    }

    .contact-us-sec {
        padding: 20px 0 !important
    }

    .slide_card .team-name {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .team-name a {
        opacity: 1;
        display: block
    }

    .our-value-img-details .heading-title {
        text-align: center !important
    }

    .mar-auto {
        margin: auto
    }

    ::-webkit-scrollbar {
        height: 6px
    }

    .newsCaption-content a {
        width: 40px;
        height: 40px;
        line-height: 40px
    }

    .newsCard .newsCaption-content a img {
        width: 12px;
        height: 16px
    }

    .Testimo-height {
        height: 570px
    }

    a.close_btn_modal {
        right: 10px;
        width: 40px;
        height: 40px;
        background: no-repeat padding-box #fff;
        opacity: 1;
        border-radius: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 10px;
        font-size: 20px
    }

    .centre_excellence_slider2 .swiper-wrapper p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        line-clamp: 4;
        -webkit-box-orient: vertical
    }

    #map {
        width: 70%;
        height: 70%;
        top: 18%;
        left: 38%
    }

    .all-news-section.sce-filing-sec.historicalFinance .dropdown {
        margin-right: 20px
    }

    .newsDetailsCard .card {
        min-height: 220px;
        margin-bottom: 20px
    }
}

@media screen and (max-width:768px) {

    figure.newsCard.news-Slide-up,
    figure.newsCard.news-Slide-up>img {
        height: 225px
    }

    .sustainability-report a.buttonGreen {
        margin-top: 20px
    }

    .participation-process-section .social_media_tabs .nav-tabs .nav-link:nth-child(2).active~.magic_line {
        left: 37%;
        width: 27%
    }

    .participation-process-section .social_media_tabs .nav-tabs .nav-link:nth-child(3).active~.magic_line {
        left: 72%;
        width: 27%
    }

    .social_media_tabs .nav-link {
        font-size: 19px
    }

    .sustainability1 .swiper-slide,
    .sustainability1 .swiper-slide:hover {
        padding: 19px 6px
    }

    .centre_excellence_slider2 .swiper-slide img {
        object-fit: inherit;
        height: auto !important
    }

    .thankYou-text-box {
        top: 60%
    }

    .sustainability-report-img,
    .sustainability-report.p-0 {
        height: 590px
    }

    .inspectionDetailCard h5.card-title,
    .newsDetailsCard h5.card-title {
        font-size: 20px
    }
}

@media screen and (max-width:650px) {

    #video-container img,
    .all-news-section .seatch-input form input,
    .bg-tree,
    .engsol .temp3-box,
    .filter-cat .form-control,
    .filter-text .temp-11-Left,
    .filter-text .temp-11-Right,
    .flexcontainer .columns,
    .lecture-card,
    .temp2-box,
    .temp3-box {
        width: 100%
    }

    .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: -5px
    }

    #map,
    .futureOfEnergy-inner-section .swiper-btn-next-prev1 {
        bottom: 0
    }

    h2.heading-title_vs.text-left.text-white {
        font-size: 50px
    }

    .futureOfEnergy-heding-col,
    .news-slider-text h3 {
        margin-bottom: 30px
    }

    .bg-tree {
        background: url(https://myrenew.s3.ap-south-1.amazonaws.com/evoco/resources/images/fututeofenergy/trailblazingg-bg-m.png) right top/cover no-repeat !important
    }

    .temp2-inn,
    .title-and-social-icons {
        flex-direction: column
    }

    .achievements_img img {
        height: 250px;
        object-fit: cover
    }

    .safty-title {
        width: 93%
    }

    .media-item__content h2 {
        margin-bottom: 5px !important
    }

    #load_more button {
        padding: 16px 26px;
        font: normal normal bold 14px/1 var(--font_bold)
    }

    .all-news-section .media-item__content p.media-item__description {
        font: normal normal 14px/1.3 var(--font_bold)
    }

    .inner-heading-title1 {
        padding: 0 5%
    }

    .news-details-social {
        height: 100%;
        display: flex;
        align-items: start;
        justify-content: start;
        margin-bottom: 20px
    }

    .utility-details {
        width: 90%
    }

    .focus-init-content {
        height: 230px
    }

    .our-values-sec,
    section.esg-card,
    section.social_media {
        padding: 50px 0
    }

    .btn_green_bg {
        width: 140px;
        height: 42px;
        line-height: 42px
    }

    .achievements_content,
    .addres-inn,
    .h-auto1,
    .our-value-img-wrapper img,
    .sustainability-report-content .newsCard {
        height: auto
    }

    .all-news-section .media-item,
    .iit-delhi-wrapper,
    section {
        padding: 20px 0
    }

    .h-auto1 {
        flex-direction: column !important
    }

    .newsCaption-content a {
        width: 30px;
        height: 30px;
        line-height: 30px
    }

    .fancybox-enabled body {
        height: auto !important
    }

    .contact-form-div form {
        padding-bottom: 0
    }

    .sustainability1 {
        box-sizing: border-box;
        padding: 0
    }

    .temp5 {
        padding: 50px 0 35px
    }

    .temp5-title {
        margin-bottom: 40px
    }

    .pR-15 {
        padding-right: 5% !important;
        padding-bottom: 50px !important
    }

    .globe-gree span.magic_line {
        width: 27% !important;
        left: 2% !important
    }

    .globe-gree .nav-tabs .nav-link:nth-child(2).active~.magic_line {
        left: 37% !important;
        width: 27% !important
    }

    .globe-gree .nav-tabs .nav-link:nth-child(3).active~.magic_line {
        left: 73% !important;
        width: 27% !important
    }

    section .alert-contactus .nav-tabs .nav-link:nth-child(2).active~.magic_line {
        width: 140px !important
    }

    section .alert-contactus .nav-tabs .nav-link:nth-child(3).active~.magic_line {
        width: 101px !important
    }

    .environment-tab span.magic_line {
        width: 31% !important
    }

    .environment-tab .nav-tabs .nav-link:nth-child(2).active~.magic_line {
        width: 21% !important
    }

    .environment-tab .nav-tabs .nav-link:nth-child(3).active~.magic_line {
        left: 69% !important;
        width: 30% !important
    }

    .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,
    .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner {
        display: none !important
    }

    .team-details-popup p {
        font: normal normal 16px/25px var(--font_book)
    }

    .map-sec-contact .mapboxgl-popup-content {
        width: auto
    }

    .mapboxgl-popup-content {
        padding: 5px
    }

    .news-slider-text h2,
    .news-slider-text h3 {
        font: normal normal 31px/35px var(--font_black)
    }

    .iit-delhi-details p {
        padding-bottom: 10px
    }

    .futureOfEnergy-img {
        margin-top: 20px
    }

    .net-zero-details {
        padding: 20px
    }

    .breadcrumb {
        margin-top: 30px
    }

    .Testimo-height {
        height: 570px
    }

    .all-news-section .item {
        width: 100%;
        margin-bottom: 20px;
        margin-left: 0
    }

    .all-news-section .tab-content {
        padding-top: 20px;
        margin-left: 0
    }

    .all-news-section .dropdown {
        margin-left: 0;
        margin-top: 15px;
        display: block;
        width: 100%
    }

    .all-news-section .filter_heading {
        padding: 0;
        flex-direction: column
    }

    .search_filter-btn {
        flex-direction: column;
        width: 100%
    }

    .number-cul-wrapper {
        flex-direction: column;
        gap: 15px;
        text-align: center
    }

    .guiding-document-sec .temp2-inn {
        display: flex;
        gap: 15px;
        flex-direction: column
    }

    .temp1,
    .temp3-inn {
        gap: 20px;
        flex-direction: column
    }

    .temp1 h1,
    .temp1 h2 {
        text-align: left;
        font: normal normal bold 38px/48px var(--font_bold) !important;
        letter-spacing: -1.16px
    }

    .temp1 {
        padding: 0 3%
    }

    .temp1_left {
        width: 100%;
        padding-right: 0
    }

    .temp1_right {
        width: 100%;
        float: left
    }

    .relead-winners-slider,
    .thumbnail {
        margin-top: 50px
    }

    .slide-heading {
        font: normal normal 38px/1.6 var(--font_bold);
        margin-bottom: 22px;
        letter-spacing: -2.16px;
        margin-top: 10px
    }

    .futureOfEnergy-inner-section {
        padding: 70px 0
    }

    section.ppa .futureOfEnergy-heding-col h1,
    section.ppa .futureOfEnergy-heding-col h2 {
        font-size: 38px
    }

    .heading-inner {
        padding-right: 0
    }

    .futureOfEnergy-slide-content {
        max-width: 100%
    }

    .counter-section,
    .utility-scale-wind-sec {
        overflow: hidden
    }

    .why-hydogen-box {
        padding: 50px 30px;
        margin: 20px 0
    }

    .color-sus-sec .sustainable-card {
        height: 300px;
        margin: 10px
    }

    .sidenav {
        width: 10%;
        top: 18%;
        background-color: transparent;
        height: auto;
        left: auto;
        z-index: 1
    }

    #map,
    .temp14-modelActive {
        left: 0;
        position: absolute
    }

    .sidenav ul::after {
        left: 6px;
        bottom: -42px
    }

    .sidenav ul,
    .temp2 {
        padding: 0
    }

    .temp104Left img {
        border-radius: 0
    }

    .sidenav li {
        margin: 0 8px;
        padding: 10px 0
    }

    .contact-img,
    .default-line,
    .temp104Left::after,
    .temp11-content,
    .temp14-model,
    .timeline .draw-line,
    .timeline-BtnArea span {
        display: none
    }

    .temp104Right .temp104years {
        font-size: 60px !important
    }

    .temp104Right .temp104Copy h2,
    .temp104Right .temp104Copy h3 {
        font-size: 30px !important;
        letter-spacing: -2.2px;
        margin-bottom: 31px
    }

    .temp104Right .temp104Copy ul li {
        font-size: 14px !important;
        padding-left: 22px;
        margin-bottom: 25px
    }

    .temp104Right .temp104Copy ul li::after {
        width: 15px;
        height: 15px
    }

    .sidenav ul::before {
        left: 18%
    }

    .sidenav li a.active {
        right: 73px;
        color: #000;
        font-size: 14px;
        padding: 3px 16px;
        position: relative
    }

    .sidenav li a.active::after {
        width: 24px;
        position: absolute;
        bottom: 14px;
        left: 62px
    }

    .temp104 {
        width: 75%;
        margin: 0;
        padding-left: 3%
    }

    .temp104Left {
        width: 96%
    }

    .social_media_tabs .nav-link {
        font: normal normal 14px/25px var(--font_bold);
        padding: 10px 0;
        font: normal normal 16px/1.2 var(--font_bold)
    }

    .social_media_tabs .nav-tabs {
        gap: 10px
    }

    .our-team-sec .social_media_tabs .nav-tabs .nav-link:nth-child(2).active~.magic_line {
        left: 58%;
        width: 140px
    }

    .our-team-sec span.magic_line {
        width: 140px;
        left: 10px
    }

    .temp3 {
        padding: 25px 0
    }

    .social_media_tabs .nav-tabs .nav-link:nth-child(2).active~.magic_line {
        width: 27%
    }

    span.magic_line {
        width: 130px
    }

    .social_media_tabs .nav-tabs .nav-link:nth-child(3).active~.magic_line {
        left: 266px
    }

    .temp14-modelActive {
        width: 100%;
        top: 20px !important;
        height: 100%;
        display: block;
        padding-top: 50px
    }

    .temp11Active {
        display: block
    }

    .navbar-menu-title .temp14-item {
        background: url(../../assets/images/homepage/icons/mobile-menu-left-arrow.svg) right top 23px no-repeat
    }

    .menubar-title {
        font: normal normal 900 28px/50px var(--font_bold)
    }

    .social_media_tabs span.magic_line {
        width: 45%;
        left: 2%
    }

    .get-in-touch-sec .social_media_tabs .nav-tabs .nav-link:nth-child(2).active~.magic_line {
        left: 50%;
        width: 40%
    }

    .contaUs .nav-tabs .nav-link:nth-child(2).active~.magic_line {
        left: 50% !important
    }

    .filter-text .temp-11-body {
        flex-direction: column;
        gap: 30px
    }

    .filter-text .temp-10 .filtersB {
        margin: 0 6px
    }

    .homepage-video-text {
        bottom: 8%
    }

    .resources-all p.media-item__description.cta-download {
        font: normal normal 16px/22px var(--font_bold) !important;
        margin-top: 15px
    }

    .for-cop-blog-div h4 {
        font: normal normal 31px/41px var(--font_med)
    }

    .initiatives-det tr td {
        font: normal normal normal 14px/20px var(--font_book)
    }

    .cnt-title {
        margin-top: 0;
        margin-bottom: 5px
    }

    #map {
        top: -38%;
        width: 100%
    }

    .renew-globe-abs-content {
        max-width: 100%;
        width: 100%;
        top: 4%
    }

    p.globe-sec-para {
        max-width: 100%;
        font: normal normal normal 16px/24px var(--font_book)
    }

    .fs11 {
        font-size: 11px !important
    }

    .reinsight-title {
        height: 150px;
        display: flex;
        align-items: flex-end
    }

    .our-green-card h6 {
        height: auto;
        font: normal normal 14px/1 var(--font_book)
    }

    .our-green-card.text-center {
        margin: 15px 0
    }

    .padding-top-100 {
        padding-top: 25px
    }

    .src-img {
        bottom: 10px;
        right: 5%;
        left: 5%
    }

    .menubg-white {
        background-color: #000 !important
    }

    button#nav-rgs-tab span {
        font-size: 21px
    }

    section.our-green-footprint-sec {
        padding: 30px 0
    }

    .sumant-sinha-text h2 {
        font: normal normal normal 28px/1.8 var(--font_book)
    }

    .diply-inline {
        display: inline-block
    }

    .heading-title {
        font-size: 32px
    }

    .title-and-button {
        padding: 30px 0 20px
    }

    .nenew-power1 h1,
    .nenew-power1 p {
        line-height: 1.2
    }

    .breadcrumb-item+.breadcrumb-item::before {
        float: none;
        padding-right: var(--bs-breadcrumb-item-padding-x);
        color: var(--bs-breadcrumb-divider-color);
        content: var(--bs-breadcrumb-divider, ">");
        display: inline-flex
    }

    .sumant-sinha-text h2 {
        font: normal normal normal 28px/1.3 var(--font_book)
    }

    .sustainability1-btm {
        bottom: 15px
    }

    .sustainability1 {
        height: 6%
    }

    .sustainability1 .swiper-slide {
        padding: 15px 6px;
        width: 48px
    }

    .slideHover span {
        padding: 8px 25px
    }

    .contact-us-sec {
        padding: 30px 0 !important
    }

    .hei-700 {
        height: 700px;
        width: 100%;
        object-fit: cover
    }

    .sustainability-report-content .heading-title {
        line-height: 1.3
    }

    .for-cop-blog-div {
        padding: 150px 50px
    }

    .our-green-card img {
        width: 40%;
        height: 90px
    }

    .decarbonization-solutions h2.heading-title {
        top: 30px
    }

    .futureOfEnergy-inner-section .swiper-button-next,
    .futureOfEnergy-inner-section .swiper-button-prev {
        width: 35px;
        height: 35px
    }

    .futureOfEnergy-inner-section .swiper-button-prev img {
        transform: rotate(270deg);
        width: 14px;
        height: 14px
    }

    .futureOfEnergy-inner-section .swiper-button-next img {
        width: 14px;
        height: 14px
    }

    .media-item__square {
        text-align: center
    }

    .all-inisa img,
    .all-news-section .filter_heading,
    .media-item__square img,
    .newsPageAllNews #EventYearSelect,
    .resources-all .media-item__square img {
        width: 100%
    }

    .media-item__square .btn__content img {
        width: 26%
    }

    .news-slider-text {
        max-width: 90%;
        width: 80%
    }

    .newsPageAllNews .filter-cat {
        margin-bottom: 1em;
        padding: 0
    }

    .renew-power-energy-details {
        position: absolute;
        width: 95%
    }

    .gcre,
    .img-60 img {
        width: 60%
    }

    .gcre {
        position: absolute;
        left: 50%;
        bottom: 20%;
        transform: translate(-50%, -50%)
    }

    .copyright.copyright-new p span {
        padding-left: 5px
    }

    .copyright.copyright-new p:first-child span {
        opacity: 1
    }

    .filter-cat .form-control {
        margin-left: 0
    }

    .seatch-input button {
        top: 34%
    }

    .our-value-img-wrapper {
        height: 415px
    }

    .all-news-section .filter-cat:before {
        top: 38%;
        right: 10%
    }

    .footer-title-and-social-icons {
        padding: 0 20px
    }

    .swiper.counter_slider {
        overflow: visible
    }

    .secondary-button.mbm {
        /*! margin-bottom:125px */
    }
}

@media screen and (max-width:414px) {
    .project-highlight-sec .swiper-btn-next-prev1 {
        bottom: 2%
    }

    .sce-filing-table .table-head,
    .table-head {
        grid-template-columns: repeat(1, 1fr)
    }

    .social_media_tabs span.magic_line {
        left: 2%
    }

    .participation-process-section .social_media_tabs .nav-tabs .nav-link:nth-child(2).active~.magic_line {
        left: 40%;
        width: 27%
    }

    .participation-process-section .social_media_tabs .nav-tabs .nav-link:nth-child(3).active~.magic_line {
        left: 73%;
        width: 27%
    }

    .social_media_tabs .nav-link {
        font-size: 17px
    }

    .sustainability1 .swiper-slide,
    .sustainability1 .swiper-slide:hover {
        padding: 22px 6px
    }

    section.sustainability-report .sustainability-report.mobile-img img {
        height: 1660px
    }

    .social_media_tabs .nav-tabs .nav-link:nth-child(2).active~.magic_line {
        left: 40%
    }

    .social_media_tabs .nav-tabs .nav-link:nth-child(3).active~.magic_line {
        left: 250px;
        width: 30%
    }

    section.renew-globe-section {
        height: 740px
    }

    .news-card-publish span,
    .news-publish-by span {
        font-size: 11px
    }

    .net-zero-details-para {
        height: auto
    }

    .homepage-video-text h4 {
        font-size: 44px !important
    }

    .solutions_accordion_cell>h4 {
        width: 100%
    }
}