html { overflow-x: hidden; }
body { font-family: 'Kanit', sans-serif; }

.txt-white { color: #ffffff!important; }
.txt-gray { color: #636466!important; }
.txt-black { color: black!important; }
.txt-yellow { color: #ffde00!important; }
.txt-blue { color: #224099; }

.bg-white { background-color: #FFF; }
.bg-blue { background-color: #0054a6; }
.bg-lightGray { background-color: #f2f2f2; }

.txt-12 { font-size: 12px; }
.txt-14 { font-size: 14px;}

.txt-indent-1 { text-indent: 1.5rem; }

.lineH-2rem { line-height: 2rem; }
.lineH-3rem { line-height: 3rem; }

.no-pd { padding-left: 0!important; padding-right: 0!important; }

a,
a:link,
a.btn,
* {
    transition: 0.3s;
    -webkit-transition:  0.3s;
}


/* Extra small devices (phones, less than 768px) */
/* .class {
} */
    /* Small devices (tablets, 768px and up) */
    /* @media (min-width: 768px) {
    } */
  
    /* Medium devices (desktops, 992px and up) */
    /* @media (min-width: 992px) {
    } */
  
    /* Large devices (large desktops, 1200px and up) */
    /* @media (min-width: 1200px) {
    } */