html {
    scroll-behavior: smooth;
  }
.test li:first {
    background-color: #FEA501;
    padding-right: 0;
}

.test li a {
    padding-top: 15px;
    padding-bottom: 15px;
}

.container-fluid {
    padding: 0 !important;
    margin: 0 auto;
}

.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/Bg_HP_PC.png);
}

.navbar-dark .navbar-toggler {
    background-color: #1E4990 !important;
}


/* .intro-2 {
    background: url("../images/header_background.png")no-repeat center center;
    background-size: cover;
    min-height: 485px;
} */

.navbar-navigation {
    background-color: #ffffff !important;
    padding-top: 0px;
    padding-bottom: 0px;
}

.navbar .nav-item>.nav-link.active {
    color: #1E4990;
    font: Bold 20px/43px Helvetica Neue;
    /* background-color: #FEA501; */
}

.navbar .nav-item>.nav-link.active:hover {
    color: #ffffff;
    font: Bold 20px/43px Helvetica Neue;
    background-color: #FEA501;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75);
}

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

.navbar .nav-item>.nav-link:hover {
    color: #ffffff;
    font: Bold 20px/43px Helvetica Neue;
    background-color: #FEA501;
    /* padding-left: 86px; */
}

.menu-link-navigation {
    margin-right: 15px;
    /* padding-right: 86px; */
}


/* .container-fluid {
    background: url("../images/mv_pc.png") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100% 100%;
    min-height: 780px;
    padding-right: 0px !important;
    padding-left: 0px !important;
} */

.header-title {
    padding-top: 114px;
    text-align: left;
    font: 40px/49px Helvetica Neue;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
}

.header-content {
    padding-top: 44px;
    text-align: left;
    font: 20px/33px Helvetica Neue;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
}

.header-right-content {
    text-align: left;
    font: Bold 30px/33px Helvetica Neue;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
}

.header-r-content {
    padding-top: 128px;
    width: auto;
    margin: 0 auto;
}

.head-r-content {
    padding-left: 21px;
}


/* .logo_pc {
        padding-top: 267px;
        display: flex;
        align-items: center;
        justify-content: center;
    } */

.container-fluid {
    position: relative;
}

