body {
        background: #ffffff;
        color: #514B64;
        min-height: 100vh;
    }
    
    html {
        scroll-behavior: smooth;
    }
    
    .menu-top {
        padding-left: 126px;
        padding-right: 126px;
        background-color: #2E3549;
    }
    
    .page-banner {
        position: relative;
        background-repeat: repeat;
        background-attachment: fixed;
        background-position: center;
        background-size: cover;
        -webkit-background-size: cover;
        width: 100%;
        height: 670px;
        color: #fff;
        text-align: left;
        overflow: hidden;
        background-attachment: scroll;
        background-size: 100% 100%;
    }
    
    .tour-view {
        background-image: url(../images/bg_PC.png);
    }
    
    .timeline-custom-col {
        padding-right: 0px;
        padding-left: 0px;
        display: block;
    }
    
    code {
        background: #fff;
        padding: 0.2rem;
        border-radius: 0.2rem;
        margin: 0 0.3rem;
    }
    
    .container-fluid {
        padding: 0 !important;
        margin: 0 auto;
    }
    /* .container {
width: 100%;
padding: 0 !important;
margin: 0 auto;
max-width: 1170px;
} */
    
    .isDesktop {
        display: block;
    }
    
    .isMobile {
        display: none;
    }
    
    .header-background {
        /* background: url("../images/mv_pc.png")no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
min-height: 750px;
background-size: 100% 100%; */
        /* max-width: 1668px; */
    }
    
    .intro-2 {
        max-width: 1920px;
        padding-left: 126px;
        padding-right: 126px;
        padding-top: 50px;
    }
    /* #myNavbar7 {
padding-left: 220px;
} */
    
    .right-header-content {
        padding-left: 65px;
    }
    
    #section-1 {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
    
    .bnt-SchoolHP {
        border-radius: 31px;
        width: 255px;
        height: 61px;
        background: #FEA501 0% 0% no-repeat padding-box;
        opacity: 1;
    }
    
    .School_HP {
        text-align: center;
        font: Regular 20px/24px Open Sans;
        letter-spacing: 0;
        color: #FFFFFF;
        opacity: 1;
    }
    
    .btn-NGOHP {
        background-color: #FEA501;
        margin-left: 30px;
        border-radius: 31px;
        width: 255px;
        height: 61px;
        opacity: 1;
    }
    
    .School_NGOHP {
        text-align: center;
        font: Regular 20px/24px Open Sans Regular;
        letter-spacing: 0;
        color: #FFFFFF;
        opacity: 1;
    }
    
    .btn-group-action {
        padding-top: 70px;
        /* padding-left: 24px; */
    }
    
    .btn-goto-schoolHP {
        border: solid 1px white;
        padding: 19px 46px;
    }
    
    .header-btn-goto-schoolHP {
        opacity: 1;
        text-decoration: none;
        color: #ffffff;
        font: 20px/27px Open Sans Regular;
    }
    
    .btn-goto-schoolHP:hover {
        background-color: #FEA501;
        color: #ffffff;
        border: none;
        text-decoration: none;
    }
    
    .header-btn-goto-schoolHP:hover {
        color: #ffffff;
        border: none;
        text-decoration: none;
    }
    
    .navbar .nav-item>.nav-link {
        color: #FFFFFF;
        font: Bold 20px/43px Open Sans;
        letter-spacing: 0;
        opacity: 1;
        padding-left: 60px;
        text-align: left;
        /* padding-right: 30px; */
    }
    
    .navbar .nav-item>.nav-link:hover {
        color: #FEA501;
        text-decoration: underline;
    }
    
    .navbar .nav-item>.nav-link.active {
        color: #FFFFFF;
        font: Bold 20px/43px Open Sans;
        /* border-bottom: solid 1px #FEA501; */
        padding-left: 0px;
        /* text-decoration: underline; */
    }
    
    .navbar .nav-item>.nav-link.active:hover {
        color: #FEA501;
        font: Bold 20px/43px Open Sans;
        /* border-bottom: solid 1px #FEA501; */
        padding-left: 0px;
        text-decoration: underline;
    }
    
    .Left-title-header {
        text-align: left;
        font: Bold 28px/38px Open Sans;
        letter-spacing: 0;
        color: #333333;
        opacity: 1;
    }
    
    .Left-title {
        font-size: 15px;
        padding-top: 72px;
        font-weight: bold;
        font: Bold 28px/38px Open Sans;
        letter-spacing: 0;
        color: #333333;
        opacity: 1;
    }
    
    .Left-content {
        padding-top: 15px;
        line-height: 25px;
        text-align: left;
        font: 16px/19px Open Sans Regular;
        letter-spacing: 0;
        color: #333333;
        opacity: 1;
    }
    
    .founder-name {
        font: Bold 14px/30px Open Sans;
        letter-spacing: 0;
        color: #333333;
        opacity: 1;
        padding-top: 30px;
    }
    
    .Right-Img {
        padding-top: 60px;
        max-width: 100%;
        height: auto;
        text-align: center;
    }
    .support{
        background: #F6F6F6;
    }
    #section-2 {
        padding-bottom: 50px;
    }
    
    #section-3 {
        background-color: #F6F6F6;
    }
    
    .row-content-3 {
        padding-top: 60px;
    }
    
    .content-3 {
        padding-top: 45px;
    }
    
    .content-3-second {
        padding-top: 50px;
    }
    
    .head-title {
        padding-top: 20px;
        font: Bold 18px/22px Open Sans;
        letter-spacing: 0;
        color: #333333;
        opacity: 1;
    }
    
    .sub-head-title {
        text-align: center;
        font: Bold 18px/22px Open Sans;
        letter-spacing: 0;
        color: #333333;
    }
    
    .sub-head-title-1 {
        text-align: center;
        font: Bold 12px/22px Open Sans;
        letter-spacing: 0;
        color: #333333;
    }
    
    .sub-content-3 {
        padding-top: 15px;
        text-align: left;
        font: 16px/22px Open Sans Regular;
        letter-spacing: 0;
        color: #333333;
        opacity: 1;
        line-height: 27px;
        /* padding-bottom: 206px; */
    }
    
    .sub-content-detail {
        padding-bottom: 50px;
    }
    
    .e_img {
        max-width: 100%;
        height: auto;
    }
    .section-4 {
        background: #ffffff;
    }    
    #section-4 {        
        padding-bottom: 69px;
    }
    .project-leader{
        background: #F6F6F6;
    }
    .section-2-header {
        text-align: center;
        font: Bold 28px/34px Open Sans;
        letter-spacing: 0;
        color: #333333;
        opacity: 1;
    }
    
    .section-4-header {
        text-align: center;
        font: Bold 28px/34px Open Sans;
        letter-spacing: 0;
        color: #333333;
        opacity: 1;
        padding-bottom: 5px;
    }
    
    .section-4-content {
        text-align: center;
        padding-top: 60px;
    }
    
    .section-4-maincontent {
        padding-top: 40px;
        text-align: center;
        font: 16px/22px Open Sans Regular;
        letter-spacing: 0;
        color: #333333;
        opacity: 1;
    }
    
    .section-4-img {
        padding-top: 40px;
    }
    
    .section-4-img-1 {
        padding-top: 20px;
    }
    
    .section-4-description {
        padding-top: 24px;
        text-align: center;
        font: 16px/33px Open Sans;
        letter-spacing: 0;
        color: #333333;
        opacity: 1;
    }
    
    .section-4-subheader {
        text-align: center;
        font: Bold 20px/25px Open Sans;
        letter-spacing: 0;
        color: #333333;
        opacity: 1;
    }
    
    #section-5 {
        background-color: #F6F6F6;
    }
    #section-SENDMESSAGE{
        background: #ffffff;
        padding-bottom: 80px;
    }
    .section-5-header {
        color: #333333;
        text-align: center;
        font: Bold 28px/34px Open Sans;
        letter-spacing: 0;
        opacity: 1;
    }
    
    #section5-menu {
        padding-left: 0px;
    }
    
    .section-5-header-title {
        text-align: center;
        padding-top: 60px;
    }
    
    .section-5-content {
        padding-top: 50px;
        padding-bottom: 83px;
    }
    
    .section-5-subheader {
        font: Bold 20px/25px Open Sans;
        letter-spacing: 0;
        color: #333333;
        opacity: 1;
    }
    
    .header-leader {
        font: Bold 16px/33px Open Sans;
        letter-spacing: 0;
        color: #333333;
    }
    
    .sub-header-leader {
        font: 16px/33px Open Sans;
        letter-spacing: 0;
        color: #333333;
    }
    
    .leader-name {
        font: Bold 25px/33px Open Sans;
        letter-spacing: 0;
        color: #333333;
    }
    
    .section-5-header-content {
        font: Bold 28px/33px Open Sans;
        letter-spacing: 0;
        color: #333333;
        opacity: 1;
    }
    
    .fb-help {
        font: 14px/22px Open Sans;
        letter-spacing: 0;
        color: #349DEA;
        opacity: 1;
    }
    
    .header-leader-1 {
        text-align: left;
        font: Bold 16px/33px Open Sans;
        letter-spacing: 0;
        color: #333333;
        opacity: 1;
    }
    
    .leader-name-1 {
        text-align: left;
        font: Bold 25px/33px Open Sans;
        letter-spacing: 0;
        color: #333333;
    }
    
    .header-leader-name-1,
    .header-leader-name-2 {
        border-right: 0.5px solid #707070;
    }
    
    .content-leader-name {
        padding-top: 40px;
    }
    
    .responsive {
        width: 100%;
        height: auto;
    }
    .row-donation{
        padding-top:60px;
    }
    .title-donate{
        color: #333333;
        text-align: center;
        font: Bold 28px/34px Open Sans;
        letter-spacing: 0;
        opacity: 1;
        text-align: center;
    }
    .sub-title-donate{
        font: Bold 20px/25px Open Sans;
        letter-spacing: 0;
        color: #333333;
        opacity: 1;
        text-align: center;
    }
    .donate-maincontent{
        padding-top: 30px;
        text-align: center;
    }
    .project-matching {
        text-align: left;
        font: 16px/33px Open Sans;
        letter-spacing: 0;
        color: #333333;
        opacity: 1;
    }
    
    ul#menu li {
        display: inline-block;
    }
    
    ul#menu li.item {
        display: inline-block;
        border-right: 1px solid gray;
    }
    
    .section-5-content-main {
        font: 16px/22px Open Sans;
        letter-spacing: 0;
        color: #333333;
        opacity: 1;
        padding-top: 70px;
    }
    .Donate{
        background-image: url(../images/background-donate.png);
        background-size: cover;
    }
    .content-donate-row{
        padding-top: 40px;
    }
    .content-donate-row-left{
        background: #FCFCFC 0% 0% no-repeat padding-box;
        box-shadow: 0px 2px 6px #00000029;
        border-radius: 5px;
        opacity: 1;
    }

