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

@media only screen and (max-width: 1500px) {}

@media only screen and (max-width: 1450px) {
    .renwable-back .na-ren-right > p{
        margin-bottom: 2vw;
    }
    .roles_res .na-ren-right > p{
        margin-bottom: 5vw;
    }
    .home_new_sec .sppc_button{
        overflow: inherit;
    }
    .home_new_sec .sppc_button a {
        white-space: nowrap;
    }
    .lang a, .header .nav > ul > li > .item a, .header .nav > ul > li > .item button{
        font-size: 17px;
    }
    .sub_menu .inner > ul > li > a{
        font-size: 18px;
    }
    .sub_menu .subInner > li > a{
        font-size: 18px;
    }
    .bods h3{
        font-size: 17px;
    }
    .bods h4{
        font-size: 16px;
    }
    .right-text h3{
        font-size: 18px;
    }
    .right-text h2{
        font-size: 18px;
    }
    .shapeLayer{
        top: -8px;
    }
    .media-sorting a{
        font-size: 16px;
    }
}

@media only screen and (max-width: 1200px) {
	.renewable-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .new_view.vender-content {
        margin-bottom: 15vw;
    }
}
@media only screen and (max-width: 1100px) {
    .lang a, 
    .header .nav > ul > li > .item a, 
    .header .nav > ul > li > .item button {
        font-size: 15px;
    }
    .header .nav > ul > li:has(ul) > .item a:after {
        top: 1px;
        right: -26px;
        width: 22px;
    }
}
@media only screen and (max-width: 1024px) {

    .header{
        position: fixed !important;
    }
    .header.inner-header .logo a img{
        width: 125px;
    }

    .main_bannar .banner-info .inner .banner-text h2 {
        font-size: 50px;
        line-height: 1;
        margin-bottom: 3vw;
    }
    
    .main_bannar .banner-info .inner .banner-text > p {
        font-size: 16px;
        width: 60%;
    }
    
    .lang a, .header .nav > ul > li > a, .header .nav > ul > li > button {
        font-size: 16px;
    }
    
    .header .logo {
        width: 120px;
    }
    
    .menu-icon {
        width: 30px;
        height: 30px;
    }
    
    .search_wrap a svg {
        width: 25px;
        height: 25px;
    }
    
    .line_img {width: 60%;bottom: 0vw;}
    
    .view_slider .text h3 {
        font-size: 26px;
    }
    
    .view_slider .text {
        width: 65%;
        padding: 18vw 0vw 10vw;
    }
    .swiper-infos .box{
        height: 235px;
    }
    
    /* .main_bannar {
        height: 100%;
    } */
    
    .swiper-infos .box h2 {
        font-size: 70px;
    }
    
    .swiper-infos .box h2 p {
        font-size: 16px;
    }
    
    .swiper-infos .box p {
        font-size: 16px;
        width: 50%;
        line-height: 22px;
    }
    
    .na-ren-right > p {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 10vw;
    }
    
    .na-ren-right h3 {
        font-size: 16px;
        margin-bottom: 1vw;
    }
    
    .national-renewable {
        width: 90%;
        margin-bottom: 15vw;
    }
    
    .sppc_button a > div.arrow {
        width: 45px;
        height: 45px;
    }
    
    .sppc_button a > div.arrow:before {
        width: 45px;
        height: 45px;
    }
    
    .sppc_button a {
        font-size: 16px;
    }
    
    .partner-tinner {
        width: 50%;
    }
    
    .partner-tinner > p {
        font-size: 16px;
    }
    
    .partner-tinner h2 {
        font-size: 38px;
    }
    
    .partner-tinner h4 {
        font-size: 18px;
    }
    
    .news_sec .library h3 {
        font-size: 28px;
        line-height: 34px;
    }
    
    .news_sec .library h2 {
        font-size: 25px;
        margin-bottom: 1.2vw;
    }
    
    .news_sec {
        width: 90%;
        position: relative;
        padding-bottom: 100px;
    }
    
    .grid_wrap .grid h2 {
        font-size: 18px;
        line-height: 24px;
    }
    
    .grid_wrap .grid h3 {
        font-size: 16px;
    }
    
    .grid_wrap .grid p {
        font-size: 16px;
    }

    img.logo1 {
        width: 120px !important;
    }
    
    img.logo2 {
        width: 80px !important;
    }
    
    .footer .inner .fot-sec .fot ul li a {
        font-size: 18px;
    }
    
    .footer .inner {
        width: 90%;
    }
    
    .footer .inner .fot-sec h2 {
        font-size: 16px;
    }
    
    .footer .inner .fot-sec .fot .icons a svg {
        width: 16px;
        height: 16px;
    }
    
    .footer .inner .fot-sec .fot .icons a {
        width: 35px;
        height: 35px;
    }
    
    .footer .inner .fot-sec .fot p {
        font-size: 12px;
    }
    .new_view.renewable-view .right,
    .new_view.renewable-view .left {
        width: 100%;
    }
    .new_view.renewable-view {
        flex-direction: column;
        grid-gap: 5vw;
    }
    .bods h3{
        font-size: 18px;
    }
    .bods h4{
        font-size: 15px;
    }
    .sppc_button a > div.infos{
        font-size: 15px;
    }
    .about_banner .banner-info .inner{
        padding-top: 18%;
    }
    .new_view .left h2{
        font-size: 22px;
    }
    .new_view .left h3{
        font-size: 24px;
    }
    .new_view .right h4{
        font-size: 22px;
    }
    .vision-wrap .infos .text p{
        font-size: 14px;
        width: auto;
        margin-bottom: 0;
    }
    .corporateSwiper .valueBox p{
        font-size: 15px;
    }
    .timeline_swiper .timelineSwiper .swiper-slide .time-flex .left h3{
        font-size: 25px;
        line-height: 35px;
    }
    .timeline_swiper h2{
        font-size: 25px;
    }
    .timeline_swiper .timelineSwiper .swiper-slide .time-flex .right .years .text span{
        font-size: 100px;
    }
    .timeline_swiper .timelineSwiper .swiper-slide .time-flex .right .years .text h2{
        font-size: 30px;
    }
	.timeline_swiper .timelineSwiper .swiper-slide .time-flex .right .years .text p{
        font-size: 15px;
        line-height: 20px;
        width: 85%;
    }
    .whatwedo_banner .banner-info .inner{
        padding-top: 15%;
    }
    .whatwedo_banner .inner .banner-text .right p{
        font-size: 18px;
        line-height: 25px;
    }
    .do_fix .main_achieving .text{
        width: 65%;
    }
    .left-org h3{
        font-size: 22px;
    }
    .right-org h4{
        font-size: 20px;
        line-height: 30px;
    }
    .internal_audit_main{
        margin-top: 8vw;
    }
    .ceoBtn button, .ceoBtn a{
        font-size: 20px;
    }
    .ceoTabs ul li a{
        font-size: 1.1vw;
    }
    .right-ma h2{
        font-size: 25px;
    }
    .ceoTabs{
        top: -29px;
    }
    .right-ma h4{
        font-size: 20px;
    }
    .do_fix .main_achieving a .plan h2{
        font-size: 33px;
    }
    .text.project_top_text{
        width: 70% !important;
    }
    .text.project_top_text h3{
        font-size: 30px !important;
    }
    .renwable-back .na-ren-right > p {
        margin-bottom: 2vw;
        font-size: 22px;
    }
    .new_view.vender-content .left h4{
        font-size: 20px;
    }
    .new_view.vender-content .left h3{
        font-size: 24px;
    }
    .ven-dec_mail > p{
        font-size: 15px;
    }
    .ad-right a{
        font-size: 15px;
    }
    .new_view.vender-content{
        grid-gap: 13vw;
    }
    .contractor-box .contract-box_text p{
        font-size: 14px;
    }
    .contractor-box .contract-box_text h2{
        line-height: 23px;
    }
    .new_view.contact-content .left h3{
        font-size: 22px;
    }
    .ad-right p{
        font-size: 15px;
    }
    .contact_form label{
        font-size: 15px;
    }
    .contact_form input::placeholder{
        font-size: 15px;
    }
    .contact-form-mian textarea::placeholder{
        font-size: 15px;
    }
    .new_view.ask_ans .left h2{
        font-size: 26px;
    }
    .new_view.ask_ans .left h3{
        font-size: 16px;
    }
    .faqs-holder ul li h3{
        font-size: 17px;
    }
    .faqs-holder ul li .content{
        font-size: 15px;
    }

    .news-contnet-area h3{
        font-size: 25px;
    }
    .news-contnet-area>p{
        font-size: 14px;
    }
    .news-contnet-area span{
        font-size: 15px;
    }
    .media-sorting a{
        font-size: 12px;
    }
}

