/* RESPONSIVE */

@media(max-width: 1205px) {

    .banner-text h1,
    .single-post-content h1,
    .page-banner h1 {
        font-size: 60px;
    }

    .page-desc p {
        font-size: 25px;
        line-height: 39px;
    }

    h2 {
        font-size: 38px !important;
    }

    h3 {
        font-size: 26px !important;
        line-height: 38px !important;
    }

    .main-navigation {
        display: none;
    }

    .mobile-menu,
    .mobile-menu-btn {
        display: block;
    }

    #primary-menu-mobile .menu-item-has-children > a:after {
        display: block;
    }

}

@media(max-width: 1100px) {
    .soc-med {
        padding-left: 0;
    }

    .single-post-content h1 {
        margin-bottom: 70px;
    }

    .hmbanner-title .banner-text {
        margin-bottom: 100px;
    }

    .footer-logo {
        width: 20%;
    }

    .address-content {
        width: 30%;
    }

    .footer-nav {
        width: 30%;
    }

    .soc-med {
        width: 20%;
    }

}


@media(max-width: 991px) {
    .latest-events .row {
        row-gap: 50px;
    }

    .other-feature .row .col-lg-6:last-child {
        padding-left: 2%;
    }

    .related-posts.row,
    .related-posts-header.row {
        row-gap: 60px;
    }

    .programme-info {
        margin-top: 40px !important;
        padding-left: 2% !important;
    }

    .programme-info h2 {
        margin-bottom: 20px;
    }

    .programme-info img {
        margin-left: 4%;
    }

    .key-benefit-section .row,
    .facilitator-section .row,
    .latest-resources .row,
    .news-update.row {
        row-gap: 50px;
    }

    .why-info {
        padding-right: 0;
        margin-bottom: 20px;
    }

    h3 {
        font-size: 24px !important;
        line-height: 30px !important;
    }

    .rec-num {
        font-size: 24px;
    }

    .split-imgtexticon .texticon-column,
    .hp-awe-section .vc_row:first-child .wpb_column:last-child,
    .split-imgtext .text-column, 
    .page-desc p {
        padding-left: 0px;
        padding-right: 0px;
    }

    .split-imgtexticon.img-right .texticon-column,
    .hp-awe-section .vc_row:last-child .wpb_column:first-child,
    .split-imgtext.img-right .text-column {
        padding-right: 0px;
    }

    .banner-section > div.hmbanner-title {
        height: 80vh;
    }

    .icon-infotext p>br {
        display: none;
    }

    .goal-row {
        padding-bottom: 80px;
    }

    .goal-row > div:first-child {
        width: 120px !important;
    }

    .goal-row > div:nth-child(2) {
        width: calc(100% - 120px) !important;
    }

    .icon-infotitle h3 {
        font-size: 20px !important;
        line-height: 24px !important;
    }

    .featured-resource,
    .recommended-resources {
        width: 50%;
    }

    .event-featurepost {
        display: block;
    }

    .event-featurepost > div {
        width: 100%;
    }

    .event-featurepost .gallery-col {
        margin-bottom: 50px;
    }

    .event-featurepost .content-col {
        padding-left: 0;
    }

    .why-info {
        padding-right: 0px !important;
    }
    
    .page-desc-section {
        padding-bottom: 50px;
    }

    .member-info-col {
        padding-left: 0px !important;
    }

    .board-content .board-citem {
        margin-bottom: 70px;
    }

}


@media(max-width: 980px) {

    .goal-row:before {
        left: 60px;
    }

    .mmbrshp-type-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 20px;
    }

    .mmbrshp-type-row > div {
        width: calc(50% - 50px);
    }

    .navigation-inner > div:first-child .web-logo {
        width: 60px;
    }

}