.center {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.group-btn-checkbox {
    padding-top: 128px;
}

.btn-checkbox {
    text-align: center;
}

.custom-checkbox {
    text-align: center;
    font: Bold 30px/33px Helvetica Neue;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
}

.btn-undercheckbox {
    padding-top: 76px;
    padding-left: 35px;
}

.btn-send-undercheckbox {
    background: #F26D78 0% 0% no-repeat padding-box;
    border-radius: 31px;
    border: 1px solid #F26D78;
    opacity: 1;
    width: 255px;
    height: 61px;
}

.content-undercheckbox {
    text-align: center;
    font: 18px/23px Helvetica Neue;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
}

.btn-send-undercheckbox:hover {
    background-color: #F73C4C;
    /* Green */
    color: #FFFFFF;
}

.btn-send-submit:hover {
    background-color: #3884FF;
    /* Green */
    color: #FFFFFF;
    border: none;
}

.desctiption-title {
    font: 14px/22px Open Sans Regular;
    letter-spacing: 0;
    color: #333333;
    opacity: 1;
    padding-top: 40px;
    text-align: left;
}

.desctiption-contain {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 50px;
    padding-right: 50px;
}

.school_description {
    padding-top: 40px;
    padding-bottom: 50px;
}

.desktopNonePadding {
    padding: 0px !important;
    display: block;
}
.mobileNonePadding {
    padding: 0px !important;
    display: block;
}
.mobilePadding {
    display: none;
}

.title-description {
    text-align: left;
    font: Bold 28px/33px Open Sans;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
    padding-top: 50px;
    padding-left: 30px;
}

.content-description {
    text-align: left;
    font: 14px/22px Open Sans Regular;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
    padding-top: 30px;
    padding-left: 30px;
}
.description_detail,
.school_description_detail-2,
.school_description_detail-3 {
    padding-top: 20px;
}

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.centered {
    text-align: left;
    font: 14px/22px Open Sans Regular;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
}


/* .info-staff {
    background: url("../images/staff_02.png")no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    min-height: 504px;
    padding-right: 0px !important;
    padding-left: 0px !important;
} */


/* .school_description_detail-3 {
    padding-bottom: 50px;
} */

.school_description_detail {
    background-color: #265EB9;
}

.head-main-content {
    text-align: center;
    font: Bold 28px/38px Open Sans;
    letter-spacing: 0;
    color: #333333;
    opacity: 1;
    padding-top: 60px;
}

.content-main {
    padding-top: 35px;
}

.main-content {
    padding-bottom: 65px;
}

.section-3-header {
    text-align: center;
    font: Bold 40px/49px Helvetica Neue;
    letter-spacing: 0;
    color: #1B365C;
    opacity: 1;
    padding-top: 50px;
}

.section-3 {
    background: url("../images/bg_01.png")no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    min-height: 800px;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.section-3-header-content {
    text-align: left;
    font: 30px/33px Helvetica Neue;
    letter-spacing: 0;
    color: #333333;
    opacity: 1;
    padding-top: 132px;
}

.section-3-content {
    text-align: left;
    font: 16px/32px Helvetica Neue;
    letter-spacing: 0;
    color: #333333;
    opacity: 1;
    padding-top: 29px;
}

.btn-readmore {
    padding-top: 39px;
    text-align: left;
    font: 20px/43px Helvetica Neue;
    letter-spacing: 0;
    color: #F26D78;
}

.section-4 {
    padding-bottom: 66px;
}

.section-4-header {
    padding-top: 50px;
    font: Bold 40px/49px Helvetica Neue;
    letter-spacing: 0;
    color: #1B365C;
    opacity: 1;
}

.content-4 {
    padding-top: 58px;
}

.section-4-description {
    text-align: center;
    font: 20px/33px Helvetica Neue;
    letter-spacing: 0;
    color: #333333;
    opacity: 1;
}

.section-5 {
    background: url("../images/bg_02.png")no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    min-height: 384px;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.section-5-header {
    text-align: center;
    font: Bold 40px/49px Helvetica Neue;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
    padding-top: 50px;
}

.section-5-content {
    padding-top: 57px;
    text-align: center;
    font: 16px/33px Helvetica Neue;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
}

.section-6-header {
    padding-top: 60px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
    font: Bold 28px/38px Open Sans;
    letter-spacing: 0;
    color: #333333;
    opacity: 1;
}

.top-content {
    padding-top: 50px;
    padding-bottom: 40px;
}

.Staff-introduction {
    padding-bottom: 0px;
    background: #F6F6F6 0% 0% no-repeat padding-box;
    opacity: 1;
}

.section-6-description {
    text-align: center;
    padding-top: 12px;
}

.head-description {
    text-align: center;
    font: Bold 18px/30px Open Sans;
    letter-spacing: 0;
    color: #333333;
    opacity: 1;
}

.section-6-content-description {
    text-align: center;
    font: 18px/30px Open Sans Regular;
    letter-spacing: 0;
    color: #333333;
    opacity: 1;
}

.container-test {
    width: 100%;
}

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

.div-img {
    position: relative;
    width: 80%;
    background-color: #FEA501;
    margin: 0 auto;
}

.image {
    opacity: 1;
    display: block;
    width: 100%;
    transition: .5s ease;
    backface-visibility: hidden;
    position: relative;
}


/* 
.middle {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
}

.container-test:hover .middle {
    transition: .5s ease;
    cursor: pointer;
    background-color: #0047CC;
    opacity: 83%;
}

.text {
    color: white;
    font-size: 16px;
    padding: 16px 32px;
    opacity: 83%;
    text-align: left;
    font: 14px/22px Open Sans Regular;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 0;
    vertical-align: bottom;
    position: absolute;
    bottom: 0;
}

.container-test:hover .text {
    opacity: 1;
} */

#section-QA {
    background-color: #FFFFFF;
    opacity: 1;
    padding-bottom: 50px;
}

.header-QA {
    padding-top: 60px;
    text-align: center;
    font: Bold 28px/38px Open Sans;
    letter-spacing: 0;
    color: #333333;
    opacity: 1;
}

.content-QA-row-1 {
    padding-top: 50px;
}

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

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

.section-QA-Question {
    padding-top: 21px;
    text-align: center;
    font: Bold 18px/26px Open Sans;
    letter-spacing: 0;
    color: #2255A8;
    opacity: 1;
}

.section-QA-answer-left {
    text-align: left;
    letter-spacing: 0;
    color: #333333;
    opacity: 1;
    padding-top: 40px;
    padding-left: 17px;
    padding-right: 15px;
    font-size: 15px;
    padding-bottom: 66px;
    font: 14px/26px Open Sans Regular;
}

.section-QA-answer {
    text-align: left;
    letter-spacing: 0;
    color: #333333;
    opacity: 1;
    padding-top: 40px;
    padding-left: 17px;
    padding-right: 15px;
    font-size: 15px;
    padding-bottom: 40px;
    font: 14px/26px Open Sans Regular;
}

.content-QA-row-2 {
    padding-top: 30px;
}

.group-btn-QA {
    padding-top: 44px;
    padding-bottom: 18px;
}

.group-btn-send-QA {
    padding-top: 50px;
    padding-bottom: 50px;
}

.btn-submit {
    text-align: center;
}

.btn-send-submit {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 0.5px solid #707070;
    border-radius: 31px;
    opacity: 1;
    width: 255px;
    height: 61px;
}

.content-submit {
    text-align: center;
    font: 18px/22px Helvetica Neue;
    letter-spacing: 0;
    /* color: #333333; */
    opacity: 1;
}

.section-answer {
    text-align: left;
    font: Bold 18px/26px Open Sans;
    letter-spacing: 0;
    color: #333333;
}

.btn-Submit-QA {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 0.5px solid #707070;
    border-radius: 31px;
    opacity: 1;
}

#section-SENDMESSAGE {
    padding-bottom: 90px;
    background: #F6F6F6 0% 0% no-repeat padding-box;
    opacity: 1;
}

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

.input-name-email {
    padding-top: 50px;
}


/* .input-name {
    padding-top: 44px;
}

.input-email {
    padding-top: 44px;
} */

.input-subject {
    padding-top: 43px;
}

.input-your-message {
    padding-top: 43px;
}

.group-btn-send-message {
    padding-top: 43px;
}

.btn-message {
    text-align: right;
    /* color: #ffffff; */
}

.btn-message:hover {
    text-align: right;
    /* color: #ffffff; */
    text-decoration: none;
}

.bnt-send-message {
    border: none;
    background: #265EB9 0% 0% no-repeat padding-box;
    border: 0.5px solid #707070;
    border-radius: 3px;
    opacity: 1;
    padding: 17px 51px;
    color: #ffffff;
}

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

 ::placeholder {
    text-align: left;
    font: Italic 14px/19px Open Sans;
    letter-spacing: 0;
    color: #AAAAAA;
    opacity: 0.54;
}

.bnt-send-message:hover {
    background-color: #3884FF;
    color: #FFFFFF;
}

.link-fb {
    color: #000000;
}

.link-fb:hover {
    background-color: #4267B2;
    color: #4267B2;
}

.content-message {
    text-align: center;
    font: 20px/24px Helvetica Neue;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
}

.section-fb {
    padding: 50px 0px 61px 0px;
}

.circle-item {
    display: table;
    margin: 0 auto;
}

.circle {
    width: 59px;
    height: 59px;
    background: url(../images/fb_icon_nomal.png);
    text-align: center;
    font: Bold 30px/29px Helvetica Neue;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
    padding-top: 63px;
    text-decoration: none;
    background-size: contain;
    background-repeat: no-repeat;
}

.circle:hover {
    width: 59px;
    height: 59px;
    background: url(../images/fb_icon_hover.png);
    text-align: center;
    font: Bold 30px/29px Helvetica Neue;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
    padding-top: 63px;
    text-decoration: none;
    background-size: contain;
    background-repeat: no-repeat;
}

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

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

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

.btn-goto-page {
    border: solid 1px white;
    padding: 19px 46px;
}

.btn-goto-page:hover {
    background-color: #FEA501;
    color: #ffffff;
    border: none;
    text-decoration: none;
}

.btn-go-to-page {
    text-align: center;
    font: 20px/27px Open Sans;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
    text-decoration: none;
}

.btn-go-to-page:hover {
    text-decoration: none;
    color: #ffffff;
}

.footer {
    text-align: center;
    color: #ffffff;
    font: 14px/43px Helvetica Neue;
    background-color: #102D5D;
}

.coppy-right {
    text-align: center;
    color: #ffffff;
    /* padding-bottom: 32px;
    padding-top: 132px;*/
} 

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

.isMobile {
    display: none;
}

.isDesktop {
    display: block;
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: -150px;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 0%;
    color: #fff;
    text-align: center;
    opacity: 0.5;
    transition: opacity 0.15s ease;
}

.parent {
    text-align: centers;
}

.link-fb-page {
    color: #FFFFFF;
}

.link-fb-page:hover {
    color: #FFFFFF;
    text-decoration: none;
}
.link-facebook-page {
    position: relative;
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    width: 100%;
    height: auto;
    color: #fff;
    text-align: left;
    overflow: hidden;
    background-attachment: scroll;
    background-size: 100% 100%;
}
.link-facebook-page {
    text-align: center;
    padding-top: 126px;
}
.im-fb-bg{
    background-image: url(../images/fbcover_sp.png);
}
.fb-title{
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    padding-bottom: 126px;
    padding-top: 23px;
}
.header-fb-title{
    font: Bold 52px/69px Open Sans;
}

.fb-page-load{
    padding: 60px 0px 20px 0px;
    padding-left: 30px;
}
.linkchannelYt{
    padding-top: 60px;
    padding-right: 30px;
}

.logo_youtube{
    width: 400px;
    background: url('../images/Youtube_nomal_pc.png') no-repeat center;
    background-color: #ffffff; /* Used if the image is unavailable */
    height: 500px; /* You must set a specified height */
    margin-left: auto;
}

.logo_youtube:hover {
    text-align: center;
    background: url('../images/youtube_hover_pc.png') no-repeat center;
    text-decoration: none;
}
.modal-body{
    text-align: left;
}
.requiment{
    color: red;
}
/* Responsive Start */

@media (max-width: 992px) {
    .navbar-collapse {
        position: absolute;
        top: 110px;
        left: 100%;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        width: 50%;
        transition: all 0.2s ease;
        display: block;
        background-color: #ffffff;
        margin: 1px 0 80px;
        z-index: 100;
    }
    .navbar-collapse.collapsing {
        height: auto !important;
        margin-left: 50%;
        left: 50%;
        transition: all 0.2s ease;
    }
    .navbar-collapse.show {
        left: 50%;
    }
    .menu-link-navigation {
        margin-right: 15px;
        padding-right: 0px;
    }
    .test li a {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    navbar-toggler-icon {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .navbar-navigation {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    /* Show 3rd slide on sm if col-sm-6*/
    .carousel-inner .active.col-sm-6.carousel-item+.carousel-item+.carousel-item {
        position: absolute;
        top: 0;
        right: -50%;
        /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}

@media (min-width: 576px) {
    .carousel-item {
        margin-right: 0;
    }
    /* show 2 items */
    .carousel-inner .active+.carousel-item {
        display: block;
    }
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item {
        transition: none;
    }
    .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    /* left or forward direction */
    .active.carousel-item-left+.carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left+.carousel-item,
    .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* farthest right hidden item must be also positioned for animations */
    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* right or prev direction */
    .active.carousel-item-right+.carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right+.carousel-item,
    .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}


/* Carocel */

@media (min-width: 767px) {
    /* show 3rd of 3 item slide */
    .carousel-inner .active+.carousel-item+.carousel-item {
        display: block;
    }
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item {
        transition: none;
    }
    .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    /* left or forward direction */
    .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* right or prev direction */
    .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    .navbar-navigation {
        background-color: #ffffff !important;
        padding-top: 61px;
        padding-bottom: 33px;
    }
    /* .container-fluid {
        background: url("../images/mv_sp.png") no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: 100% 100%;
        min-height: 780px;
        padding-right: 0px !important;
        padding-left: 0px !important;
    } */
    .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-md {
        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: center;
        overflow: hidden;
        background-attachment: scroll;
        background-size: 100% 100%;
    }
    .img_bg_ft {
        background-image: url(../images/footer_sp.png);
    }
    .footer-content-mb{
        text-align: center;
        font:  14px/43px Helvetica Neue;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
    }
    .mobilePadding {
        display: block;
    }
    .desktopNonePadding {
        display: none;
    }
    .isMobile {
        display: block;
    }
    .isDesktop {
        display: none;
    }
    .mobile-background {
        padding: 0px 15px;
        background-color: #265EB9;
    }
    .school_description_detail {
        background-color: transparent;
    }
    .title-description {
        text-align: left;
        font: Bold 28px/33px Open Sans;
        letter-spacing: 0;
        color: #FFFFFF;
        opacity: 1;
        padding-top: 50px;
        padding-left: 15px;
    }
    .content-description {
        text-align: left;
        font: 14px/22px Open Sans Regular;
        letter-spacing: 0;
        color: #FFFFFF;
        opacity: 1;
        padding-top: 30px;
        padding-left: 15px;
        padding-bottom: 50px;
    }
    .desctiption-contain {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-left: 0px;
        padding-right: 0px;
    }
    .desctiption-contain {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-left: 0px;
        padding-right: 0px;
    }
    .col-question-left {
        padding-bottom: 30px;
    }
    .center {
        position: absolute;
        margin-left: auto;
        margin-right: 2%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .head-main-content {
        text-align: center;
        font: Bold 28px/38px Open Sans;
        letter-spacing: 0;
        color: #333333;
        opacity: 1;
        padding-top: 50px;
    }
    .desctiption-title {
        text-align: left;
        font: 14px/22px Open Sans Regular;
        letter-spacing: 0;
        color: #333333;
        opacity: 1;
        padding-top: 50px;
    }
    .description_detail {
        padding-bottom: 70px;
    }
    .school_description_detail-2 {
        padding-bottom: 70px;
    }
    .Staff-introduction {
        padding-bottom: 0px;
        background: #F6F6F6 0% 0% no-repeat padding-box;
        opacity: 1;
    }
    .header-QA {
        padding-top: 40px;
        text-align: center;
        font: Bold 28px/38px Open Sans;
        letter-spacing: 0;
        color: #333333;
        opacity: 1;
    }
    .header-send-mesage {
        padding-top: 40px;
        text-align: center;
        font: Bold 28px/38px Open Sans;
        letter-spacing: 0;
        color: #333333;
        opacity: 1;
    }
    #section-SENDMESSAGE {
        padding-bottom: 30px;
    }
    .linkchannelYt {
        padding-top: 50px;
        padding-right: 0px;
    }
    .fb-page-load {
        padding: 60px 0px 20px 0px;
        text-align: center;
    }
    .logo_youtube {
        width: 400px;
        background: url(../images/Youtube_nomal_pc.png) no-repeat center;
        background-color: #ffffff;
        height: 500px;
        margin: 0 auto;
    }
}

@media (min-width: 320px) and (max-width: 575px) {
    .desctiption-contain {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-left: 0px;
        padding-right: 0px;
    }
    .container {
        padding-bottom: 30px;
    }
    .header-title {
        padding-top: 114px;
        text-align: center;
        font: 40px/49px Helvetica Neue;
        letter-spacing: 0;
        color: #FFFFFF;
        opacity: 1;
    }
    .header-content {
        padding-top: 44px;
        text-align: center;
        font: 20px/33px Helvetica Neue;
        letter-spacing: 0;
        color: #FFFFFF;
        opacity: 1;
    }
    .btn-undercheckbox {
        padding-top: 76px;
        text-align: center;
    }
    .section-3-header-content {
        text-align: center;
        font: 30px/33px Helvetica Neue;
        letter-spacing: 0;
        color: #333333;
        opacity: 1;
        padding-top: 132px;
    }
    .desctiption-contain {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-left: 0px;
        padding-right: 0px;
    }
    .section-3-content {
        text-align: center;
        font: 16px/32px Helvetica Neue;
        letter-spacing: 0;
        color: #333333;
        opacity: 1;
        padding-top: 29px;
    }
    .btn-message {
        text-align: center;
    }
    .center {
        position: absolute;
        margin-left: auto;
        margin-right: 2%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 50%;
    }
}

@media (max-width: 320px) {
    .center {
        position: absolute;
        margin-left: auto;
        margin-right: 2%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 50%;
    }
    .navbar .nav-item>.nav-link {
        text-align: left;
        font: Bold 15px/43px Open Sans;
        letter-spacing: 0;
        color: #1E4990;
        opacity: 1;
    }
    .navbar .nav-item>.nav-link:hover {
        text-align: left;
        font: Bold 15px/43px Open Sans;
        letter-spacing: 0;
        color: #1E4990;
        opacity: 1;
    }
    .desctiption-title {
        text-align: left;
        font: 14px/22px Open Sans Regular;
        letter-spacing: 0;
        color: #333333;
        opacity: 1;
        padding-top: 45px;
    }
    .main-content {
        padding-bottom: 0px;
    }
    .section-6-header {
        padding-top: 40px;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
        font: Bold 28px/38px Open Sans;
        letter-spacing: 0;
        color: #333333;
        opacity: 1;
    }
    .top-content {
        padding-top: 50px;
        padding-bottom: 0px;
    }
    .content-QA-row-1 {
        padding-top: 40px;
    }
    .container {
        padding-bottom: 0px;
    }
    .group-btn-send-message {
        padding-top: 40px;
    }
    #section-SENDMESSAGE {
        padding-bottom: 50px;
        background: #F6F6F6 0% 0% no-repeat padding-box;
        opacity: 1;
    }
    .section-7-title-header {
        text-align: center;
        font: Bold 38px/55px Open Sans;
        letter-spacing: 0;
        color: #FFFFFF;
        opacity: 1;
    }
    .text {
        font-size: 16px;
        padding: 10px 16px;
        text-align: left;
        font: 14px/22px Open Sans Regular;
        letter-spacing: 0;
        color: #FFFFFF;
        opacity: 0;
        vertical-align: bottom;
        position: absolute;
        bottom: 0;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .custom-checkbox {
        text-align: center;
        font: Bold 21px/33px Helvetica Neue;
        letter-spacing: 0;
        color: #FFFFFF;
        opacity: 1;
    }
    .btn-undercheckbox {
        padding-top: 76px;
        padding-left: 20px;
    }
    .btn-message {
        text-align: center;
    }
    .desctiption-contain {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .header-right-content {
        text-align: left;
        font: Bold 30px/33px Helvetica Neue;
        letter-spacing: 0;
        color: #FFFFFF;
        opacity: 1;
    }
    .btn-message {
        text-align: center;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .header-right-content {
        text-align: left;
        font: Bold 26px/33px Helvetica Neue;
        letter-spacing: 0;
        color: #FFFFFF;
        opacity: 1;
    }
    .btn-undercheckbox {
        padding-top: 76px;
        padding-left: 50px;
    }
    .menu-link-navigation {
        margin-right: 15px;
        padding-right: 40px;
    }
    .menu-link-navigation {
        margin-right: 15px;
        padding-right: 0px;
    }
    .navbar>.container {
        max-width: 100%;
    }
    .test li {
        padding-right: 0px;
    }
    .desctiption-contain {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (min-width: 1200px) and (max-width: 1500px) {
    /* .menu-link-navigation {
        margin-right: 15px;
        padding-right: 18px;
    } */
}

@media (min-width: 1500px) and (max-width: 1500px) {
    /* .menu-link-navigation {
        margin-right: 15px;
        padding-right: 46px;
    } */
}

@media (min-width: 1500px) and (max-width: 1800px) {
    /* .menu-link-navigation {
        margin-right: 15px;
        padding-right: 40px;
    } */
}

@media (min-width: 1200px) and (max-width: 1300px) {
    .navbar>.container {
        max-width: 100%;
    }
    .test li {
        padding: 0 0px;
    }
}

@media (min-width: 1300px) {
    .navbar>.container {
        max-width: 100%;
    }
    .test li {
        padding: 0 10px;
    }
}


/* Responsive End */