html, body {
	font: 400 15px/25px 'Noto Sans Thai', 'Noto Sans';
    letter-spacing: 0 !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	margin: 0;
}
h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
	font-weight:400;
}
h1, .h1, .main-title {
	/* font-size: 30px;
	line-height: 45px; */
	font-size: 40px;
	line-height: 55px;
}
h2, .h2, .sub-title {
	font-size: 24px;
	line-height: 40px;
}
h3, .h3, .default-title {
	font-size: 20px;
	line-height:30px;
}
h4, .h4 {
	font-size: 17px;
	line-height:25px;
}
h5, .h5 {
	font-size: 15px;
	line-height: 25px;
}
h6, .h6 {
	font-size: 12px;
	line-height: 20px;
	font-weight:500;
}

.main-title.font-semi-bold,
.main-title.font-bold {
	letter-spacing:-0.3px !important;
}
.sub-title.font-semi-bold,
.sub-title.font-bold {
	letter-spacing:-0.3px !important;
}
.default-title.font-semi-bold,
.default-title.font-bold {
	letter-spacing:-0.4px !important;
}

.text-default {
	font-size: 15px;
	line-height: 25px;
	font-weight: 400;
}

.text-min {
	font-size: 11.5px;
	line-height: 18px;
	font-weight: 400;
}
.text-min.en {
    font-family: "rubik";
    font-size: 10px;
    line-height: 18px;
    font-weight: 500;
    text-transform: uppercase !important;
    letter-spacing: 0.7px;
}
.topic-highlight.en {
	font-size: 60px;
	line-height: 70px;
	font-family: 'Montserrat';
}

.text-small {
	font-size: 11.5px;
	line-height: 18px;
	font-weight: 400;
}
.text-smallest {
	font-size: 10px;
	line-height: 15px;
	font-weight: 400;
}

/* --- font weight --- */

.font-light {
	font-weight: 300 !important;
}
.font-regular {
	font-weight: 400 !important;
}
.font-medium {
	font-weight: 500 !important;
}
.font-semi-bold {
	font-weight: 600 !important;
}
.font-bold {
	font-weight: 700 !important;
}
.font-extra-bold {
	font-weight: 800 !important;
}
.font-black {
	font-weight: 900 !important;
}

i {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
i:before {
	display: inline-block;
	line-height:inherit !important;
}
.fa, .fas, .far, .fal, .fad, .fab {
    line-height:inherit !important;
}

/* icon */
[class*="font-icon-"]::before {
	line-height:1 !important;
}
.font-icon-extra-small {
	font-size: 30px;
	line-height: 0;
}
.font-icon-small {
	font-size: 50px;
	line-height: 0;
}
.font-icon-default {
	font-size: 70px;
	line-height: 0;
}
.font-icon-larger {
	font-size: 90px;
	line-height: 0;
}
.font-icon-extra-larger {
	font-size: 120px;
	line-height: 0;
}


/* xxl */
@media (min-width: 1400px) {}

/* xl */
@media (min-width: 1200px) and (max-width: 1399.98px) {}

/* lg */
@media (min-width: 992px) and (max-width: 1199.98px) {
html, body {
	font-size: 14px;
}
.text-default {
	font-size: 14px;
}
.text-min {
	font-size: 11px;
	line-height: 15px;
}
}

/* md */
@media (min-width: 768px) and (max-width: 991.98px) {

h1, .h1, .main-title {
	font-size: 28px;
	line-height: 45px;
}
h2, .h2, .sub-title {
	font-size: 22px;
	line-height: 40px;
}
h3, .h3, .default-title {
	font-size: 18px;
	line-height:25px;
}
h4, .h4 {
	font-size: 15px;
	line-height:25px;
}
h5, .h5 {
	font-size: 12px;
	line-height: 20px;
}
/* h6, .h6 {
	font-size: 12px;
	line-height: 20px;
	font-weight:500;
} */

.text-min {
	font-size: 11px;
	line-height: 15px;
}
}

/* sm - xs */
@media (max-width: 767.98px) {
.text-min {
	font-size: 10px;
	line-height: 15px;
}
}

/* sm */
@media (min-width: 576px) and (max-width: 767.98px) {
html, body {
	font-size: 13px;
}
h1, .h1, .main-title {
	font-size: 28px;
	line-height: 45px;
}
h2, .h2, .sub-title {
	font-size: 22px;
	line-height: 40px;
}
h3, .h3, .default-title {
	font-size: 18px;
	line-height:25px;
}
h4, .h4 {
	font-size: 15px;
	line-height:25px;
}
h5, .h5 {
	font-size: 12px;
	line-height: 20px;
}
/* h6, .h6 {
	font-size: 12px;
	line-height: 20px;
	font-weight:500;
} */

.text-default {
	font-size: 13px;
}

}

/* xs */
@media (max-width: 575.98px) {
html, body {
	font-size: 13px;
}
h1, .h1, .main-title {
	font-size: 22px;
	line-height: 35px;
}
h2, .h2, .sub-title {
	font-size: 20px;
	line-height: 30px;
}
h3, .h3, .default-title {
	font-size: 15px;
	line-height:25px;
}
h4, .h4 {
	font-size: 15px;
	line-height:25px;
}
h5, .h5 {
	font-size: 13px;
	line-height: 25px;
}
h6, .h6 {
	font-size: 12px;
	line-height: 20px;
	font-weight:500;
}

.text-default {
	font-size: 13px;
}
.topic-highlight.en {
	font-size: 30px;
	line-height: 40px;
}

}

/* xs custom */
@media (max-width: 399.98px) {}