/* =======================================================================================
                            Custom Css Freshmart 14-May-2018
==========================================================================================*/

@font-face {
    font-family: 'ThaiSansNeue';
    src: url('ThaiSansNeueRegular.eot?#iefix') format('embedded-opentype'), url('../fonts/ThaiSansNeueRegular.woff') format('woff'), url('../fonts/ThaiSansNeueRegular.ttf') format('truetype'), url('../fonts/ThaiSansNeueRegular.svg#ThaiSansNeue-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GreatVibesRegular';
    src: url('../fonts/GreatVibesRegular.eot');
    src: url('../fonts/GreatVibesRegular.eot') format('embedded-opentype'), url('../fonts/GreatVibesRegular.woff2') format('woff2'), url('../fonts/GreatVibesRegular.woff') format('woff'), url('../fonts/GreatVibesRegular.ttf') format('truetype'), url('../fonts/GreatVibesRegular.svg#GreatVibesRegular') format('svg');
}

@font-face {
    font-family: 'CSCheangkhan';
    src: url('../fonts/CSCheangkhan.eot');
    src: url('../fonts/CSCheangkhan.eot') format('embedded-opentype'), url('../fonts/CSCheangkhan.woff2') format('woff2'), url('../fonts/CSCheangkhan.woff') format('woff'), url('../fonts/CSCheangkhan.ttf') format('truetype'), url('../fonts/CSCheangkhan.svg#CSCheangkhan') format('svg');
}

body {
    font-family: ThaiSansNeue !important;
    font-size: 24px;
    color: #4c4d4d;
    background-color: #fff;
    line-height: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    letter-spacing: 0.5 !important;
}

h1 {
    font-size: 60px;
}

h2 {
    font-size: 48px;
}

a {
    color: #13007d;
}

.promote-project .border img {
    display: inline-block;
}

.promote-project {
    margin: 60px 0;
}

img.border-left {
    bottom: 20px;
    position: absolute;
    left: 100%;
}

.promote-project .border {
    width: 24.4%;
    display: inline-block;
    position: relative;
}

.question-form {
    text-align: left;
    position: relative;
}

.question-form span {
    color: red;
    margin-top: 20px;
    display: block;
}

.sp-simpleportfolio .sp-simpleportfolio-columns-2 .sp-simpleportfolio-item {
    width: 100%;
    display: inline-flex;
}

.question-form {
    background: rgba(208, 208, 208, 0.3686274509803922);
    padding: 10px;
    margin-bottom: 10px;
}

.ourproduct_view_all {
    clear: both;
    text-align: center;
    margin: 30px 0;
}

.flexslider2 ul.slides {
    width: auto !important;
}

.ourproduct_view_all ul {
    list-style: none;
}

.question-form h3 {
    cursor: pointer;
    margin: 0;
    font-size: 20px;
}

.atp-project h2 {
    font-family: GreatVibesRegular;
    font-size: 60px;
    color: #fd845a;
}

.atp-project h3 {
    font-family: CSCheangkhan;
    font-size: 45px;
    color: #fd845a;
    text-align: right;
}

.atp-project ul li {
    list-style-image: url('http://www.bangkoksync.com/images/upload/images/pic-before-text.png');
}

.debug-page[page-id="3968"] .inner-page .col-md-8 {
    float: none;
    margin: 0 auto;
}

.detail-project .inner-page {
    color: white;
}

.col-md-6.right-news img {
    width: 100%;
    /* display: inline-block; */
}

.candidate-qualification h3,
.documents-used h3,
.documents-used-to-enroll h3 {
    text-align: center;
    font-size: 35px;
    font-family: CSCheangkhan;
}

.atp-project h4 {
    color: #fd845a;
    font-size: 43px;
}

.fund-atp img {
    display: inline-block;
    padding: 10px;
}

.fund-atp h2 {
    color: #fd845a;
    font-size: 60px;
    text-align: center;
}

.fund-atp p {
    text-align: center;
    margin-bottom: 45px;
}

.sppb-row.our_product h2:after {
    display: block;
    content: '';
    border: solid 2px #fd845a;
    ;
    width: 10%;
    margin: 0 auto;
}

.img-candidate {
    position: relative;
}

.text-candidate {
    position: absolute;
    top: 25px;
    left: 0;
    padding: 0 10%;
}

.detail-project .inner-page p img {
    display: inline-block;
    margin-right: 10px;
}

.promote-project .inner-page ul {
    list-style: none;
    padding: 0;
}

.img-candidate p {
    margin-top: 35px;
}

.promote-project li {
    display: inline-block;
    padding: 31px;
    text-align: center;
}

#sp-header #sp-menu {
    background-color: transparent;
}

