/* Responsive - Start */
@media (min-width: 320px) and (max-width: 766px) {

	/* Fonts - Start */
	h1 {
		font-size: 28px;
		line-height: 38px;
	}

	h2 {
		font-size: 22px;
		line-height: 32px;
	}

	h3 {
		font-size: 20px;
		line-height: 30px;
	}

	h4 {
		font-size: 16px;
		line-height: 26px;
	}

	h5 {
		font-size: 14px;
		line-height: 24px;
	}

	p,
	li {
		font-size: 14px;
		line-height: 24px;
	}

	small,
	.small {
		font-size: 10px;
		line-height: 20px;
	}

	/* Fonts - End */

	/* .btn - Start */
	.btn {
		font-size: 18px;
		line-height: 18px;
	}

	/* .btn - End */

	/* .table - Start */
	.table {
		min-width: 640px;
	}

	/* .table - End */

	/* .forms - Start */
	.form div.control-group .controls {
		margin: 0.5rem 0;
	}

	.form div.control-group .mk-trc {
		height: auto;
	}

	.form div.control-group .control-label,
	.form div.control-group .mk-trc label {
		font-size: 12px;
		line-height: 24px;
	}

	/* .forms - End */

	/* Default stylesheet - Start */
	#btnToTop {
		right: 1rem;
	}

	/* Default stylesheet - End */

	/* #content-box - Start */
	#page-content.page-news #image img,
	#content-box img {
		max-width: 100%;
	}

	/* #content-box - End */

	/* #navigation - Start */
	nav#navigation {
		padding: .5rem 0;
	}

	nav#navigation .navbar-toggler {
		position: absolute;
		bottom: 2rem;
		left: 0;
	}

	nav#navigation .navbar-brand img {
		width: 60%;
	}

	nav#navigation .navbar-nav {
		padding: 0 0.5rem;
	}

	nav#navigation .navbar-collapse {
		width: calc(100% - 2rem);

		position: absolute;
		bottom: 5rem;
		left: 0;

		background-color: #A9C93F;

		border-radius: 30px;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		-o-border-radius: 30px;

		padding: 1rem;

	}

	nav#navigation .navbar-nav .nav-item {
		border-bottom: 1px solid #fff;
		margin-bottom: 0.5rem;
	}

	nav#navigation .navbar-nav .nav-item .nav-link {
		color: #fff !important;
	}

	nav#navigation .navbar-nav .nav-item .nav-link[disabled] {
		color: #aaa !important;
	}

	nav#navigation .navbar-nav .dropdown-menu {
		border: none;
		background-color: transparent;
		padding-top: 0;
		margin-top: 0;
	}

	nav#navigation .nav-item .dropdown-menu li {
		white-space: normal !important;
	}

	nav#navigation #languages a:first-child {
		border-right: 1px solid #fff;
	}

	nav#navigation #languages a {
		color: #fff;
	}

	html[lang="th"] nav#navigation #languages a.lang-th {
		color: #000;
	}

	html[lang="jp"] nav#navigation #languages a.lang-jp {
		color: #000;
	}

	nav#navigation #btnMember p.small {
		position: relative;
		bottom: auto;
	}

	nav#navigation #member_icons a p {
		font-size: 8px;
		line-height: 10px;
		color: #fff;
	}

	nav#navigation #member_icons a img {
		border: 2px solid #fff;
	}

	nav#navigation #member_icons a:hover p {
		color: #333;
	}

	nav#navigation #member_icons a:hover img {
		border-color: #333;
	}

	nav#navigation #member_icons a#member-menu::after {
		display: none;
	}

	nav#navigation #member_icons a[disabled] {
		filter: grayscale(1);
		-webkit-filter: grayscale(1);
		-moz-filter: grayscale(1);
		-o-filter: grayscale(1);
	}

	nav#navigation #member-submenu {
		width: calc(100% - 2rem);

		position: fixed;
		top: auto;
		bottom: 7rem;
		left: 1rem;

		background-color: #A9C93F;

		border-radius: 30px;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		-o-border-radius: 30px;

		padding: 1rem;
	}

	/* nav#navigation .navbar-collapse {
        position: fixed;
        top: 0;
        right: 0;
        width: 55%;

        padding-top: 63px;

        background-color: #adcd49;
    } */

	/* #navigation - End */

	/* #banner - Start */
	#banner .owl-dots {
		bottom: 1rem;
	}

	/* section#banner {
        background-image: url('../img/banner_mobile_2023.png');
    }

    section#banner::after {
        -webkit-transform: scaleX(-1);
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        transform: scaleX(-1);

        filter: FlipH;
        -ms-filter: "FlipH";
    }

    section#banner #banner-caption {
        margin-bottom: 3rem;
    } */

	/* #banner - End */

	/* #programs - Start */
	section#programs {
		background-image: url('../img/section_program_mobile.png');
		background-size: 100% auto;
	}

	section#programs .program-item {
		margin-bottom: 2rem;
	}

	section#programs .program-item h5 {
		font-size: 16px;
		line-height: 26px;
	}

	section#programs hr {
		margin: 1rem 0;
	}

	/* #programs - End */

	/* #message - Start */
	section#message .message-item-1,
	section#message .message-item-3 {
		border-left: none;
	}

	section#message .message-item-2,
	section#message .message-item-4 {
		border-top: 1px solid #a9c93e;
		border-bottom: 1px solid #a9c93e;
		border-right: none;
	}

	section#message .message-item-4 {
		border-top: none;
	}

	/* #message - End */

	/* #news - Start */
	section#news {
		padding: 2rem 0 7rem 0;
		background-color: #adcd49;
	}

	section#news .container {
		padding: 0 1rem;
	}

	section#news .news-item-inner h4 {
		font-size: 26px;
		line-height: 36px;
	}

	section#news .news-item .news-item-inner img {
		padding: 30px;
	}

	/* #news - End */
	section#page-banner {
		padding-bottom: 0;
	}

	/* section#page-banner::after{
        -webkit-transform: scaleX(-1);
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        transform: scaleX(-1);

        filter: FlipH;
        -ms-filter: "FlipH";
    } */

	/* #page-banner - Start */
	section#page-banner.page-aboutus {
		background-image: url('../img/banner_mobile_2023.png');
	}

	section#page-banner.page-aboutus #banner-caption {
		margin-bottom: 7rem;
	}

	/* #page-banner - End */

	/* #content-aboutus - Start */
	#content-aboutus .border-left {
		border: none !important;
	}

	/* #content-aboutus - End */

	/* Footer - Start */
	footer,
	footer.inner-page {
		background-image: url('../img/footer_mobile.png');
		background-position: top center;

		padding-top: 4rem;
		margin-top: 0;
	}

	footer.inner-page {
		padding-top: 0;
	}

	/* Footer - End */

	/* #cookies - Start */
	#cookies {
		padding: 1rem;
		bottom: 12%;
	}

	/* #cookies - End */

	section#page-content {
		padding-bottom: 2rem;
	}

	#content-activities #activity-actions {
		margin: 1rem 0 0 0;
	}

	/* page [Programs] - Start */
	section#page-banner.page-program {
		background-image: url('../img/banner_mobile_2023.png');
	}

	section#page-banner.page-program #banner-caption {
		margin-bottom: 7rem;
	}

	section#page-content.page-program .border-left,
	section#page-content.page-program .border-right {
		border: none !important;
	}

	section#page-content.page-program ul {
		list-style: disc;
	}

	#page-content.page-program #section-2 {
		background-image: url('../img/program_section_2_mobile_bg.jpg');
		padding-bottom: 0;
	}

	/* page [Programs] - End */

	/* page [Programs] - Start */
	section#page-banner.page-messages {
		background-image: url('../img/banner_mobile_2023.png');
	}

	section#page-banner.page-messages #banner-caption {
		margin-bottom: 7rem;
	}

	#page-content.page-messages #section-2 {
		background-image: url('../img/program_section_2_mobile_bg.jpg');
		padding-bottom: 0;
	}

	/* page [Programs] - End */

	/* page [FAQs] - Start */
	section#page-banner.page-faqs {
		background-image: url('../img/banner_mobile_2023.png');
	}

	section#page-banner.page-faqs #banner-caption {
		margin-bottom: 7rem;
	}

	#page-content.page-faqs #section-2 {
		background-image: url('../img/program_section_2_mobile_bg.jpg');
		padding-bottom: 0;
	}

	/* page [FAQs] - End */

	/* page [Messages] - Start */
	section#page-content.page-messages #section-2 .blog {
		padding: 1rem;
	}

	/* page [Messages] - End */

	/* page [Apply] - Start */
	#page-content.page-apply #steps ul li {
		margin: 0.25rem 0 !important;
	}

	#page-content.page-apply #instruction>li {
		padding: 1rem;
	}

	#page-content.page-apply .group-item {
		margin: 1rem 0;
	}

	/* page [Apply] - End */

	/* page [PDPA] - Start */

	#page-content.page-apply.page-pdpa #question-group-2 label,
	#page-content.page-apply.page-pdpa #question-group-3 label,
	#page-content.page-apply.page-pdpa #question-group-3 h2 small {
		font-size: 16px;
		line-height: normal;
	}

	#page-content.page-apply.page-pdpa #question-group-2 label i {
		margin-right: 5px;
	}

	.pdpa-thank img {
		max-width: 64px;
	}

	.pdpa-thank h2 {
		font-size: 18px;
	}

	.page-pdpa #question-group-2 .event>p {
		font-size: 16px;
	}

	/* page [PDPA] - End */

	/* page [Portfolio] - End */

	#page-content.page-portfolio .tc-accept .mk-trc {
		padding-left: 0 !important;
	}

	#page-content.page-portfolio .tc-accept .red {
		text-align: left !important;
		padding-left: 30px;
		font-size: 12px;
		line-height: 14px;
	}

	/* page [Portfolio] - End */

	#page-content.page-apply #steps ul li h2 {
		width: 38px;
		height: 38px;
	}

	#page-content.page-apply #steps ul li::before {
		top: calc(17% - 1px);
	}

	#applyForm .btn.btn-green {
		width: 80%;
	}

	/* .nav.nav-tabs - Start */
	.nav.nav-tabs li a {
		font-size: 11px;
	}

	/* .nav.nav-tabs - End */

	/* .page-login - Start */
	.page-login #loginForm-wrapper {
		border: none !important;
	}

	/* .page-login - End */

	/* #confirmSaveDraft - Start */
	#confirmSaveDraft #modal-logo {
		width: 110px;
		top: calc(50% - 14.5px);
	}

	#confirmSaveDraft .modal-header .modal-title {
		font-size: 20px;
	}

	/* #confirmSaveDraft - End */

	/* #responseSaveDraft - Start */
	#responseSaveDraft #modal-logo {
		width: 110px;
		top: calc(50% - 14.5px);
	}

	#responseSaveDraft .modal-header .modal-title {
		font-size: 20px;
	}

	/* #responseSaveDraft - End */

}