@media only screen and (max-width: 991px) {
    .lang a, 
    .header .nav > ul > li > .item a, 
    .header .nav > ul > li > .item button {
        font-size: 15px;
    }
}

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

    .header .nav > ul {
        display: none;
    }
    
    .main_bannar .banner-info .inner .banner-text h2 {
        font-size: 45px;
        line-height: 48px;
        margin-bottom: 5vw;
    }
    
    .main_bannar .banner-info .inner {
        width: 90%;
        height: 100vh;
        justify-content: center;
    }
    
    .main_bannar .banner-info .inner .banner-text > p {
        font-size: 14px;
        width: 85%;
        line-height: 20px;
        margin-bottom: 10vw;
    }
    
    .main_bannar .banner-info .inner .banner-text {
        width: 100%;
    }
    
    .line_img {
        width: 100%;
    }
    
    .sppc_button a > div.arrow {
        width: 45px;
        height: 45px;
    }
    
    .sppc_button a > div.arrow:before {
        width: 45px;
        height: 45px;
    }
    
    .sppc_button a > div.infos {
        font-size: 18px;
        font-weight: 500;
        padding: 0 3vw 0 5vw;
    }
    
    .sppc_button a {
        grid-gap: 3vw;
    }
    
    .view_slider .text h3 {
        font-size: 26px;
        line-height: 38px;
        width: 90%;
        margin: auto;
        margin-bottom: 10vw;
    }
    
    .view_slider .text {
        padding: 0;
        width: 90%;
        margin: auto;
        margin-bottom: 15vw !important;
    }
    
    .national-renewable {
        flex-direction: column;
        width: 100%;
        margin-bottom: 10vw;
        grid-gap: 12vw;
        padding: 0 5vw;
    }
    
    .na-ren-left {
        width: 100%;
    }
    
    .na-ren-right {
        width: 100%;
    }
    
    .na-ren-right h3 {
        font-size: 34px;
        margin-bottom: 5vw;
    }
    
    .na-ren-right > p {
        font-size: 21px;
        line-height: 32px;
        margin-bottom: 10vw;
        width: 95%;
    }
    
    .collaborating {
    margin-bottom: 20vw;
    }
    
    .partner-tinner {
        width: 80%;
    }
    
    .partner-tinner h2 {
        font-size: 30px;
        margin-bottom: 8vw;
        line-height: 1.3;
    }

    .partner-tinner h4 {
        font-size: 22px;
        margin-bottom: 8vw;
    }

    .partner-tinner > p {
        padding: 0;
        font-size: 14px;
        /* line-height: 20px; */
        margin-bottom: 8vw;
    }
    
    .news_sec .library {
        flex-direction: column;
    }
    
    .news_sec .library {
        font-size: 18px;
        align-items: start;
    }
    
    .news_sec .library h3 {
        font-size: 18px;
        width: 100%;
        line-height: 28px;
        margin-bottom: 5vw;
    }

    .grid_wrap {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 10vw;
    }
    
    .grid_wrap .grid >div img {
        border-radius: 15px;
    }
    
    .grid_wrap .grid h3 {
        font-size: 14px;
    }
    
    .grid_wrap .grid h2 {
        font-size: 22px;
        line-height: 28px;
    }
    
    .grid_wrap .grid p {
        font-size: 14px;
    }
    
    .grid_wrap .grid {
        grid-gap: 4vw;
    }

    .header .logo {
        width: 160px;
    }
    
    .search_wrap a svg {
        width: 25px;
        height: 25px;
    }
    
    .menu-icon {
        width: 30px;
        height: 30px;
    }
    
    .header {
        padding: 3vw 5vw;
    }
    
    .search_wrap {
        grid-gap: 3vw;
    }
    
    .inner-header .logo a img {
        width: 150px !important; 
    }

    .for-desktop
	{
		display: none;
	}
	.for-mobile-tablet {
		display: block;
		width: 95%;
		margin: 0 auto 0 0;
		padding-left: 0 !important;
	}

    
	.main_achieving .achieving_sec {
	    width: 90%;
	    grid-template-columns: 1fr;
	}

	.main_achieving .achieving_sec .text {
	    width: 80%;
	    margin-right: auto;
	    flex-direction: column;
	    margin-bottom: 10vw;
	}

	.main_achieving .achieving_sec .heading h2 {
	    font-size: 55px;
	    line-height: 40px;
	    margin-bottom: 5vw;
	}

	.main_achieving .achieving_sec .text p {
	    font-size: 26px;
	    line-height: 26px;
	    margin-bottom: 5vw;
	}

	.main_achieving .achieving_sec .btn_last .get_in_tuch {
	    justify-content: center;
	    margin-right: 5vw;
	    margin-bottom: 10vw;
	}

	.swiper-infos .swiper-slide .box h2 {
	    font-size: 35px;
	    line-height: 1;
	    margin-bottom: 5vw !important;
	}

	.swiper-infos .swiper-slide .box {
	    padding: 6vw;
	    width: 100% !important;
	    position: relative;
	    height: 200px;
	}

	.swiper-infos .swiper-slide .box h2:before {
	    width: 25px;
	}

	.swiper-infos .swiper-slide .box .icon .btns .img {
	    width: 35px;
	    height: 35px;
	}

	.swiper-infos .swiper-slide .box .icon .btns {
	    width: 50px;
	    height: 50px;
	}

	.main_achieving {
	    display: block;
	    padding: 25vw 0 15vw;
	    height: auto;
	    margin-bottom: 15vw;
	}

    .view_slider .text h2 {
        font-size: 18px;
        margin-bottom: 8vw;
        line-height: 1;
    }
    
    .swiper-infos .box p {
        font-size: 16px;
        width: 85%;
        line-height: 22px;
    }

    .footer .inner .left {
        grid-template-columns: repeat(1, 1fr);
        width: 100%;
        grid-gap: 8vw;
    }
    
    .footer .inner {
        flex-direction: column;
        width: 100%;
        margin-bottom: 15vw;
    }
    
    .footer {
        padding: 15vw 5vw 15vw 5vw;
    }
    
    .footer .inner .fot-sec .fot ul li a {
        font-size: 16px;
    }
    
    .footer .inner .fot-sec h2 {
        font-size: 16px;
        margin-bottom: 5vw;
    }
    
    .footer .img {
        width: 100%;
        left: 0;
    }
    
    .footer .inner .fot-sec .fot ul li {
        margin-bottom: 2vw;
    }
    
    .footer .inner .fot-sec .fot .icons {
        margin: 10vw 0;
    }

    .page-not-found .inner {
        width: 90%;
    }

    .page-not-found .inner h2{
        font-size: 37vw;
        margin-bottom: 10px;
    }
    .page-not-found .inner h3{
        font-size: 14px;
        margin-bottom: 10vw;
    }
    .privacy-container {
        width: 90%;
    }

    /* Abdullah responsive */
    /* media-center */
	.about_banner{
        height: auto !important;
        margin-bottom: 15vw !important;
    }
    .about_banner .banner-info .inner {
        justify-content: start;
        padding: 45vw 0 0 !important;
        height: auto;
        margin-bottom: 17vw;
    }

    .whatwedo_banner .banner-text{
        flex-direction: column;
    }
    .whatwedo_banner .inner .banner-text .left{
        width: 100%;
    }
    .whatwedo_banner .inner .banner-text .right{
        width: 100%;
    }
    .whatwedo_banner .line_img {
        width: 100%;
        bottom: -5.5vw;
    }
    .main_bannar .banner-info .inner .banner-text h2{
        margin-bottom: 10vw;
    }
    .media-sorting{
        /* overflow: scroll; */
        padding-bottom: 6vw;
        margin-bottom: 15vw;
    }
    .media-sorting ul {
        /* width: 750px; */
        flex-wrap: wrap;
    }
    .media-sorting a {
        padding: 10px 30px;
        font-size: 15px;
    }
    .media-sorting li {
        font-size: 14px;
    }
    .news-main {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 10vw;
        margin-bottom: 20vw;
    }
    .news-btn-main{
        margin-top: 10vw;
    }
    .news-contnet-area {
        padding: 7vw 7vw 10vw;
        grid-gap: 8vw;
    }
    .news-contnet-area .news p{
        font-size: 14px;
    }
    .news-contnet-area .news{
        padding: 9px 25px;
    }
    .news-contnet-area h3{
        font-size: 20px;
    }
    .news-contnet-area > p {
        font-size: 15px;
    }
    /* media detail */
    .media-detail .banner-info .inner .banner-text {
        width: 100% !important;
    }

    .media-detail .banner-info .inner .banner-text h2 {
        font-size: 40px !important;
        margin-bottom: 0;
        line-height: 1.2;
    }
    .media-detail .banner-info .inner .banner-text h4 {
        font-size: 18px;
        padding-bottom: 10px;
        padding-right: 0;
    }
    .about_banner .line_img {
        width: 90%;
    }
    .main_bannar.about_banner.media-detail {
        margin-bottom: 20vw;
    }
    .new_view{
        flex-direction: column;
        margin-bottom: 20vw;
        grid-gap: 20vw;
        width: 90%;
    }
    .new_view.detail-content .left{
        width: 100% !important;
    }
    .new_view.detail-content .right{
        width: 100% !important;
    }
    .new_view.detail-content .left h3 {
        font-size: 25px !important;
    }
    .new_view .left h2 {
        font-size: 32px;
        margin-bottom: 10vw;
    }
    .new_view.detail-content .right{
        padding-top: 0;
    }
    .new_view .right h4 {
        font-size: 21px;
        margin-bottom: 15vw;
        line-height: 34px;
        padding-left: 0;
    }
    .read-next > h3 {
        font-size: 20px;
        margin-bottom: 9vw;
    }
    .detail-image{
        padding-bottom: 0;
    }

    .renewable-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 15vw;
        padding: 0;
        margin-bottom: 15vw;
    }
    .project-text {
        padding: 5vw;
    }

    .footer .inner .right {
        margin: 0 0 5vw;
    }

    .footer .inner .right {
        margin: 0 0 40px;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    /* .footer .inner .left .fot-sec:nth-child(2) {
        position: absolute;
        top: 95px;
        left: 0;
        width: 50%;
    } */
    .new_view.contact-content {
        flex-direction: column;
    }
    .new_view .right,
    .new_view .left {
        width: 100%;
    }
    .addresss-main {
        margin-top: 10vw;
    }
    .contact_form:last-child,
    .contact_form {
        margin-bottom: 5vw;
    }
    .faqs-holder ul li {
        padding: 0 0 5vw;
        margin: 0 0 5vw;
    }
    .faqs-holder ul li h3 {
        padding: 0 30px 0 0;
        line-height: 1.2;
    }
    .new_view.vender-content .right,
    .new_view.vender-content .left {
        width: 100%;
    }
    .do_fix .main_achieving .text {
        width: 100%;
        margin: 0 0;
        padding: 0 5vw 20vw;
        text-align: start;
    }
    .do_fix .main_achieving .text p {
        font-size: 14px;
        line-height: 30px;
        width: 95%;
        margin: initial;
    }
    .view_slider .text h2 {
        font-size: 30px;
    }
    .do_fix .main_achieving .text h2 {
        margin-bottom: 7vw;
    }
    body.menu-opened .menu-main {
        width: 60%;
        left: 0;
    }
    .menu-main .inner {
        padding: 40vw 5vw 10vw 5vw;
        grid-gap: 10vw;
        /* overflow: scroll; */
    }
    .menu-main .inner .lang a {
        font-size: 14px;
        padding-bottom: 0 !important;
    }
    .menu-main .list > ul > li > .item > a {
        font-size: 24px;
    }
    .innerItem,
    .menu-main .list ul li .item {
        grid-gap: 0 3vw;
    }
    .innerItem svg, .menu-main .list > ul > li > .item svg {
        width: 22px;
        height: auto;
    }
    .menu-main .list ul > li {
        margin-bottom: 6vw;
    }
    .menu-main .menuSub2 li a, 
    .menu-main .menuSub > li > .innerItem > a {
        font-size: 19px;
        font-weight: 500;
    }
    .innerItem svg {
        width: 20px;
    }
    .menu-main .menuSub,
    .menu-main .menuSub2 {
        padding-top: 15px;
        padding-right: 0;
        margin: 0 0 10px;
    }
    .menu-main {
        overflow-y: auto;
    }
    .menu-main .list > ul {
        grid-gap: 0;
    }
    .line_img.bnRight {
        left: -2%;
    }
    .main_achieving {
        background: url('../images/overview-mb.jpg');
        /* height: 100vh;
        padding: 0;
        margin-bottom: 30vw; */
    }
    .menu-main .list hr {
        border-color: rgba(255, 255,255, .5);
        margin: 1rem -30px;
    }
    .swiper.achievingSwiper {
        width: 100%;
        margin: 0 0 0 auto;
        padding-right: 10vw;
    }
    .swiper-pagination {
        top: auto !important;
        bottom: 0vw;
        right: 0;
        width: 95% !important;
        height: 4px !important;
        background-color: #DCF1FB !important;
    }
    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: #BA8A3B !important;
    }
    .grid_wrap .grid .reveal {
        margin-bottom: 4vw;
    }
    .news_sec .sppc_button {
        position: absolute;
        right: 0;
        bottom: 20px;
        width: 100%;
    }
    .headNavMob {
        display: flex !important;
    }
    .four-o-four-wavy {
        width: 100%;
    }
    .privacy_banner .inner {
        right: 5%;
        justify-content: flex-start;
        width: 90%;
    }
    .privacy_banner {
        margin-bottom: 12vw;
    }
    .privacy_banner .inner h2 {
        font-size: 38px;
        line-height: 1.5;
    }
    .new_view.vender-content .left {
        margin-left: 0;
    }
    .new_view.vender-content .left h4 {
        font-size: 35px;
        padding-bottom: 8vw;
    }
    .new_view.vender-content .left h3 {
        font-size: 21px;
        padding-bottom: 8vw;
        line-height: 1.5;
    }
    .ven-dec_mail {
        margin-right: 0;
        margin-left: 0;
    }
    .ven-dec_mail > p {
        font-size: 17px;
        line-height: 25px;
        padding-bottom: 8vw;
    }
    .ven-dec_mail > p:nth-child(2) {
        padding-bottom: 8vw;
    }
    .adleft p {
        font-size: 16px;
    }
    .ad-right a {
        font-size: 14px;
    }
    .contractor-box .contract-box_text h2 {
        font-size: 18px;
        line-height: 30px;
    }
    .contractor-box .contract-box_text {
        padding: 20px;
    }
    .new_view .right p {
        font-size: 17px;
        line-height: 30px;
        margin-bottom: 5vw;
    }
    .download_btn a {
        font-size: 14px;
        grid-gap: 15px;
    }
    .upper-column {
        padding-left: 0;
    }
    .upper-column p {
        font-size: 14px;
    }
    .privacy-block ol.inner > li h3 {
        font-size: 20px;
    }
    .privacy-block ol.inner > li {
        margin: 0 0 10vw;
    }
    .privacy-block ol.inner > li > ol > li {
        font-size: 14px;
    }
    .privacy-block {
        margin-bottom: 20vw;
    }
    .tcMain p {
        font-size: 14px;
        margin: 0 0 30px;
    }
    .tcMain h2 {
        font-size: 20px;
    }
    .tcMain h3 {
        font-size: 18px;
    }
    .contact_banner .line_img {
        bottom: -8.5vw;
        width: 100%;
    }
    .line_img.bnRight2 {
        left: -3%;
        bottom: -26vw;
    }
    .new_view.contact-content .left h3 {
        font-size: 21px;
        line-height: 1.5;
    }
    .main_bannar.privacy_banner.contact_banner {
        margin-bottom: 25vw;
    }
    .ad-right p {
        font-size: 15px;
    }
    .addresss-main {
        padding-left: 0;
    }
    .adress-list {
        margin-bottom: 5vw;
    }
    .contact_form label {
        font-size: 14px;
    }
    .contact_form input {
        font-size: 14px;
    }
    .new_view.ask_ans .left h2 {
        font-size: 30px;
        margin-bottom: 6vw;
    }
    .new_view.ask_ans .left h3 {
        font-size: 16px;
        line-height: 1.5;
    }
    .faqs-holder ul li h3 {
        font-size: 17px;   
        padding: 0 0 0 30px; 
    }
    .faqs-holder ul li .content {
        font-size: 17px;
    }
    .about_banner .line_img {
        width: 100%;
        bottom: -10vw !important;
        position: relative;
    }
    .detail-content {
        width: 90%;
    }
    .detail-content h3 {
        line-height: 1.4;
        font-size: 20px;
        padding-bottom: 60px;
    }
    .detail-content h4 {
        font-size: 20px;
        padding-bottom: 60px;
        line-height: 1.4;
    }
    .detail-content {
        padding: 0 0 60px;
    }
    .detail-image {
        width: 90%;
        margin: 0 auto 60px;
    }
    .read-next>h3 {
        font-size: 20px;
        color: #028164;
        margin-bottom: 30px;
        margin-right: 0;
    }
    .whatwedo_banner .inner .banner-text .right p {
        font-size: 14px;
        line-height: 25px;
    }
    .whatwedo_banner {
        margin-bottom: 60px;
    }
    .about_banner.whatwedo_banner .line_img {
        width: 100%;
        /* bottom: -24px !important; */
        /* transform: scale(1); */
    }
    .main_bannar.careers-banner .banner-text {
        flex-direction: column;
        
    }
    .main_bannar.careers-banner .banner-text .left,
    .main_bannar.careers-banner .banner-text .right {
        width: 100%;
    }
    .main_bannar.careers-banner .banner-text .right h3 {
        font-size: 14px !important;
        margin: 0 0 50px;
        font-weight: 400;
        line-height: 24px;
    }
    
    .main_bannar.careers-banner .banner-info .inner {
        height: auto;
        padding: 55vw 0 20vw !important;
    }

    .about_banner .banner-info .inner .banner-text h3 {
        font-size: 19px;
        margin-bottom: 10vw;
        font-weight: 500;
    }

    .about_banner .banner-info .inner .banner-text p {
        line-height: 24px;
        margin: 0;
    }

    .new_view .left h3 {
        font-size: 22px;
        line-height: 30px;
    }

    .vision-wrap {
        grid-template-columns: repeat(1, 1fr);
        width: 90%;
        grid-gap: 8vw;
    }
    
    .vision-wrap .grid {
        border-radius: 10px;
    }
    
    .vision-wrap .infos {
        border-radius: 10px;
    }
    
    .vision-wrap .infos .text p {
        font-size: 13px;
        line-height: 20px;
    }
    
    .vision-wrap .infos .text {
        margin: 1vw 5vw;
    }
    
    .vision-wrap .infos .text h3 {
        padding-bottom: 2vw;
        margin-bottom: 2vw;
    }
    
    .vision-wrap .infos .text p {
        width: 100%;
    }
    
    .about-values-main h2 {
        font-size: 24px;
    }
    
    .valuesSwiper .valueBox h3 {
        font-size: 18px;
        line-height: 1;
    }
    
    .valuesSwiper .valueBox {
        min-height: 200px;
        border-radius: 10px;
    }
    
    .timeline_swiper .timelineSwiper .swiper-slide .time-flex {
        flex-direction: column;
    }
    
    .timeline_swiper .timelineSwiper .swiper-slide .time-flex .left {
        width: 100%;
    }
    
    .timeline_swiper .timelineSwiper .swiper-slide .time-flex .left h3 {
        font-size: 18px;
        line-height: 33px;
    }
    
    .timeline_swiper h2 {
        font-size: 20px;
        margin-bottom: 5vw;
    }
    
    .timeline_swiper .timelineSwiper .swiper-slide .time-flex .right .years .text span {
        font-size: 82px;
        margin-bottom: 10vw;
    }
    
    .timeline_swiper .timelineSwiper .swiper-slide .time-flex .right .years .text h2 {
        font-size: 22px;
        margin-bottom: 5vw;
    }
    
    .timeline_swiper .timelineSwiper .swiper-slide .time-flex .right .years .text p {
        width: 85%;
        font-size: 9px;
        line-height: 12px;
    }
    
    .timeline_swiper .timelineSwiper .swiper-slide .time-flex .right .years .img img {
        width: 100%;
    }
    
    .timeline_swiper .timelineSwiper .swiper-slide .time-flex .right .years .img {
        width: 50%;
        position: relative;
        top: 5vw;
    }
    
    .timeline_swiper .timelineSwiper .swiper-slide .time-flex .right .years .text {
        width: 50%;
    }
    
    .timeline_swiper .timelineSwiper .swiper-slide .time-flex .right {
        width: 100%;
        margin-top: 25vw;
    }
    
    .btn-adj .swiper-button-prev, .btn-adj .swiper-button-next {
        width: 50px;
        height: 50px;
    }
    
    .btn-adj {
        top: 42%;
        bottom: auto;
        left: 3vw;
        grid-gap: 10vw;
    }
    
    .btn-adj .swiper-button-prev svg, .btn-adj .swiper-button-next svg {
        width: 20px !important;
        height: 20px !important;
    }
    
    .swiper-backface-hidden .swiper-slide {
        overflow: visible;
        padding-bottom: 15vw;
    }
    
    div#swiper-wrapper-11001fe664b4c103aa {
    }
    
    .timeline_swiper .timelineSwiper {
        overflow: inherit;
    }
    
    .timeline_swiper .timelineSwiper .swiper-slide .time-flex .right .years {
        grid-gap: 7vw;
    }

    .about-values-main {
        width: 90%;
        margin-bottom: 15vw;
    }

    .timeline_swiper {
        margin-bottom: 20vw;
    }

    .do_fix .main_achieving a .plan h2 {
        font-size: 30px;
    }
    
    .do_fix .main_achieving a .plan svg {
        width: 40px;
        height: 40px;
        padding: inherit;
    }
    
    .do_fix .main_achieving a .plan {
        bottom: 20vw;
    }

    .achievingSwiper .swiper-pagination.new_one{
        background-color: #F9F8E8 !important;
    }

    .partner_sec {
        width: 90%;
        flex-direction: column;
        margin-bottom: 10vw;
    }
    
    .partner_sec .left h2 {
        width: auto;
        font-size: 32px;
        margin-bottom: 7vw;
    }
    
    .partner_sec .right {
        width: auto;
    }
    
    .partner_sec .right h3 {
        font-size: 18px;
        line-height: 33px;
        margin-bottom: 10vw;
    }

    .categories_sec {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 20vw;
    }

    .main_bannar.sustainability-banner .banner-text {
        flex-direction: column;
    }
    
    .main_bannar.sustainability-banner .banner-info .inner {
        width: 90%;
    }
    
    .main_bannar.sustainability-banner .banner-text .right {
        width: 100%;
    }

    .main_bannar.sustainability-banner .banner-text .right h3 {
        font-size: 20px;
        line-height: 24px;
        padding-left: 10vw;
    }
    
    .main_bannar.sustainability-banner .banner-text .right > p {
        font-size: 14px;
        line-height: 24px;
        padding-left: 5vw;
    }
    
    .renewable-box {
        flex-direction: column;
        grid-gap: 10vw;
    }
    
    .main_bannar.sustainability-banner .banner-info .inner .banner-text > p {
        width: auto;
        font-size: 20px;
    }
    
    .renewable-box .box p span {
        font-size: 50px;
    }
    
    .renewable-box .box {
        width: 70%;
        grid-gap: 0vw;
    }

    .main_bannar.sustainability-banner .line_img {
        bottom: 25vw !important;
    }

    .sustainability_achieving {
        height: auto;
    }

    .project_banner .inner h2{
        width: 30%;
    }

    .values-main {
        flex-direction: column;
        grid-gap: 5vw;
    }
    
    .values-main .infos {
        opacity: 1;
        visibility: inherit;
    }

    .corporateSwiper .valueBox p{
        font-size: 16px;
        line-height: 20px;
        font-weight: 400;
    }

    .corporateSwiper .valueBox h3 {
        padding: 0;
        margin: 0;
    }
    
    .values-main .valueBox {
        min-height: 270px;
        padding: 30px 15px;
    }

    .ceo-banner {
        height: 65vh !important;
    }
    
    .ceo-banner .line_img {
        width: 100% !important;
        bottom: 50% !important;
        left: -5vw !important;
    }
    
    .ceo-banner .banner-info .inner .banner-text h2 {
        font-size: 40px !important;
    }
    
    .main_bannar.ceo-banner .banner-info .inner {
        width: 90%;
        padding: 40vw 0 0 !important;
    }

    .new_view.maz-ceo {
        flex-direction: column;
        width: 90%;
    }
    
    .new_view.maz-ceo .left {
        width: auto;
    }
    
    .new_view.maz-ceo .left h3 {
        font-size: 18px;
        line-height: 33px;
        margin-bottom: 20vw;
        padding: 0;
    }
    
    .new_view.maz-ceo .left h4 {
        padding: 0;
        font-size: 19px;
        line-height: 33px;
        margin-bottom: 20vw;
    }
    
    .new_view.maz-ceo .left p {
        font-size: 14px;
        line-height: 30px;
    }
    
    .new_view.maz-ceo .right {
        width: auto;
    }

    .ceo-name h3 {
        font-size: 32px;
    }
    
    .ceo-name h3 br {
        display: none;
    }
    
    .ceo-name h4 {
        font-size: 30px !important;
    }
    
    .ceo-name {
        padding: 0;
    }
    
    .ceo-image {
        margin-bottom: 8vw;
    }

    .leader-page .banner-info .inner .banner-text {
        flex-direction: column;
    }
    
    .leader-page .inner .banner-text .left {
        width: auto;
    }
    
    .leader-page .inner .banner-text .right p {
        font-size: 14px !important;
        margin: 0;
    }
    
    .leader-page .inner .banner-text .right {
        width: auto;
    }
    
    .leader-page .inner {
        justify-content: center !important;
        padding: 0 !important;
    }
    
    .leader-page .banner-info .inner {
        padding: 0 !important;
        
        
        height: 100%;
    }

    .prince-box {
        width: 100%;
        flex-direction: column;
        padding: 0;
        grid-gap: 10vw;
        margin-bottom: 20vw;
    }
    
    .prince-box .left-image {
        width: 90%;
        margin: auto;
    }
    
    .right-text {
        width: 90%;
        margin: auto;
        padding: 0;
        z-index: 2;
    }
    
    .tabs-ul {
        width: 100%;
        border-bottom: solid 2px rgba(186, 138, 59, 0.1);
    }
    
    .catrion-holder .container-div .tab_nav {
        width: 90%;
        margin-bottom: 15vw;
    }
    
    .tabs-ul li a {
        font-size: 14px;
    }
    
    .tabs-ul li a:before {
        height: 2px;
        bottom: -2px;
    }

    .right-text h2 {
        font-size: 32px;
        margin-bottom: 5vw;
    }
    
    .right-text h3 {
        font-size: 25px;
        line-height: 40px;
        padding: 0;
        margin: 0;
    }
    
    .wavy-image {
        width: 100%;
        right: 0;
        bottom: 5vw;
        z-index: -1;
    }

    .bord-of-directors {
        grid-template-columns: repeat(1, 1fr);
        padding: 15vw 0vw !important;
        grid-gap: 10vw;
        padding: 0;
    }
    
    .bord-of-directors > .bods >div {
        width: 85%;
        margin: auto;
        padding: 0;
        margin-bottom: 8vw;
    }
    
    .bod-info {
        width: 90% !important;
        margin: 0 auto !important;
    }
    
    .bods h3 {
        font-size: 24px;
    }

    .leader-page {
        margin-bottom: 20vw !important;
        height: 100vh !important;
    }

    .new_view.renewable-view {
        width: 90%;
    }
    
    .new_view.renewable-view .left h3 {
        font-size: 24px;
        line-height: 28px;
    }

    .project-text > h2 {
        font-size: 28px;
    }
    
    .pro-cap .pro-right h2 {
        font-size: 55px;
        line-height: 1;
    }
    
    .pro-cap h4 {
        font-size: 17px;
        line-height: 22px;
    }
    
    .hover-text h4 {
        font-size: 18px;
        padding-bottom: 2vw;
    }
    
    .hover-text p {
        font-size: 18px;
    }
    
    .hover-box {
        padding: 5vw 5vw;
    }
    
    .renewable_main {
        margin-bottom: 15vw;
    }

    .renewable_main .sppc_button a > div.arrow svg {
        width: 15px;
        transform: rotate(-90deg);
        height: 15px;
        margin-right: 2px;
    }

    .careers-banner .banner-info {
        padding: 0;
    }

    .main_bannar.careers-banner {
        margin-bottom: 35vw;
    }
    
    .marquee {
        position: relative;
        top: 20vw;
        margin-bottom: 25vw;
    }
    
    .marquee .texts .box h2 {
        font-size: 23px;
        margin: 0;
    }
    
    .marquee .texts .box img {
        width: 40px;
        margin: 0 4.5vw;
    }
    
    .marquee .texts .box {
        align-items: inherit;
    }

    .renewable_new .na-ren-right > p {
        width: auto;
    }
    
    .main-container {
        width: 90%;
    }    

    div#swiper-wrapper-acce234635051ea8 {
        display: flex;
        flex-direction: column;
    }

    .swiper-slide.swiper-slide-active {
    }
    
    .corporateSwiper2 .valueBox {
        min-height: 270px;
        padding: 30px 15px;
        border-radius: 10px;
    }
    
    .corporateSwiper2 .valueBox p {
        font-size: 14px;
        line-height: 20px;
        margin: 0;
    }
    
    .corporateSwiper2 .infos .img {
        margin: 0;
        /* max-width: 70px;
        width: 200px; */
    }
    
    .corporateSwiper2 .valueBox h3 {
        font-size: 12px;
        border-bottom: 1px solid rgba(25, 63, 53, 0.19);
        padding-bottom: 3vw;
    }
    
    .corporateSwiper2 .infos {
        grid-gap: 10vw;
        align-items: flex-end;
    }

    .partner_sec .left{
        width: 100%;
    }

    .menu-main .icons_sec {
        padding: 0;
    }

    .main_bannar .line_img.bnRight {
        width: 95%;
        bottom: 10vw;
    }
    
    .main_bannar .line_img.bnRight img {
    }

    .achievingSwiper .swiper-wrapper {
    }
    
    .national-renewable .na-ren-left, .grid_wrap .grid >div {
        border-radius: 15px;
    }
    
    .about_banner .banner-info {
        position: relative;
    }

    .sustainability-banner .banner-info {
        position: absolute;
        top: 0;
    }

    .project_top_text {
        width: 100%;
    }
    
    .project_top_text h3 {
        width: 100%;
    }
    
    .text.project_top_text {
        width: 90% !important;
        padding: 0 !important;
        margin: auto !important;
        margin-bottom: 15vw !important;
    }
    
    .text.project_top_text h3 {
        font-size: 25px !important;
        line-height: 30px;
        margin: 0 0 10vw;
        width: auto;
    }

    .national-renewable.renwable-back {
        padding: 20vw 5vw;
    }

    /**/
    .view_slider .text h3 {
        width: 100%;
    }
    .renewable-box {
        padding-top: 10vw;
    }
    .main_bannar.sustainability-banner .banner-text .right p {
        font-weight: 400;
    }
    .bord-of-directors > .bods >div {
        width: 90%;
    }
    .oragnizational .org-text {
        padding: 0;
        width: 90%;
        margin: 0 auto 70px;
        flex-direction: column;
    }
    .oragnizational .org-text .right-org,
    .oragnizational .org-text .left-org {
        width: 100%;
    }
    .oragnizational .left-org h3 {
        font-size: 30px;
        color: rgba(186, 138, 59, 1);
        margin: 0 0 30px;
    }
    .oragnizational .right-org h4 {
        font-size: 18px;
        line-height: 28px;
    }
    .mazin-ceo {
        display: flex;
        width: 90%;
        margin: 0 auto 100px;
        padding-top: 50px;
        flex-direction: column;
    }
    .left-ma,
    .right-ma {
        width: 100%;
        padding-left:0
    }
    .right-ma{
        margin-top: 20px;
    }
    .right-ma h2 {
        font-size: 30px;
        padding-bottom: 5vw;
    }
    .right-ma h2 br {
        display: none;
    }
    .internal_audit_main {
        padding: 0;
        margin: 5vw 0 0;
        min-height: 250px;
        width: 90%;
        margin: 0 auto 50px;
        display: flex;
    }
    .intShape,
    .shapeLayer  {
        display: none;
    }
    .ceoBtn,
    .ceoTabs {
        width: 50%;
    }
    .ceoBtn button, 
    .ceoBtn a {
        font-size: 12px !important;
        padding: 13px 25px;
    }
    .ceoBtn{
        justify-content: flex-start;
        padding-top: 45%;
        width: 57%;
    }
    .internal_audit .sppc_button2.white {
        top: 0;
        right: 0;
        z-index: 3;
    }
    .ceoTabs {
        top: 0;
    }
    .ceoBtn .sppc_button2 {
        padding-right: 10px;
        padding-top: 12px;
    }
    .ceoTabs ul {
        flex-direction: column;
        width: 100%;
        grid-gap: 0;
    }
    .ceoTabs ul li {
        margin: 0 0 15%;
    }
    .ceoTabs ul li:nth-child(2){
        margin-bottom: 13%;
    }
    .ceoTabs ul li:nth-child(3){
         margin-bottom: 6%;
    }
    .ceoTabs ul li:nth-child(4){
        margin-bottom: 46%;
    }
    .ceoTabs ul li:nth-child(5){
        margin-bottom: 5%;
    }
    .ceoTabs ul li:nth-child(6){
        margin-bottom: 5%;
    }

    .ceoTabs ul li a {
        font-size: 14px;
        display: inline-flex;
        padding: 10px 10%;
        white-space: nowrap;
    }
    .internal_audit_main .internal_audit {
        top: 0;
        right: 0;
    }
    .internal_audit_main .sppc_button2.white button, .sppc_button2.white a, 
    .internal_audit_main .sppc_button2 button, .sppc_button2 a {
        font-size: 14px;
        padding: 10px 20px;
    }
    .marquee {
        position: relative;
        top: 0;
    }
    .values-main.corporateSwiper .valueBox h3 {
        padding-bottom: 20px;
        margin-bottom: 20px;
        font-size: 22px;
    }
    .shapeLayerMb {
        display: block;
        position: absolute;
        top: -1%;
        right: 13%;
        width: 50%;
    }
    .shapeLayerMb svg {
        width: 100%;
        height: auto;
    }
    .header{
        position: fixed !important;
    }

    .swiper.corporateSwiper.corporateSwiper2 .swiper-wrapper {
        display: flex;
        flex-direction: column;
        grid-gap: 5vw;
    }
    .relative{
        margin-bottom: 15vw;
    }
    .contact_banner .line_img.revealonLoad2.ofh.bnRight2 {
        left: 0;
        top: 52%;
    }
    .contact_banner .line_img.revealonLoad2.ofh.bnRight2 {
        top: 48%;
    }
    .whatwedo_banner .line_img {
        bottom: 0 !important;
    }
    .new_view.contact-WithImg .left {
        padding-left: 5.5vw;
    }
    
    .y_blod {
        font-size: 20px;
        margin: 0 !important;
    }
    .b_bold{
        color: #27B2E1 !important;
        font-size: 20px;
    }
    .g_blod{
        font-size: 20px;
    }
    .swiper-pagination.swiper-pagination-progressbar.swiper-pagination-horizontal {
        display: block;
    }

    .corporateSwiper .infos .img {
        max-width: 60px;
    }
    .new_view.renewable-view .right p {
        font-size: 20px;
    }

    /* new res */
    .new_what_slide .plan{
        width: auto !important;
        height: 250px;
        padding: 20px 30px;
    }

    .new_what_slide .swiper.achievingSwiper{
        padding-left: 0 !important;
        padding-top: 20vw !important;
    }
    .do_fix .main_achieving .new_what_slide a .plan svg{
        padding: initial !important;
        width: 60px;
        height: 60px;
    }
    .do_fix .main_achieving .new_what_slide a .plan h2{
        flex: initial;
        font-size: 28px !important;
    }
    .media-sorting {
        flex-direction: column;
        grid-gap: 12vw;
    }
    .dropdown-container{
        padding: 0px 20px;
    }
    .static_heading p{
        font-size: 13px;
    }

    .our-business-main {
        margin-bottom: 100px;
        width: 90%;
    }
    .our-business-main > h2 {
        color: #BA8A3B;
        margin-bottom: 7vw;
    }
    .our-business-grid {
        grid-template-columns: repeat(1, 1fr); 
        gap: 7vw;
    }
    .our-business-grid .item a {
        padding: 0;
    }
    .our-business-grid .item .plan {
        grid-gap: 20vw !important;
    }
}