@media (min-width: 0px) and (max-width: 992px) {
  html {
    font-size: 30px;
  }
  body {
    font-family: "Sarabun", sans-serif;
  }
  .logo {
    background: unset;
    background-color: #1a4294 !important;
  }
  .logo .left {
    margin: 0;
  }
  .logo .left img {
    width: 140px;
    height: auto;
    max-width: 140px;
    min-width: 100px;
  }
  .logo .right {
    margin: 0;
    padding: 2rem 0rem 0rem 1rem;
    color: #FFFFFF;
    font-weight: 700;
  }
  .navbar-toggler-icon {
    width: 2rem;
    height: 2rem;
    margin: 1rem 0rem;
  }
  .mod-languages img {
    width: 1.6rem;
  }
  #short_link {
    background-size: cover;
  }
  #slideProductsHomePage {
    background-color: #1A4294;
  }
  #slideProductsHomePage .title {
    margin-top: 1rem;
    margin-left: 2rem;
  }
  #slideProductsHomePage .detail {
    margin-top: 2rem;
    margin-left: 4rem;
  }
  .page_title {
    background: #FFFFFF;
    background: -webkit-linear-gradient(318deg, rgb(255, 255, 255) 26%, rgb(26, 66, 148) 26%);
    background: -moz-linear-gradient(318deg, rgb(255, 255, 255) 26%, rgb(26, 66, 148) 26%);
    background: linear-gradient(318deg, rgb(255, 255, 255) 26%, rgb(26, 66, 148) 26%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#1A4294", GradientType=0);
  }
}
@media (min-width: 0px) and (max-width: 1168px) {
  .title_free {
    position: absolute;
    margin-top: 1.5rem;
    margin-left: 1.5rem;
  }
}

/*# sourceMappingURL=responsive.css.map */