@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@200;300;400;500;600;700&family=Outfit:wght@100..900&display=swap");
[lang="th"] {
  /*$Sarabun:  Sarabun-thai;
  $Prompt:   "Prompt-thai";*/ }

@media all and (min-width: 768px) and (max-width: 1199px) {
  .container {
    max-width: 100%; } }
.transition {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out; }

.ellips {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block; }

.content {
  /*& + .container {
   	max-width: 100%; padding-left: 0px;
   	padding-right: 0px;
  }*/ }

/*  Banner */
.home-banner {
  text-align: center;
  margin-bottom: 60px; }
  .home-banner .banner-img img {
    width: 100%; }

/* Product section  */
.product-sec {
  margin-bottom: 36px; }
  .product-sec .row {
    margin-left: -12px;
    margin-right: -12px; }
    .product-sec .row [class^="col-md-"] {
      padding-left: 12px;
      padding-right: 12px; }

.product-item {
  margin-bottom: 24px; }
  .product-item .prod-img {
    overflow: hidden;
    text-align: center; }
    .product-item .prod-img:hover img {
      transform: scale(1.1); }
    .product-item .prod-img img {
      transition: all 0.5s ease-out; }

/* Contact form section  */
.contact-sec {
  margin: 60px 0  54px 0; }

.contact-form {
  max-width: 648px;
  margin-left: auto;
  margin-right: auto; }
  .contact-form .form-group {
    margin-bottom: 6px; }
  .contact-form .form-row-inner label {
    margin-bottom: 0px;
    font-size: 1.5rem; }
    .contact-form .form-row-inner label .red {
      font-size: 1.5rem;
      font-style: normal; }
  .contact-form .form-row-inner input, .contact-form .form-row-inner select, .contact-form .form-row-inner textarea {
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0px;
    padding-left: 0px;
    padding-top: 3px;
    padding-bottom: 3px; }
    .contact-form .form-row-inner input::placeholder, .contact-form .form-row-inner input::-ms-input-placeholder, .contact-form .form-row-inner select::placeholder, .contact-form .form-row-inner select::-ms-input-placeholder, .contact-form .form-row-inner textarea::placeholder, .contact-form .form-row-inner textarea::-ms-input-placeholder {
      display: none;
      color: #fff !important; }
    .contact-form .form-row-inner input:hover, .contact-form .form-row-inner input:focus, .contact-form .form-row-inner select:hover, .contact-form .form-row-inner select:focus, .contact-form .form-row-inner textarea:hover, .contact-form .form-row-inner textarea:focus {
      border-color: #6A808E;
      color: #000; }

.contactbtn {
  margin-top: 24px;
  text-align: center; }
  .contactbtn .btn {
    min-width: 114px;
    font-size: 1.5rem; }

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: transparent !important; }

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: transparent !important; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: transparent !important; }

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: transparent !important; }

input::placeholder {
  color: transparent !important; }

textarea::-webkit-input-placeholder {
  /* WebKit browsers */
  color: transparent !important; }

textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: transparent !important; }

textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: transparent !important; }

textarea:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: transparent !important; }

textarea::placeholder {
  color: transparent  !important; }

/* Gallery section  */
.block-title {
  margin-bottom: 40px;
  text-align: center;
  font-weight: 600;
  line-height: 1.5;
  font-size: 2rem; }

.gallery-sec {
  margin-top: 60px;
  margin-bottom: 60px; }
  .gallery-sec #slick-gallery {
    margin-left: -12px;
    margin-right: -12px; }
  .gallery-sec .slide-item {
    margin-bottom: 40px;
    padding-left: 12px;
    padding-right: 12px; }
  .gallery-sec .slick-dots {
    bottom: -13px; }

/*  Video section  */
.video-sec {
  margin-top: 60px; }
  .video-sec .video-item {
    margin-bottom: 60px; }
    .video-sec .video-item iframe {
      max-width: 100%; }