.right-news h4 {
    /* display: inline-block;  */
    word-wrap: break-word;
    white-space: nowrap;
    /* width: 375px; */
    overflow: hidden;
    vertical-align: middle;
    text-overflow: ellipsis;
    margin-top: 0;
}
.right-news .item:after {
    display: block;
    clear: both;
    content: '';
}
.right-news .item > a {
    display: block;
    float: left;
    width: 25%;
    margin-right: 15px;
}
p.border {
    border-bottom: solid #e7e7e7 1px;
    padding-top: 6px;
}

.right-news .item {
    padding-bottom: 25px;
}

#sp-header #sp-menu .sp-column .sp-megamenu-parent>li>a {
    font-weight: 700;
    text-transform: uppercase;
    color: white;
    padding: 23px 25px 23px;
    line-height: normal;
    font-family: ThaiSansNeue;
    font-size: 30px;
    letter-spacing: 1;
}

#sp-header #sp-menu .sp-column .sp-megamenu-parent>li>a:hover {
    color: rgb(253, 129, 87);
}

#sp-header #sp-menu .sp-column .sp-megamenu-parent>li:hover>a {
    color: rgb(253, 129, 87);
    background: none;
}

#fading-header #sp-header #sp-menu .sp-column .sp-megamenu-parent>li>a {
    font-weight: 700;
    text-transform: uppercase;
    color: white;
    padding: 13px 25px 15px;
    line-height: normal;
    font-family: ThaiSansNeue;
    font-size: 30px;
}

button#search_buttom .fa {
    color: #4c4d4d;
    font-size: 24px;
}

.section-video {
    padding: 0;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 90%;
}

.form_hiden {
    line-height: normal;
    display: block;
    text-align: right;
    margin-top: 15px;
}

.form_hiden form#form-search {
    background-color: #13007d;
}

#fading-header .form_hiden {
    margin-top: 0;
}

#sp-header #sp-menu .sp-column .sp-megamenu-parent>li>a>span {
    position: relative;
    display: block;
}

#sp-header #sp-menu .sp-column .sp-megamenu-parent>li>a>span:after {
    content: "";
    width: 100%;
    height: 3px;
    background-color: transparent;
    display: block;
    position: absolute;
    top: 67px;
}

#sp-header #sp-menu .sp-column .sp-megamenu-parent>li:hover>a>span:after,
#sp-header #sp-menu .sp-column .sp-megamenu-parent>li.active>a>span:after {
    background-color: rgb(254, 134, 92);
}

#fading-header #sp-header #sp-menu .sp-column .sp-megamenu-parent>li>a>span:after {
    top: 57px;
}

.home_aboutus_section {
    padding: 100px 0 50px;
}

.caption.lfb.regis-project.tp-caption.start {
    margin: 0 !important;
}

#fading-header.sticky .top-menu {
    background: rgba(0, 0, 0, 0.42);
}

h1.categ-title {
    color: white;
    position: absolute;
    bottom: -10px;
    text-shadow: 0 0 3px #f37448, 0 0 11px #f37448;
    padding-left: 15%;
    font-size: 361%;
}

#fancybox-wrap {
    top: 200px !important;
}

#fading-header.sticky .top-menu .row {
    background: rgba(0, 0, 0, 0.69);
}

#sp-main-body .home_aboutus_section .aboutus-block:after {
    content: "";
    clear: both;
    display: block;
}

#sp-main-body .home_aboutus_section .aboutus-left {
    padding: 23% 0;
}