@media(max-width: 767px) {
    .banner-text h1, .single-post-content h1, .page-banner h1 {
        font-size: 50px;
    }

    .page-desc p {
        font-size: 22px;
        line-height: 36px;
        padding-right: 0%;
    }

    .hp-awe-section .vc_row:first-child .wpb_column:last-child {
        padding-left: 0%;
    }

    h2 {
        font-size: 32px !important;
    }

    .footer-content {
        flex-wrap: wrap;
        row-gap: 50px;
    }

    .footer-content > div {
        width: 100%;
    }

    .copyright {
        padding-top: 50px;
    }

    .footer-content > .address-content,
    .footer-content > .soc-med {
        width: 50%;
    }

    .board-content.row .col-lg-4:last-child {
        margin-bottom: 0;
    }

    .split-imgtext .text-column {
        padding-left: 0;
        padding-right: 0;
    }

    .split-imgtext.img-right .text-column {
        padding-right: 0;
    }

    .goal-row {
        display: flex;
    }

    .goal-row:before {
        left: 60px;
    }

    .split-imgtexticon .texticon-column {
        padding-left: 0%;
        margin-top: 30px;
    }

    .split-imgtexticon .wpb_content_element {
        margin-bottom: 10px;
    }

    .featured-event-section,
    .resources-top-content {
        display: block;
    }

    .featured-resource {
        width: 100%;
        padding-right: 0%;
        margin-bottom: 70px;
    }
    
    .recommended-resources {
        width: 100%;
        margin-top: 20px;
    }

    .featured-event-section .awe-btn {
        margin-top: 30px;
    }

    .news-col {
        display: block;
    }

    .news-text {
        margin-top: 20px;
    }

    .page-description p {
        font-size: 22px;
        line-height: 36px;
        padding-right: 0;
    }

    .member-info-col {
        padding-left: 0% !important;
    }

    .bam-contact-row .vc_col-sm-4 p {
        text-align: center !important;
    }

    .bam-contact-row .vc_col-sm-4 {
        margin-bottom: 20px;
    }
    
    .abt-what-section .img-right {
        flex-direction: column-reverse;
    }

    .split-imgtexticon.img-right .texticon-column {
        padding-right: 0;
    }

    .mmbrship-reason-section .img-right {
        display: flex;
        flex-direction: column-reverse;
    }

    .mmbrshp-type-row >div {
        width: 100%;
    }

    .hp-news-section .news-update {
        display: block;
    }

    .hp-news-section .news-item {
        width: 100%;
        max-width: 480px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 35px;
    }

    .copyright-content {
        display: block;
    }

    .split-imgtext.img-right {
        flex-direction: column-reverse;
    }

    .split-imgtext.img-right .text-column {
        padding-top: 35px;
    }

    .board-content .board-citem {
        margin-bottom: 80px;
    }

    .abt-commitments-section .goal-level {
        padding-left: 0px;
    }

    .abt-commitments-section {
        padding-top: 60px !important;
    }

    .goal-row:last-child {
        padding-bottom: 20px;
    }

    .transform-row {
        margin-bottom: 0px;
    }

    .abt-exec-section {
        margin-bottom: 0px;
    }

    .mmbrship-type-section {
        padding-top: 80px !important;
    }

    .icon-infotitle h3 {
        height: auto !important;
    }

    .icons-infolayout .icon-infotitle {
        margin-bottom: 10px;
    }

    .icons-infolayout > div {
        margin-bottom: 35px;
    }

    .mmbrship-reason-section {
        margin-bottom: 50px;
    }

    .featured-resource {
        margin-bottom: 40px;
    }

    .other-feature-section {
        margin-top: 80px;
    }

    .filter-category span,
    .events-inner .filter-section {
        display: block;
    }

    .events-inner .filter-section>div.filter-category {
        margin-bottom: 30px;
    }

    .awe-main-page .container-fluid {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .news-img img {
        width: 100%;
    }

    .sort-by > span {
        display: block;
    }

    .filter-section {
        display: block;
    }

    .sort-by {
        margin-top: 20px;
    }

    .mmbrshp-type-row {
        row-gap: 50px;
    }

    .mmbrshp-type-row {
        row-gap: 50px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .address-content > div {
        margin-bottom: 10px;
    }

    .vc_section.abt-transformation-section {
        margin-bottom: 60px !important;
    }

    .custom-video-container video {
        height: auto;
    }

    .banner-text h1, .single-post-content h1, .page-banner h1 {
        font-size: 55px !important;
    }

    .banner-text h1 span,
    :lang(zh-hant) .banner-text h1 {
        font-size: 60px !important;
    }

    .board-info {
        height: auto !important;
    }

    .abt-transformation-section img {
        width: 180px !important;
        max-width: 100% !important;
    }

    .abt-transformation-section .wpb_single_image {
        margin-bottom: 0px !important;
    }

    .abt-transformation-section .transform-row {
        display: flex;
        flex-wrap: wrap;
    }

    .abt-transformation-section .transform-row .vc_col-sm-2 {
        width: 50%;;
    }

    .mmbrship-reason-section .approach-col img {
        width: 120px;
    }

    .banner-desktop {
        display: none;
    }

    .banner-mobile {
        display: block;
    }

    .line1, .line2 {
        display: block;
      }

}

@media(max-width: 480px) {

    .banner-text h1, .single-post-content h1, .page-banner h1,.banner-text h1 span,:lang(zh-hant) .banner-text h1 {
        font-size: 30px !important;
    }

    .page-desc-section {
        padding-top: 60px !important;
    }

    h2 {
        font-size: 25px !important;
    }

    h3 {
        font-size: 20px !important;
        line-height: 28px !important;
    }

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

    .page-desc p {
        font-size: 18px;
        line-height: 31px;
    }

    .split-imgtext:last-child {
        margin-top: 60px;
    }

    .hp-awe-section .vc_row:last-child .wpb_column:first-child {
        padding-right: 0;
    }

    .hp-event-section {
        padding-top: 60px !important;
        padding-bottom: 60px;
    }

    .page-footer {
        margin-top: 60px;
    }

    footer {
        padding-top: 60px;
    }

    .footer-content > div {
        width: 100%;
    }
    
    .copyright-content {
        display: block;
    }

    .web-logo {
        width: 45px;
    }

    .mobile-menu .web-logo {
        width: 70px;
    }

    .main_header {
        top: 30px;
    }

    .board-content .col-lg-4 {
        padding: 0px 15px;
        margin-bottom: 60px;
    }

    .abt-trustees-section,
    .abt-exec-section {
        margin-bottom: 0;
    }

    .abt-what-section,
    .goal-row,
    .bam-contact-us {
        padding-bottom: 60px;
    }

    .abt-commitments-section,
    .cntct-mmbrshp-section {
        padding-top: 60px !important;
        padding-bottom: 60px;
    }

    .goal-row:last-child {
        padding-bottom: 0;
    }

    .transform-row {
        margin-bottom: 0;
    }

    .popup-content {
        margin-top: 10px !important;
    }

    .popup-content .col-6 {
        width: 100%;
    }

    .popup-text {
        margin-top: 20px !important;
    }

    .mmbrship-reason-section {
        margin-bottom: 40px;
    }

    .mmbrship-type-section {
        padding-top: 60px !important;
        margin-bottom: 60px;
    }

    .events-inner {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .events-inner .filter-section {
        margin-bottom: 60px;
        display: block;
    }

    .featured-resource {
        margin-bottom: 35px;
    }

    .featured-event-section,
    .other-feature-section,
    .page-resources-inner .filter-section {
        margin-bottom: 60px;
    }

    .top-content {
        display: block;
    }

    .content-col {
        padding-left: 0%;
        margin-top: 30px;
    }

    .related-posts-section {
        margin-top: 60px;
    }

    .single-post-content {
        padding-top: 200px;
        padding-bottom: 60px;
    }

    .news-cont,
    .page-resources-inner {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .news-cont .filter-section,
    .programme-content .filter-section,
    .page-resources-inner .filter-section {
        display: block;
    }

    .news-cont .filter-section .filter-category,
    .programme-content .filter-section .filter-category {
        margin-bottom: 10px;
    }

    .page-resources-inner .filter-section .sort-by {
        margin-bottom: 20px;
    }

    .news-inner,
    .programme-content {
        padding-top: 60px;
    }

    .news-col {
        margin-bottom: 70px;
    }

    .page-description p {
        font-size: 18px;
        line-height: 31px;
    }

    .programme-inner .g-programme-item {
        margin-top: 60px;
    }

    .programme-content .see-more-section {
        margin-top: 70px;
    }

    .about-programme-section, .key-benefit-section, .facilitator-section, .why-section, .testimonial-section {
        padding-top: 60px;
    }

    .testimonial-section .col-lg-4:last-child {
        margin-bottom: 0;
    }

    .resources-category {
        font-size: 14px;
    }

    .latest-resources, .other-feature-section {
        margin-top: 60px;
    }

    .contact-form-section, .membership-form-section {
        padding-top: 0;
        padding-bottom: 60px;
    }

    .contact-email, .contact-subject,
    .contact-phone, .contact-enquiry {
        grid-column: span 12 !important;
    }

    .member-top-section {
        padding-top: 60px !important;
    }

    .footer-policy {
        display: block;
    }

    .footer-content > .address-content, .footer-content > .soc-med {
        width: 100%;
    }

    .soc-med {
        justify-content: start;
    }

    .site-language-switcher {
        margin-bottom: 10px;
    }

    .goal-row > div:first-child {
        width: 80px !important;
    }

    .goal-row > div:nth-child(2) {
        width: calc(100% - 80px) !important;
    }

    .goal-row:before {
        left: 40px;
    }

}

@media screen and (max-width: 1024px) and (min-device-pixel-ratio: 2) {
    .banner-section {
        background-attachment: scroll;
    }
}
@media(max-width: 767px) {
    .cntct-form-row .gfield--type-captcha .gfield_label {
        font-size: 24px;
        margin-bottom: 8px;
    }

    .cntct-form-row .gfield--type-captcha .gfield_captcha_container {
        gap: 8px;
    }

    .cntct-form-row .gfield--type-captcha .gfield_captcha_input_container {
        min-width: 100%;
        flex: 1 1 100%;
    }

    .cntct-form-row .gfield--type-captcha .gfield_captcha_input_container input {
        font-size: 22px !important;
    }
}

@media(max-width: 767px) {
    .cntct-form-row .gfield--type-captcha .gfield_label {
        font-size: 16px !important;
        margin-bottom: 6px !important;
    }

    .cntct-form-row .gfield--type-captcha .gfield_captcha_container {
        gap: 6px !important;
        flex-wrap: wrap !important;
    }

    .cntct-form-row .gfield--type-captcha .gfield_captcha {
        width: 22px !important;
        height: 30px !important;
    }

    .cntct-form-row .gfield--type-captcha .gfield_captcha_input_container {
        min-width: 100% !important;
        flex: 1 1 100% !important;
    }

    .cntct-form-row .gfield--type-captcha .gfield_captcha_input_container input {
        font-size: 16px !important;
    }
}

@media(max-width: 767px) {
    .cntct-form-row .gfield--type-captcha {
        margin-left: 0;
        width: 100%;
    }
}

@media(max-width: 767px) {
    .mmbrshp-form-row .gfield--type-captcha .gfield_label {
        font-size: 16px !important;
        margin-bottom: 6px !important;
    }

    .mmbrshp-form-row .gfield--type-captcha .gfield_captcha_container {
        gap: 6px !important;
        flex-wrap: wrap !important;
    }

    .mmbrshp-form-row .gfield--type-captcha .gfield_captcha {
        width: 22px !important;
        height: 30px !important;
    }

    .mmbrshp-form-row .gfield--type-captcha .gfield_captcha_input_container {
        min-width: 100% !important;
        flex: 1 1 100% !important;
    }

    .mmbrshp-form-row .gfield--type-captcha .gfield_captcha_input_container input {
        font-size: 16px !important;
    }
}

@media(max-width: 767px) {
    .mmbrshp-form-row .gfield--type-captcha {
        margin-left: 0;
        width: 100%;
    }
}