.box-banner+section {
    margin-top: calc(100vh - 80px);
   }
   div#content section:not(.box-banner) {
    background-color: #fff8f1 !important;
    position: relative;
   }
   .box-banner {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 80px;
    height: calc(100vh - 80px);
   }
    .box-banner img.img-banner {
     height: calc(100vh - 80px);
     object-fit: cover;
     background-color: #162522;
    }

 .box-banner .box-text {
  position: absolute;
  top: 50%;
  left: 0px;
  right: 0px;
  transform: translateY(-50%);
 }
  .box-banner .b-text {
   color: #ffffff;
   width: 37%;
   text-align: right;
   margin-left: auto;
  }
  .box-banner .owl-carousel .b-text > *:nth-child(1) {
    opacity: 0;
    transition-delay: .3s;
   }
   .box-banner .owl-item.active .b-text > *:nth-child(1) {
    opacity: 1;
    -webkit-animation:fadeInUp 1s .3s;
    animation:fadeInUp 1s .3s;
   }
   .box-banner .owl-carousel .b-text > *:nth-child(2) {
    opacity: 0;
    transition-delay: .6s;
   }
   .box-banner .owl-item.active .b-text > *:nth-child(2) {
    opacity: 1;
    -webkit-animation:fadeInUp 1s .6s;
    animation:fadeInUp 1s .6s;
   }
   .box-banner .owl-carousel .b-text > *:nth-child(3) {
    opacity: 0;
    transition-delay: .9s;
   }
   .box-banner .owl-item.active .b-text > *:nth-child(3) {
    opacity: 1;
    -webkit-animation:fadeInUp 1s .9s;
    animation:fadeInUp 1s .9s;
   }
   .box-banner .owl-carousel .b-text > *:nth-child(4) {
    opacity: 0;
    transition-delay: 1.2s;
   }
   .box-banner .owl-item.active .b-text > *:nth-child(4) {
    opacity: 1;
    -webkit-animation:fadeInUp 1s 1.2s;
    animation:fadeInUp 1s 1.2s;
   }
   .box-banner .owl-carousel .b-text > *:nth-child(5) {
    opacity: 0;
    transition-delay: 1.5s;
   }
   .box-banner .owl-item.active .b-text > *:nth-child(5) {
    opacity: 1;
    -webkit-animation:fadeInUp 1s 1.5s;
    animation:fadeInUp 1s 1.5s;
   }
   .box-banner .owl-carousel .b-text > *:nth-child(6) {
    opacity: 0;
    transition-delay: 1.8s;
   }
   .box-banner .owl-item.active .b-text > *:nth-child(6) {
    opacity: 1;
    -webkit-animation:fadeInUp 1s 1.8s;
    animation:fadeInUp 1s 1.8s;
   }

.box-catalog {
 background: #fff8f1 url(../../public/images/bg-catalog.jpg) no-repeat right center;
 background-size: cover;
}
 .box-catalog img {
  /*aspect-ratio: 400/566;*/
  transition: ease .5s;
 }
 .box-catalog a:hover img {
  transform: translateY(-10px);
 }

 /* ---------------------------------------------------**** Mobile and Tablet ****--------------------------------------------------- */
 @media only screen and (min-width: 320px) and (max-width: 1024px) {
    .box-banner {
     position: initial;
     height: auto;
    }
    .box-banner+section {
     margin-top: 0px !important;
    }
    .box-banner img.img-banner {
     height: calc(100vh - 60px) !important;
     object-fit: cover !important;
    }
   }

 /* ---------------------------------------------------**** Tablet ****--------------------------------------------------- */
 @media only screen and (min-width: 768px) and (max-width: 1024px) {

  /* แนวตั้ง */
  @media only screen and (orientation:portrait){

  }
  /* แนวนอน */
  @media only screen and (orientation:landscape){

  }
 }

 /* ---------------------------------------------------**** Mobile ****--------------------------------------------------- */
 @media only screen and (min-width: 320px) and (max-width: 767px) {

  /* แนวตั้ง */
  @media only screen and (orientation:portrait){

  }
  /* แนวนอน */
  @media only screen and (orientation:landscape){

  }
 }