#sp-main-body .home_aboutus_section h1 {
    margin-top: 0;
    margin-bottom: 30px;
    color: #13007d;
    text-transform: uppercase;
}

#sp-main-body .home_aboutus_section h2 {
    text-transform: uppercase;
    color: #fd845a;
    font-size: 60px;
}

#sp-main-body .home_aboutus_section p {
    margin-top: 30px;
}

#sp-main-body .home_aboutus_section .aboutus-left img {
    margin: 0 auto;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

#sp-main-body .home_aboutus_section .aboutus-left img:hover {
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.link-read-more {
    padding: 5px 20px 7px;
    background-color: #ffffff;
    border: 1px solid #4c4d4d;
    font-size: 20px;
    text-transform: uppercase;
    border-radius: unset;
    color: #4c4d4d;
    margin-top: 35px;
}

.btn.active,
.btn:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

section.home_news_event_section h1 {
    text-align: center;
    text-transform: uppercase;
    color: #fd865c;
    margin-bottom: 65px;
}

.text-school span {
    color: white;
    text-shadow: 0 0 3px #f37448, 0 0 11px #f37448;
}

.detail-school span {
    color: white;
    border: solid 1px white;
    padding: 10px 30px;
}

.regis-project span {
    border: solid 1px white;
    padding: 10px 25px;
    color: white;
    background: #f37448ad;
    ;
    letter-spacing: 1.5px;
    border-radius: 3px;
}

.debug-page[page-id="3975"] .regis-project span {
    background: #fd875e;
    box-shadow: 3px 3px 5px 0px #dadada;
}

.detail-school span:hover,
.regis-project span:hover {
    cursor: pointer;
}

section.home_news_event_section h1>span {
    display: inline-block;
}

section.home_news_event_section h1>span:after {
    content: "";
    width: 100%;
    height: 3px;
    background-color: #fd885e;
    display: block;
}

section.home_news_event_section h1>span>em {
    color: #fd5c01;
    font-style: normal;
}

section.footers_section {
    background-color: #3c3c3c;
    color: white;
}

.social-contact ul {
    list-style: none;
    padding: 0;
}

section.footers_section ul.info-link {
    padding-left: 0;
}

section.footers_section ul.info-link>li {
    list-style-type: none;
}

.social-contact ul li {
    display: inline-block;
    text-align: center;
    padding: 20px 30px;
}

.social-contact {
    text-align: center;
}

.block-contact-us img {
    display: inline-block;
}

.social-contact ul li img {
    border: solid 1px white;
    padding: 20px;
    border-radius: 50px;
    margin: 0 auto;
}

.social-contact ul li img:hover {
    background: #fd865c;
}

section.footers_section h3 {
    color: white;
    font-weight: initial;
}

.social-contact li span {
    color: white;
}

.block-contact-us span {
    padding-left: 20px;
}

.newspage .sp-megamenu-parent li.sp-menu-item:nth-child(4) a span:after,
.contact-page .sp-megamenu-parent li.sp-menu-item:last-child a span:after,
.gallery-page .sp-megamenu-parent li.sp-menu-item:nth-child(3) a span:after,
body.home .sp-megamenu-parent li.sp-menu-item:first-child a span:after {
    border: rgb(253, 129, 87) solid 2px;
}

.newspage .sp-megamenu-parent li.sp-menu-item:nth-child(4) a span,
.contact-page .sp-megamenu-parent li.sp-menu-item:last-child a span,
.gallery-page .sp-megamenu-parent li.sp-menu-item:nth-child(3) a span,
body.home .sp-megamenu-parent li.sp-menu-item:first-child a span {
    color: rgb(253, 129, 87);
}

section.footers_section a {
    color: white;
}

.aboutus_block_content ul {
    list-style: none;
    padding: 0;
}

.home_aboutus_section ul span:last-child,
.ourproduct_view_all li span:last-child {
    background: black;
    padding: 20px 20px 20px;
    margin-left: -19px;
    border-radius: 0px 5px 5px 0px;
}

