@media (min-width: 1200px){    
    .owl-theme .owl-nav.disabled+.owl-dots {
        max-width: 1150px;
    }       
}
@media (min-width: 1220px){    
    .container-xl{
        max-width: 1200px;
    }
    .container-lg{
        max-width: 1200px;
    }
}
@media (min-width:1400px) {
    .container{
        max-width: 1200px;
    }
    .container-xl{
        max-width: 1340px;
    }
    .container-lg{
        max-width: 1280px;
    }
    .owl-theme .owl-nav.disabled+.owl-dots {
        max-width: 1320px;
    }

}
@media (min-width:1600px) {
    .container-xl{
        max-width: 1520px;
    }
    .container-lg{
        max-width: 1460px;
    }
}
@media (min-width:1800px) {
    .container-xl{
        max-width: 1640px;
    }
    .container-lg{
        max-width: 1400px;
    }

}
@media (min-width:1920px) {
    /*    html, body{   zoom: 1.1; }
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1800px;
    }*/

}

@media screen and (max-width:1800px) {
    .new-event-top-link-list-item a{
        font-size: 18px;
    }
    .vertical-box-item-title{
        font-size: 45px;  
    } 
    .overlay-header-area:after{
        font-size: 6em;
    }
    .overlay-header-area h2{
        font-size: 44px;
    }
    .service-single .project-section-content h1.sub-title {
        max-width: 465px;
    }
    /*    ul.mainmenu-menu-list {
            max-width: 450px;
        }*/
    .news-filter .news-post-list .news-posts-list-inner.col {
        width: calc(100% + 115px);
    }

    .year_road-lists {
        max-width: 1240px;
    }
    .roadmap-box .roadmap-box-inner {
        max-width: 1255px;
    }
    .roadmap-box .roadmap-icon {
        width: calc(100% - 1255px);
    }
    .owl-nav {
        min-width: calc(100% + 130px);
        left: -65px;
    }
    #news-slider .owl-dots, #business-news-slider .owl-dots{
        margin-left: 130px;
    }
    .support_programme_tab_list.initiatives-menu{
        max-width: 1380px;
    }

    .scope_slider {
        width: calc(100% + 3vw)!important;
    }
}
@media screen and (max-width:1600px) {       
    .space-top-80 {
        padding-top: 65px;
    }
    .space-bottom-80 {
        padding-bottom: 65px;
    }
    .space-80 {
        padding-top: 65px;
        padding-bottom: 65px;
    }
    ul.mainmenu-menu-list {
        margin-left: 30px;
        max-width: 380px;
    }
    .mainmenu-menu-outer li a {
        font-size: 26px;  
    }
    .mainmenu-menu-list > li{
        padding: 5px 0px    
    }
    .mainmenu-menu-outer li.has-sub:hover span.submenu-button{
        top:33px; left: calc(100% + 20px);
    }
    .year_road-lists {
        max-width: 1145px;
    }
    .roadmap-box .roadmap-icon {
        width: calc(100% - 1160px);
        padding: 10px;
    }
    .mainmenu-menu-outer li ul.sub-menu li a {
        padding: 15px 0px; line-height: normal;
    }
    .mainmenu-menu-outer li ul.sub-menu {
        padding-left: 90px;
    }
    ul.menu_items li{
        flex: 0 0 auto;
        width: 25%;
        text-align: center;
    }
    .support_programme_tab_list.initiatives-menu {
        max-width: 1250px;
    }
    .emission-reduction-boxes:before{
        width: calc(100% - 40px);
    }
    .emission-reduction-boxes:after {
        left: calc(100% - 50px);
    }
    .new-event-top-link-list-item a{
        font-size: 16px;
    }
    .roadmap-box .roadmap-box-inner {
        max-width: 1160px;
    }

}

@media screen and (max-width:1550px) {    
    .news-box-inner {
        margin: 35px 15px 70px;
    }
    #news-slider .owl-dots, #business-news-slider .owl-dots {
        margin-left: 35px;
    }
    .row {
        margin-right: calc(-.5 * var(--bs-gutter-x));
        margin-left: calc(-.5 * var(--bs-gutter-x));
    }
    .row>* {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
    .banner-graphic-1 {
        max-width: 122px;
    }
    .banner-graphic-2, .page-template-home .home-banner-graphic-2{
        max-width: 160px;
    }
    .scope_slider {
        width: calc(100% + 4vw)!important;
    }
}
@media screen and (max-width:1480px) { 
    .emission-reduction-boxes:before{
        width: calc(100% - 20px);
    }
    .emission-reduction-boxes:after {
        left: calc(100% - 30px);
    }
    .news-event-main-container{
        margin-top: 520px;
    }
    .news-event-banner .banner-content-area {
        top: 280px;
    }

}
@media screen and (max-width:1400px) {    
    .home-section1 .px-4 {
        padding-right: .7rem!important;
        padding-left: .7rem!important;
    }
    ul.mainmenu-menu-list {
        margin-left: 25px;
        max-width: 320px;
    }
    .mainmenu-menu-outer li.has-sub:hover span.submenu-button {
        top: 26px;
        left: calc(100% + 20px);
    }
    .mainmenu-menu-outer li a {
        font-size: 22px;
        padding: 10px 0px;
    }
    .mainmenu-menu-outer li ul.sub-menu {
        top: 10px;
    }
    .button, .button:hover, .button:focus{
        padding: 7px 25px;
    }
    .col-news-box {
        padding: 0 8px;
    }
    .news-filter .news-post-list .news-posts-list-inner.col {
        width: calc(100% + 160px);
    }
    .year_road-lists {
        max-width: 1045px;
    }
    .roadmap-box .roadmap-icon {
        width: calc(100% - 1045px);
        padding: 10px;
    }
    .h6, h6, h6 span{
        font-size: 17px; line-height: 1.3em;
    }
    .year_road-title {
        font-size: 18px;
    }
    .home-top-content:before{
        left: 15px; 
    }
    .home-top-content:after{
        right: 15px; 
    }
    .h4, h4{
        font-size: 28px;
    }
    .new-event-top-link-list-item a{
        font-size: 15px;
    }
    .reduction-box {
        padding: 25px;
    }

    .emissions-graph-left{
        min-width: 300px;
    }
    .emissions-graph-center {
        width: calc(35% - 0px);
        min-width: 350px;
        margin: 0px 0px;
    }
    .emissions-graph-right{
        min-width: 320px;
    }
    .chart-container {
        width: 350px;
        height: 350px;
        margin: 20px;
    }
    .chart-container canvas {
        height: 350px!important;
        width: 350px!important;
    }
    .percentage-head {
        font-size: 48px;
    }
    .event-box-content {
        padding: 40px 10px 40px 30px;
    }
    .featued-case-study-posts-item-meta p, .featued-case-study-posts-item-meta *, .case-study-posts-item-meta *, .single-case-study-posts-item-meta *, .featued-report-item-meta *, .news_meta *, .featued-event-item-meta *, .event-box-meta *, .event-box-meta *:hover, .event-list-meta-outer * {
        line-height: 24px;
        font-size: 15px;
    }
    #event-slider .urlactive:hover:after {
        width: 45px;
        height: 45px;
        right: -19px;
        top: -10px;
    }
    #event-slider .button,#event-slider .button:hover,#event-slider .button:focus{
        min-width: 165px;
    }
    .home-banner{
        background-position: top left;
    }    
}
@media screen and (max-width:1366px) {
    .home-banner:after {
        bottom: 10%;
    }
    .banner-image img {
        width: 100%;
        object-fit: cover;
        min-height: 800px;
    }
    .mainmenu-menu-outer li a {
        font-size: 22px;
        padding: 5px 0px;
    }
    .banner-graphic-1 {
        top: 15%;
        max-width: 110px;
    }
    .banner-graphic-2 {
        /*        top: 35%;*/
        /*        max-width: 160px;*/
    }
    .home-section1.business-partner {
        margin-top: -130px;
    }
    /*    .business-partner .container-xl.section-part-1 {
            padding-left: 65px;
            padding-right: 65px;
        }*/
    .h1, h1, h1 i{
        font-size: 60px;
    }
    .h4, h4{
        font-size: 28px;
    }
    .banner-inner-content-area, .banner-title {
        max-width: 580px;
    }

    .home_middle_content {
        margin: 0px auto 0px;
    }

    p.video_title{
        width: 70px;
        height: 70px;
    }
    .title_items .title_item:not(:first-child):not(:last-child):after {        
        left: -54px;
    }
    .scope_slider {
        width: 100%!important;
    }
    .event-section .event-hover-button .button, .event-section .event-hover-button .button:hover, .event-section .event-hover-button .button:focus{
        min-width: 165px;
    }
    .safari .capacity-building, .osx .capacity-building, 
    .safari .main-banner .banner-image, .osx .main-banner .banner-imag,
    .osx .events-bg-image, .safari .events-bg-image{
        background-attachment: scroll;
    }
    #milestone_slider {
        width: calc(100% + 0vw - 0px);
    }
    .year_road-lists:after{
        top: calc(100% + 1px);
    }
}
@media screen and (max-width:1280px) {
    .mainmenu-menu-outer li.has-sub:hover span.submenu-button {
        top: 22px;
    }
    .mainmenu-menu-outer li ul.sub-menu li a {
        padding: 12px 0px;
    }
    .emission-reduction-boxes:before {        
        width: calc(100% - 0px);
    }
    .emission-reduction-boxes:after {
        left: calc(100% - 20px);
    }
    .space-80 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .gap-bottom-80{
        margin-bottom: 60px;
    }
    .space-top-80 {
        padding-top: 60px;
    }
    .header {
        display: inline-block;
        width: 100%;
        padding: 30px 35px;
        position: absolute;
        top: 0px;
        left: 0;
        margin: 0px auto;
        z-index: 1;
    }
    .news-filter .news-post-list .news-posts-list-inner.col {
        width: calc(100% + 61px);
    }
    .news_meta p{
        font-size: 14px;
    }
    .page_items_overlay {
        padding: 30px 0px;
    }
    .title_page_item {
        padding: 10px 15px;
    }
    .container.section-part-2.space-100 {
        padding-top: 60px;
        padding-bottom: 60px;
    }    
    .scope-box-inner .post_content {
        padding: 0px 0px 0px;
    }
    .scope-post-content {
        height: 170px;
    }
    .h3, h3, h3 span, h3 i {
        font-size: 36px;
    }
    .font-22 {
        font-size: 20px;
        line-height: 24px;
    }
    .all-case-study-link.space-50 {
        padding-bottom: 20px;
    }
    .airport-filter-item {
        padding-right: 15px; 
    } 
    .checked svg {
        max-width: 150px;
        max-height: 150px;
    }
    /*    .roadmap-box .roadmap-icon {
            width: calc(100% - 730px);
            padding: 10px;
        }*/
}

