@font-face {
    font-family: 'Kanit';
    src: url('../font/Kanit-Regular.ttf') format('truetype');
	font-display: swap;
}
@font-face {
    font-family: 'Kanit-bold';
    src: url('../font/Kanit-SemiBold.ttf') format('truetype');
	font-display: swap;
}
.kanit-10 {
    font-family: 'Kanit', sans-serif !important;
    font-size: 10px !important;
    font-weight:200;
}
.kanit-12 {
    font-family: 'Kanit', sans-serif !important;
    font-size: 12px !important;
    font-weight:200;
}
.kanit-14 {
    font-family: 'Kanit', sans-serif !important;
    font-size: 14px !important;
    font-weight:200;
}
.kanit-16 {
    font-family: 'Kanit', sans-serif !important;
    font-size: 16px !important;
    font-weight:200;
}
.kanit-18 {
    font-family: 'Kanit', sans-serif !important;
    font-size: clamp(16px, 2.5vw, 18px) !important;
    font-weight:200;
}
.kanit-20 {
    font-family: 'Kanit', sans-serif !important;
    font-size: clamp(16px, 2.5vw, 20px) !important;
    font-weight:200;
}
.kanit-24 {
    font-family: 'Kanit', sans-serif !important;
    font-size: clamp(20px, 2.5vw, 24px) !important;
    font-weight:200;
}
.kanit-30 {
    font-family: 'Kanit', sans-serif !important;
    font-size: clamp(26px, 2.5vw, 30px) !important;
    font-weight:200;
}
.kanit-35 {
    font-family: 'Kanit', sans-serif !important;
    font-size: clamp(25px, 2.5vw, 35px) !important;
    font-weight:200;
}
.kanitb-10 {
    font-family: 'Kanit-bold', sans-serif !important;
    font-size: 10px !important;
}
.kanitb-12 {
    font-family: 'Kanit-bold', sans-serif !important;
    font-size: 12px !important;
}
.kanitb-14 {
    font-family: 'Kanit-bold', sans-serif !important;
    font-size: 14px !important;
}
.kanitb-16 {
    font-family: 'Kanit-bold', sans-serif !important;
    font-size: clamp(16px, 2.5vw, 16px)!important;
    line-height:1.3;
	letter-spacing: 0.5px;
}
.kanitb-18 {
    font-family: 'Kanit-bold', sans-serif !important;
    font-size: clamp(18px, 2.5vw, 18px)!important;
    line-height:1.2;
}
.kanitb-20 {
    font-family: 'Kanit-bold', sans-serif !important;
    font-size: clamp(16px, 2.5vw, 20px)!important;
	line-height: 1.2;
}
.kanitb-21 {
    font-family: 'Kanit-bold', sans-serif !important;
    font-size: clamp(20px, 2.5vw, 20px)!important;
	line-height: 1.2;
}
.kanitb-24 {
    font-family: 'Kanit-bold', sans-serif !important;
    font-size: clamp(24px, 2.5vw, 24px)!important;
	line-height: 1.2;
}
.kanitb-26 {
    font-family: 'Kanit-bold', sans-serif !important;
    font-size: clamp(26px, 2.5vw, 32px)!important;
}
.kanitb-28 {
    font-family: 'Kanit-bold', sans-serif !important;
    font-size: clamp(20px, 2.5vw, 28px)!important;
}
.kanitb-30 {
    font-family: 'Kanit-bold', sans-serif !important;
    font-size: clamp(20px, 2.5vw, 30px) !important;
}
.kanitb-36 {
    font-family: 'Kanit-bold', sans-serif !important;
    font-size: 36px !important;
}
.kanitb-40 {
    font-family: 'Kanit-bold', sans-serif !important;
    font-size: 40px !important;
}
.kanitb-50 {
    font-family: 'Kanit-bold', sans-serif !important;
    font-size: clamp(23px, 2.5vw, 50px) !important;
}
.lato-12 {
    font-family: 'kanit', sans-serif !important;
    font-size:12px !important;
    font-weight:400 !important;
}
.lato-14 {
    font-family: 'kanit', sans-serif !important;
    font-size:14px !important;
    font-weight:400 !important;
}
.lato-16 {
    font-family: 'kanit', sans-serif !important;
    font-size:16px !important;
    font-weight:400 !important;
}
.latob-16 {
    font-family: 'kanit', sans-serif !important;
    font-size:16px !important;
    font-weight:700 !important;
}
.latob-30 {
    font-family: 'kanit', sans-serif !important;
    font-size:30px !important;
    font-weight:700 !important;
}
.latob-40 {
    font-family: 'kanit', sans-serif !important;
    font-size:40px !important;
    font-weight:700 !important;
}