.img-center{
  display: inline-block;
  margin-left: auto !important;
  margin-right: auto !important;
}
.w-100{
  width: 100%;
}
.mt--10{
  margin-top: -10px;
}
.mt--20{
  margin-top: -20px;
}
.mt--30{
  margin-top: -30px;
}
.lh-28{
  line-height: 28px !important;
}
.h-300-px{
  min-height: 90px;
}
#owl-demo .item{
margin: 3px;
}
#owl-demo .item img{
display: block;
width: 100%;
height: auto;
}
.active{
font-family: Proxima Nova;
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 22px;

color: #4D4D4D !important;
}
.mt-5{
margin-top: 3px !important;
}
.title-item-2{
margin-top: -10px;
  margin-bottom: 0px;
  font-family: Poppins;
font-style: normal;
font-weight: 800 !important;
font-size: 32px;
line-height: 35px;
/* identical to box height */
/* margin-top: -20px; */
text-align: left;

color: #3FCCCC !important;
}

.custom-title-detail-produk{
  font-size: 34px !important;
}
.owl-theme .owl-controls .owl-dots .owl-dot.active span {
  /* background: #ffffff; */
  background: #3FCCCC !important;
border-radius: 10px !important;
}
.t-l{
text-align: left !important;
font-size: 24px;
}

@media screen and (max-width: 1267px) {
  .t-img{
    top: 50%;
    position: relative;
    transform: translateY(30%);
  }
}

@media screen and (max-width: 767px) {
.w-100{
  width: 60%;
}
.plr-90{
  padding: 0px 20px !important;
}
.mtm-mb-10{
  margin-bottom : -25px !important;
}
.t-img{
  top: 50%;
  position: relative;
  transform: translateY(0%);
}
.custom-title-detail-produk{
  font-size: 24px !important;
  line-height: 40px;
}
}