@media screen and (max-width:1199px) {
    .year_road-lists {
        max-width: calc(100% - 135px);
    }
    .roadmap-box .roadmap-icon {
        width: calc(100% - 1045px);
        padding: 10px;
        min-width: 120px;
    }
    .roadmaprefresh{
        min-width: 140px;
    }

    .home-section1.business-partner {
        padding: 0px 20px;
    }
    /*    .business-partner .container-xl.section-part-1 {
            padding-left: 50px;
            padding-right: 50px;
        }*/
    .h4, h4 {
        font-size: 26px;
    }
    .main-header .main-logo:first-child {
        margin-right: 40px;
    }
    .page_items_overlay .icon_page_item {
        max-height: 105px;
    }
    .h1, h1, h1 i {
        font-size: 54px;
    }

    .scope_listing.button, .scope_listing.button:hover, .scope_listing.button:focus {
        padding: 7px 10px;
    } 
    .emissions-graph-center {
        width: calc(35% - 0px);
        min-width: 300px;
        margin: 0px 0px;
    }
    .emissions-graph-left {
        min-width: 290px;
    }
    .emissions-graph-right{
        min-width: 290px;
    }
    .chart-container {
        width: 300px;
        height: 300px;
        margin: 10px;
    }
    .chart-container canvas {
        height: 300px!important;
        width: 300px!important;
    }
    .breakdown-list .breakdown-scopebox{
        margin-right: 10px;
    }
    p.breakdown-title {
        max-width: 85px;
    }
    .home_bottom_list_item {
        min-height: 250px;
    }
    .home_bottom_list_item-link .button, .home_bottom_list_item-link .button:hover, .home_bottom_list_item-link .button:focus {        
        padding: 0px 25px;
    }
    .block-green-head h2 {
        font-size: 50px;
        line-height: 65px;
        margin-bottom: 0;
    }
    .home_title_item {
        padding: 20px 10px;
    }
    .animate-55-txt .txt-55 {
        font-size: 75px;
    }
    .new-event-top-link-list-item a {
        font-size: 17px;
    }
    #event-grid-slider .owl-nav {
        min-width: 106%;
        left: -3%;
        top: 40%;
    }
    .airport-filter-item.list_by .airport-filter-item-inner {
        margin-right: 10px;
        margin-left: 0px;
    }

    .owl-stage {
        padding: 0px 0;
    }
    .rounded-box {
        margin-left: 25px;
        margin-right: 25px;
        width: auto;
    }
    .case-study-filter {
        padding: 0px 25px;
    }
    .list-case-study-posts-item-content {
        padding: 0 20px;
    }
    .event-section .event-hover-button .button, .event-section .event-hover-button .button:hover, .event-section .event-hover-button .button:focus{
        min-width: 190px;
    }
    .main-logo:first-child:after {
        left: calc(100% + 20px);
    }
    .main-logo:first-child img.website-logo{
        max-width: 110px;
    }
    img.website-logo {
        max-width: 180px;
    }
    .all-case-study-link {
        display: inline-flex;
        text-align: center;
        width: 100%;
        align-items: center;
        justify-content: center;
    }
    .gform_validation_error.gform_wrapper.gravity-theme .gform_footer, 
    .gform_wrapper.gravity-theme .gform_footer{
        margin-top: 20px!important;
        float: left;
    }
    #airport_carbon_items button.owl-dot, .scope_slider .owl-carousel button.owl-dot {
        pointer-events: auto;
    }
    .scroll-container {
        position: relative;
        height: 120px;
        overflow: hidden;
    }
    .content-scroll {
        height: 100%;
        overflow-y: scroll;        
        margin: 0px 0px!important;
        padding: 0px;
        padding-right: 16px; /* space for scrollbar */
    }
    .custom-scrollbar {
        display: block;
        position: absolute;
        top: 0;
        right: 2px;
        width: 5px;
        background: rgba(224,224,224,0.4);
        border-radius: 4px;
        /* Start with a default height, will be updated with JS */
        height: 100%;
        transition: background 0.2s;
    }
    .custom-scrollbar-thumb {
        background: #e1e1e1;
        border-radius: 4px;
        width: 100%;
        position: absolute;
        left: 0;
        /* height and top will be set via JS */
    }
    .content-scroll::-webkit-scrollbar { display: none; }
    .content-scroll { -ms-overflow-style: none; scrollbar-width: none; }
}
@media(max-width: 1024px) {
    .mainmenu-menu-outer li a{
        max-width: 400px;
    }
    .h1, h1 {
        font-size: 40px;
    }
    .h2, h2 , .h2:hover, .h2:focus{
        font-size: 35px;
    }
    .banner-graphic-2 {
        top: 50%; max-width: 65px;
        /*        max-width: 130px;*/
    }
    .contact-page-banner .banner-graphic-2{
        /*        top: 50%;*/
    }
    .single-main-banner .banner-graphic-2{
        top: 14%;
    }
    #single-case-study-banner .banner-graphic-2 , .single-news-banner  .banner-graphic-2, .single-main-banner .banner-graphic-2{
        content: '';
        position: absolute;
        top: 120px;
        -moz-animation: side-effect-mobile-4 3s;
        -webkit-animation: side-effect-mobile-4 3s;
        -o-animation: side-effect-mobile-4 3s;
        animation: side-effect-mobile-4 3s;
    }
    @keyframes side-effect-mobile-4 {
        0% { right:-250px;top:120px;}
        80% { right:-250px;top:120px;}
        100% {right:0px;top:120px;opacity:1 ;}
    }
    .h3, h3, h3 span, h3 i {
        font-size: 33px;
    }
    .pillar-title {
        min-height: 46px;
    }
    .home_bottom_list_item-outer{
        width: 50%;
    }
    .home_bottom_list_item-outer {
        width: 50%;
    }
    .home_bottom_list_item-hover{
        position: relative;
    }
    .home_bottom_list_item-hover{
        top: 0px;
    }
    .home_bottom_list_item-outer {
        margin-bottom: 0px;
    }    
    .projects_funded-left {
        width: 55%;
    }
    .projects_funded-right.projects_funded-content-col {
        width: 45%;
    }
    .list-event-box {
        border-bottom: 1px solid #303030;
        margin: 0px 10px 10px;
    }
    .event-box.list-event-box-inner .event-box-meta-item.event-box-location {
        margin: 0px 50px;
    }
    .reset-filter-item span {
        margin-left: 0px;
        color: #07d7cd;
    }
    .reset-filter-item span.color-black{
        display: none;
    }
    .airport-filter-item.list_by .airport-filter-item-inner {
        justify-content: flex-end;
    }
    .case-study-filter .p-0 {
        padding-right: calc(var(--bs-gutter-x)* .5)!important;
        padding-left: calc(var(--bs-gutter-x)* .5)!important;
    }
    .case-study-posts-item-inner {
        padding: 45px 25px;
    }
    .case-study-posts-item{
        padding: 0px 10px;
    }
    .page-template-case-studies .banner-graphic-2 {
        /*        top: 56%;*/
        max-width: 65px;
    }
    #css-menu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0px;
        top: 9px;
        display: block;        
        height: 46px;
        width: 46px;
        cursor: pointer;
        left: unset;
        border: none;
    }
    #css-menu ul ul .submenu-button {
        height: 34px;
        width: 34px
    }
    #css-menu .submenu-button:after {
        position: absolute;
        top: 12px;
        right: 0;
        width: 35px;
        font-size: 24px;
        color: #07D7CD;
        display: block;
        content: "\e64b";
        font-family: 'themify';
        font-weight: 700;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
    }
    #css-menu .submenu-button.submenu-opened:after{
        content: "\e649";
    }
    #css-menu ul ul .submenu-button:after {
        top: 15px;
        right: 13px
    }

    #css-menu ul ul .submenu-button:before {
        top: 12px;
        right: 16px
    }
    #single-case-study-banner .banner-graphic-1, .single-news-banner .banner-graphic-1 {
        top: 120px; max-width: 70px;
    }
    #css-menu .submenu-button.submenu-opened:before {
        display: none
    }

    #css-menu ul ul ul li.active a {
        border-left: none
    }

    #css-menu > ul > li.has-sub > ul > li.active > a,
    #css-menu > ul ul > li.has-sub > ul > li.active > a {
        border-top: none
    }
    #css-menu .make-appointment {
        max-width: 100%;
        background: #607bbc;
        display: inline-block;
        width: auto!important;
        padding: 0px 30px;
        margin: 15px 0px;
    }
    .header-custom-menu #css-menu .mainmenu-menu-outer .mainmenu-menu-container {
        min-width: auto;
    }
    .mainmenu-menu-outer li ul.sub-menu {
        position: relative;
        left: 0;
        top: 9px;
        width: 100%;
        visibility: visible;
        padding-left: 0px;
        z-index: 2222;
        display: none;
    }
    .container.section-part-2.space-100 {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    ul.mainmenu-menu-list {
        margin-left: 0px;
        max-width: 100%;
    }
    .mainmenu-menu-list > li {
        padding: 10px 50px 10px 0px;
        display: inline-block;
        width: 100%;
    }
    /*.header-custom-menu.fixed{
        position: fixed;
    }*/
    .banner-graphic-1 {
        top: 20%;
    }
    .px-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important;
    }
    .repository_items {
        padding: 75px 50px;
    }
    #contact-page-form .rounded-box {
        min-height: 300px;
    }
    .news-filter .p-0{
        padding-right: calc(var(--bs-gutter-x)* .5)!important;
        padding-left: calc(var(--bs-gutter-x)* .5)!important;
    }
    .owl-theme .owl-dots {
        text-align: center;
        -webkit-tap-highlight-color: transparent;
        display: flex;
        margin-top: 10px;
        display: flex;
        justify-content: center;
    }
    .owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 40px;
    }
    .button_case {
        text-align: center;
        margin: 20px auto 0;
        width: 100%;
        display: inline-flex;
        justify-content: center;
    }
} 