@media (min-width: 768px) {

	#page-content.page-portfolio #steps ul li {
		min-width: 200px;
	}

	#page-content.page-portfolio #steps ul li::before {
		top: calc(25% - -5px);
	}
}

@media (min-width: 767px) and (max-width: 991px) {

	/* .btn - Start */
	.btn {
		font-size: 18px;
		line-height: 18px;
	}

	/* .btn - End */

	/* #banner - Start */
	/* section#banner {
        background-position: left top;
    } */

	/* section#banner::after{
        -webkit-transform: scaleX(-1);
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        transform: scaleX(-1);

        filter: FlipH;
        -ms-filter: "FlipH";
    } */
	/* #banner - End */

	/* #navigation - Start */
	nav#navigation {
		padding: .5rem 0;
	}

	nav#navigation .navbar-brand img {
		width: 60%;
	}

	nav#navigation .navbar-nav {
		padding: 0 1rem;
	}

	nav#navigation .navbar-nav .nav-item {
		border-bottom: 1px solid #fff;
		margin-bottom: 0.5rem;
	}

	nav#navigation .navbar-nav .nav-item .nav-link {
		color: #fff;
	}

	nav#navigation .navbar-nav .dropdown-menu {
		border: none;
		background-color: transparent;
		padding-top: 0;
		margin-top: 0;
	}

	nav#navigation .navbar-nav .dropdown-menu .dropdown-item:last-child {
		border: none;
	}

	html[lang="th"] nav#navigation #languages a.lang-th {
		color: #000;
	}

	html[lang="jp"] nav#navigation #languages a.lang-jp {
		color: #000;
	}

	nav#navigation .navbar-collapse {
		position: fixed;
		top: 0;
		right: 0;
		width: 55%;

		padding-top: 63px;

		background-color: #adcd49;
	}

	/* #navigation - End */

	/* #banner - Start */
	/* section#banner {
        background-image: url('../img/banner_mobile_2023.png');
    }

    section#banner #banner-caption {
        margin-bottom: 1rem;
    } */

	/* #banner - End */

	/* #about - Start */
	/* section#about {
        margin-top: -18%;
    } */

	/* #about - End */

	/* #programs - Start */
	section#programs {
		background-image: url('../img/section_program_mobile.png');
		background-size: 100% auto;
	}

	section#programs .program-item {
		margin-bottom: 2rem;
	}

	section#programs hr {
		margin: 1rem 0;
	}

	/* #programs - End */

	/* #news - Start */
	section#news {
		padding: 2rem 0 6rem 0;
		background-position: center center;
		background-size: 170%;
	}

	/* #news - End */
	section#page-banner {
		padding-bottom: 0;
	}

	/* section#page-banner::after{
        -webkit-transform: scaleX(-1);
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        transform: scaleX(-1);

        filter: FlipH;
        -ms-filter: "FlipH";
    } */

	/* #page-banner - Start */
	section#page-banner.page-aboutus {
		background-image: url('../img/banner_mobile_2023.png');
	}

	section#page-banner.page-aboutus #banner-caption {
		margin-bottom: 7rem;
	}

	/* #page-banner - End */

	/* #content-aboutus - Start */
	#content-aboutus .border-left {
		border: none !important;
	}

	/* #content-aboutus - End */

	/* .page-messages - Start */
	section#page-content.page-messages #section-2 .blog {
		padding: 1rem;
	}

	/* .page-messages - End */

	/* Footer - Start */
	footer,
	footer.inner-page {
		background-image: url('../img/footer_mobile.png');
		background-position: top center;

		padding-top: 4rem;
		margin-top: 0;
	}

	footer.inner-page {
		padding-top: 0;
	}

	/* Footer - End */

	/* #cookies - Start */

	/* #cookies - Start */
	#cookies {
		padding: 1rem;
	}

	/* #cookies - End */

	section#page-content {
		padding-bottom: 2rem;
	}

	#content-activities #activity-actions {
		margin: 1rem 0 0 0;
	}

	/* page [Programs] - Start */
	section#page-banner.page-program {
		background-image: url('../img/banner_mobile_2023.png');
	}

	section#page-banner.page-program #banner-caption {
		margin-bottom: 7rem;
	}

	section#page-content.page-program .border-left,
	section#page-content.page-program .border-right {
		border: none !important;
	}

	section#page-content.page-program ul {
		list-style: disc;
	}

	#page-content.page-program #section-2 {
		padding-bottom: 0;
	}

	/* page [Programs] - End */

}

