body,
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 {
    font-family: 'Kanit', sans-serif;
}
h1,.h1 {
  font-weight: 600;
}
.display-4,
.display-1 {
    font-weight: 600;
}
.list-group-item {
    color:#222 !important;
}
.btn {
  border: 1px solid transparent;
}
.btn-outline-light {
    color: #f5f5f5;
    border-color: #f5f5f5;
}
.btn-outline-dark {
    color: #0e0e0e;
    border-color: #0e0e0e;
}
.navbar-toggle>span {
    width: 100px;
    color: #fff;
}
.fancybox-is-open .navbar-toggle>span {
    width: 24px;
}
.swiper-container-horizontal>.swiper-scrollbar {
    margin: 25px auto 30px;
}
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1400px;
    }
}
@media (max-width: 768px) {
  .navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl {
      display: block;
  }
}