@media (max-width:992px) {      
    ul.main-menu {
        display: none;
    }
    .mobile-custom-menu {
        display: block;
        width: 100%;
        position: relative;
    }  
    .header .desktop-menu {
        display: none;
    }

    /************Mobile Menu***********/
    .mobile-custom-menu .buttonn {
        width: 55px;
        height: 46px;
        position: absolute;
        right: 0;
        top: 40px;
        cursor: pointer;
        z-index: 12399994;
    }
    .buttonn.menu-opened {
        position: fixed;
        top: 20px;
        right: 25px;
    }
    .mobile-custom-menu .buttonn:after {
        position: absolute;
        top: 0px;
        right: 0px;
        display: block;
        height: 45px;
        width: 50px;
        border-top: 3px solid #2C6DB2;
        border-bottom: 3px solid #2C6DB2;
        content: ''
    }
    #css-menu .mobile-menu-outer {
        width: 100%;
        display: none;
    }
    .mobile-custom-menu #css-menu .mobile-menu-outer {
        height: 100%;
        background-color: rgba(44, 109, 178, .9);
        position: fixed;
        z-index: 999999;       
        overflow: hidden;
        right: 0;
        top: 0;
        overflow-y: scroll;
    }
    ul.mobile-menu-list {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px 0px 0 0px;
        min-height: 40vh;
        height: 100%;
    }
    .mobile-custom-menu .buttonn:before {
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease;
        position: absolute;
        top: 21px;
        right: 0px;
        display: block;
        height: 3px;
        width: 50px;
        background: #2C6DB2;
        content: ''
    }
    ul.mobile-menu-list li{
        width: 100%; 
        text-align: center;
        padding:20px 25px;
        line-height:normal;
        position: relative;      
    }

    ul.mobile-menu-list li ul.sub-menu li:first-child{
        border:none;
    } 
    ul.mobile-menu-list li .sub-menu li:after{
        display: none;
    }    
    ul.mobile-menu-list li a,ul.mobile-menu-list li a:hover{
        color: #fff;
        font-size:32px;        
        line-height: 40px;
        padding: 10px 0px;
        display: inline-block;
        font-weight: 800;
        font-family: 'Aktiv Grotesk Cd Bold', sans-serif;
        letter-spacing: 0.64px;
    }
    ul.mobile-menu-list ul.sub-menu {
        padding: 15px 0px;
    }
    ul.mobile-menu-list li .sub-menu li a, ul.mobile-menu-list li .sub-menu li a:hover{
        font-size: 15px;       
    }
    .mobile-custom-menu .buttonn.menu-opened:after {
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease;
        top: 23px;
        border: 0;
        height: 4px;
        width: 60px;
        background: #fff;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .mobile-custom-menu .buttonn.menu-opened:before {
        top: 23px;
        background: #fff;
        width: 60px;
        height: 4px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .hamburger-button.menu-opened{
        right: 50px;
    }    
    .mobile-menu-list .wpml-ls-legacy-list-horizontal{
        padding: 0px;
    }
    .mobile-menu-outer .mobile-menu-list .wpml-ls-legacy-list-horizontal ul{
        display: block!important;
        padding-left:0px!important;
    }
    .mobile-menu-outer .mobile-menu-list .wpml-ls-legacy-list-horizontal ul a{
        padding-left:0px!important;
    }
    .current-menu-item a, .active-topmenu{
        position: relative;
    }
    .header .current-menu-item a:before, .header .active-topmenu:before {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        bottom: 30px;
        left: -webkit-calc(100% + 10px);
        left: -moz-calc(100% + 10px);
        left: calc(100% + 10px);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background-color: #FDDA1C;
        -webkit-animation-name: fadeInUp;
        -moz-animation-name: fadeInUp;
        -o-animation-name: fadeInUp;
        animation-name: fadeInUp;
        -webkit-animation-duration: 2s;
        -moz-animation-duration: 2s;
        -o-animation-duration: 2s;
        animation-duration: 2s;
    }

    /*    .main-header {
            display: none;
        }*/
    .mobile-logo {
        text-align: left;
        display: inline-block;
    }
    .mobile-logo .mobile-website-logo {
        max-width: 150px;
        margin: 35px 0px 0px;
    }
    .main-logo:first-child img.website-logo{
        max-width: 120px;
    }
    a.navbar-brand.logo img {
        max-width: 150px;
    }
    a.top-mail:after{
        display: none;
    } 
    .mobile-menu-list .wpml-ls-item{
        display: none;
    }
    .mobile-language {
        margin-top: 20px;
    }
    .mobile-language li a{
        color: #fff!important;
    }
    .mobile-language .wpml-ls-slot-footer:last-child a:after {
        content: "";
        position: absolute;
        width: 1px;
        height: 12px;
        background-color: #fff;
        left: -1px;
        top: 10px;
    }
    .mobile-search {
        padding: 0px 15px;
        margin-top: 20px;
        position: relative;
    }
    .mobile-search input#search{
        width: 100%;
        padding: 15px 15px;
        border: none;
    }

    .space-50 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .space-80 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .gap-top-50 {
        margin-top: 20px;
    }
    .space-top-50 {
        padding-top: 30px;
    }
    .gap-bottom-80 {
        margin-bottom: 40px;
    }
    .space-100 {
        padding-top: 60px;
        padding-bottom: 60px;
    }   
    .space-top-80 {
        padding-top: 50px;
    }  
    #css-menu .main-logo {
        padding: 20px;
    }
    .header {
        padding: 0px 0px;
    }
    .about-image img {
        width: 100%;
        max-height: 440px;
        object-fit: cover;
    }
    .about-content-area {
        margin: 30px 0px;
        min-height: 275px;
    }
    .about-section {
        position: relative;
        background-image: url('../images/Pattern.png');
        background-position: right bottom;
        background-repeat: no-repeat;
    }
    .gap-top-30 {
        margin-top: 15px;
    }
    .skylights-section .row{
        flex-direction: column-reverse;
    }
    .skylights-image img {
        width: 100%;
        max-height: 440px;
        object-fit: cover;
    }
    .title_skylights {
        max-width: 100%;
        margin-top: 44px;
    }
    .skylights-section .content_skylights {
        margin-bottom: 70px;
    }
    .skylights-section:before{
        display: none;
    }
    .skylight_item-image img {
        width: 100%;
        max-height: 400px;
        object-fit: cover;
    }
    .content_velux_items {
        margin: 0px 0px 10px;
    }
    .skylight_item-content-area {
        margin-top: 50px;
    }
    a.button.learn-more {
        margin-top: 15px;
    }
    .brochure-item {
        max-width: 300px;
        margin: 15px auto;
    }
    .logo_brochure_downloads {
        margin-top: 35px;
    }
    .call_for_free-section .skylights-content-area {
        text-align: center;
    }
    .call_for_free-button{
        max-width: 350px;
        margin: 0px auto;
    }
    .gform_wrapper.gravity-theme .gfield.gfield--width-third {
        -ms-grid-column-span: 12!important;
        grid-column: span 12!important;
        margin: 10px 0px;
    }     
    .objectives_box_list-item {
        text-align: center; width: 33.33%;
    }
    .objectives_box_list-item:nth-child(3) .objectives_box_list-item-inner {
        margin-right: auto;
    }
    .objectives_box_list-item:nth-child(3) {
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .objectives_box_list-item:nth-child(2) .objectives_box_list-item-inner {
        margin: 0 auto;
    }
    .objectives_box_list-item:nth-child(2) {
        text-align: center;
    }
    /*    .business-partner .container-xl.section-part-1 {
            padding-left: 15px;
            padding-right: 15px;
        } */
    .h1, h1 {
        font-size: 35px;
    }
    .h3, h3 {
        font-size: 32px;
    }
    .h4, h4 {
        font-size: 23px;
    }
    .h5, h5{
        font-size: 21px;
    }
    .title_page_item {
        font-size: 16px;
        padding: 10px 20px;
    }
    .page_items_onhover {
        border: 10px solid #C5FF28;
    }
    .section-part-2 .page_items .icon_page_item {
        max-height: 90px;
    }
    .page_items_overlay .button, .page_items_overlay .button:hover, .page_items_overlay .button:focus {
        font-size: 16px;
    }
    #business-partner.owl-carousel .owl-item img {
        width: auto;
    }


    img.footer-logo {
        max-width: 100%;
    }
    a.social-linkedin {
        margin-bottom: 0px;
    }
    .mainmenu-menu-outer li a {
        font-size: 19px;
    }
    .mainmenu-menu-outer li ul.sub-menu li a {
        font-size: 16px;
    }
    ul.menu_items li a {
        padding: 30px 10px;
    }
    .border-full {
        padding-left: 25px;
        padding-right: 25px;
    }
    .content-area.space-15{
        padding-top: 0;
        padding-bottom: 0;
    }
    .decarbonisation .space-15 {
        padding-top: 0;
        padding-bottom: 0;
    }  
    .pillar-box {
        margin: 15px 0px;
    }
    .year_road-lists {
        margin-top: 40px;  margin-bottom: 40px;
    }
    .mobile-hide{
        display: none;
    }
    .mobile-show, .banner-image.mobile-show{
        display: block;
    }
    .membership_date_content.content-area.mobile-show {
        margin-top: 30px;
    }
    .desktop-show{
        display: none;
    }
    .main-banner .banner-image {
        height: 550px; overflow: hidden;
    }
    .news-filter, .event-filter {
        position: relative;
        padding-left: 25px;
        padding-right: 25px;
    }
    /*    .news-filter-item.airport-filter-item.list_by {
            position: absolute;
            top: -50px;
            right: 20px;
        } */
    .airport-filter-item {
        width: 33.33%;
    }
    .case-study-filter .airport-filter-item:nth-child(3){
        padding-right: 0px;
    }
    .news-post-list {
        margin: 40px 0px 0px;
    }
    .event-filter-item.airport-filter-item.list_by {
        position: absolute;
        right: 30px;
        top: 130px;
    }
    .events-bg-image img {
        height: 350px;
    }
    .case-study-filter {
        position: relative;
        margin: 40px 0px 0px;
    }
    .case-study-filter {
        padding: 0px 20px;
    }
    .case-study-filter-item.airport-filter-item.list_by {
        position: absolute;
        top: 0px;
        right: 30px;
    }
    .mail-box svg {
        max-width: 100%;
        max-height: 200px;
    }
    .space-40 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .gap-80 {
        margin-top: 60px;
        margin-bottom: 60px;
    }
    .main-banner .banner-image{
        background-attachment : unset;
    }
    .news-event-banner.main-banner .banner-image {
        background-attachment: scroll; 
        background-size: cover;
    } 
    .news_event-section .new-event-top-link-list-item {
        position: relative;
        min-width: 49%;
    }
    .new-event-top-link-list {
        justify-content: space-between;
    }
    #pledged_business_partners .new-event-top-link-list {
        justify-content: center;
    }
    .case-study-posts-item-inner img.case_study_image {        
        border-radius: 25px;
    }
    .rounded-box ,.half-rounded-box{
        border-radius: 35px;    
        margin-left: 25px;
        margin-right: 25px;
        width: auto;
    }
    .col-five {
        flex: 0 0 auto;
        width: 33.33%;
    }
    .pledged_business_fillter .airport-filter-item {
        width: 33%;
        padding-right: 15px;
    }
    .pledged_business_fillter .case-study-filter-outer.airport-filter-outer {
        padding: 0;
    }
    .banner-graphic-1 {
        max-width: 80px;
    }
    .objectives_box_list-item-inner {
        padding: 25px 15px;
        min-height: auto;
        border-radius: 25px;
    }
    .refrences-list-item-head.projects_funded-head {
        padding: 20px 30px;
    }
    .refrences-list-item-head.projects_funded-head::before{
        left: 40px;
    }
    .refrences-list-item-head.projects_funded-head::after {
        right: 20px;
        top: 35px;
    }
    .refrences-list-item.active-refrences .refrences-list-item-head.projects_funded-head::after {
        right: 15px;
        margin-top: -5px;
    }
    .refrences-list-item-head.projects_funded-head h6 {
        padding-right: 20px;
    }
    .refrences-list-item.active-refrences .refrences-list-item-content {
        padding: 0px 40px 50px 40px;
    }
    .projects_funded-meta-item {
        display: flex;
    }
    .projects_funded-accordion {
        border-radius: 25px;
    }
    .case-study-posts-item-inner {
        padding: 15px 15px 30px;
        border-radius: 15px;
    }
    .main-container {
        margin-top: -100px;
        padding-bottom: 50px;
    }
    .space-80 {
        padding-top: 50px;
        padding-bottom: 50px;
    }   
    .space-60 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .banner-content-area{
        top:0;
    }
    .list-case-study-posts-item-image, .case-study-posts-item-scope-col {
        width: 140px;
    }
    .list-case-study-posts-item-content {
        width: calc(100% - 280px );
        padding: 0 20px;
    }
    .list-scope {
        padding: 0 10px;
    }
    .case-study-posts-item-meta-item {
        width: calc(100% - 55px);
        padding: 0 10px;
    }
    .scopebox.scopebox-small-list {
        width: 35px;
        height: 35px;
    }
    .case-study-posts-item.list-layout .case-study-posts-item-inner {
        padding: 10px 0px;
        align-items: start;
    }
    .case-study-posts-item.list-layout:last-child{
        border: none;
    }
    .case-box-meta-list {
        margin-top: 0;
    }
    img.image_membership{
        border-radius: 25px; 
    }
    .space-top-40 {
        padding-top: 30px;
    }
    .space-bottom-40 {
        padding-bottom: 30px;
    }
    .space-40 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .space-80 {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .space-bottom-80 {
        padding-bottom: 50px;
    }
    .space-top-80 {
        padding-top: 50px;
    }
    .case-study-gallery-item {
        margin-bottom: 0;
    }
    .all-case-study-link.space-50 {
        padding-bottom: 0;
    }
    .event-box .event_list-columns .event_image {
        border-radius: 0px;
        padding: 0 10px 20px 0px;
    }
    .news-box .news-title {
        min-height: auto;
    }
    .list-news-box:last-child{
        border-bottom: 0px;
    }
    img.content_carbon_area {
        border-radius: 25px;
    }
    .page-template-default .banner-content-area {
        top: 0;
    }
    .checked svg {
        max-width: 100px;
        max-height: 100px;
    }
    .highlights_item {
        padding: 30px 10px;
        border-radius: 25px;
    }
    #achievements .container-lg .row.space-40 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .airport_carbon_item {
        border-radius: 25px;
        padding: 50px 15px;
        margin: 10px;
    }
    .airport_carbon_content {
        height: 275px;
        padding: 0px 15px;
    }
    .emissions-graph {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
        max-width: 500px;
        width: 100%;
        margin: 0px auto;
    }
    .emissions-graph-left, .emissions-graph-right {
        min-width: 400px;
    }
    .breakdown-emissions .emissions-graph-left:before {
        left: 0;
        width: 3px;
        height: 25px;
        top: 100%;
        margin: 0 auto;
        right: 0;
    }
    .breakdown-emissions .emissions-graph-right:before {
        left: calc(100% - 31px);
        width: 3px;
        height: 66%;
        top: -60%;
        margin: 0 auto;
        right: 0;
        z-index: -1;
        background-color: #B5E000;
    }
    .breakdown-emissions .emissions-graph-right:after {
        content: '';
        left: calc(100% - 72px);
        width: 40px;
        height: 3px;
        top: -60%;
        margin: 0 auto;
        right: 0;
        z-index: -1;
        background-color: #B5E000;
        position: absolute;
    }
    .breakdown-title-area {
        display: inline-flex;
        width: 100%;
        align-items: center;
        flex-wrap: wrap;
    }
    .breakdown-list {
        padding: 20px 0px;
    }
    /*    .year_2025 .year_road-title:after, .year_2030 .year_road-title:after, .year_2035 .year_road-title:after {       
            height: 13px;        
        }*/
    .emission-reduction-boxes .col-md-6.col-lg-3 {
        margin: 10px 0px;
    }

    .new-event-top-link-list-item a {
        font-size: 17px;
        padding: 10px 10px;
    }
    .new-event-top-link-list-item:before{
        height: 7px;
    }
    .emission-reduction-boxes:before {
        top: calc(51% + 4px); display: none;
    }
    .emission-reduction-boxes:after {
        top: calc(51% - 7px); display: none;
    }
    .tab-dropdown-mobile{
        display: none;
    }
    .select_scope {
        font-size: 19px;
        font-weight: 500;
        width: 100%;
        padding: 10px 20px;
        border: 1px solid #07D7CD;
        border-radius: 25px;
        position: relative;
        background: #07D7CD;
        color: #fff;
        text-align: center;
    }
    .mobile-show.select_scope.active {
        border-radius: 25px 20px 0px 0px;
    }
    .select_scope:after {
        position: absolute;
        top: 12px;
        right: 12px;
        width: 35px;
        font-size: 24px;
        color: #FFFFFF;
        display: block;
        content: "\e64b";
        font-family: 'themify';
        font-weight: 700;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
    }
    .select_scope.active:after{
        content: "\e648"; 
    }
    .tab-dropdown-mobile {
        display: none;
    }
    .scope_listing.button, .scope_listing.button:hover, .scope_listing.button:focus  {
        padding: 7px 10px;
        width: 100%;
        margin: 0px;
        border-radius: 0;
        border-top: 0px;
    }
    .scope_listing.button:before{
        border-radius: 0;       
    }
    .scope_listing.button:after{
        border-radius: 0;  
        border-bottom: 0px;
    }
    .scope_listing.button:last-child:after{
        border-bottom: 2px solid #c5ff28;
    }
    .roadmap-inner-fixed .col-md-4.col-lg-2 {
        width: 16.333333%;        padding: 0px;
    }
    .capacity_building_top-image{
        margin: 30px 0px 0px;
    } 
    .news-event-banner .banner-graphic-2.showMetop {
        content: '';
        position: absolute;
        top: 40%; 
        max-width: 65px;
        -moz-animation: side-effect-mobile-3 3s;    /* Firefox */
        -webkit-animation: side-effect-mobile-3 3s;    /* Safari and Chrome */
        -o-animation: side-effect-mobile-3 3s;    /* Opera */
        animation: side-effect-mobile-3 3s;
    } 
    @keyframes side-effect-mobile-3 {
        0% { right:-250px;top:40%;}
        80% { right:-250px;top:40%;}
        100% {right:0px;top:40%;opacity:1 ;}
    }
    .business-partner .container-xl.section-part-1{
        border-radius: 35px;
    }
    .news-event-banner .banner-content-area {
        top: 0;
        align-items: center;
        min-height: 100%;
    }
    .single-partner-quote:after {   
        top: calc(100% - 75px);
    }
    .content_membership_full.content-area {
        padding-top: 0;
    }
    .membership_buttons-single-partner {
        margin-top: 30px;
    }
    .pillar-title {
        min-height: 46px;
        max-width: 100px;
        text-align: center;
        margin: 15px auto 15px;
    }
    .roadmap-inner-fixed .pillar-box {
        display: none;
    }
    .pillar-icon {
        min-height: 50px;
    }
    .page-template-case-studies .case-study-posts-item-inner .scope-outer{       
        width: 100%;
        text-align: center;
        display: flex;
        height: 100%;
        flex-wrap: wrap;
        align-content: space-between;
        justify-content: flex-end;
    }
    .page-template-case-studies .case-study-posts-item-inner  .scope-col,
    .page-template-case-studies .case-study-posts-item-inner  .list-scope{
        display: none;
    }
    .case-study-posts-item.list-layout .case-study-posts-item-meta {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        flex-direction: row;
    }
    .case-study-posts-item.list-layout .mobile-show.scope_initiative_outer {
        max-width: 67px;
    }
    .case-study-posts-item.list-layout .mobile-show.scope_initiative_outer {
        max-width: 35px;
        margin-left: 17px;
    }
    /*    .page-template-home .banner-graphic-2 {
            top: 55%;
        }*/
    .done-icon {
        margin-left: 40px;
    }
    .projects_funded_contentsection {
        max-width: calc(100% - 0px);
    }
    #projects_funded {
        padding-left: 25px;
        padding-right: 25px;
    }
    .active-refrences .refrences-list-item-head.projects_funded-head::before {
        width: calc(100% - 0px);
        height: 5px;
        top: -5px;
        border-radius: 30px 30px 0px 0px;
        left: 0;
    }
    .refrences-list-item.projects_funded-item.aos-init.aos-animate.active-refrences:first-child > div:before {
        top: 0px;
        width: calc(100% - 30px);
        left: 15px;
    }
    .news-event-main-container {
        margin-top: 420px;
    }
}
@media only screen and (max-width: 840px) {
    .animate-55-txt .txt-55 {
        font-size: 60px;
    }
    .emission-reduction-boxes:before {
        top: calc(50% + 6px);
    }
    .emission-reduction-boxes:after {
        top: calc(50% - 5px);
    }
    .all-case-study-link {
        text-align: center;
        width: 100%;
        margin-top: 30px;
    }
    .all-case-study-link .button{
        float: none;
        display: inline-block;
    }
    .roadmap-lists .roadmap-box {       
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        flex-direction: row;
        padding: 15px 15px;
    }
    .roadmap-box .roadmap-icon img{
        display: none;
    }
    .roadmap-box .roadmap-icon {
        width: 100%;
        padding: 0;
        text-align: left;
    }
    .roadmap-box .roadmap-box-inner{
        padding-right: 0px;  padding-left: 0px;
    }
    .new-event-top-link-list-item a {
        font-size: 15px;
        padding: 10px 5px;
    }
    .year_2025 .year_road-title:after, .year_2030 .year_road-title:after, .year_2035 .year_road-title:after {    
        height: 15px;
    }
    /*    .year_road-lists:after {
            width: calc(100% - 30px );
            left: 15px;
        }*/
    .banner-image img {
        min-height: -webkit-fill-available;
    }
}
@media (max-width:840px) { 
    .roadmaprefresh {
        display: none;
    }
    .year_road-lists {
        max-width: calc(100% - 30px);
    }
}
@media only screen and (max-width: 768px) {
    .year_road-lists:after {
        top: calc(100% + 3px);
    }
    .border-full {
        padding-left: 0;
        padding-right: 0;
    }
    .emission-reduction-boxes:before {
        top: calc(52% + 6px);
    }
    .emission-reduction-boxes:after {
        top: calc(52% - 5px);
    }
}
@media only screen and (max-width: 767px) {
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
        padding-right: 25px;
        padding-left: 25px;
    }    
    .h1, h1 {
        font-size: 35px;
    }
    .h2, h2 , .h2:hover, .h2:focus{
        font-size: 28px;
        line-height: 38px;
    }
    .h3, h3 {
        font-size: 25px;
        line-height: 34px;
    }
    .h4, h4 {
        font-size: 21px;
    }
    .header-button {
        display: none;
    }
    .header-custom-menu {
        margin-left: 0;
        float: right;
        position: absolute;
        top: 35px;
    }
    .header-custom-menu #css-menu .mainmenu-menu-outer .mainmenu-menu-container{
        width: 100%; padding: 65px 25px;
    }
    .mainmenu-menu-outer li ul.sub-menu li a {
        padding: 10px 0px;
    }
    .banner-graphic-1{
        top: 100px;
        max-width: 60px;
        left: -15px;
    }
    .banner-graphic-2 {
        top: 40%;
        max-width: 50px;
    }
    .page_items_onhover {
        width: 100%;
        left: 0;
        top: -20%;        
    }
    .section-part-2 .page_items .icon_page_item {
        max-height: 140px;
    }
    .section-part-2 .page_items {
        position: relative;
        margin-bottom: 100px;
    }
    .section-part-2 .col-md-3:last-child .page_items{
        margin-bottom: 0px;
    }
    ul.mainmenu-menu-list {
        height: 100%;
    }
    .content_banner {
        margin-top: 15px;
    }
    ul.menu_items li {
        flex: 0 0 auto;
        width: 100%;
        text-align: left;
    }
    ul.menu_items li a {
        padding: 15px 10px;
    }
    ul.menu_items {
        padding: 15px 0px 35px; margin-bottom: 0; 
    }    
    ul.menu_items li a.active:before {
        height: 100%;
        width: 5px;
    }
    #decarbonisation .border-full .row.space-15 {
        padding-top:0px;
        padding-bottom: 0px;
    }
    .content-area p:first-child {
        margin-top: 0px;
    }
    .border-full {
        border: none;
    }
    p.video_title {
        font-size: 18px;
        width: 45px;
        height: 45px;
    }
    .title_items {
        position: relative;
        left: 0;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;        
        padding: 0px 20px;
    }
    .video-player {
        min-height: auto;
        position: relative;
        padding-bottom: 20px;
    }
    .home_bottom_list_item:hover .home_bottom_list_item-hover {
        scale: 1.1;

    }
    .home_bottom_list_item-hover {
        position: relative;
        scale: 0;
        position: absolute;
        top: 0;
        transition: scale ease 1s;
        transform: translateY(0%);
        /* left: 1%; */
    }
    .home_bottom_list {
        margin-left: 0px;
        margin-right: 0;
    }
    /*
        .main-banner .banner-image {
            height: 390px;
        }*/
    /*    .main-banner.news-event-banner .banner-image{
            height: auto;
        }*/

    .main-container {
        margin-top: -50px;
        padding-bottom: 40px;
    }
    .banner-content-area ,.page-template-default .banner-content-area {
        top: 0;
    }
    .case-study-posts-item {
        padding: 0px 0px;
    }
    .page-template-case-studies .banner-graphic-2 {
        max-width: 80px;
        /*        top: 55%;*/
    }
    .airport-filter-box {
        padding: 9px 15px;
    }
    .airport-filter-box[data-tab="businesspartner"]::after, .airport-filter-box[data-tab="scope_item"]::after{
        right: 20px;
    }
    .airport-filter-box[data-tab="businesspartner"].open-box::after, .airport-filter-box[data-tab="scope_item"].open-box::after {    
        right: 10px;
    }
    .airport-filter-box{
        border-radius: 25px; height: 45px; font-size: 14px;
    }
    input.form-control-box.filter-input_search {
        height: 45px;
        border-radius: 25px;
        padding: 9px 15px;
        padding-right: 40px;
        font-size: 14px;
    }
    .search-button {
        right: 13px;
        top: 0px;
    }
    /*    #featued-case-study .col-md-12, #featued-case-study .col-md-6{
            padding-left: 0px; padding-right: 0px
        }*/
    .case-study-posts-item {
        width: 100%;
    }
    .scopebox-outer-meta {margin-bottom: 30px; }
    .order-mobile-1 {
        order: 1;
    }
    .order-mobile-2 {
        order: 2;
    }
    .order-mobile-3 {
        order: 3;
    }


    img.image_membership{
        border-radius: 15px;
        margin-bottom: 25px;
        aspect-ratio: auto;
    }
    #featued-case-study .scopebox-outer-meta {
        margin-bottom: 0;
    }

    /*new from KSB-29/1/25 - start*/
    .header-custom-menu .hamburger-button {
        width: 30px;
        height: 25px;
    }
    .header-custom-menu .hamburger-button:before {
        height: 25px;
        width: 30px;
        border-top: 2px solid #C5FF28;
        border-bottom: 2px solid #C5FF28;
    }
    .header-custom-menu .hamburger-button:after {
        top:12px;
        height: 2px;
    }
    .header-custom-menu {
        top: 27px;
    }

    .showMe img {
        max-width: 45px;
    }
    .main-banner, .home-banner {
        background-attachment: unset;
        background-position: bottom center;
        background-size: cover;
    }
    .home-banner {
        background-position: bottom left;
    }
    .home-section1.business-partner {
        margin-top: -30px;
    }
    .business-partner .container-xl.section-part-1 {
        border-radius: 20px 20px 0px 0px;
        padding-top: 36px;
        padding-bottom: 0px;

    }
    .home-top-content:before {
        width: 20px;
        height: 15px;
        top: -15px;
        left: -15px;
    }
    .home-top-content:after{
        width: 20px;
        height: 15px;
        bottom: -15px;
        right: -15px;
        top: auto;
    }
    .home-content-quote h4 {
        font-size: 16px;
        line-height: 24px;
    }
    .home_top_sub_content p {
        margin: 0 -15px;
    }
    .home_top_sub_content * {
        font-size: 18px;
        font-weight: 500;
        line-height: 1.5;
    }
    .p, p, li, body, html, .content-area li strong {
        font-size: 14px;
        line-height: 21px;
    }
    .home-list-block-inner .block-content {
        margin-top: 10px;
        margin-bottom: 10px;
        min-height: inherit;
    }
    .block-head h4{
        margin-top: 10px;
    }
    .home-section1.business-partner .block-green-head h2 {
        font-size: 41px;
        line-height: 37px;
    }
    div#home-middle {
        margin: 0px 0px !important;
        width: 100%;
        padding: 30px 0px;
    }
    div#home-middle span{
        line-height: 18px;
    }
    div#home-middle:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        background: rgb(19 19 19 / 50%);
        top: 0;
    }
    div#home-middle .container {
        z-index: 1;
        position: relative;
    }
    footer.footer-custom {
        padding: 20px 0;
    }
    #menu-footer-menu li a {
        font-size: 15px;
        margin-bottom: 7px;
    }
    .social-list li {
        margin-right: 10px;
    }

    .copyright p, .copyright a {
        font-size: 14px;
        max-width: 300px;
        display: inline-block;
    }
    img.footer-logo {
        max-width: 60%;
        margin-bottom: 20px;
    }
    .home_bottom_list_item-hover .home_bottom_list_item-image > img {
        min-height: inherit;
        scale: inherit;
    }
    .home_bottom_list_item-hover:hover .home_bottom_list_item-image {
        border: 0 solid #c5ff28;
    }

    .logo-icon {
        transform: scale(0.9);
    }
    .main-banner .showMe {
        z-index: 0;
    }
    .case-study-posts-item-inner {
        border-radius: 25px;      
    }
    .case-study-gallery-item {
        margin: 15px 0px;
    }

    /*-----------------new from KSB-29/1/25 - end ------------------------*/
    .featued-case-study-posts-item-read-more {
        margin-top: 15px;
        display: inline-block;
    }

    .case-study-posts-item-inner{
        position: relative;
    }
    .case-study-posts-item-inner .scope-outer .scope-col{
        position: absolute;
        top: 20px;
        right: 20px;
        height: auto;
    }
    .case-study-posts-item-inner .scope-col .scopebox{
        width: 75px;
        height: 75px;
    }
    .airport-filter-outer.case-study-filter-outer {
        margin-left: -15px;
        margin-right: -15px;
    }
    .scope-logo.text-center {
        position: absolute;
        right: 0;
        width: auto;
        max-width: 150px;
        margin-top: 10px;
        display: none;
    }
    .list-case-study-posts-item-image, .case-study-posts-item-scope-col {
        width: 100px;
    }
    .list-case-study-posts-item-content { 
        width: calc(100% - 200px );
        padding: 0 15px;
    }
    .list-scope {
        padding: 0 15px;
    }
    .case-study-posts-item-headline .font-22 {
        font-size: 15px;
        line-height: 20px;
    }
    .case-study-posts-item.list-layout .case-study-posts-item-inner {
        align-items: flex-start;
    }
    .featued-case-study-posts-item-meta p, .featued-case-study-posts-item-meta *, .case-study-posts-item-meta *, .single-case-study-posts-item-meta *, .featued-report-item-meta *, .news_meta *, .featued-event-item-meta *, .event-box-meta *, .event-box-meta *:hover, .event-list-meta-outer * {
        line-height: 22px;
        font-size: 14px;
    }
    .case-study-posts-item.list-layout .case-study-posts-item-inner {
        padding: 10px 0px 10px;
    }
    .list-case-study-posts-item-image {
        order: 1;
    }
    .case-study-posts-item-scope-col {
        order: 2;
    }
    .list-case-study-posts-item-content {
        order: 3;
    }
    .list-case-study-posts-item-content {
        width: calc(100% );
        padding: 15px 0px;
    }
    .case-study-posts-item.list-layout .case-study-posts-item-meta {
        align-items: center;
    }
    .case-study-posts-item.list-layout {
        margin: 0px 5px;
    }
    ul.dropdown-orderby{
        left: unset;
        right: 0px;
    }
    .all-case-study-link.space-50 {
        padding-top: 15px;
        padding-bottom: 14px;
    }

    .featued-report-item-excerpt {
        height: auto;
        overflow: auto;
        padding: 0;
    }
    .event-filter-date-filter-item {
        width: 49%;
        padding: 15px;
    }
    .featued-report-item-read-more {
        margin: 30px 0px 0px; width: 100%; text-align: center;
    }
    .featued-report-item-read-more .button {
        float: none;
        display: inline-block;
    }
    .featued-event-item-excerpt {
        max-height: 190px;
        padding-right: 20px;
    }
    .featued-event-item-read-more{
        margin: 30px 0px 30px;
    }
    .event-box .px-1 {
        padding-right: 20px!important;
        padding-left: 20px!important;
    }    
    .event-list-button {
        display: inline-block;
        padding: 0px 0px;
        width: 100%;
    }
    .capacity-building.space-top-80 {
        background-size: cover;
        background-position: right;
        padding: 0px;
    }
    h3.title_heading_governance.color-white.aos-init {
        font-size: 30px;
        margin: -15px 0;
    }
    div#hkia_senior_executive_roundtables_event {
        border-radius: 0;
        padding: 25px 0px;
    }
    h4.senior_executive-title {
        margin-top: 30px;
    }
    .content_carbon_area_image{
        margin-top: 30px;
    }
    div#hkia_senior_executive_roundtables_event .container.space-80.gap-bottom-80 {
        margin-bottom: 0;

    }
    div#hkia_working_groups {
        padding-bottom: 0;
    }
    .event_content {
        max-height: 150px;
        overflow: auto;
        padding-right: 30px;
        padding-top: 0px;
    }
    .event_content .event_content {
        max-height: 152px;
        overflow: auto;
        padding-right: 10px;
        padding-top: 0;
    }
    .featued-event-item-image {
        border-radius: 25px;
    }
    .news-filter, .event-filter {
        padding-left: 10px;
        padding-right: 10px;
    }
    .event-post-list {
        margin-top: 0;
    }
    .font-22 {
        font-size: 18px;
        line-height: 22px;
    }
    .news-box.list-news-box-inner {
        display: flex;
        align-items: flex-start;
        padding: 10px 0px;
    }
    .news-box.list-news-box-inner .news_image {
        width: 100px;
    }    
    .news-box.list-news-box-inner .news-box-inner {
        margin: 0 10px;
        width: calc(100% - 100px);
    }
    .news-box .news-title {
        min-height: auto;
    }
    .news-box.list-news-box-inner .news-box-inner .news_meta p.date {
        min-width: 100%;
    }
    .news-box.list-news-box-inner .news-box-inner .news_meta {
        flex-wrap: wrap;
    }
    .news_meta p{
        width: 100%;
    }   
    .single-news-main-image {
        border-radius: 15px;
    }
    .news-main-head-row {
        margin-top: 15px;
        margin-bottom: 10px;
    }

    #news-slider .owl-dots , #business-news-slider .owl-dots{
        position: relative;
        height: auto;
        margin-left: 0px;
        margin-top: 30px;
    }
    .our-news.our-related-news {
        padding-bottom: 70px;
    }
    .repository_items {
        min-height: 415px;
    }
    .content_carbon-second .rounded-box {
        margin-left: 0;
        margin-right: 0;
        background-position: center center;
    }
    .repository_items.rounded-box {
        border-radius: 15px;
    }
    .repository_items_overlay {
        padding: 15px;
        border: 15px solid #C5FF28;
        border-radius: 15px;
    }
    .repository_items:before {
        border-radius: 15px;
    }
    .pledged_business_fillter .case-study-filter-item.list_by {
        width: 30px;
        top: -7px;
        position: relative;
    }
    .pledged_business_fillter .airport-filter-item {
        width: calc(50% - 15px);
        padding-right: 15px;
    }
    .pledged_business_fillter .airport-filter-outer.case-study-filter-outer {
        margin-left: 0px;
        margin-right: 0px;
    }
    .repository-right-section{
        align-content: center;
    }
    #repository .container-xl.rounded-box {
        padding-top: 0px;
        padding-bottom: 0;
        text-align: center;
    }
    #gallery-slider.owl-carousel .owl-item img {
        aspect-ratio: 1 / .6;
    }
    .membership_buttons-single-partner .button.button_list {
        margin: 10px 10px 10px 10px;
    }
    .membership_buttons-single-partner {
        margin-top: 30px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .button, .button:hover, .button:focus{
        min-width: 250px;
    }
    .company_name {
        margin-bottom: 10px;
    }
    #event-slider .owl-dots {
        margin-top: 0;
        position: relative;
        height: auto;
        margin-left: 0;
    }
    .button_events_outer {
        position: relative;
        margin-top: 40px;
        float: right;
        width: 100%;
        text-align: center;
    }
    .button_events{
        display: inline-block;
    }
    .button_case {
        text-align: center;
        margin: 0px auto;
        width: 100%;
        display: inline-block;
    }
    .button_case .button {
        float: none;
        display: inline-block;
    }
    .contact-page-form .gform_wrapper.gravity-theme .gform_validation_errors {
        position: relative;
        top: 0;
    }
    .mail-box svg {
        max-width: 100%;
        max-height: 160px;
    }
    .gform_heading {
        order: 1;
    }
    .done-icon {
        width: 100%;
        margin: 0px auto;
    }
    .checked svg {
        max-width: 75px;
    }
    .contact-page-form .gform_confirmation_message {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        text-align: center;
        margin: 50px 0px;
    }
    .checked svg {
        max-width: 75px;
        height: auto;
        margin-top: 50px;
    }
    .projects_funded-left {
        width: 100%;
    }
    .projects_funded-right.projects_funded-content-col {
        width: 100%;
        padding: 30px 15px 0px;
    }
    .projects_funded-image img {
        border-radius: 25px;
    }
    .refrences-list-item.active-refrences .refrences-list-item-content {
        padding: 0px 35px 50px 35px;
    }
    .refrences-list-item-head.projects_funded-head {
        padding: 20px 35px; height: auto; min-height: 90px;
    }   
    .refrences-list-item-head.projects_funded-head::before {
        left: 25px;
    }
    .refrences-list-item.active-refrences .refrences-list-item-head.projects_funded-head::after {
        right: 5px; font-size: 80px;
    }
    .refrences-list-item-head.projects_funded-head::after {
        right: 10px; font-weight: 400;
    }
    .event-section p.event_content.custom-scroller {
        max-height: 125px;
        padding: 0px 15px 0px 0px;
    }
    .urlactive:hover .event-hover-button{
        border-radius: 15px;
    }
    .tab-content-box {
        width: 100%;
        margin-top: 20px;
    }
    #achievements .col-md-4 {
        margin: 10px 0px;
    }
    .leadership-banner  h3 {
        margin-left: 20px;
    }   
    .leadership-banner .col-md-9{
        padding-left: 0px;
        padding-right: 0px;
    }
    .image_leadership {
        text-align: center;
    }
    .leadership-banner .rounded-box {
        padding: 30px 15px;
    }
    .advancing-sustainability  h4.title {
        margin-top: 20px;
    }
    .image_right_emissions img, .image_accreditation img{
        aspect-ratio: 1 / .7;
    }

    .rounded-box, .half-rounded-box {
        border-radius: 15px;
        margin-left: 25px;
        margin-right: 25px;
        width: auto;
    }

    #decarbonisation .container > .row {
        padding-bottom: 0;
        /*        margin-left: -25px;
                margin-right: -25px;*/
    }
    .page-template-decarbonisation-journey #decarbonisation .half-rounded-box > .container > .row{
        margin-left: -45px;
        margin-right: -45px;
    }
    #decarbonisation .half-rounded-box > .container > .row{
        margin-left: -25px;
        margin-right: -25px;
    }
    .tab-section {  
        margin-bottom: 0;
    }
    .mobile-center {
        text-align: center;
    }
    #decarbonisation .button_list {
        display: inline-block;
        margin-right: 0;
        margin-bottom: 0px;
        float: none;
        text-align: center;
        width: auto;
    }
    #decarbonisation .button_list .button{
        float: none;
        display: inline-block
    }
    #achievements .container-lg .row.space-40 {
        padding-left: 0;
        padding-right: 0;
    }
    .home-banner.main-banner .row .col-md-6 {
        width: 50%;
    } 
    .home-banner.main-banner .banner-title {      
        font-size: 26px;
    }
    .home-banner.main-banner .banner-inner-content-area {
        padding: 0px 0px;
    }
    .home-banner.main-banner .banner-image {
        height: 500px;
    }
    .Main-Anime {
        height: 100%;
    }
    .mainmenu-menu-outer li.has-sub:hover ul.sub-menu {
        width: calc(100% + 0px);
    }
    .hamburger-button.menu-opened {
        right: 27px;
    }
    .mainmenu-menu-list > li {
        padding: 10px 40px 10px 0px;
    }
    #css-menu .submenu-button:after {
        text-align: center; top: 6px; font-weight: 500; right: 7px;
    }
    #css-menu .submenu-button {
        height: 35px;
        width: 35px;
    }
    .event-box-inner, .event-box {
        border-radius: 15px;
    }   
    .news-box, .event-box {
        border-radius: 15px;
    }
    .single-news #news-slider_list .col-md-4 {
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .single-news #news-slider_list .news-box{
        margin: 0px 0px;
    }
    .news_image img {
        aspect-ratio: auto;
    }
    .event-box-content {
        padding: 40px 10px 40px 10px;
    }
    .breakdown-emissions .emissions-graph-left:before {
        left: 0;
        width: 3px;
        height: 25px;
        top: 100%;
        margin: 0 auto;
        right: 0;
    }    
    .scope-icon img {
        max-height: 150px;
    }
    #milestone_slider {
        width: calc(100%);
    }
    .title_items .title_item:not(:first-child):not(:last-child):after{
        width: calc(100% + 22px);
    }
    .title_items .title_item:not(:first-child):not(:last-child):after {
        left: -52px;
    }
    .title_items .title_item:before{
        width: calc(100% + 23px);
    }
    .reduction-box {
        padding: 20px;
        border-radius: 15px;
    }
    .emission-reduction-boxes .col-md-6.col-lg-3 {
        margin: 25px 0px;
    }
    .featued-report-content-inner {
        margin-top: 20px;
    }
    .airport-filter-item {
        width: 100%;
        padding-right: 0;
        margin-bottom: 15px;
    }
    .airport-filter-item:nth-child(3) {
        padding-right: 0px;
    }
    .airport-filter-box, .styledSelect, input.form-control-box.filter-input_search {
        padding: 9px 20px;
        height: 45px;
        border-radius: 25px;
        font-size: 14px;
    }
    .div#logoText span {
        font-size: 28px;
    }
    .header-copyright-area{
        display: none;
    }
    .our-events-title {
        margin-left: 10px;
    }
    #roadmap-box {
        padding-top: 0;
    }
    .emission-reduction-boxes.space-60 {
        padding-bottom: 0px;
    }
    .roadmap-inner-fixed .col-md-4.col-lg-2 {
        width: 33.333333%;
        padding: 0px;
    }
    .airport_carbon_image {
        height: 150px;
        margin-bottom: 30px;
    }
    .airport_carbon_image img {
        max-height: 150px;
        max-width: 200px;
    }
    .airport_carbon_content-area h6.title {
        min-height: auto;
    }

    .content-area p:last-child{
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .gvernance .capacity-building {
        /*        background-image: url('../images/HKIA Leaders Group-Mobile.png')!important;*/
        background-size: cover;
        background-position: top center;
        background-attachment: scroll;
    }
    .repository-right-section{
        margin-right: 0px;
        margin-top: 30px;
    }
    .event-filter-right {
        margin-top: 30px;
    }
    .event_list-columns{
        background-color: #fff;
    }
    .event-box .event_list-columns .event_image {
        padding: 0 10px 0px 0px;
    }
    #event-listview-slider .event_image img{
        min-height: 90px;
    }
    #news-slider .news-box-inner, #business-news-slider .news-box-inner{
        margin: 30px 15px 30px;
    }
    a.button.color-black.aos-init.aos-animate {
        margin: 0px auto 25px !important;
        float: none;
        display: table;
        width: auto;
    }
    #repository .button_list{
        margin: 0px 30px 0px;
        margin-bottom: 0px !important;
    }
    #emission .row .col-md-6 .title{
        text-align: center;
    }
    .single-business-partner .business-image-box {
        margin-bottom: 30px;
    }
    p.full_name, p.full_name b {
        font-size: 18px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .single-partner-quote_text {
        background-color: #F8FDFF;
        padding: 50px 50px 50px;
        border-radius: 25px;
        position: relative;
    }
    .single-partner-quote:before{
        width: 48px;
        height: 35px;
        left: 35px;
    }
    .single-partner-quote:after {
        width: 48px;
        height: 35px;
        right: 35px;
        top: calc(100% - 70px);
    }
    .event-box .event_image {
        border-radius: 0;
        max-height: unset;
        display: inline-block;
        margin: 0px 0px 0px;
        width: 100%;
        padding-bottom: 0px;
    }
    .event-box .event_image img {
        border-radius: 15px;
        aspect-ratio: 1 / .75;
        min-height: auto;
        object-fit: cover;
    }
    .event-box .event-box-inner{
        padding-bottom: 10px;
    }
    .page-template-news-events .featued-event-content-inner{
        margin-top: 20px;
    }
    .urlactive:hover:after {
        width: 45px;
        height: 45px;
        right: -15px;
        top: -17px;
    }
    ul.pleged-dropdowm-orderby.dropdown-orderby {
        right: -60px;
        left: unset;
    }
    .contact-page-form .gform_wrapper {
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }
    .gform_wrapper.gravity-theme #field_submit, .gform_wrapper.gravity-theme .gform_footer {
        display: flex;
        justify-content: center;
        float: none;
    }  
    div#field_2_11 {
        text-align: center;
    }
    div#input_2_11 {
        display: inline-block;
    }
    .gform-footer.gform_footer.top_label {
        max-width: 300px;
        margin: 20px auto 0px!important;
    }
    .button#gform_submit_button_2 {
        /*        padding: 5px 40px;
                margin-top: 10px;*/
        width: 100%; 
    }
    .home_bottom_list {
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    #capacity_building .container-xl.rounded-box .col-md-12 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .pledged_business_fillter .reset-filter-item{
        margin-top:7px;
    }
    #decarbonisation .image_airport_wide_approach {
        margin: 30px 0px; text-align: center;
    }
    .title_carbon_area {
        margin-top: 20px;
    }
    .content_carbon_area p {
        margin: 0px 0px;
    }
    .gform_fields h4 {
        margin-bottom: 20px;
    }
    div#single-case-study-banner{
        padding-top: unset;
    }
    .single-main-banner, div#single-case-study-banner {
        padding-top: 180px;
    }
    .case-study-single-banner-content {
        top: 0;
    }
    .single-main-banner .rounded-box.space-100 {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .single-news-top-headline p{
        padding: 0px 0px;
    }
    .show-mobile{
        display: block;
    }
    p.partner-profile.show-mobile {
        text-align: left;
    }
    .show-desktop{display: none;}
    .roadmap-inner-normal .col-md-4.col-lg-2 {
        max-width: 33.33%;
        margin: 0 0px;
    }
    #milestone-section .owl-carousel .owl-item {
        padding: 0px 0px;
    }
    .scope-post-content.content-scroller {
        height: 109px;
    }
    .page-template-case-studies .case-study-posts-item-inner .scope-outer {
        position: absolute;
        top: 10px;
        right: 10px;
    }
    .home-top-content h4 {
        margin-bottom: 0;
    }
    .page-template-default .banner-graphic-2 {
        top: 50%;
    }
    .news-head .col-md-6 {
        width: 50%;
    }
    .news-head h3 {
        margin-bottom: 0;
        padding-bottom: 0;
        margin-top: 5px;
    }
    .news-post-list {
        margin: 15px 0px 0px;
    }
    .our-related-news .button_list {
        margin-top: 0px;
        margin-bottom: 0px !important;
    }
    #decarbonisation .image_accreditation {
        margin-top: 30px;
    }
    .home-banner.main-banner .showMe {
        -webkit-animation-duration: 8s;
        -moz-animation-duration: 8s;
        -o-animation-duration: 8s;
        animation-duration: 8s;
    }
    .banner-content-area, .page-template-default .banner-content-area{
        top: 15px;
    }
    .refrences-list-item.projects_funded-item.aos-init.aos-animate.active-refrences:first-child > div:before {
        top: 0px;
        width: calc(100% - 0px);
        left: 0;
    }
}
@media only screen and (max-width: 700px) {
    .emission-reduction-boxes:before {
        top: calc(55% + 6px);
    }
    .emission-reduction-boxes:after {
        top: calc(55% - 5px);
    }
}
@media only screen and (max-width: 680px) {
    .emission-reduction-boxes:before {
        top: calc(53% + 6px);
    }
    .emission-reduction-boxes:after {
        top: calc(53% - 5px);
    }
    .objectives_box_list-item {
        width: 100%;
        max-width: 320px;
        min-height: 300px;
        margin: 0px auto;
    }
}
@media only screen and (max-width: 580px) {
    .mainmenu-menu-outer li a {
        max-width: 300px;
    }
    .event-box-inner.urlactive .event-box-content{
        padding: 10px 0px;
    }
    .event-section .event-box {
        margin: 25px 0px;
    }
    #capacity_building h4.capacity_building-title {
        padding: 10px 20px 0px;
    }
    .home_bottom_list {
        justify-content: center;
    }
    .initiate.row .col-5, .initiate.row .col-7 {
        max-width: 50%;
        display: inline-block;
        vertical-align: top;
    }
    .scope_listing.button, .scope_listing.button:hover, .scope_listing.button:focus {
        padding: 7px 25px; width: 100%;
    }
    .animate-55-txt .txt-55 {
        font-size: 65px;
    }
    .initiate.row {       
        margin: 20px auto 0px;
    }
    .objectives_box_list-item {
        padding-left: 5px!important;
        padding-right: 5px!important;
    }
    .container-xl.rounded-box .col-md-12, .container-xl.rounded-box .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
    }
    .news-main-head-row .col-md-8,  .news-main-head-row .col-md-4{
        padding-left: 0px; padding-right: 0px;
    }
    .case-study-gallery .col-md-4{
        padding-left: 0px;
        padding-right: 0px;
    }
    #repository .button_list a.button.button_items {
        margin: 10px 0px;
        float: none;
        display: inline-block;
    }
    a.navbar-brand.logo img {
        max-width: 120px;
    }
    .main-logo:first-child img.website-logo {    
        max-width: 100px;
    }

}
@media only screen and (max-width: 540px) {
    .home_bottom_list_item-outer {
        width: 100%;
        margin: 5px 0px;
    }
    #capacity_building .container-xl.rounded-box .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }
    .event-filter-right {
        margin-top: 20px;
    }
    .banner-inner-content-area {
        padding: 0px 15px;
    }
    .home-banner.main-banner .row .col-md-6 {
        width: 100%;
    } 
    .home-banner.main-banner .banner-inner-content-area {
        padding: 0px 0px 30px 0px;
    }
    .home-banner.main-banner .image_logo {
        max-width: 300px;
    }
    .home .banner-content-area {
        margin: 0px 15px;
        animation: Main-2 9s;
        animation-delay: 0s;
    }
    .main-banner .banner-image {
        height: 380px;
    }
    .content-area ul li {
        padding: 5px 0px 5px 0px;
    }
    .container-xl.rounded-box, .login-protected-password .rounded-box {
        padding: 25px;
    }
    .featued-case-study-posts-item-headline {        
        margin-top: 10px;
    }
    .scopebox {
        width: 50px;
        height: 50px;
        font-size: 25px!important;
    }
    .case-study-posts-item-inner .scope-col .scopebox {
        width: 55px;
        height: 55px;
    }
    .airport-filter-outer.case-study-filter-outer {
        padding-bottom: 0;
    }

    .case-study-posts-item-inner {
        padding: 25px 10px;
    }
    .case-study-posts-item-inner img.case_study_image {
        border-radius: 15px;
    }
    .case-study-posts-item-inner .scope-outer .scope-col {       
        top: 15px;
        right: 10px;
    }
    .page-template-case-studies .case-study-posts-item-inner .scope-outer {
        top: 15px;
        right: 15px;
    }
    .mobile-show.scope_initiative_outer {
        max-width: 50px;
    }
    .mainmenu-menu-outer li a {
        font-size: 17px; line-height: 30px;
    }
    .mainmenu-menu-outer li ul.sub-menu li a {
        padding: 8px 0px;
    }
    .mainmenu-menu-inner{
        padding-bottom: 100px;
    }
    .main-logo:first-child img.website-logo {
        max-height: 60px;
        min-width: auto;
        width: auto;
    }
    a.navbar-brand.logo img {
        max-height: 50px;
        min-width: auto;
        width: auto;
    }
    .header-copyright-area .copyright p, .header-copyright-area .copyright a {        
        font-size: 12px;
        line-height: 20px;
        max-width: 260px;
        float: right;
    }
    .mainmenu-menu-outer .header-copyright-area li a {
        font-size: 22px;
        padding: 0px 0px;
    }
    .header-custom-menu {
        top: 24px;
    }
    .header-copyright-area {
        bottom: 0px;
        right: 15px;
    }

    .main-banner.carban-page-banner .showMe img {
        width: 50px;
    }
    h6, h6 span {
        font-size: 16px;
    }
    .projects_funded-head-title {
        font-size: 14px;
        line-height: 1.3;
    }
    .refrences-list-item-head.projects_funded-head::before {
        width: 30%;
        height: 5px;
    }   
    h6.font-22.event-title {
        font-size: 14px;
        line-height: 1.2;
    }
    .font-14, .featued-case-study-posts-item-meta p, .featued-case-study-posts-item-meta *, .case-study-posts-item-meta *, .single-case-study-posts-item-meta *, .featued-report-item-meta *, .news_meta *, .featued-event-item-meta *, .event-box-meta *, .event-box-meta :hover, .event-list-meta-outer * {
        font-size: 13px;
        line-height: 1.2;
    }
    .news_meta p {
        font-size: 12px;
    }    
    .event-box-inner.urlactive, .event-box-inner.urlactive:before {
        border-radius: 15px; padding: 10px 10px 20px;
    }
    .event-list-button {
        padding: 0px 0px;
    }         
    h4.quote_text-title {
        padding: 30px 0px 10px;
        margin: 0;
        font-size: 17px;
        line-height: 1.5em;
    }
    .quote_text {
        max-width: calc(100% - 0px);
    }
    .quote_text::before, .quote_text::after, .single-partner-quote:before, .single-partner-quote:after {
        width: 30px;
        height: 23px;
        background-size: contain;
        background-repeat: no-repeat;
    }    
    .single-partner-quote_text {
        background-color: #F8FDFF;
        padding: 25px 20px 25px;
        border-radius: 15px;
        position: relative;
    }
    .single-partner-quote:before{
        left: 30px;
        top: 30px;
    }
    .single-partner-quote:after{
        top: calc(100% - 45px);
        right: 30px;
    }

    .single-partner-quote h4 {
        font-size: 17px;
        line-height: 1.5em;
    }
    p.full_name, p.full_name b {
        font-size: 14px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .single-partner-title {
        margin-top: 40px;
    }
    #capacity_building h4.capacity_building-title {
        padding: 10px 20px 0px;
    }
    .capacity-building .container-xl.rounded-box {
        padding: 25px;
    }

    .space-30 {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    img.content_carbon_area {
        border-radius: 10px;
        margin: 15px 0 0;
    }
    .space-100 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .content_pledged_business {
        margin-top: 5px;
        font-size: 12px;
        line-height: 1.5;
    }

    .airport-filter-box[data-tab="businesspartner"]::after, .airport-filter-box[data-tab="scope_item"]::after,
    .styledSelect::after {
        /*        width: 8px;
                height: 8px;
                top: 45%;*/
        right: 25px;
    }
    .airport-filter-box[data-tab="businesspartner"].open-box::after, .airport-filter-box[data-tab="scope_item"].open-box::after {
        right: 20px;
    }
    .reset-filter-item {
        font-size: 0;
    }
    .repository-right-section {
        margin: 50px 0px;
    }
    /*    #repository .button_list a.button.button_items {
            max-width: 100%;
            min-width: inherit;
            font-size: 12px;
            height: auto;
            padding: 3px 18px;
            margin: 0 10px;
        }*/
    .content_repository-button.space-top-15 {
        margin: 0 auto;
        display: table;
    }

    #contact-page-form .rounded-box {
        margin-top: -50px;
        border-radius: 20px 20px 0 0;
    }
    #contact-page-form .rounded-box {
        margin-top: -50px;
        min-height: inherit;
        display: flex;
        align-items: center;
        border-radius: 20px 20px 0 0;
    }
    .contact-page-form .gform_wrapper {
        display: flex;
        flex-direction: column-reverse;
    }
    .contact-page-form h4 {
        margin: 0;
    }
    .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]), .gform_wrapper.gravity-theme .gfield textarea.large {
        min-height: 24px;
        font-size: 12px;
    }
    .gform-footer.gform_footer.top_label,
    .gform_wrapper.gravity-theme #field_submit, .gform_wrapper.gravity-theme .gform_footer {
        margin: 0 auto;
        display: table;
        float: none;
    }
    .contact-page-form .gform_heading {
        width: 100%;
        text-align: center;
        padding-top: 22px;
    }
    .contact-page-form form {
        width: 100%;
    }
    .banner-graphic-1{
        left: 0px;
    }
    .banner-graphic-1 img,  .banner-graphic-2 img {
        max-width: 45px !important;
    }
    .contact-page-banner .banner-graphic-2 {
        max-width: 60px;
    }
    .main-banner.news-event-banner {
        position: absolute;
    }
    .news-event-main-container {
        position: relative;
        width: 100%;
        margin-top: 300px;
    }
    .new-event-top-link-list-item a {
        height: 100%;
        font-size: 14px;    
    }
    .new-event-top-link-list-item:before {
        height: 5px; display: none;
    }
    .space-40 {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .partner-profile {
        margin-bottom: 10px;
    }
    .membership_date_content {
        max-height: max-content;
        padding-right: 0;
    }
    .case-study-single-banner-content .case-study_name {
        margin-top: 0;
    }
    .scopebox .scopebox-discription {
        padding: 15px;
        top: 55px;
        left: 0;
        max-width: 270px;
    }
    .featued-report-item-meta {
        margin: 10px 0;
    }
    .search-button {
        right: 18px;        
    }
    span.ti-search {
        font-size: 16px;
    }
    input.form-control-box.filter-input_search {
        padding-right: 40px;
    }
    .featued-event-item-read-more {
        margin: 25px auto;
        display: table;
    }
    .featued-event-item-image img.image_membership {
        margin: 0;
    }
    div#featued-events .container-xl.space-80.rounded-box {
        padding-bottom: 20px;
    }
    .event-filter-date-filter-item {
        width: auto;
        height: auto;
        padding: 20px;
        font-size: 12px;
    }
    .event-filter-date-filter-item:before {
        height: 5px;
    }
    .event-filter-item.airport-filter-item.list_by {
        position: relative;  
        right: -210px;
        top: 0;
    }
    #event-grid-slider .event-box {
        margin: 15px 10px;
    }
    .event-post-list .col-md-12{
        padding-right: 10px;
        padding-left: 10px;
    }
    .owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 20px;
    }
    .event_image img {
        min-height: inherit;
    }
    select#orderby {
        height: 36px;
    }
    .single-page-content a {
        font-size: 12px;
        line-height: 1.2;
    }
    div#single-case-study-banner {
        background-size: inherit;       
    }
    .events-bg-image img {
        height: 250px;
    }
    .events-bg-content {
        top: -50px;
    }
    .featued-event-item-excerpt {
        max-height: 210px;
        padding-right: 15px;
    }
    .event-box-content {
        padding: 30px 10px 30px 10px;
    }
    .event-post-list .event-filter{
        padding-left: 0;
        padding-right: 0px;
    }
    .owl-theme .owl-dots {
        margin: 30px auto 0px;
    }
    #pledged_business_partners .new-event-top-link-list-item {
        width: calc(33% - 1px);
        margin: 0px 1px;
        min-width : auto;
    }
    .col-five {
        flex: 0 0 auto;
        width: 50%;
    }
    .my-5 {
        margin-top: 2rem!important;
        margin-bottom: 2rem!important;
    }
    .h1, h1 {
        font-size: 32px;
    }
    .scope-item-box {
        border: 5px solid;
        padding: 25px 15px;
        border-radius: 15px;
    }
    .scope-icon {
        margin: 0px auto 15px;
        height: auto;
    }
    .scope_slider .scope-post-content {
        height: 230px;
    }    
    .row.objective-row.space-80 {
        padding-top: 30px;
    }

    .scope-box-inner .scope-title {
        min-height: auto;
        padding-bottom: 15px;
    }
    .p-3 {
        padding: 25px!important;
    }
    .px-3 {
        padding-right: 25px!important;
        padding-left: 25px!important;
    }
    .p-4{
        padding-right: 25px!important;
        padding-left: 25px!important;
    }
    .hkia_greenovation_fund-top-row {
        margin-left: -15px;
        margin-right: -15px;
    }   
    #events .col-md-12.col-lg-12.col-xl-6 {
        margin-left: -15px;
        margin-right: -15px;
    }
    #events .space-15{
        padding-top: 0px; padding-bottom: 0px;
    }
    .title_items .title_item:not(:first-child):not(:last-child):after {
        left: -48px;
    }
    .title_items .title_item:not(:first-child):not(:last-child):after {
        width: calc(100% + 18px);
    }
    #emission .title_items {
        max-width: 380px;
        text-align: center;
    }
    .title_items .title_item:before {
        width: calc(100% + 18px);
    }
    .emission-reduction-boxes.space-60 .col-md-3 {
        width: 100%;
        margin: -15px 0 30px;
    }
    .emission-reduction-boxes:before{
        top: 50%; display: none;
    }
    .emission-reduction-boxes:after{
        top: calc(50% - 11px); display: none;
    }    
    .font-22.year_road-title {
        font-size: 11px;
        line-height: 22px;
        margin-right: -10px;
    }
    .emissions-graph-center {
        width: 100%;
    }    
    .chart-container {
        margin: 20px auto;
    }
    .emission-reduction-boxes .col-md-6.col-lg-3 {
        margin: 10px 0px;
    }
    .emission-reduction-boxes .col-md-6.col-lg-3 {
        margin: 10px 0px;
    }
    .emission-reduction-boxes:before {
        top: 52%;
    }
    .emission-reduction-boxes:after {
        top: calc(52% - 11px);
    }
    .font-18.pillar-title {
        font-size: 14px;
        line-height: 20px;
    }

    .h3, h3 {
        font-size: 23px;
        line-height: 32px;
    }
    .gallery-section #gallery-slider.owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 15px;
    }
    .capacity-building {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #F5FEFF;
    }

    .row.capacity_building-top-row.align-items-center {
        margin: 0px;
        padding: 0 0px;
    } 
    .airport-filter-item-inner {
        position: relative;
        display: inline-block;
        width: 100%;
    }
    .airport-filter-input input[type=checkbox], .airport-filter-input input[type=radio] {
        appearance: none;
        display: none;
    }
    .airport-filter-inner.open-filter-box {
        max-height: 248px;
    } 
    .search-button {
        right: 18px;      
    }
    #carbon-management-system .button_list {
        width: 100%;
        display: inline-block;
        text-align: center;
        margin: 30px auto 0px !important;
    }
    #carbon-management-system .button_list .button{
        float: none;
        display: inline-block;
    }
    #carbon-management-system .title{
        margin-top: 20px;
    }
    #carbon-management-system .space-80{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .featued-report-item-read-more {
        margin: 30px 0px 0px;
    }
    .roadmap-inner-normal .col-md-4.col-lg-2 {
        max-width: 50%;
        margin: 0 0px;
    }
    .pillar-title {
        min-height: auto;
        max-width: 100px;
        text-align: center;
        margin: 10px auto 10px;
    }
    .case-box .news_image .list-scope{
        padding-left: 0px;
    }
    .case-box .news_image .list-scope .scopebox {
        margin: 5px 0px;
        width: 34px;
        height: 34px;
        font-size: 16px!important;
    }
    .case-box .news_image {
        width: 75px;
        float: left;
    }
    .case-box {
        padding: 15px 15px;
    }
    .case-box .case-box-inner {
        width: calc(100% - 75px);
        float: left;
    }
    .case-box-inner {
        padding-left: 15px;
    }
    ul.dropdown-orderby {
        width: 165px;
    }
    .news-filter .news-filter-item-left {
        padding: 0 0px;
    }
    .news_event-section .airport-filter-item {        
        min-width: auto !important;
    }
    .advancing-sustainability  .image_accreditation img{
        aspect-ratio: auto;
    }
    #pledged_business_partners { 
        padding-top: 35px; 
    } 
    span.projects_funded-icon img {
        margin-top: 0px;
    }
    #home-middle .row.space-bottom-80{
        padding-bottom: 0px;
    }
    .airport_carbon_content {
        height: auto;
        padding: 0px 0px;
    }
    .home-section1 .row.space-bottom-50 {
        padding-bottom: 0;
    }
}