.donate-row-right-bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 50px;
}

@media (min-width: 576px) {
    .content-donate-row-left .col-sm-5 {
        flex: 0 0 35.666667%;
        max-width: 35.666667%;
    }

    .content-donate-row-left .col-sm-7 {
        flex: 0 0 64.333333%;
        max-width: 64.333333%;
        padding-left: 0;
    }
    .donate-row-right-bottom {
        height: 397px;
    }
}
@media (max-width: 575px) {
    .content-donate-row-left .col-sm-5 {
        padding-left: 0;
    }

    .content-donate-row-left .col-sm-7 {
        padding-left: 0;
    }
}

    .content-donate-row-right {
        background: #FCFCFC 0% 0% no-repeat padding-box;
        box-shadow: 0px 2px 6px #00000029;
        border-radius: 5px;
        opacity: 1;
    }

    .content-donate-title {
        font: normal normal bold 20px/27px Open Sans;
        letter-spacing: 0px;
        color: #333333;
        opacity: 1;
        padding-left: 30PX;
        padding-top: 25px;
    }

    .donate-row-left {
        padding-top: 15px;
        padding-left: 30px;
        font: normal normal normal 16px/22px Open Sans;
        letter-spacing: 0px;
        color: #333333;
        opacity: 1;
        padding-right: 30px;
    }

    .donate-row-right {
        padding-top: 15px;
        padding-left: 30px;
        font: normal normal normal 16px/22px Open Sans;
        letter-spacing: 0px;
        color: #333333;
        opacity: 1;
        padding-right: 27px;
    }

