@media (min-width:1920px) {
    html, body{   zoom: 1.1; }

}
@media (min-width:1800px) {

}
@media (min-width:1499px) {

}
@media (min-width:1599px) {
    .section1-content {
        padding-left: 30px;
        padding-top: 80px;
    }
}
 
@media screen and (max-width:1799px) {

}

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

}

/* @media (max-width:1500px) {

    .fixed-top img.website-logo, .animated-header img.website-logo {
        max-width: 130px;
    }
} */
@media (max-width:1440px) {
    .student-gain:before{
        top: -60px;
        width: 120px;
        height: 105px;
    }
}
@media (max-width:1366px) {
    #this-time-is-now::after{
        height: 125px;
    }
    .student-gain:before{
        top: -60px;
        width: 120px;
        height: 105px;
    }
    .completion:after{
        bottom: -15px;
        width: 125px;
        height: 70px;
    }
    .image-with-content:before {       
        top: -100px;
        width: 100px;
        height: 90px;
    }
    .media-section:after {    
        top: -20px;
        width: 125px;
        height: 70px;
    }
}
@media (max-width:1280px) {

}

@media (max-width:1199px) {
    .hover-box-content-title {
        opacity: 1;
    }
    .key-factors-list .hover-box-item{
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
    h1{
        font-size: 45px;
    }
    .main-menu-transparant ul li {
        padding: 0px 10px;
    }
    .main-menu-transparant ul li a{
        font-size: 13.5px;
    }
    .image-title-waste-box{
        min-height: 315px;
    }
    .page-top-section {
        padding: 30px 40px 20px;
    }
    .recource-above-banner{
        padding: 40px 40px 0px 40px;
    }
    .resource-image_hk {
        padding-right: 0px;
    }
    .change_we_need_boxes-image {
        min-height: inherit;
    }
    .where-box-content {
        min-height: 110px;
    }
    .crisis-image {
        text-align: center;
    }
    .page-template-default h1{
        margin: 20px 0px;
        font-size: 28px;
    }
    .page-template-default ul{
        margin-bottom: 30px;
    }
    .student-gain-box{
        margin-left: 15px;
    }
}
@media(max-width: 1024px) {
    .student-gain:before {
        top: -10%;
        width: 10%;
        height: 20%;
    }
} 

@media (max-width:992px) {
    .student-gain:before {
        top: -10%;
        width: 8%;
        height: 15%;
    }
    .banner-single {
        background: #4893ca;
        padding: 100px 20px 40px 20px;
        height:unset !important;
    }  

    .container {
        max-width: 95%;
    }
    .main-header{
        display: none;
    }
    .mobile-custom-menu {
        display: block;
    }

    /************Mobile Menu***********/
    ul.mobile-menu-list li a:not([href]):not([tabindex]) {
        color: #4d9ad4;
    }
    .mobile-custom-menu .buttonn {
        width: 55px;
        height: 46px;
        position: absolute;
        right: 0;
        top: 15px;
        cursor: pointer;
        z-index: 12399994;
    }
    .buttonn.menu-opened{
        position: fixed;
        top: 15px;
    }

    .mobile-custom-menu .buttonn:after {
        position: absolute;
        top: 20px;
        right: 25px;
        display: block;
        height: 8px;
        width: 22px;
        border-top: 2px solid #00ffb2;
        border-bottom: 2px solid #00ffb2;
        content: ''
    }
    #cssmenu .mobile-menu-outer {
        width: 100%;
        display: none;
    }
    .mobile-custom-menu #cssmenu .mobile-menu-outer {
        height: 100%;
        background: #fff;
        position: fixed;
        z-index: 999999;       
        overflow: hidden;
        right: 0;
        top: 0;
        padding-top: 75px;
        max-width: 350px;
    }
    ul.mobile-menu-list {        
        width: 100%;
        padding: 20px 0px 20px 0px;
        border-top: 4px solid #00ffb2;
        overflow-x: scroll;
        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: 13px;
        right: 25px;
        display: block;
        height: 2px;
        width: 22px;
        background: #00ffb2;
        content: ''
    }
    ul.mobile-menu-list li{
        width: 100%; 
        text-align: left;
        padding:0px 0px;
        line-height:normal;
        position: relative;      
    }
    ul.mobile-menu-list li:after{
        content: '';
        left: 0;
        bottom: 0;
        position: absolute;
        background-color: #fff;
        width: 100%;
        height: 1px;
    }
    ul.mobile-menu-list li:first-child{
        border-top:1px solid #fff;
    }
    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: #4d9ad4;
        font-size: 22px;        
        line-height: normal;
        padding: 6px 20px;
        width: 100%;
        display: inline-block;
        text-transform: uppercase;
    }
    ul.mobile-menu-list li.current-menu-ancestor > a,
    ul.mobile-menu-list li.current-menu-item > a,
    ul.mobile-menu-list li.current-menu-ancestor a:not([href]):not([tabindex]){
        color: #12d7c4;
    }
    ul.mobile-menu-list ul.sub-menu {
        border-top: 1px solid #fff;
        padding: 0px 0px 15px 18px;
        display: none;
    }
    ul.mobile-menu-list li.current-menu-parent ul.sub-menu{
        display: block;
    }
    ul.mobile-menu-list li .sub-menu li a, ul.mobile-menu-list li .sub-menu li a:hover{
        font-size: 22px;       
    }
    .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: 2px;
        width: 50px;
        background: #00ffb2;
        -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: #00ffb2;
        width: 50px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    #cssmenu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 15px;
        top: 0px;
        display: block;        
        height: 30px;
        width: 30px;
        cursor: pointer
    }
    #cssmenu ul ul .submenu-button {
        height: 34px;
        width: 34px
    }

    #cssmenu .submenu-button:after {
        position: absolute;
        top: 7px;
        right: 15px;
        width: 15px;
        font-size: 16px;
        color: rgba(77,154,212,.17);        
        display: block;        
        content: "\e61a";
        font-family: 'themify';
        font-weight: bold;
    }
    ul.mobile-menu-list li ul.sub-menu li a{
        text-transform: capitalize;
    }
    ul.mobile-menu-list li ul.sub-menu li.active a{
        color: #12d7c4;
    }
    #cssmenu .submenu-button.submenu-opened:after{
        content: "\e646";
    }
    #cssmenu ul ul .submenu-button:after {
        top: 15px;
        right: 13px
    }

    #cssmenu ul ul .submenu-button:before {
        top: 12px;
        right: 16px
    }

    #cssmenu .submenu-button.submenu-opened:before {
        display: none
    }

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

    #cssmenu > ul > li.has-sub > ul > li.active > a,
    #cssmenu > ul ul > li.has-sub > ul > li.active > a {
        border-top: none
    }
    #cssmenu .make-appointment {
        max-width: 100%;
        background: #607bbc;
        display: inline-block;
        width: auto!important;
        padding: 0px 30px;
        margin: 15px 0px;
    }
    .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;
    }
    .main-header {
        display: none;
    }

    a.top-mail:after{
        display: none;
    }   
    .mobile-custom-menu .buttonn.menu-opened:before{
        width: 30px;
    }
    .mobile-custom-menu .buttonn.menu-opened:after{
        width: 30px;
        height: 3px;
    }
    .mobile-custom-menu .buttonn{
        right: -5px;
    }

    .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;
    }
    /**********************logo*****************/
    .mobile-logo {
        width: 100%;
        text-align: left;
        display: inline-block;
    }
    .mobile-logo .mobile-website-logo {
        max-width: 80px;       
    }

    .navbar-brand.logo{
        background: #4d9ad4;
        padding: 20px;
        margin-right: 0;
        margin-left: 15px;
    }
    .mobile-custom-menu {
        position: relative;
        background: #fff;
        z-index: 99;
        width: 100%;
        height: 75px;
    }

    .owl-carousel {
        z-index: 0;
    }
    .space-bottom-80 {
        padding-bottom: 40px;
    }
    /* body > header {
        margin-bottom: 75px;
    } */
    .recource-above-banner {
        background: #fff;
        padding: 30px 40px 0px 40px;
        margin-top: -45px;
    }
    .resource-image_hk {
        padding-right: 0px;
    }
    .footer-newsletter .gform_wrapper .gform_body{
        width: calc(100% - 0px);
    }.footer-newsletter .gform_wrapper
    .footer-newsletter .gform_wrapper .top_label li{
        padding-right: 0px;
        margin-top: 15px;
    }
    .footer-newsletter .gform_wrapper .gform_footer{
        width: 100%;
    }
    .footer-newsletter .gform_wrapper .gform_footer input.button, 
    .footer-newsletter .gform_wrapper .gform_footer input[type=submit], 
    .footer-newsletter .gform_wrapper .gform_page_footer input.button, 
    .footer-newsletter .gform_wrapper .gform_page_footer input[type=submit] {
        width: 100%!important;
    }
    .footer-newsletter .gform_wrapper .gform_footer {
        margin: 15px 0 0 0!important;
    }
    .footer-newsletter {
        padding: 0px 25px;
        margin-bottom: 30px;
        display: inline-block;
    }
    .footer-newsletter .gform_wrapper .top_label li .ginput_container input{
        text-align: center;
    }
    .gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half{

        width: 100%!important;
        padding-right: 0!important;
        margin-top: 10px;
    }
    .news-events-image {
        width: 100%;
        max-width: 100%;
        height: inherit;
    }
    .event-list .owl-nav {
        width: calc(100% + 40px);
        left: -20px;
    }
    .news-item-inner{
        padding: 15px 0px;
    }
    .page-top-section {
        padding: 30px 40px 0;
    }
    .now-back-image-right {
        background-size: 80% !important;
        padding-bottom: 130px !important;
        margin-top: -70px !important;
    }
    .image-title-waste-box {
        min-height: 336px;
    }
    .image-title-waste-box h2 {
        min-height: 96px;
    }
    .change_we_need_boxes{
        margin: 0 auto 0 0%;
    }
    .change_we_need_boxes h1{
        font-size: 35px;
    }
    .change_we_need_boxes-image {
        min-height: inherit;
    }
    .convener-gray::before, .convener-gray-right::before {
        top: 0px;
        left: 0%;
        height: 100%;
        width: calc(100% + 0%);
        right: 0%;
    }
    .partner-content {
        padding: 40px 15px;
    }
    .platform-inner{
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .about3 {
        margin-top: 0px;
    }
    .about2 {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    /* div#section2 {
        padding-bottom: 0;
    } */
    .page-template-about #section2 .row{
        -ms-flex-direction: column-reverse!important;
        -webkit-box-orient: vertical!important; 
        -webkit-box-direction: reverse!important;
        -webkit-flex-direction: column-reverse!important;
        -moz-box-orient: vertical!important; 
        -moz-box-direction: reverse!important;
        flex-direction: column-reverse!important;
    }
    .partner-image {
        margin-top: 15px;
        width: 100%;
    }
    #promotionmodal .modal-dialog .modal-content{
        padding: 10px 30px;
        margin: 0px 30px;
        margin-top: 25px;
    }
} 