.home .our_product .ourproduct_view_all ul {
    list-style: none;
    padding: 0;
}

section.sppb-section.register-project {
    padding: 50px 0;
}

.regis-project h2 {
    font-style: italic;
}

.regis-project {
    margin-top: 50px;
    padding-left: 40px;
    text-align: center;
}

.regis-project p:last-child {
    margin-top: 40px;
    font-style: italic;
}

.regis-project h2 {
    margin-bottom: 59px;
}

.home_aboutus_section ul span:first-child,
.ourproduct_view_all li span:first-child {
    background: #fd845a;
    padding: 10px 56px 14px;
    border-radius: 5px;
    color: white;
}

.home_aboutus_section ul span,
.ourproduct_view_all li span {
    display: inline-block;
    vertical-align: middle;
}

section.footers_section a:hover {
    color: #fd865c;
}

section.footers_section ul.info-link li a {
    text-transform: uppercase;
}

section.footers_section h3>span {
    display: inline-block;
    padding: 7px 0;
}

section.footers_section h3>span:after {
    content: "";
    width: 100%;
    height: 3px;
    background-color: #fd5c01;
    display: block;
}

#sp-footer {
    background-color: black;
    color: #fff;
    text-align: center;
}

section.footers_section .social {
    text-align: center;
    padding: 15px 0;
    display: block;
}

section.footers_section .google-map iframe {
    width: 100%;
    border: 1px solid #4d4e4e !important;
    height: 250px;
}

section.footers_section .social a {
    border: 3px solid #4d4e4e;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    margin: 5px;
    padding: 10px 10px;
    display: inline-block;
}

section.footers_section .social a:hover {
    background-color: #3a559f;
    border-color: #3a559f;
    color: #ffffff;
}

section.footers_section .social a.icfacebook {
    padding-left: 15px;
}

section.footers_section .social a.icline {
    padding-left: 12px;
}

ol.flex-control-nav.flex-control-paging {
    bottom: 15px;
}

.flexslider_news {
    padding-bottom: 35px;
}

#sp-header #sp-menu .sp-megamenu-parent>li.current-item.active>a,
#sp-header #sp-menu .sp-megamenu-parent>li.sp-has-child.active>a {
    background: no-repeat;
    color: rgb(253, 129, 87);
}

#fading-header #sp-header #sp-menu .sp-megamenu-parent>li.current-item.active>a,
#fading-header #sp-header #sp-menu .sp-megamenu-parent>li.sp-has-child.active>a {
    color: rgb(253, 129, 87);
}

body#body-3851 .aboutus-page iframe {
    width: 100%;
    margin-bottom: 15px;
    height: 70%;
}

body#body-3851 .aboutus-content {
    margin-top: 35px;
}

.sp-module .sp-module-title .divider,
.sppb-addon-module .sp-module-title .divider {
    background: #fe865c;
}

.sp-module-content ul.VMmenu li div>a:hover {
    color: rgb(253, 129, 87);
}

.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info:hover {
    background: transparent;
    color: black;
}

.cd-pagination li.active>a {
    background-color: #fd875f;
    color: #fff;
}

.cd-pagination a:hover,
.cd-pagination a:focus {
    background-color: #fd875f;
    color: #fff;
}

.entry-header h2 a:hover,
.entry-header h2 a:focus {
    color: #fe865c;
}

.entry-header h2 .divider {
    background: #fe865c;
}

.article-info>dt>i,
.article-info>dt>span.fa,
.article-info>dd>i,
.article-info>dd>span.fa {
    color: #fe865c;
}

section.block-news .txt-2 {
    margin-bottom: 20px;
}

body.contact-page .contactus .desc p>span {
    display: block;
}

section#contact-form form {
    padding: 30px;
    min-height: 790px;
    background: rgb(60, 60, 60);
    margin: 0;
}
body.contact-page .address-contact {
    padding: 30px;
    background: rgb(60, 60, 60);
    color: #4c4d4d;
}
body#body-3921 div#sp-main-body img {
    padding: 10px;
}
.address-contact .inner-page a:hover {
    color: #f47c20;
}