.fit-height {
    height: 467px;
    display: flex;
    align-items: center;
}

    .account-name-1 {
        padding-left: 40px;
    }

    .account-name-first {
        padding-top: 33px;
    }

    .line-space {
        width: 80%;
        border: 1px solid var(--unnamed-color-707070);
        border: 1px solid #707070;
        opacity: 1;
    }

    .send-mesage {
        padding-top: 60px;
    }

    .account-name-last {
        padding-bottom: 40px;
    }

    .content-name-normal {
        letter-spacing: var(--unnamed-character-spacing-0);
        color: var(--unnamed-color-333333);
        text-align: left;
        font: normal normal normal 18px/27px Open Sans;
        letter-spacing: 0px;
        color: #333333;
        opacity: 1;
    }

    .content-name-bold {
        letter-spacing: var(--unnamed-character-spacing-0);
        color: var(--unnamed-color-333333);
        text-align: left;
        font: normal normal bold 18px/27px Open Sans;
        letter-spacing: 0px;
        color: #333333;
        opacity: 1;
    }

    .flex-container {
        display: flex;
        flex-wrap: nowrap;
        /* background-color: DodgerBlue; */
    }

    .container-donate-value-row-1 {
        padding-top: 30px;
    }

    .container-donate-value-row-2 {
        padding-top: 8px;
    }

    .flex-container.space-around {
        justify-content: space-around;
    }

    .flex-container > div {
        width: 200px;
        margin: 10px;
        text-align: center;
        /* line-height: 72px;
        font-size: 30px; */
    }

    .row-credit-card {
        padding-top: 33px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .price-value-credit {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: transparent linear-gradient(65deg, var(--unnamed-color-fea501) 0%, #FFDEA2 100%) 0% 0% no-repeat padding-box;
        border: 2px solid var(--unnamed-color-fea501);
        border: 2px solid #FEA501;
        border-radius: 9px;
        opacity: 1;
    }

    .img-credit {
        padding-left: 10px;
    }

    .list-item-card {
        position: relative;
        display: inline-block;
    }

        .list-item-card .credithover {
            display: none;
            position: absolute;
            top: 15px;
            left: 12px;
            z-index: 99;
        }

        .list-item-card:hover {
            border: 2px solid var(--unnamed-color-fea501);
            background: transparent linear-gradient(65deg, #FEA501 0%, #FFDEA2 100%) 0% 0% no-repeat padding-box;
            border-radius: 9px;
            opacity: 1;
        }

            .list-item-card:hover .credithover {
                display: inline;
            }

            .list-item-card:hover .value-credit {
                font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 25px/34px var(--unnamed-font-family-open-sans);
                letter-spacing: var(--unnamed-character-spacing-0);
                color: var(--unnamed-color-ffffff);
                text-align: right;
                font: normal normal bold 25px/34px Open Sans;
                letter-spacing: 0px;
                color: #FFFFFF;
                opacity: 1;
            }

            .list-item-card:hover .curent-money {
                font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 15px/20px var(--unnamed-font-family-open-sans);
                letter-spacing: var(--unnamed-character-spacing-0);
                color: var(--unnamed-color-ffffff);
                text-align: right;
                font: normal normal bold 15px/20px Open Sans;
                letter-spacing: 0px;
                color: #FFFFFF;
                opacity: 1;
            }

    .value-credit {
        padding-right: 10px;
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 25px/34px var(--unnamed-font-family-open-sans);
        letter-spacing: var(--unnamed-character-spacing-0);
        color: var(--unnamed-color-333333);
        text-align: right;
        font: normal normal bold 25px/34px Open Sans;
        letter-spacing: 0px;
        color: #333333;
        opacity: 1;
    }

    .curent-money {
        padding-right: 10px;
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 15px/20px var(--unnamed-font-family-open-sans);
        letter-spacing: var(--unnamed-character-spacing-0);
        color: var(--unnamed-color-333333);
        text-align: right;
        font: normal normal bold 15px/20px Open Sans;
        letter-spacing: 0px;
        color: #333333;
        opacity: 1;
    }

    .list-item-card.img-credit :hover {
        background: transparent linear-gradient(65deg, var(--unnamed-color-fea501) 0%, #FFDEA2 100%) 0% 0% no-repeat padding-box;
        border: 2px solid var(--unnamed-color-fea501);
        background: transparent linear-gradient(65deg, #FEA501 0%, #FFDEA2 100%) 0% 0% no-repeat padding-box;
        border-radius: 9px;
        opacity: 1;
    }

    .btn-action-card {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .btn-card {
        background: #FEA501 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 30px;
        opacity: 1;
        color: #ffffff;
        width: 280px;
        border: none;
        height: 48px;
        font: normal normal bold 23px/32px Open Sans;
        letter-spacing: 0px;
        color: #FFFFFF;
        text-transform: uppercase;
        opacity: 1;
    }

    .btn-action-send-requet {
        text-align: right;
    }

    .group-btn-send-message {
        justify-content: center;
    }

    .required-item {
        color: red;
        font: normal normal bold 16px/22px Open Sans;
    }

    .btn-send-requet {
        border: none;
        background: var(--unnamed-color-fea501) 0% 0% no-repeat padding-box;
        background: #FEA501 0% 0% no-repeat padding-box;
        border-radius: 4px;
        opacity: 1;
        width: 249px;
        height: 48px;
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-20)/27px var(--unnamed-font-family-open-sans);
        letter-spacing: var(--unnamed-character-spacing-0);
        color: var(--unnamed-color-ffffff);
        text-align: center;
        font: normal normal bold 20px/27px Open Sans;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
    }

    .header-send-mesage {
        text-align: center;
        font: Bold 28px/34px Open Sans;
        letter-spacing: 0;
        color: #333333;
        opacity: 1;
    }

    .send-mesage-maincontent {
        padding-top: 30px;
        text-align: center;
    }

    .form-send-mesage {
        padding-top: 30px;
        padding-bottom: 10px;
    }

    .title-input {
        font: normal normal bold 16px/22px Open Sans;
        letter-spacing: 0px;
        color: #333333;
        opacity: 1;
    }

    .form-group {
        padding-top: 15px;
        padding-bottom: 30px;
    }

    .form-control {
        min-height: 48px;
    }

    #section-6 {
        max-height: 450px;
        clear: both;
    }

    .section-6-header {
        color: #FEA501;
        text-align: center;
        font: Bold 40px/49px Open Sans;
        letter-spacing: 0;
        color: #FEA501;
        opacity: 1;
    }

    .section-6-header-title {
        text-align: center;
        padding-top: 50px;
    }

    #SocialNetwork {
        background: #EDEDED;
    }

    .SocialNetwork {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .linkdonation {
        text-align: center;
    }

    .donation {
        width: 404px;
        height: 500px;
        margin: 0 auto;
        position: relative;
        display: inline-block;
    }

        .donation .donationhover {
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 99;
        }

        .donation:hover .donationhover {
            display: inline;
        }

    .footer {
        text-align: center;
        /* background-color: #333333; */
        color: #ffffff;
        padding-bottom: 32px;
        padding-top: 120px;
    }

    .section-7 {
        text-align: center;
        /* background-color: #707070; */
    }

    .section-7-title {
        padding-top: 60px;
        color: #ffffff;
        padding-bottom: 55px;
    }

    .section-7-title-header {
        text-align: center;
        font: Bold 40px/49px Open Sans;
        letter-spacing: 0;
        color: #FFFFFF;
        opacity: 1;
    }

    .section-7-button {
        padding-top: 60px;
        padding-bottom: 186px;
    }

    .show-map {
        padding-top: 55px;
    }

    .intro-2 {
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        min-height: 755px;
    }
    /* .navbar {
padding-top: 50px;
} */
    /* .navbar-brand {
padding-left: 126px;
} */

    .map-item {
        /* padding-right: 70px; */
    }

    .header-title {
        text-align: left;
        font: Bold 40px/55px Open Sans;
        letter-spacing: 0;
        color: #FFFFFF;
        opacity: 1;
        padding-top: 80px;
        letter-spacing: 0;
        opacity: 1;
        /* padding-left: 22px; */
    }

    .header-cotent {
        min-height: 165px;
        text-align: left;
        font: 16px/22px Open Sans;
        letter-spacing: 0;
        color: #FFFFFF;
        opacity: 1;
        padding-top: 60px;
        /* padding-left: 38px; */
    }

    .group-btn {
        text-align: left;
        padding: 19px 0 0 0px;
    }

    .section-6-subheader {
        padding-top: 40px;
        text-align: center;
        font: 20px/33px Open Sans;
        letter-spacing: 0;
        color: #707070;
        opacity: 1;
    }

    ul#section5-menu {
        list-style: none;
    }

        ul#section5-menu li {
            display: inline-block;
        }

            ul#section5-menu li.item {
                border-right: 1px solid gray;
                padding-right: 10px;
            }

    .img-responsive {
        width: 100%;
        height: auto;
    }

    .group-btn-section7 {
        text-align: center;
    }

    .navigation-content {
        padding-left: 40px;
    }

    .footer-content {
        text-align: center;
        font: 16px/43px Open Sans Regular;
        letter-spacing: 0;
        color: #FFFFFF;
        opacity: 1;
    }

    hr.style1 {
        border-top: 1px solid #8c8b8b;
        width: 80%;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .footer-pc {
        position: relative;
        background-repeat: repeat;
        background-attachment: fixed;
        background-position: center;
        background-size: cover;
        -webkit-background-size: cover;
        width: 100%;
        height: 417px;
        color: #fff;
        text-align: left;
        overflow: hidden;
        background-attachment: scroll;
        background-size: 100% 100%;
    }

    .img_bg_ft {
        background-image: url(../images/footerLP-pc_bg.png);
    }

    .requiment {
        color: red;
    }

    /* Responsive for mobile */
    /* Strat navbar */

    @media (max-width: 992px) {
        .navbar-collapse {
            position: absolute;
            top: 90px;
            left: 100%;
            padding-left: 15px;
            padding-right: 15px;
            padding-bottom: 15px;
            z-index: 100;
            width: 50%;
            transition: all 0.2s ease;
            display: block;
            background-color: #ffffff;
            margin: 1px 0 80px;
            color: #333333;
        }

            .navbar-collapse.collapsing {
                height: auto !important;
                margin-left: 50%;
                left: 50%;
                transition: all 0.2s ease;
            }

            .navbar-collapse.show {
                left: 50%;
            }
    }

    @media (min-width: 1281px) and (max-width: 1300px) {
        #myNavbar7 {
            padding-left: 0px;
        }

        .navbar .nav-item > .nav-link {
            color: #FFFFFF;
            font: Bold 20px/43px Open Sans;
            letter-spacing: 0;
            opacity: 1;
            padding-left: 30px;
            text-align: left;
        }

        .intro-2 {
            padding-left: 0px;
            padding-right: 0px;
            padding-top: 50px;
        }
    }

    @media (min-width: 1025px) and (max-width: 1280px) {
        .menu-top {
            padding-left: 0px;
            padding-right: 0px;
        }

        .right-header-content {
            padding-left: 60px;
        }

        .intro-2 {
            padding-left: 0px;
            padding-right: 0px;
            padding-top: 50px;
        }

        .header-title {
            text-align: left;
            font: Bold 40px/49px Open Sans;
            letter-spacing: 0;
            color: #FFFFFF;
            opacity: 1;
            padding-top: 142px;
            letter-spacing: 0;
            opacity: 1;
            padding-left: 65px;
        }

        .header-cotent {
            min-height: 165px;
            text-align: left;
            font: 14px/22px Open Sans Regular;
            letter-spacing: 0;
            color: #FFFFFF;
            opacity: 1;
            padding-top: 41px;
            padding-left: 80px;
        }

        .btn-group-action {
            padding-top: 80px;
            padding-left: 120px;
        }

        .navbar .nav-item > .nav-link.active {
            color: #FFFFFF;
            font: Bold 20px/43px Open Sans;
            padding-left: 0px;
            text-decoration: underline
        }

        .navbar .nav-item > .nav-link {
            color: #FFFFFF;
            font: Bold 20px/43px Open Sans;
            letter-spacing: 0;
            opacity: 1;
            padding-left: 20px;
            text-align: left;
        }

        .map-item {
            padding-right: 0px;
        }

        .navigation-content {
            padding-left: 105px;
        }

        #myNavbar7 {
            padding-left: 0px;
        }
    }

    @media (min-width: 1024px) and (max-width: 1100px) {
        .navbar .nav-item > .nav-link.active {
            color: #FFFFFF;
            font: Bold 15px/43px Open Sans;
            padding-left: 0px;
            text-decoration: underline;
        }

        .navbar .nav-item > .nav-link {
            color: #FFFFFF;
            font: Bold 18px/43px Open Sans;
            letter-spacing: 0;
            opacity: 1;
            padding-left: 15px;
            text-align: left;
            padding-right: 10px;
        }

        #myNavbar7 {
            padding-left: 0px;
        }
    }

    @media (min-width: 992px) and (max-width: 1200px) {
        .container-donate-value-row-1 {
            padding-top: 60px;
        }

        .container-donate-value-row-2 {
            padding-top: 20px;
        }

        .btn-action-card {
            padding-top: 55px;
            padding-bottom: 55px;
        }
    }

    @media (min-width: 992px) and (max-width: 1024px) {
        .navbar .nav-item > .nav-link {
            color: #ffffff;
            font: Bold 14px/43px Open Sans;
            letter-spacing: 0;
            opacity: 1;
            padding-left: 10px;
            text-align: left;
            padding-right: 0px;
        }

        .right-header-content {
            padding-left: 0px;
        }
    }
    /* @media (min-width: 992px) {
.ml-auto,
.mx-auto {
margin-left: 0 !important;
}
} */

    @media (min-width: 992px) and (max-width: 1024px) {
        .navbar-brand {
            padding-left: 0px;
        }

        .navbar .nav-item > .nav-link.active {
            color: #FFFFFF;
            font: Bold 20px/43px Open Sans;
            padding-left: 0px;
            text-decoration: underline;
        }

        .navbar .nav-item > .nav-link {
            color: #FFFFFF;
            font: Bold 17px/43px Open Sans;
            letter-spacing: 0;
            opacity: 1;
            padding-left: 10px;
            text-align: left;
        }
    }

    @media (max-width: 1024px) {
        .menu-top {
            padding-left: 0px;
            padding-right: 0px;
        }

        .header-title {
            text-align: left;
            font: Bold 40px/49px Open Sans;
            letter-spacing: 0;
            color: #FFFFFF;
            opacity: 1;
            padding-left: 0px;
            padding-top: 142px;
        }

        .header-cotent {
            min-height: 165px;
            text-align: left;
            font: Regular 20px/32px Open Sans;
            letter-spacing: 0;
            color: #FFFFFF;
            opacity: 1;
            padding-left: 0px;
            padding-top: 41px;
        }

        #myNavbar7 {
            padding-left: 0px;
        }

        .intro-2 {
            max-width: 1920px;
            padding-left: 0px;
            padding-right: 0px;
            padding-top: 50px;
        }
    }

    @media (min-width: 768px) and (max-width: 1024px) {
        /* .navbar-brand {
padding-left: 0px;
}
.navbar .nav-item>.nav-link.active {
color: #FEA501;
font: Bold 20px/43px Open Sans;
padding-left: 0px;
text-decoration: underline;
}
.navbar .nav-item>.nav-link {
color: #ffffff;
font: Bold 20px/43px Open Sans;
letter-spacing: 0;
opacity: 1;
padding-left: 0px;
text-align: left;
} */
        .map-item {
            padding-right: 0px;
        }

        .ml-auto,
        .mx-auto {
            margin-left: 0px !important;
        }

        .group-btn {
            text-align: center;
            padding: 19px 0 0 0px;
        }
    }

    @media (min-width: 991px) and (max-width: 1200px) {
        .flex-container > div {
            width: 200px;
            margin: 5px;
            text-align: center;
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .menu-top {
            padding-left: 0px;
            padding-right: 0px;
        }

        .navbar-collapse {
            position: absolute;
            top: 84px;
            left: 100%;
            padding-left: 15px;
            padding-right: 15px;
            padding-bottom: 15px;
            z-index: 100;
            width: 50%;
            transition: all 0.2s ease;
            display: block;
            background-color: #2E3549;
            margin: 1px 0 80px;
            color: #FFFFFF;
        }

            .navbar-collapse.collapsing {
                height: auto !important;
                margin-left: 50%;
                left: 50%;
                transition: all 0.2s ease;
            }

            .navbar-collapse.show {
                left: 50%;
            }

        .intro-2 {
            padding-left: 0px;
            padding-right: 0px;
            padding-top: 50px;
        }

        .navbar-brand {
            padding-left: 0px;
        }

        .navbar .nav-item > .nav-link.active {
            color: #FFFFFF;
            font: Bold 20px/43px Open Sans;
            padding-left: 10px;
            text-decoration: underline;
        }

            .navbar .nav-item > .nav-link.active:hover {
                color: #FEA501;
                font: Bold 20px/43px Open Sans;
                padding-left: 10px;
                text-decoration: underline;
            }

        .navbar .nav-item > .nav-link {
            color: #FFFFFF;
            font: Bold 20px/43px Open Sans;
            letter-spacing: 0;
            opacity: 1;
            padding-left: 10px;
            text-align: left;
        }

        .btn-action-goto-school {
            margin: 0 auto;
        }

        .project-matching {
            text-align: left;
            font: 13px/33px Open Sans;
            letter-spacing: 0;
            color: #333333;
            opacity: 1;
        }

        .fb-help {
            font: 10px/22px Open Sans;
            letter-spacing: 0;
            color: #333333;
            opacity: 1;
        }

        .header-title {
            text-align: center;
            font: Bold 40px/49px Open Sans;
            letter-spacing: 0;
            color: #FFFFFF;
            opacity: 1;
            padding-left: 0px;
            padding-top: 142px;
        }

        .header-cotent {
            min-height: 165px;
            text-align: center;
            font: Regular 20px/32px Open Sans;
            letter-spacing: 0;
            color: #FFFFFF;
            opacity: 1;
            padding-left: 0px;
            padding-top: 41px;
        }

        .right-header-content {
            padding-left: 0px;
        }

        .space-around {
            justify-content: space-around;
            align-items: center;
            flex-direction: column;
        }

        .flex-container > div {
            width: 280px;
            margin: 10px;
            text-align: center;
        }

        .account-name-last {
            padding-bottom: 189px;
        }
    }

    @media (max-width: 768px) {
        .navbar-collapse {
            position: absolute;
            top: 78px;
            left: 100%;
            padding-left: 15px;
            padding-right: 15px;
            padding-bottom: 15px;
            z-index: 100;
            width: 50%;
            transition: all 0.2s ease;
            display: block;
            background-color: #2E3549;
            margin: 1px 0 80px;
            color: #FFFFFF;
        }

            .navbar-collapse.collapsing {
                height: auto !important;
                margin-left: 50%;
                left: 50%;
                transition: all 0.2s ease;
            }

            .navbar-collapse.show {
                left: 50%;
            }

        .navbar .nav-item > .nav-link.active {
            /* color: #FEA501; */
            font: Bold 14px/23px Open Sans;
            /* padding-left: 10px; */
            /* text-decoration: underline; */
        }

            .navbar .nav-item > .nav-link.active:hover {
                /* color: #FEA501; */
                font: Bold 14px/23px Open Sans;
                padding-left: 0px;
                /* text-decoration: underline; */
            }

        #myNavbar7 {
            padding-left: 0px;
        }

        .right-header-content {
            padding-left: 0px;
        }

        .btn-action-goto-school {
            margin: 0 auto;
        }

        .leader-name-1 {
            text-align: left;
            font: Bold 20px/33px Open Sans;
            letter-spacing: 0;
            color: #333333;
        }

        .project-matching {
            text-align: left;
            font: 12px/33px Open Sans;
            letter-spacing: 0;
            color: #333333;
            opacity: 1;
        }

        .fb-help {
            font: 8px/22px Open Sans;
            letter-spacing: 0;
            color: #333333;
            opacity: 1;
        }

        .work-togerther {
            text-align: center;
        }

        .lbl-fb {
            text-align: center;
        }

        .fb-page-load iframe[style] {
            width: 100% !important;
            max-height: 456px;
        }

        .donation {
            width: 354px;
        }
    }

    @media (min-width: 768px) {
        .navbar__list {
            display: flex;
            justify-content: flex-start;
        }
    }

    @media screen and (max-width: 767px) {
        .page-banner {
            height: 450px;
        }
    }

    @media (min-width: 481px) and (max-width: 767px) {
        .menu-top {
            padding-right: 0px;
            padding-left: 0px;
        }

        .work-togerther {
            text-align: center;
        }

        .lbl-fb {
            text-align: center;
        }

        .intro-2 {
            padding-left: 0px;
            padding-right: 0px;
            padding-top: 45px;
        }

        .isMobile {
            display: block;
        }

        .isDesktop {
            display: none;
        }

        .page-banner {
            position: relative;
            background-repeat: repeat;
            background-attachment: fixed;
            background-position: center;
            background-size: cover;
            -webkit-background-size: cover;
            width: 100%;
            height: 670px;
            color: #fff;
            text-align: left;
            overflow: hidden;
            background-attachment: scroll;
            background-size: 100% 100%;
        }

        .tour-view {
            background-image: url(../images/mv_sp.png);
        }

        .footer-pc {
            position: relative;
            background-repeat: repeat;
            background-attachment: fixed;
            background-position: center;
            background-size: cover;
            -webkit-background-size: cover;
            width: 100%;
            height: 417px;
            color: #fff;
            text-align: left;
            overflow: hidden;
            background-attachment: scroll;
            background-size: 100% 100%;
        }

        .img_bg_ft {
            background-image: url(../images/footer_sp.png);
        }

        .navbar-brand {
            padding-left: 0px;
            max-height: 95px;
        }

        .navbar .nav-item > .nav-link {
            color: #FFFFFF;
            font: Bold 20px/43px Open Sans;
            letter-spacing: 0;
            opacity: 1;
            padding-left: 0px;
            text-align: left;
        }

        .header-title {
            text-align: center;
            font: Bold 40px/49px Open Sans;
            color: #333333;
            opacity: 1;
            padding-top: 105px;
            letter-spacing: 0;
            opacity: 1;
            padding-left: 0px;
        }

        .header-cotent {
            min-height: 165px;
            text-align: center;
            font: 13px/33px Open sans-serif;
            letter-spacing: 0;
            color: #333333;
            opacity: 1;
            padding-top: 40px;
            padding-left: 0px;
        }

        .Left-title-header {
            padding-top: 64px;
            font: Bold 30px/41px Open Sans;
            letter-spacing: 0;
            color: #333333;
            opacity: 1;
            text-align: center;
        }

        .Left-content {
            padding-top: 15px;
            text-align: left;
            font: 20px/27px Open Sans Regular;
            letter-spacing: 0;
            color: #333333;
            opacity: 1;
        }

        .founder-name {
            font: Bold 20px/30px Open Sans;
            letter-spacing: 0;
            color: #333333;
            opacity: 1;
            padding-top: 30px;
        }

        .img_mobile {
            text-align: center;
        }

        .section-2-header {
            text-align: center;
            font: Bold 30px/41px Open Sans;
            letter-spacing: 0;
            color: #333333;
            opacity: 1;
            padding-top: 50px;
        }

        .head-title {
            padding-top: 23px;
            font: Bold 24px/32px Open Sans;
            letter-spacing: 0;
            color: #333333;
            opacity: 1;
        }

        .sub-content-3 {
            padding-top: 17px;
            text-align: left;
            font: 20px/32px Open Sans Regular;
            letter-spacing: 0;
            color: #333333;
            opacity: 1;
        }

        .section-4-maincontent {
            padding-top: 40px;
            text-align: center;
            font: 20px/32px Open Sans Regular;
            letter-spacing: 0;
            color: #333333;
            opacity: 1;
        }

        .sub-head-title {
            text-align: center;
            font: Bold 24px/32px Open Sans;
            letter-spacing: 0;
            color: #333333;
        }

        .sub-head-title-1 {
            text-align: center;
            font: Bold 24px/32px Open Sans;
            letter-spacing: 0;
            color: #333333;
        }

        .section-4-header {
            text-align: center;
            font: Bold 30px/37px Open Sans;
            letter-spacing: 0;
            color: #333333;
            opacity: 1;
            padding-bottom: 5px;
        }

        .section-4-subheader {
            text-align: center;
            font: Bold 22px/27px Open Sans;
            letter-spacing: 0;
            color: #333333;
            opacity: 1;
        }

        .section-5-header {
            color: #333333;
            text-align: center;
            font: Bold 30px/37px Open Sans;
            letter-spacing: 0;
            opacity: 1;
        }

        .section-5-subheader {
            font: Bold 22px/27px Open Sans;
            letter-spacing: 0;
            color: #333333;
            opacity: 1;
        }

        .section-5-header-content {
            text-align: center;
            font: Bold 28px/33px Open Sans;
            letter-spacing: 0;
            color: #333333;
            opacity: 1;
            padding-top: 40px;
            padding-bottom: 35px;
        }

        .header-leader-1 {
            text-align: center;
            font: Bold 24px/49px Open Sans;
            letter-spacing: 0;
            color: #333333;
            opacity: 1;
            padding-bottom: 10px;
        }

        .work-togerther {
            text-align: center;
            font: Bold 24px/50px Open Sans;
            letter-spacing: 0;
            color: #333333;
            opacity: 1;
        }

        .leader-name-1 {
            text-align: center;
            font: Bold 40px/49px Open Sans;
            letter-spacing: 0;
            color: #333333;
            opacity: 1;
        }

        .project-matching {
            text-align: center;
            font: 24px/47px Open Sans Regular;
            letter-spacing: 0;
            color: #333333;
            opacity: 1;
        }

        .lbl-fb {
            text-align: center;
            font: Bold 24px/50px Open Sans;
            letter-spacing: 0;
            color: #333333;
            opacity: 1;
            padding-bottom: 10px;
        }

        .group-fb-help {
            text-align: center;
        }

        .fb-help {
            text-align: center;
            font: 24px/33px Open Sans Regular;
            letter-spacing: 0;
            color: #333333;
            opacity: 1;
        }

        .header-leader-name-1,
        .header-leader-name-2,
        .header-leader-name-3 {
            border-right: none;
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .content-leader-name {
            padding-top: 0px;
        }

        .section-5-content-main {
            font-size: 15px;
            text-align: center;
            font: 20px/32px Open Sans Regular;
            letter-spacing: 0;
            color: #333333;
            opacity: 1;
            padding-top: 50px;
        }

        .section-7-title {
            padding-top: 50px;
            color: #ffffff;
            padding-bottom: 50px;
        }

        .footer {
            text-align: center;
            color: #ffffff;
            padding-bottom: 29px;
            padding-top: 107px;
        }

        .content-tight-donate {
            padding-top: 25px;
        }

        .flex-container > div {
            width: 280px;
            margin: 10px;
            text-align: center;
        }
    }

    @media (min-width: 576px) and (max-width: 767px) {
        .work-togerther {
            text-align: center;
        }

        .lbl-fb {
            text-align: center;
        }

        #myNavbar7 {
            padding-left: 20px;
        }

        .header-title {
            text-align: center;
            font: Bold 40px/49px Open Sans;
            letter-spacing: 0;
            color: #FFFFFF;
            opacity: 1;
            padding-top: 105px;
            letter-spacing: 0;
            opacity: 1;
            padding-left: 0px;
        }

        .header-cotent {
            min-height: 165px;
            text-align: center;
            font: 20px/33px Open Sans Regular;
            letter-spacing: 0;
            color: #FFFFFF;
            opacity: 1;
            padding-top: 40px;
            padding-left: 0px;
        }

        .btn-group-action {
            padding-top: 70px;
        }

        .group-btn-goto-NGOHP {
            text-align: left;
        }

        .right-header-content {
            padding-left: 0px;
        }
    }

    @media (min-width: 481px) and (max-width: 576px) {
        .work-togerther {
            text-align: center;
        }

        .lbl-fb {
            text-align: center;
        }

        .header-title {
            text-align: center;
            font: Bold 40px/49px Open Sans;
            letter-spacing: 0;
            color: #FFFFFF;
            opacity: 1;
            padding-top: 105px;
            letter-spacing: 0;
            opacity: 1;
        }

        .header-cotent {
            min-height: 165px;
            text-align: center;
            font: 15px/32px Open Sans;
            letter-spacing: 0;
            color: #FFFFFF;
            opacity: 1;
            padding-top: 40px;
            padding-left: 0px;
        }

        .btn-gotoNgoHP {
            margin-left: 0px;
        }

        .btn-gotoNgoHP {
            margin-left: 0px;
            margin-top: 40px;
        }

        .btn-group-action {
            padding-top: 70px;
            padding-left: 0px;
            text-align: center;
        }

        .header-leader-name-1,
        .header-leader-name-2 {
            border-right: none;
        }

        .right-header-content {
            padding-left: 0px;
        }
    }



    /* 
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px
*/

    @media (max-width: 575px) and (min-width: 320px) {
        .container {
            padding-bottom: 30px;
        }
    }

    @media (max-width: 767px) and (min-width: 320px) {
        .fb-page-load {
            padding: 60px 0px 20px 0px;
            text-align: center;
        }
    }

    @media (max-width: 767px) and (min-width: 320px) {
        .fb-page-load {
            padding: 60px 0px 20px 0px;
            text-align: center;
        }
    }

    @media (min-width: 320px) and (max-width: 767px) {
        .donation {
            width: 386px;
            /* background: url(../images/donationnormal.png) no-repeat center; */
            /* background-color: #ffffff; */
            height: 500px;
            margin: 0 auto;
        }
    }

    @media (min-width: 481px) and (max-width: 767px) {
        .space-around {
            justify-content: space-around;
            align-items: center;
            flex-direction: column;
        }
    }

    @media (min-width: 320px) and (max-width: 480px) {
        .flex-container.space-around {
            justify-content: space-around;
            flex-direction: column;
            align-items: center;
        }

        .menu-top {
            padding-left: 0px;
            padding-right: 0px;
        }

        .work-togerther {
            text-align: center;
        }

        .lbl-fb {
            text-align: center;
        }

        .intro-2 {
            padding-left: 0px;
            padding-right: 0px;
            padding-top: 45px;
        }

        .isMobile {
            display: block;
        }

        .isDesktop {
            display: none;
        }

        .responsive {
            width: 100%;
            height: auto;
        }

        .page-banner {
            position: relative;
            background-repeat: repeat;
            background-attachment: fixed;
            background-position: center;
            background-size: cover;
            -webkit-background-size: cover;
            width: 100%;
            height: 670px;
            color: #fff;
            text-align: left;
            overflow: hidden;
            background-attachment: scroll;
            background-size: 100% 100%;
        }

        .tour-view {
            background-image: url(../images/mv_sp.png);
        }

        .footer-pc {
            position: relative;
            background-repeat: repeat;
            background-attachment: fixed;
            background-position: center;
            background-size: cover;
            -webkit-background-size: cover;
            width: 100%;
            height: 417px;
            color: #fff;
            text-align: left;
            overflow: hidden;
            background-attachment: scroll;
            background-size: 100% 100%;
        }

        .img_bg_ft {
            background-image: url(../images/footer_sp.png);
        }

        .header-cotent {
            min-height: 165px;
            text-align: center;
            font: 18px/32px Open Sans;
            letter-spacing: 0;
            color: #333333;
            opacity: 1;
            padding-left: 15px;
            padding-top: 20px;
        }

        .header-title {
            text-align: center;
            font: Bold 40px/49px Open Sans;
            letter-spacing: 0;
            color: #FFFFFF;
            opacity: 1;
            padding-top: 105px;
            letter-spacing: 0;
            opacity: 1;
            padding-left: 0px;
        }

        .header-cotent {
            min-height: 165px;
            text-align: center;
            font: 10px/22px Open Sans;
            letter-spacing: 0;
            color: #FFFFFF;
            opacity: 1;
            padding-top: 40px;
            padding-left: 15px;
        }

        .btn-goto-schoolHP {
            background: transparent;
            border: 1px solid white;
            color: #ffffff;
        }

        .btn-action-goto-school {
            padding-top: 70px;
        }

        .right-header-content {
            padding-top: 0px;
            padding-left: 0px;
        }

        .navbar .nav-item > .nav-link {
            color: #FFFFFF;
            font: Bold 15px/20px Open Sans;
            letter-spacing: 0;
            opacity: 1;
            padding-left: 0px;
            text-align: left;
        }

        .header-leader-name-1,
        .header-leader-name-2 {
            border-right: none;
        }

        .section-5-header {
            color: #333333;
            text-align: center;
            font: Bold 30px/37px Open Sans;
            letter-spacing: 0;
            opacity: 1;
        }

        .section-5-subheader {
            font: Bold 22px/27px Open Sans;
            letter-spacing: 0;
            color: #333333;
            opacity: 1;
        }

        .section-5-header-content {
            text-align: center;
            font: Bold 28px/33px Open Sans;
            letter-spacing: 0;
            color: #333333;
            opacity: 1;
            padding-top: 40px;
            padding-bottom: 40px;
            /* border-bottom: 1px solid #707070; */
        }

        .header-leader-1 {
            text-align: center;
        }

        .leader-name-1 {
            text-align: center;
        }

        .project-matching {
            text-align: center;
        }

        .group-fb-help {
            text-align: center;
        }

        .header-leader-name-1,
        .header-leader-name-2,
        .header-leader-name-3 {
            border-right: none;
            /* border-bottom: 1px solid #707070; */
            padding-top: 20px;
            padding-bottom: 30px;
        }

        .content-leader-name {
            padding-top: 0px;
        }

        .section-5-content-main {
            font-size: 15px;
            text-align: center;
            font: 20px/32px Open Sans;
            letter-spacing: 0;
            color: #333333;
            opacity: 1;
            padding-top: 50px;
        }

        .section-7-title {
            padding-top: 50px;
            color: #ffffff;
            padding-bottom: 50px;
        }

        .footer {
            text-align: center;
            color: #ffffff;
            padding-bottom: 29px;
            padding-top: 107px;
        }

        .navbar-collapse {
            position: absolute;
            top: 66px;
            left: 100%;
            padding-left: 15px;
            padding-right: 15px;
            padding-bottom: 15px;
            z-index: 100;
            width: 50%;
            transition: all 0.2s ease;
            display: block;
            background-color: #2E3549;
            margin: 1px 0 80px;
            color: #FFFFFF;
        }

        .content-tight-donate {
            padding-top: 25px;
        }

        .flex-container > div {
            width: 280px;
            margin: 10px;
            text-align: center;
        }

        .fb-page-load iframe[style] {
            width: 100% !important;
        }

        .btn-action-send-requet {
            text-align: center;
        }
    }

    @media (max-width: 320px) {
        .menu-top {
            padding-left: 0px;
            padding-right: 0px;
        }

        .work-togerther {
            text-align: center;
        }

        .lbl-fb {
            text-align: center;
        }

        .navbar-collapse {
            position: absolute;
            top: 60px;
            left: 100%;
            padding-left: 15px;
            padding-right: 15px;
            padding-bottom: 15px;
            z-index: 100;
            width: 50%;
            transition: all 0.2s ease;
            display: block;
            background-color: #2E3549;
            margin: 1px 0 80px;
            color: #FFFFFF;
        }

            .navbar-collapse.collapsing {
                height: auto !important;
                margin-left: 50%;
                left: 50%;
                transition: all 0.2s ease;
            }

            .navbar-collapse.show {
                left: 50%;
            }

        .intro-2 {
            padding-left: 0px;
            padding-right: 0px;
            padding-top: 45px;
        }

        .isMobile {
            display: block;
        }

        .isDesktop {
            display: none;
        }

        .page-banner {
            position: relative;
            background-repeat: repeat;
            background-attachment: fixed;
            background-position: center;
            background-size: cover;
            -webkit-background-size: cover;
            width: 100%;
            height: 670px;
            color: #fff;
            text-align: left;
            overflow: hidden;
            background-attachment: scroll;
            background-size: 100% 100%;
        }

        .tour-view {
            background-image: url(../images/mv_sp.png);
        }

        .footer-pc {
            position: relative;
            background-repeat: repeat;
            background-attachment: fixed;
            background-position: center;
            background-size: cover;
            -webkit-background-size: cover;
            width: 100%;
            height: 417px;
            color: #fff;
            text-align: left;
            overflow: hidden;
            background-attachment: scroll;
            background-size: 100% 100%;
        }

        .img_bg_ft {
            background-image: url(../images/footer_sp.png);
        }

        .isMobile {
            display: block;
        }

        .isDesktop {
            display: none;
        }

        .btn-group-action {
            text-align: center;
            padding-top: 0px;
            padding-left: 0px;
        }

        .header-title {
            text-align: center;
            font: Bold 60px/82px Open Sans;
            letter-spacing: 0;
            color: #FFFFFF;
            opacity: 1;
            padding-top: 105px;
            letter-spacing: 0;
            opacity: 1;
            padding-left: 0px;
        }

        .header-cotent {
            min-height: 165px;
            text-align: center;
            font: 16px/33px Open Sans Regular;
            letter-spacing: 0;
            color: #FFFFFF;
            opacity: 1;
            padding-left: 15px;
            padding-top: 40px;
        }

        .btn-gotoNgoHP {
            margin-top: 30px;
            margin-left: 0px;
        }

        .btn-goto-schoolHP {
            background: transparent;
            border: 1px solid white;
            color: #ffffff;
        }

        .navbar-brand {
            padding-left: 0px;
        }

        .navbar .nav-item > .nav-link {
            color: #FFFFFF;
            /* font: Bold 14px/43px Open Sans; */
            font: bold 12px/23px Open Sans;
            letter-spacing: 0;
            opacity: 1;
            padding-left: 0px;
            text-align: left;
        }

        .right-header-content {
            padding-left: 0px;
            padding-top: 0px;
        }

        .btn-action-goto-school {
            padding-top: 70px;
        }

        .section-5-header {
            color: #333333;
            text-align: center;
            font: Bold 30px/37px Open Sans;
            letter-spacing: 0;
            opacity: 1;
        }

        .section-5-subheader {
            font: Bold 22px/27px Open Sans;
            letter-spacing: 0;
            color: #333333;
            opacity: 1;
        }

        .section-5-header-content {
            text-align: center;
            font: Bold 28px/33px Open Sans;
            letter-spacing: 0;
            color: #333333;
            opacity: 1;
            padding-top: 40px;
            padding-bottom: 40px;
            /* border-bottom: 1px solid #707070; */
        }

        .header-leader-1 {
            text-align: center;
        }

        .leader-name-1 {
            text-align: center;
            font: 24px/47px Open Sans Regular;
            letter-spacing: 0;
            color: #333333;
            opacity: 1;
        }

        .project-matching {
            text-align: center;
            font: 24px/47px Open Sans;
            letter-spacing: 0;
            color: #333333;
            opacity: 1;
        }

        .lbl-fb {
            text-align: center;
            font: Bold 24px/50px Open Sans;
            letter-spacing: 0;
            color: #333333;
            opacity: 1;
        }

        .group-fb-help {
            text-align: center;
            font: 24px/33px Open Sans Regular;
            letter-spacing: 0;
            color: #333333;
            opacity: 1;
        }

        .fb-help {
            text-align: center;
            font: 14px/33px Open Sans Regular;
            letter-spacing: 0;
            color: #333333;
            opacity: 1;
        }

        .header-leader-name-1,
        .header-leader-name-2,
        .header-leader-name-3 {
            border-right: none;
            /* border-bottom: 1px solid #707070; */
            padding-top: 20px;
            padding-bottom: 30px;
        }

        .content-leader-name {
            padding-top: 0px;
        }

        .section-5-content-main {
            font-size: 15px;
            text-align: center;
            font: 16px/32px Open Sans Regular;
            letter-spacing: 0;
            color: #333333;
            opacity: 1;
            padding-top: 50px;
        }

        .section-7-title {
            padding-top: 50px;
            color: #ffffff;
            padding-bottom: 50px;
        }

        .footer {
            text-align: center;
            color: #ffffff;
            padding-bottom: 29px;
            padding-top: 107px;
        }

        .work-togerther {
            text-align: center;
            font: Bold 24px/50px Open Sans;
            letter-spacing: 0;
            color: #333333;
            opacity: 1;
        }

        .responsive {
            width: 100%;
            height: auto;
        }

        .flex-container.space-around {
            justify-content: space-around;
            flex-direction: column;
            align-items: center;
        }

        .btn-card {
            width: 200px;
        }

        .content-tight-donate {
            padding-top: 20px;
        }

        .fb-page-load iframe[style] {
            width: 100% !important;
        }

        .space-around {
            justify-content: space-around;
            align-items: center;
            flex-direction: column;
        }

        .btn-action-send-requet {
            text-align: center;
        }
    }