@media (max-width:800px){
    .student-gain:before {
        top: -10%;
        width: 8%;
        height: 12%;
    }
}
@media (min-width:768px) {
    .mobile-banner {
        background-image: none!important;
        display: inline-block;
        width: 100%;
    }
}
@media (max-width:767px) {
    .mobile-custom-menu #cssmenu .mobile-menu-outer {       
        max-width: 285px;
    }
    ul.mobile-menu-list li a,ul.mobile-menu-list li a:hover{       
        font-size: 15px;   
    }
    ul.mobile-menu-list li .sub-menu li a, ul.mobile-menu-list li .sub-menu li a:hover{
        font-size: 15px;       
    }
    p, html, body{
        font-size: 16px;
    }
    .show-mobile{
        display: block;
    }
    .hide-mobile{
        display: none;
    }

    .page-id-1577 .change_we_need_boxes-image.政府 img{
        max-width: 100%;
        margin-bottom: 0px;
    }
    .where_we_need .sector-image img {
        max-width: 100%;
    }
    .home .page-top-section{
        padding: 30px 15px 0;
    }
    .page-top-section{
        padding: 30px 0px 0;
    }
    .home .footer-newsletter {
        display: none;
    }
    .footer-newsletter .gform_wrapper .gform_body{
        width: calc(100% - 0px);
    }
    .footer-newsletter .gform_wrapper .top_label li{
        padding-right: 0px;
        margin-top: 15px;
    }
    .footer-newsletter .gform_wrapper .gform_footer{
        width: 100%;
    }
    .footer-newsletter .gform_wrapper .gform_footer input.button, 
    .footer-newsletter .gform_wrapper .gform_footer input[type=submit], 
    .footer-newsletter .gform_wrapper .gform_page_footer input.button, 
    .footer-newsletter .gform_wrapper .gform_page_footer input[type=submit] {
        width: 100%!important;
    }
    .footer-newsletter .gform_wrapper .gform_footer {
        margin: 15px 0 0 0!important;
    }
    .footer-newsletter {
        padding: 0px 25px;
        margin-bottom: 30px;
        display: inline-block;
    }
    .footer-newsletter .gform_wrapper .top_label li .ginput_container input{
        text-align: center;
    }
    .footer-custom .row{
        -ms-flex-direction: column-reverse!important;
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -webkit-flex-direction: column-reverse!important;
        -moz-box-orient: vertical!important;
        -moz-box-direction: reverse!important;
        flex-direction: column-reverse!important;
    }
    footer.footer-custom {
        text-align: center;
        background-color: #649eca;
    }
    ul.social-list-item li a {
        font-size: 40px;
    }
    div#home-banner, div#pageBanner {
        height: 500px;
        min-height: auto;
    }
    .mobile-banner{
        height: 500px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: initial;
        display: flex;
        align-items: center;
        width: 100%;
    }
    .banner-content ,.page-banner-content{
        text-align: center;
    }
    #home-banner .banner-title {
        font-size: 35px;
        line-height: 38px;
        /* max-width: 275px; */
        margin: 30px auto;
        display: inline-block;
    }
    .page-top-section{
        margin-top: 20px;
    }
    .h2, h2 {
        font-size: 22px;
    }
    h1 {
        font-size: 38px;
    }
    h1.page-heading-h1 {
        max-width: 100%;
    }
    .page-heading-big {
        margin-bottom: 30px;
    }
    #this-time-is-now::after {
        width: calc(100% + 20%);
        height: 70px;
        left: -10%;
        bottom: 10px;
        background-size: 160%;
        margin: 0px 0px;
        background-position: 68% 100%;
    }
    .hover-box-item {
        width: 100%;
    }
    .hover-box-content-icon img {
        max-width: 60px!important;
    }
    .hover-box-content-title {
        opacity: 1;
        line-height: 1em;
        margin-top: 10px;
    }
    .resource-content {
        width: 100%;
        padding-right: 0;
        margin-bottom: 26px;
    }
    .resource-image {
        width: 100%!important;
        margin-top: 50px;
        display: inline-block;
        text-align: left;
        padding-left: 0%;
        margin-left: 0;
    }
    #scarousel .owl-nav {
        display: none;
    }
    #scarousel .owl-item img {       
        width: 100%;
    }
    #scarousel .owl-dots {
        right: inherit;
        margin: 0px auto;
        text-align: center;
        width: 100%;
        bottom: -7%;
    }
    .home7 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .home7 .container-white {
        background: transparent;
    }
    .new-event-list-item,.new-event-list-item.post {
        width: 100%;
        padding: 15px 0px;
        background-color: #fff;
        margin-top: 0px;
        margin-bottom: 20px;

    }
    .home7 .inner-box.space-50 {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .space-bottom-100 {
        padding-bottom: 40px;
    }
    .carbon_image {
        padding: 15px;
    }
    .carbon-content {
        margin-left: 0%;
        margin-top: 60px;
    }
    .carbon-content-inner {
        display: inline-block;
        padding:0px 15px; 
    }
    .home8:before{
        height: 6%;
    }
    .right-content {
        top: 0;
        padding: 8% 9%;
        margin: 70px 0px;
    }
    .get-newsletter .gform_wrapper .gform_footer input.button, 
    .get-newsletter .gform_wrapper .gform_footer input[type=submit], 
    .get-newsletter .gform_wrapper .gform_page_footer input.button, 
    .get-newsletter .gform_wrapper .gform_page_footer input[type=submit]{
        width: auto!important;
    }
    .get-newsletter .gfield_no_follows_desc h2{
        margin-bottom: 15px;
    }
    .home9 {
        height: auto;
        background-position: center;
    }
    .banner-title {
        font-size: 25px;
        word-break: break-word;
    }
    .banner-content-inner {
        max-width: 200px;
        margin: 0px auto;
    }
    .page-top-section h2{
        margin-bottom: 15px;
    }
    .convener-gray::before, .convener-gray-right::before {
        top: 0px;
        left: 0%;
        height: 100%;
        width: calc(100% + 0%);
        right: 0%;
    }
    .platform-inner {
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .partner-content{
        padding: 40px 15px;
    }
    .about2 {
        margin-top: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .platform_image {
        margin-top: 20px;
    }
    .our_boxes h2 {
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .our_boxes p{
        margin-bottom: 25px;
    }
    .contact-boxes {
        padding: 40px 0px 0px 0px;
        margin-top: 0px;
        margin-bottom: 40px;
    }
    .contact-image {
        padding-top: 20px;
        padding-bottom: 45px;
    }
    .page-template-the-change-we-want .banner-content-inner,
    .page-template-the-change-we-want .banner-title{
        max-width: 300px;
        margin: 0px auto;
    }
    .top-parallax-section {
        top: 0px;
    }
    .act-content-page {
        padding-top: 0px;
        padding-right: 0px;
    }
    .act-content-page h2{
        padding-top: 60px;
    }
    .act-content-page {
        padding-bottom: 30px;
    }
    div#why-act-now {
        background: #fff;
    }
    #why-act-now .mobile-none{
        background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 0%, rgb(242, 242, 242) 79%);
        height: 60px!important;
    }
    .wedo-content-page{
        top: 45px;
        padding: 60px 15px 40px;
    }
    .act-after-image.space-bottom-100 {
        padding-bottom: 0;
    }
    .vc_empty_space.mobile-none {
        height: 100px!important;
    }
    .carbon8{
        background-position: center center;
    }
    .sector-image {
        margin: 30px 0px;
    }
    .of_emissions-section .row{
        -ms-flex-direction: column-reverse!important;
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -webkit-flex-direction: column-reverse!important;
        -moz-box-orient: vertical!important;
        -moz-box-direction: reverse!important;
        flex-direction: column-reverse!important;
    }
    .of_emissions-section {
        margin-top: 40px;
    }
    .of_emissions-section  .sector-content h2{
        margin-bottom: 20px;
    }
    .space-top-100 {
        padding-top: 60px;
    }
    .where_we_need_to_get_to-right-content-page {
        margin-top: 20px;
    }
    .change_we_need_boxes-image.government img {
        max-width: 100%;
    }
    .change_we_need_boxes-image img {
        margin-left: 0px;
    }
    .change_we_need_boxes-image {
        min-height: auto;
    }
    .change_we_need_boxes {
        max-width: 100%;
        margin: 20px 15px;
        text-align: left;
    }
    .change_we_need_boxes-outer .col-md-6 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .change_we_need_boxes-outer {
        padding-left: 15px;
        padding-right: 15px;
    }
    .key-factors-list .hover-box{
        display: inline-block;
    }
    .key-factors-list .hover-box-item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .back-image img {
        min-height: 185px;
    }
    .key-factors-list {
        position: relative;
        line-height: 0;
    }
    #commissioning .modal-dialog .modal-body, .retrofitting .modal-dialog .modal-body {
        padding: 35px 15px 50px;
    }
    .page-top-section h2.space-bottom-15{
        padding-bottom: 0px; 
    }
    .space-bottom-30 {
        padding-bottom: 15px;
    }
    .sector-content h2{
        font-size: 20px;
    }
    .space-80 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .space-top-50 {
        padding-top: 25px;
    }
    .section-carbon:after{

        top: -75px;
        height: 75px;
    }
    .change_we_need_boxes h1 {
        font-size: 28px!important;
    }
    .parallax-back{
        background-position: center;
    }
    .safari{
        background-attachment: scroll;
    } 
    .page-id-43 .sector-top-section {
        padding-top:0 !important;
        margin-top: 0 !important;
    }
    .where_we_are_now h3.sector-image-title {
        margin-top: 30px;
    }
    .where_we_need .sector-content {
        margin-bottom: 30px;
    }
    .where_we_need .row{
        -ms-flex-direction: column-reverse!important;
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -webkit-flex-direction: column-reverse!important;
        -moz-box-orient: vertical!important;
        -moz-box-direction: reverse!important;
        flex-direction: column-reverse!important;
    }
    .ccs-box {
        margin: 10px auto;
        max-width: 100%;
    }
    .space-top-80 {
        padding-top: 40px;
    }
    .modal_boxposition1 {
        left: 25%;
        top: 24%;
    }
    .boxposition {
        width: 13%;
        height: 10%;
    }
    .modal_boxposition2 {
        left: 41%;
        top: 40%;
    }
    .modal_boxposition3 {
        left: 58%;
        bottom: 30%;
    }
    .modal_boxposition4 {
        left: 79%;
        top: 22%;
    }
    .modal-content-inner-title{
        font-size: 18px;
        margin: 15px 0;
    }
    .page-template-energy .change_we_need_boxes-image.government{
        padding-right: 0px;        
        margin: 15px;
    }
    .page-id-47 .page-top-section {
        padding-top: 30px;
    }
    .sector-image-mobility {
        margin-top: 30px;
    }
    .transp-section img{
        margin: 15px 0px;
    }
    .sect-devlop {
        padding: 0px 15px;
    }
    .boxposition-devl {
        height: 14%;
        width: 35%
    }
    .modal_boxposition_devlop1 {
        left: 52%;
        top: 22%;
    }
    .modal_boxposition_devlop2 {
        left: 13%;
        top: 36%;
    }
    .modal_boxposition_devlop3 {
        left: 53%;
        top: 51%;
    }
    .modal_boxposition_devlop4 {
        right: 52%;
        bottom: 20%;
    }
    .modal_boxposition_pol1 {        
        top: 54%;
    }
    .modal_boxposition_pol2 {        
        top: 59%;
    }
    .modal_boxposition_pol3{
        top: 57%;
    }
    .modal_boxposition_pol4 {
        top: 54%;
    }
    .modal_boxposition_pol5 {
        top: 66%;
    }
    .modal_boxposition_pol6 {
        top: 57%;
    }
    .page-template-nature-based-solutions .banner-title {
        font-size: 32px;
        line-height: 40px;
    }
    .banner-video {
        display: inline-block;
        margin-bottom: 30px;
    }    

    .whereare-content.space-bottom-30 {
        margin-bottom: 30px;
    }
    .image_whereare_box_image {
        margin-top: 50px;
    }
    .potential_benefits_list .potential_benefits_items {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width:50%;
    }
    .potential_benefits_list{
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .potential_benefits_list .potential_benefits_items.space-30, .other-examples-list.space-30 {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .other-examples{
        margin-bottom: 30px;
    }
    .carbon-content-page.maxwidthp{
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .page-template-waste .page-top-section h2 {
        margin-bottom: 0px;
    }
    .image-title-waste-box h2 {
        max-width: 100%;
        margin: 0 auto 20px;
        font-size: 18px !important;
    }
    .news-events-image {
        width: 100%;
    }
    .news-item {
        width: 100%;
        float: left;
        padding: 0px 0px;
        margin: 15px;
    }
    .news-list-inner {
        margin: 0 0px;
    }
    .news-item-inner{
        padding: 15px 0px;
    }
    .news-list-category .radio{
        font-size: 16px;   
        padding: 10px;        
    }
    .news-list-category {
        padding-bottom: 15px;
    }
    .related-resource-image img {
        max-width: 100%;
        max-height: inherit;
        width: 100%;
    }
    .resource-content-area h6{
        font-size: 15px;
        padding: 10px 0px;
    }
    .page-template-default h1{
        margin: 20px 0px;
        font-size: 28px;
    }
    .page-template-default ul{
        margin-bottom: 30px;
    }
    .resource-image_hk {
        padding-right: 0px;
    }
    .recource-above-banner {
        background: #fff;
        padding: 0px 0px 0px 0px;
        margin-top: 35px;
    }
    .content-area-res {
        padding-left: 20px;
        margin-bottom: 20px;
    }
    .news-events-image{
        width: 100% !important;
        max-width: 100% !important;
        height: 200px !important;
        overflow: hidden !important;

    }

    .filter-box-item {
        width: 100%;
        float: left;
        padding: 0 0px;
        margin-bottom: 20px;
    }
    .filter-inner-box {
        width: 100%;
        float: left;
    }
    .reset-box {
        width: 100%;
        float: left;
    }
    .filter-box-item.search-item {
        width: 100%;

    }
    .news-list-content,.news-list-image {
        width: 100%;
    }
    .news-list-image {
        padding: 0;
    }
    .news-list-image img {
        width: 100%;
    }

    .single-climate-champion iframe {
        max-height: 300px;
    }
    #video.modal .modal-dialog {
        max-width: 800px;
        width: 70%;
        margin: 0 auto;
    }

    .check-list.sector-check-list label.form-check-label {
        width: 33.33%;
        float: left;
        padding: 10px;
        max-width: 80px;
    }

    .total-item-count .reset-box {
        float: right;
        margin-top: -36px;
    }

    .champion-main-list {
        margin-top: 50px;
    }
    .filter-inner-box.video-inner-box .filter-box-item {
        width: 100%;
    }
    video-icon img {
        max-width: 60px;
        width: auto;
        height: auto;
    }

    .search-pulication {
        margin-top: 35px;
    }

    .publication-top-section {
        padding: 52px 0px 0;
    }

    .itemorder2 .banner-title,.itemorder3 .banner-title {
        font-size: 40px !important;

    } 



    .single-climate-champion .banner-single {
        height: 20px !important;
        padding: 35px;
    }


    .owl-carousel .owl-item img.resource-image-src {
        width: 100%!important;
    }

    .project-tiles {
        margin-top: 50px;
    }

    #this-time-is-now .inner-box {
        padding-bottom: 60px;
    }

    .resource-single-image img {
        width: 100%;
    }

    .video-icon img {
        max-width: 60px;
        width: auto;
        height: auto;
    }

    .page-top-section {
        margin-top: 20px;
        z-index: 01;
    }

    .inner-content-sec-top {
        padding-bottom: 50px;
    }
    body.error404 .banner-single {
        display: none;
    }
    .student-gain:before{
        display:none;
    }
    .completion:after{
        display:none;
    }
    .image-with-content:before {       
        display:none;
    }
    .media-section:after {    
        display:none;
    }
    .page-template-yea h1.text-white.banner-title{
        font-size: 23px;
    }
    .objective_list-content {
        margin-bottom: 30px;
    }
    .student-gain-box {
        margin-right: 15px;
        margin-left: 15px;
    }
    .completion .row{
        -ms-flex-direction: column-reverse!important;
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -webkit-flex-direction: column-reverse!important;
        -moz-box-orient: vertical!important;
        -moz-box-direction: reverse!important;
        flex-direction: column-reverse!important;
    }
    .programme_list-item {
        margin-right: 0px;
        margin-bottom: 40px;
    }
    #section6.banner img {
        min-height: 200px;
        object-fit: cover;
    }
    .media-section .nav-link{
        min-width: 90px;
    }
    .modal button.close.video-close {
        color: #000!Important;
        right: -5px!Important;
        top: -45px!Important;
    }
    .image-with-content h3 {
        margin-top: 30px;
    }
    .yea-about-content {
        margin-top: 30px;
    }
    .programme-content{
        margin-top:15px;
    }
    #promotionmodal .modal-dialog .modal-content{       
        padding: 20px 0px;
        margin: 0px 0px;
        margin-top: 45px;
    }
    .modal-body-inner.promotionmodal-content{
        padding: 30px 10px;
    }
    h2.modal-promotion-title {
        font-size: 30px;
        line-height: 1.3em;
        margin-top: 15px;
    }
}

