.carousel {
  visibility: hidden;
  background: #fff;
}
.pageloaded {
   visibility: visible;
}
.mbanner img {
  border-radius: 0 0 20px 20px;
}
.mbanner img{
  width: 100% !important;
}
#tanyaObatHomeNew{
  margin-top: 45px;
  padding-left: 16px;
  margin-bottom: 5px;
}
.inputTanya{
  display: flex;
  justify-content: center;
}
.inputTanya span{
  width: 98%;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 7px;
  text-align: left;
  background-color: #eee;
  color: #6a6a6a;
  cursor: text;
}
.inputTanya i {
  margin-right: 8px;
  color: #3f3f3f;
}
.home{
  margin-top: -16px;
  background-color: #fff;
}
#tanyaObatOther {
  padding-left: 16px;
  padding-right: 16px;
}

#tanyaObatOther h3 {
  padding-left: 1px;
  margin-bottom: 10px;
  margin-top: 15px;
  padding-bottom: 5px;
}
.uk-pb {
  margin-bottom: 20px;
}
.home-resep {
  background-color: #fff;
  margin-top: 10px;
  padding: 15px 10px 15px 10px;
}
.home-resep h3{
  margin-top: 5px;
}
.content-resep {
  text-align: center;
}
.content-resep a{
  margin-top: 10px;
  border-radius: 25px;
  box-shadow: 0px 1px 1px #00000080;
  padding: 6px 15px 6px 15px;
}
.text-resep {
  text-align: center;
  margin-top: 10px;
  color: #a46200;
}
.home-lihat-kembali {
  background-color: #fff;
  margin-top: 10px;
  padding: 1px 10px 15px 10px;
}
.home-promo {
  background-color: #fff;
  margin-top: 10px;
  padding: 1px 10px 1px 10px;
}
.home-popular {
  background-color: #fff;
  margin-top: 10px;
  padding: 1px 10px 1px 10px;
}
.home-info-sehat {
  background-color: #fff;
  margin-top: 10px;
  padding: 1px 10px 1px 10px;
}

.mbanner{
    width: 100%;
}
.lightbox-popup {
  display: none;
  position: fixed;
  z-index: 9999;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.box {
  position: absolute;
  padding: 0px!important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}

h2, .box p {
  margin: 0 20px;
}

.closed {
  position: absolute;
  left: 100%;
  top: 0;
  margin: -10px 0 0 -10px;
  width: 20px;
  height: 20px;
  color: #a46200;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  text-decoration: none;
}
.clicked-ytb{
  position: absolute;
  top: 70%;
  padding: 10px;
  width: 68%;
  left: 10%;
}
.clicked-blog{
  position: absolute;
  top: 68%;
  padding: 10px;
  width: 68%;
  left: 10%;
}
.clicked-sosmed-tw{
  position: absolute;
  top: 71%;
  padding: 35px;
  left: 19%;
}
.clicked-sosmed-fb{
  position: absolute;
  top: 71%;
  padding: 35px;
  left: 35%;
}
.clicked-sosmed-ig{
  position: absolute;
  top: 71%;
  padding: 35px;
  left: 50%;
}
.clicked-sosmed-pt{
  position: absolute;
  top: 71%;
  padding: 35px;
  left: 66%;
}
.scroll-suggest-home {
  overflow-x: scroll;
  overflow-y: hidden;
  margin-top: 10px;
  height: 50px;
  width: auto;
  white-space: nowrap;
}
.flow-thumbnail {
    overflow: auto;
}
@media screen and (max-width: 768px){
    .box {
        padding: 0px!important;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        display: flex;
        justify-content: center;
        position: relative;
    }
    .closed {
        position: absolute;
        left: 87%;
        top: 0;
        margin: -10px 0 0 -10px;
        width: 20px;
        height: 20px;
        color: #a46200;
        font-size: 13px;
        font-weight: bold;
        text-align: center;
        border-radius: 50%;
        background-color: #fff;
        cursor: pointer;
        text-decoration: none;
    }

    .clicked-sosmed-tw{
        position: absolute;
        top: 70%;
        padding: 17px;
        left: 25%;
    }
    .clicked-sosmed-fb{
        position: absolute;
        top: 70%;
        padding: 17px;
        left: 38%;
    }
    .clicked-sosmed-ig{
        position: absolute;
        top: 70%;
        padding: 17px;
        left: 50%;
    }
    .clicked-sosmed-pt{
        position: absolute;
        top: 70%;
        padding: 17px;
        left: 63%;
    }
    .scroll-suggest-home::-webkit-scrollbar {
      display: none;
    }
  .flow-thumbnail::-webkit-scrollbar {
      display: none;
    }
}