.banner-tagline {
  margin-top: 83px;
}
.header-area {
  background-position-y: -236px !important;
}
.main-tagline {
  font-size: 45px;
  font-weight: 600;
  line-height: normal;

  display: block;
}
.btn-tagline {
  margin-top: 25px;
}
.tagline {
  font-size: 30px;
  font-weight: 500;

  display: block;
}
.wrap-vid {
  text-align: right;
}
.wrap-vid > .intro-vid {
  width: 455px;
  height: 290px;

  border: none;
}
.produk-icon {
  z-index: 99999999999999999999;

  width: 100px;
}
.box .box-icon img {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}
.box {
  margin-top: 20px;
}
.box h4 {
  text-transform: unset !important;
}
/* responsive */

@media only screen and (max-width: 992px) {
  .wrap-vid {
    text-align: center;
  }
  .wrap-vid > .intro-vid {
    width: 350px;
    height: 250px;
    margin-bottom: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .banner-tagline .main-tagline {
    font-size: 30px;
  }
  .header-area {
    position: relative;

    background-position-y: unset !important;
  }
  .tagline {
    font-size: 20px;
  }
  .banner-tagline {
    margin-top: 71px;
  }
  .header-text {
    position: absolute;
    bottom: 30px;

    width: 100%;

    text-align: center;
  }
}

@media only screen and (max-width: 375px) {
  .banner-tagline .main-tagline {
    font-size: 20px;
  }
  .tagline {
    font-size: 10px;
  }
}