@media (min-width: 992px) and (max-width: 1199px) {

	/* Default stylesheet - Start */
	.page-title {
		padding: 12px 15px 11px 50px;
	}

	/* Default stylesheet - End */

	/* #banner -  Start */
	/* section#banner {
        background-image: url('../img/banner_mobile_2023.png');
        background-position: center bottom;
    } */

	/* #banner - End */
}

@media (min-width: 1200px) and (max-width: 1679px) {
	section#news {
		padding: 7rem 0 9rem 0;
	}
}

@media (min-width: 1680px) {
	section#news {
		padding: 13rem 0 18rem 0;
	}

	footer {
		margin-top: -16rem;
		padding-top: 14rem;
	}
}

/* iPad Landscape - Start */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {}

/* iPad Landscape - End */

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {}

/* Responsive - End */

/* Fix text alignment - Start */
@media (min-width: 320px) and (max-width: 766px) {
	.text-xs-left {
		text-align: left;
	}

	.text-xs-right {
		text-align: right;
	}

	.text-xs-center {
		text-align: center;
	}

	.text-xs-justify {
		text-align: justify;
	}
}

@media (min-width: 767px) {
	.text-sm-left {
		text-align: left;
	}

	.text-sm-right {
		text-align: right;
	}

	.text-sm-center {
		text-align: center;
	}

	.text-sm-justify {
		text-align: justify;
	}
}

@media (min-width: 992px) {
	.text-md-left {
		text-align: left;
	}

	.text-md-right {
		text-align: right;
	}

	.text-md-center {
		text-align: center;
	}

	.text-md-justify {
		text-align: justify;
	}
}

@media (min-width: 1200px) {
	.text-lg-left {
		text-align: left;
	}

	.text-lg-right {
		text-align: right;
	}

	.text-lg-center {
		text-align: center;
	}

	.text-lg-justify {
		text-align: justify;
	}
}

/* Fix text alignment - End */