header#top {
  background: url('/images/background-top.svg');
  background-position-x: center;
  background-repeat: no-repeat;
  font-family: var(--font-family);
  position: relative;
  z-index: 9999;
  margin-bottom: 0px;
}
header#top .navbar {
  padding-left: 0px;
  padding-right: 0px;
}
header#top .logo-title,
header#top a.nav-link {
  /* color: var(--color-website-title); */
}
header#top .navbar-brand img { height: 70px; }
header#top .logo-title .title-th {
  color: var(--color-website-title-th);
  font-size: 20px;
  font-weight: 400;
}
header#top .logo-title .title-en {
  color: var(--color-website-title-en);
  font-size: 16.0px;
  font-weight: 300;
}

@media(max-width: 780px) {
  header#top {
    background-size: auto;
  }
  header#top .navbar {
    position: relative;
  }
  header#top .navbar .navbar-toggler {
    position: absolute;
    top: 20px;
    right: -10px;
  }
  header#top .navbar-brand img { height: 60px; }
  header#top .logo-title .title-th {
    font-size: 12px;
    font-weight: 400;
    white-space: break-spaces;
    line-height: 12px;
  }
  header#top .logo-title .title-en { font-size: 7px;font-weight: 300; }
  section.section-search {
    display: none;
  }
  .header-menu-mobile {
    background-color: #f8f9fa!important;
  }
}