@media only screen and (max-width: 480px) {
    .banner-title {
        font-size: 25px;
        letter-spacing: 6px;
    }
    .back-image img {
        min-height: 150px;
    }
    .now-back-image-right {
        background-size: 100% !important;
        padding-bottom: 180px !important;
        margin-top: 0px !important;
    }
    .image-title-waste-box {
        min-height: inherit;
    }
    .image-title-waste-box h2 {
        min-height: inherit;
    }
    .video-image-he, .content-area-video {
        width: 100%;
        float: left;
        max-height: 253px;
        padding: 0 0 0;
    }
    .video-image-he{
        margin-bottom: 20px;
    }
    .video-image-he img {
        width: 100%;
        height: 216px;
    }
    .video-icon img {
        max-width: 60px;
        width: auto;
        height: auto;
    }

    .sector-list-item {
        width: 100%;

    }

    .advisors-dialog.modal-dialog {
        max-width: 300px;
        width: 80%;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 380px) {
    .banner-title {
        font-size: 23px;
        line-height: 40px;
    }
}


@media only screen and (max-width: 476px){
    .publication-button {
        max-width: 100% !important;
        padding-bottom: 32px;
    }

    .publication-single-page-image img {
        max-width: 100% !important;
        float: right;
    }
.partner-box-item {
    width: 100%;
    padding: 0 5px;
}

}



@media only screen and (min-width: 321px) and (max-width: 768px){
    .parallax-back {
        background-position: center;
        background-attachment: scroll;

    }

}
@media only screen and (min-device-width: 769px) and (max-device-width: 1200px){
    .parallax-back {
        background-position: center;
        background-attachment: scroll;

    }

}
@media only screen and (min-width:772px) {

    .publication-image_hk img {
        /*width: 100% !important; 
         object-fit: cover !important;
        */
        min-width: 232px !important;
        max-height: 279px !important;
        min-height: 331px !important;
        object-fit: contain;

    }

}

@media only screen and (min-width:991px){

    .new-event-image img{
        width:320px;
        height:200px;
    }

    /* .new-event-title {
       min-height: 83px !important;
       }
   
       .new-event-texonomy {
       min-height: 110px !important;
   }
    */

}