body.contact-page .contactus .map iframe {
    width: 100%;
}

body.contact-page .contactus .map {
    margin-bottom: 35px;
}

.address-contact .inner-page {
    color: #fff;
}
.address-contact .inner-page a {
    color: #f47c20;
}

body.contact-page .address-contact .inner-page a:hover {
    color: #f47c20;
}
.blog-news a:hover {
    color: #3c3c3c;
}

.blog-news a {
    color: #fd865c;
}

.border-wrapper {
    text-align: center;
}

ul.list-field input,
ul.list-field textarea,
ul.list-field select {
    font-size: 20px;
    height: 40px;
}

.sp-module-content ul.VMmenu li.active>div a {
    background: #fe865c;
    color: #fff;
}

.sp-module-content ul.VMmenu li div>a {
    padding: 7px 10px;
    letter-spacing: 1;
}

.sp-module .sp-module-title,
.sppb-addon-module .sp-module-title {
    text-transform: uppercase;
}

section.page_detail_product .table>tbody>tr>td,
section.page_detail_product .table>tbody>tr>th,
section.page_detail_product .table>tfoot>tr>td,
section.page_detail_product .table>tfoot>tr>th,
section.page_detail_product .table>thead>tr>td,
section.page_detail_product .table>thead>tr>th {
    border: none;
    line-height: normal;
    padding: 5px;
}

section.page_detail_product table {
    font-size: 24px;
}

.productdetails-view .vm-product-media-img .additional-images img {
    width: 100%;
    height: auto;
}

body.product-view .product-container {
    margin-top: 50px;
}

h3.sp-simpleportfolio-title a {
    font-size: 24px;
}

section#question-contact {
    padding-top: 40px;
    padding-bottom: 40px;
}

.debug-page[page-id="3967"] .inner-page .border-left {
    bottom: 20px;
    position: absolute;
    left: 59%;
    height: 150px;
    border: solid 2px #fd875e;
}


#sp-main-body .home_aboutus_section .inner-page .col-md-6 img{
    margin: 0 auto;
}

#sp-main-body .home_aboutus_section p {
    font-size: 22px;
}

.sppb-section.home_news_event_section .blog-news span {
    font-size: 18px;
}
section.sppb-section.home_news_event_section .first-item .sp-simpleportfolio-img.portimg {
    width: 100%;
}
section#contact-form {
    margin-bottom: 50px;
}
div.pp_default .pp_expand {
    display: none!important;
}

/* ###################################################################### */