@media only screen and (max-width: 480px){
    .roadmap-inner-normal .col-md-4.col-lg-2 {
        max-width: 50%;
        margin: 0 0px;
    }
    .objectives_box_list-item {
        width: 100%;
        max-width: 320px;
        min-height: 300px;
        margin: 0px auto;
    }
    .refrences-list-item.active-refrences .refrences-list-item-content {
        padding: 0px 10px 50px 10px;
    }
    .refrences-list-item-head.projects_funded-head {
        padding: 20px 25px 20px 10px; 
    }   
    .refrences-list-item-head.projects_funded-head::before {
        left: 10px;
    }
    .refrences-list-item-head.projects_funded-head::after {
        right: 5px; 
        top: 20px;
        font-size: 32px;
    }
    .refrences-list-item.active-refrences .refrences-list-item-head.projects_funded-head::after {
        font-size: 60px;
    }

    #emission .title_items {
        max-width: 350px;
    }
    .title_items .title_item:before {
        width: calc(100% + 10px);
    }
    .title_items .title_item:not(:first-child):not(:last-child):after {
        left: -40px;
    }
    .title_items .title_item:not(:first-child):not(:last-child):after {
        width: calc(100% + 10px);
    }
    #milestone-section .owl-carousel .owl-item {
        padding: 0px 10px 0px 10px;
    }
    .scope-post-content.content-scroller {
        height: 153px;
        margin-bottom: 20px;
    }
    .gvernance .capacity-building {
        background-position: left top;
        background-attachment: scroll; 
    }
    .image_airport_wide_approach svg {
        transform: scale(0.75);
        transform-origin: 25% 50%;
    }
    .page-template-news-events .news-box-inner {
        margin: 25px 30px 30px;
    }
    .objectives_box_list-item.p-3 {
        padding: 1rem!important;
    }
    #pledged_business_partners .new-event-top-link-list-item:first-child{
        display: none;
    }
    .case-study-post-list .case-study-posts-item-inner:hover:after{
        display: none;
    }
    .case-study-filter .featued-case-study-posts-item-excerpt {
        max-height: max-content;
        padding-right: 0;
        overflow: inherit;
    }
    .list-case-study-posts-item-image a img {
        aspect-ratio: auto;
    }
    .featued-case-study-posts-item-excerpt {
        max-height: max-content;
        padding-right: 0;
        overflow: hidden;
    }
}
@media only screen and (max-width: 420px) {
    #emission .title_items {
        max-width: 320px;
    }
    .title_items .title_item:before {
        width: calc(100% + 3px);
    }
    .title_items .title_item:not(:first-child):not(:last-child):after {
        left: -34px;
    }
    .title_items .title_item:not(:first-child):not(:last-child):after {
        width: calc(100% + 4px);
    }   
    #emission .row .col-md-6 {
        padding-left: 0px;
        padding-right: 0px;
    }
    /*    .image_airport_wide_approach svg {
            transform: scale(0.75);
            transform-origin: -3% 50%;
        }*/
    .error-message.text-center.space-bottom-40 {
        margin-top: 20px;
    }
    .emissions-graph-right {
        width: 100%; min-width: auto;
    }
    .emissions-graph-left {
        width: 100%; min-width: auto;
    }
    .news-box-inner {
        margin: 35px 15px 25px;
    }
    .font-22.year_road-title {
        font-size: 8px;
        margin-right: -8px;
    }
}
@media only screen and (max-width: 400px) {
    .new-event-top-link-list-item a {
        font-size: 11px;
    }
    .banner-graphic-1 {
        top: 110px;
    }
    .banner-inner-content-area {
        margin-bottom: 0;
    }
    .home_bottom_list_item-outer {
        max-width: 90%;
    }
    span.alert.alert-danger {
        font-size: 12px;
    }
    .password-protected-input input#pwbox-113 {
        max-width: 100%;
        min-width: auto;
    }
    .scope-post-content.content-scroller {
        height: 131px;
        margin-bottom: 20px;
    }
    span.bigfont {
        font-size: 75px;
    }
    .image_airport_wide_approach svg {
        transform: scale(0.65);
        transform-origin: 10% 75%;
    }
}
@media only screen and (max-width: 375px) {
    .button, .button:hover, .button:focus {
        min-width: 220px; padding: 7px 15px;
    }

    #emission .title_items {
        max-width: 300px;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    #emission .title_items .title_item {
        width: 20%;
    }
    p.video_title{
        padding: 25px;
    }
    .title_items .title_item:before {
        width: calc(100% + 0px);
    }
    .title_items .title_item:not(:first-child):not(:last-child):after {
        left: -33px;
    }
    .title_items .title_item:not(:first-child):not(:last-child):after {
        width: calc(100% + 0px);
    }
    .title_items .title_item:first-child:after{
        left: 47%;
    }
    span.alert.alert-danger {
        font-size: 10px;
    } 
    span.bigfont {
        font-size: 55px;
    }
    .image_airport_wide_approach svg {
        transform: scale(0.55);
        transform-origin: 25% 95%;
    }
    .breakdown-emissions .emissions-graph-right:before {
        left: calc(100% - 15px);
    }
    .breakdown-emissions .emissions-graph-right:after {
        left: calc(100% - 34px);
        width: 20px;
    }
} 

@media all and (max-width: 959px) and (orientation : landscape) {
    .header-copyright-area{
        display: none;
    }
    .mainmenu-menu-inner {       
        -webkit-flex-wrap: wrap;       
        -ms-flex-wrap: wrap;       
        flex-wrap: wrap;
    }
    .header-custom-menu #css-menu .mainmenu-menu-outer .mainmenu-menu-container{
        padding: 55px 50px;
    }
    .tab-content-inner .mobile-center {
        text-align: center;
    }
    .tab-content-inner .button_list {
        display: inline-block;
        margin-right: 0;
        margin-bottom: 0px;
        float: none;
        text-align: center;
        width: auto;
    }
}