@media screen and (max-width: 1024px) {
    .regis-project span {
        padding: 2px 20px;
        font-size: 20px;
    }
    .detail-school span {
        padding: 2px 23px;
        font-size: 20px;
    }
    .text-school span {
        font-size: 47px;
    }
    .promote-project .border {
        width: 20%;
    }
    #sp-main-body .home_aboutus_section p {
        font-size: 17px;
    }
    #sp-main-body .home_aboutus_section h2 {
        font-size: 50px;
    }
    .atp-project h3 {
        font-size: 35px;
    }
    .atp-project h4 {
        font-size: 35px;
    }
}
@media screen and (max-width: 991px) {
    .detail-project .col-md-4 {
        margin-bottom: 20px;
        text-align: center;
    }
    .debug-page[page-id="3975"] .inner-page .col-md-6 img {
        margin: 0 auto;
    }
    .img-candidate {
        display: inline-block;
    }
    .text-candidate {
        text-align: initial;
    }
    #sp-main-body .home_aboutus_section p {
        font-size: 21px;
    }
    .debug-page[page-id="3975"] .regis-project{
        padding: 0px;
    }
    .social-contact ul li {
        padding: 20px 0px;
        width: 18%;
    }
}
@media screen and (max-width: 768px) {
    .top-menu {
        margin-top: 0;
        float: none;
    }
    #sp-header {
        position: relative;
    }
    .top-menu .row {
        background: none;
    }
    .top-menu {
        background: #f5d25b;
    }
    #offcanvas-toggler>i {
        color: #fd855b;
    }
    .regis-project span {
        padding: 10px 25px;
    }
    .top-menu .sp-megamenu-wrapper {
        float: right;
        padding-right: 0;
    }
    #offcanvas-toggler>i {
        font-size: 30px;
        padding: 18px 0;
        color: #fd845a;
    }
    #offcanvas-toggler>i:hover {
        color: #f14833;
    }
    .search:before {
        color: #fd845a;
    }
    #sp-main-body .home_aboutus_section {
        background-size: 50%;
        height: auto;
    }
    #sp-main-body .home_aboutus_section .aboutus-left img {
        padding-top: 10%;
    }
    section.footers_section .google-map iframe {
        height: auto;
    }
    #fading-header #offcanvas-toggler>i {
        padding-top: 12px;
    }
    body#body-3851 .aboutus-page iframe {
        height: 450px;
    }
    .regis-project span {
        padding: 2px 20px;
        font-size: 16px;
    }
    .detail-school span {
        padding: 2px 23px;
        font-size: 16px;
    }
    .text-school span {
        font-size: 33.5px;
    }
    .promote-project .border {
        width: 48%;
    }
    img.border-left {
        bottom: 5px;
    }
    .debug-page[page-id="3977"] .border:nth-child(2) .border-left {
        display: none;
    }
    #sp-main-body .home_aboutus_section p {
        font-size: 27px;
    }
    #sp-main-body .home_aboutus_section h2{
        text-align: center;
    }
    .atp-project h3 {
        font-size: 62px;
    }
    .atp-project h4 {
        font-size: 55px;
    }
    #sp-main-body .home_aboutus_section p br {
        display: none;
    }
    .debug-page[page-id="3967"] .inner-page .col-md-6:last-child {
        margin: 35px 0;
    }

    
    .right-news .item > a {
        display: block;
        float: none;
        width: 100%;
    }
    .right-news .item {
        padding-top: 25px;
    }
    .right-news h4 {
        white-space: initial;
    }
}
@media screen and (max-width: 736px) {
    .atp-project h2 {
        font-size: 55px;
    }

    .atp-project h3 {
        font-size: 47px;
    }
    .atp-project h4 {
        font-size: 45px;
    }
    .fund-atp img {
        display: block;
        margin: 0 auto;
    }
    .fund-atp h2 {
        font-size: 55px;
    }
    .debug-page[page-id="3975"] .regis-project span {
        padding: 10px 30px;
        font-size: 20px;
    }
    .social-contact ul li {
        width: 30%;
    }
}
@media screen and (max-width: 645px) {
    .regis-project span {
        padding: 2px 13px;
        font-size: 12px;
    }
    .detail-school span {
        padding: 2px 14px;
        font-size: 12px;
    }
    .text-school span {
        font-size: 24px;
    }
    
}

@media screen and (max-width: 500px) {
    #offcanvas-toggler>i {
        padding: 10px 0;
    }
    #sp-main-body .home_aboutus_section {
        background-position: top;
        background-size: contain;
        height: auto;
    }
    #sp-main-body .home_aboutus_section .aboutus-left {
        padding: 35px 0;
    }
    #sp-main-body .home_aboutus_section h2 {
        margin-top: 0;
    }
    .copyrighttext {
        line-height: 20px;
        vertical-align: unset;
    }
    #sp-footer small>a {
        line-height: 14px;
    }
    body#body-3851 .aboutus-page iframe {
        height: 300px;
    }
    .regis-project span {
        padding: 2px 10px;
        font-size: 12px;
    }
    .detail-school span {
        padding: 2px 10px;
        font-size: 12px;
    }
    .text-school span {
        font-size: 21px;
    }
    .debug-page[page-id="3977"] h4 {
        font-size: 20px;
    }
    .atp-project h2 {
        font-size: 45px;
    }
    .atp-project h3 {
        font-size: 34px;
    }
    .atp-project h4 {
        font-size: 32px;
    }

    
}

@media screen and (max-width: 414px) {
    .regis-project span {
        padding: 2px 7px;
        letter-spacing: 0.5px;
        font-size: 12px;
    }
    .detail-school span {
        padding: 2px 5px;
        font-size: 12px;
    }
    .text-school span {
        font-size: 19px;
    }
    .promote-project .border {
        width: 48%;
    }
    
    .fund-atp h2 {
        font-size: 35px;
    }
    p {
        font-size: 18px;
    }
    .debug-page[page-id="3977"] h4 {
        font-size: 17px;
    }
    .debug-page[page-id="3977"] .border-wrapper {
        text-align: center;
    }
    .col-md-6.right-news img {
        width: 100%;
    }
    section.sppb-section.home_news_event_section .blog-news span {
        font-size: 18px;
    }
    
    .debug-page[page-id="3977"] .border:nth-child(2) .border-left {
        display: none;
    }
    .mega-entry {
        margin: 0 auto;
        right: 0;
    }

    #sp-main-body .home_aboutus_section h2 {
        font-size: 30px;
    }

    .atp-project h2 {
        font-size: 28px;
    }
    .atp-project h3{
        font-size: 23px;
    }
    .atp-project h4 {
        font-size: 22px;
    }
    #sp-main-body .home_aboutus_section p {
        font-size: 18px;
    }
    
    .social-contact li span {
        font-size: 18px;
    }
}

@media screen and (max-width: 375px) {
    .text-candidate {
        padding: 0 5%;
    }
    .atp-project h3{
        font-size: 22px;
    }
    .atp-project h4 {
        font-size: 22px;
    }
    
    .social-contact li span {
        font-size: 17px;
    }
}

@media screen and (max-width: 360px) {
    .i-header {
        top: 15px;
    }
    .text-school span {
        font-size: 16px;
    }
    #sp-header #offcanvas-toggler {
        margin-top: 14px;
    }
    .regis-project span {
        padding: 1px 2px;
        font-size: 10px;
        letter-spacing: 0.5px;
    }
    .detail-school span {
        padding: 1px 2px;
        font-size: 10px;
    }
    #sp-main-body .home_aboutus_section p {
        margin-top: 17px;
    }
    p {
        font-size: 18px;
    }
    .home_aboutus_section {
        padding: 50px 0 20px;
    }
    .home_aboutus_section ul span:first-child,
    .ourproduct_view_all li span:first-child {
        padding: 4px 56px;
        font-size: 15px;
    }
    .home_aboutus_section ul span:last-child,
    .ourproduct_view_all li span:last-child {
        padding: 6.1px 8px;
    }
    .atp-project h2 {
        font-size: 25px;
    }

    .fund-atp h2 {
        font-size: 23px;
    }
    .candidate-qualification h3,
    .documents-used h3,
    .documents-used-to-enroll h3 {
        font-size: 30px;
    }
    .img-candidate p {
        margin-top: 11px;
    }

    .promote-project {
        margin: 60px 0 10px;
    }
    section.home_news_event_section h1 {
        margin-bottom: 35px;
        font-size: 30px;
    }
    section.sppb-section.home_news_event_section .blog-news span {
        font-size: 18px;
    }
    .detail-project .inner-page p img {
        height: 13px;
        width: 13px;
    }
    .text-candidate {
        padding: 0 4%;
    }
    .detail-project .inner-page p img {
        margin-right: 5px;
    }
    .block-contact-us span {
        padding-left: 8px;
    }
    .block-contact-us img {
        width: 15px;
    }
    .promote-project .border {
        width: 100%;
    }
    .debug-page[page-id="3977"] .border .border-left {
        display: none;
    }    
    .debug-page[page-id="3977"] h4 {
        font-size: 20px;
        margin: 15px;
    }
    .atp-project h3{
        font-size: 19px;
    }
    .atp-project h4 {
        font-size: 17px;
    }
    .social-contact ul li img {
        padding: 13px;
        width: 60%;
    }
}

@media screen and (max-width:320px){
    #sp-main-body .home_aboutus_section h2 {
        font-size: 25px;
    }
    p {
        font-size: 17px;
    }
    #sp-main-body .home_aboutus_section p {
        margin-top: 17px;
    }
}