body.stay {
    overflow-y: hidden !important;
  }
  .category-shop h5 {
    text-transform: uppercase !important;
  }
  .category-shop ul {
    text-transform: uppercase !important;
  }
  .icons a {
    margin-block: unset !important;
    display: flex;
    align-items: center;
}
a {
text-decoration: unset !important;
}
.icons a .icon {
    margin-block: unset !important;
}
.garis-judul-events {
    opacity: 1 !important;
    border-top: solid black 2px;
    width: 2vw;
}
#cd-cart {
    width: 60vw;
    height: 100vh;
}
#cd-cart .checkout-btn {
    position: absolute;
    bottom: 0px;
}
.peta-gallery .col-md {
    width: calc(100% / 3 - 5%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.col-md .peta-frame {
    width: 100%;
}
.peta-frame iframe {
    width: 100%;
}
.peta-gallery a {
    color: black;
    text-decoration: unset;
}
.wci .slider div {
align-items: baseline !important;
}
.wci li a:hover {
color: #62120c;
opacity: 100%;
}
.batik-chic li a:hover {
color: #8C1820;
opacity: 100%;
}
.wmm li a:hover {
color: #00A9A3;
opacity: 100%;
}
.row.policy div:last-child {
border: unset;
}

/** custom andre */
/* About */
.desc-about {
margin-inline: 6%;
margin-top: 4%;
}
.garis-judul-brand {
width: 3rem;
border-top: 3px solid;
margin-block: 1.5%;
margin-inline: auto;
}
.desc-about p {
margin-bottom: unset !important;
line-height: calc(2vw + 1vh) !important;
margin-top: 3%;
}

/* Batik Chic */
.batikchic-home .slider-cat .slide {
min-width: calc(100vw / 3.2 - 4%);
}

.bx-pager.bx-default-pager {
    bottom: 5%;
    }
.col-md-4 {
width: unset !important;
}
.icon-ig {
    filter: invert(0%) sepia(3%) saturate(7488%) hue-rotate(122deg) brightness(0%) contrast(103%);
    }
.bag-chip{
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    display: flex;
    margin: unset !important;
    justify-content: center;
    align-items: center;
    right: -35%;
    top: 15%;
}
.menu-item:hover .menu-text {
    font-weight: 600 !important;
    }
.gambar-cover-event {
    display: flex;
    height: 90vh;
    overflow: hidden;
    position: relative;
    }
.events_detail-top .gambar-kedua {
    position: absolute;
    width: 100vw !important;
    height: 85vh !important;
    object-fit: cover;
    z-index: -999;
    object-position: center;
    filter: blur(5px) brightness(30%) contrast(99%);
    -webkit-filter: blur(5px) brightness(30%) contrast(99%);
    -moz-filter: blur(5px) brightness(30%) contrast(99%);
    margin-top: -1%;
    }
.yt-container {
    display: flex;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.8);
    background: -moz-linear-gradient(90deg, rgba(0,0,0,.90) 0%, rgba(0,0,0,.80) 32%, rgba(0,0,0,0) 73%, rgba(0,0,0,.90) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,0,0,.90) 0%, rgba(0,0,0,.80) 32%, rgba(0,0,0,0) 73%, rgba(0,0,0,.90) 100%);
    background: linear-gradient(90deg, rgba(0,0,0,.90) 0%, rgba(0,0,0,.80) 32%, rgba(0,0,0,0) 73%, rgba(0,0,0,.90) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#000000",GradientType=1);
    background-position: top !important;
    }
.menu-item .sub-menu {
    z-index: unset !important;
    }
.text-overlay hr {
    width: 2.1vw !important;
    opacity: 1;
    }
.text-overlay .teks-desc {
    font-weight: lighter;
    }
.text-overlay {
    text-align: left !important;
    align-items: flex-start !important;
    width: 30%;
    }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{
    background: #fff !important;
    }
.bx-wrapper .bx-pager.bx-default-pager a {
    background: transparent !important;
    width: 12px !important;
    height: 12px !important;
    border-radius: 100% !important;
    border: solid 2px white !important;
    }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: 30px !important;
    }
.events_detail-top {
     width: 90%;
    margin: 0 auto;
    }
.overlay-text-center_banner strong {
    font-weight: 300 !important;
    }
.overlay-text-center_banner h2 {
    color: white;
    margin: unset !important;
    }
.garis-judul-lookbook {
    opacity: .50;
    border-top: solid white 3px;
    width: 2%;
    margin-inline: auto;
    }
.row.lookbook-list {
    width: 90%;
    margin: 0 auto;
    }
  .events_detail-top img {
    width: auto !important;
    height: auto !important;
    max-width: 100vw !important;
    max-height: 100vh !important;
    object-fit: cover;
    }
.tombol-load-more {
display: flex;
justify-content: center;
padding-block: 3%;
}
.tombol-load-more.remove-btn {
display: none;
}
#load-more-btn {
text-decoration: none;
margin: unset;
padding: 1% 3%;
}
#load-more-btn p {
margin: unset !important;
}
.h1, h1 {
    font-size: 1.7rem !important;
    }
.gambar-cover-event {
    display: flex;
    justify-content: center;
    }
.owl-item > div {
    display: flex;
    width: 100%;
    overflow: hidden;
    justify-content: center;
    height: 100%;
    }
.owl-carousel.owl-drag .owl-item {
    width: calc(100% / 3 - 2%) !important;
    margin-bottom: 2.5%;
    margin-right: unset !important;
    }
.owl-carousel.owl-drag .owl-item:nth-child(3n+2) {
    margin-inline: 3% !important;
    }
.owl-carousel .owl-stage {
    width: 100% !important;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    transform: unset !important;
    transition: unset !important;
    }
.owl-carousel {
    overflow: hidden !important;
    }
.owl-carousel .owl-stage-outer {
    -webkit-transform: unset !important;
    }
.owl-carousel .owl-item img {
    max-width: unset !important;
    max-height: 100% !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
    }
p {
    font-size: calc(0.8vw + 0.9vh) !important;
    margin-bottom: calc(0.5vw + 0.5vh) !important;
    }
body {
    font-size: calc(0.8vw + 0.9vh) !important;
    font-weight: 300 !important;
    }
.h2, h2 {
    font-size: calc(1.1vw + 1.2vh) !important;
    margin-bottom: calc(1vw + 0.5vh) !important;
    }
.logo img {
    width: auto !important;
    max-height: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: cover !important;
    }
.logo {
    width: 40%;
    display: flex;
    float: left;
    max-height: 100%;
    }
.logo a {
    width: 100%;
    height: auto;
    margin: unset !important;
    }
.icon-header {
    width: 100%;
    }
.icon {
    position: relative;
    }
.logo-tengah {
    display: block;
    }
.brand-images img {
    width: auto !important;
    height: auto;
    max-width: 100% !important;
    max-height: 100% !important;
    }
.brand-images a {
    display: flex;
    width: calc(7vw + 7vh ) !important;
    height: calc(7vw + 7vh ) !important;
    align-items: center;
    justify-content: center;
    margin-inline: 2%;
    opacity: 65%;
    }
.brand-images a:hover {
    opacity: 100%;
    }
.sub-menu .brand-images {
    padding-top: 1.5em;
    width: 90%;
    border-top: solid 1px black;
    justify-content: center;align-items: center;
    display: flex;
    }
.brand-section .overlay-text-left > img, .brand-section .overlay-text-right > img {
    width: calc(6vw + 7vh) !important;
    height: auto !important;
    }
.bx-wrapper .bx-controls-direction a {
    z-index: unset !important;
    }
.desc-house-brand {
    margin-bottom: 5% !important;
    }
.brand-section > div > a {
    padding: 5% 10% !important;
    }
.row .col-md-4 {
    margin-bottom: 5%;
    }
.row.event-list > .col-md-4 > a:nth-child(1) {
    margin-bottom: 10%;
    }
.row.event-list > .col-md-4 > a:nth-child(2) {
    margin-bottom: 5%;
    display: flex;
    justify-content: center;
    }
.row.event-list {
    display: flex;
    justify-content: flex-start;
    width: 86%;
    margin-inline: auto;
    }
.event-list-brand .events-carausel {
    width: calc(100% / 4 - 2.3%) !important;
    padding: unset;
    margin-bottom: 2%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 3% !important;
    }
.event-list-brand .three-gallery .events-carausel {
    width: calc(100% / 3 - 2%) !important;
    }
.event-list-brand .four-gallery .events-carausel:nth-child(4n) {
margin-right: unset !important;
    }
.event-list-brand .three-gallery .events-carausel:nth-child(3n) {
margin-right: unset !important;
}
.events-details-brand {
width: 100%;
margin-inline: auto;
text-align: center;
}
.events-carausel:hover .gambar-thumb-events img {
    padding: unset !important;
    transition: .5s;
    }
.event-list-brand {
    margin-top: 3%;
    padding-top: 3%;
    background: #eaeaea;
    }
.gambar-thumb-events {
    display: flex;
    flex-direction: column;
    margin-top: unset;
    background: #fff;
    }
.gambar-thumb-events img {
    width: 100%;
    object-fit: cover;
    min-height: 35rem;
    max-height: 35rem;
    transition: .5s;
    padding: 5%;
    }
.events-carausel a {
    text-decoration: unset;
    }
.judul-event-items {
    margin: unset !important;
    color: black;
    text-align: center;
    color: white;
    padding-block: 5%;
    padding-inline: 5%;
    font-size: calc(0.8vw + 0.8vh) !important;
    }
.events-carausel .tombol-explore {
margin: unset !important;
padding-top: 3%;
display: flex;
padding-bottom: 5%;
justify-content: center;
color: white;
border-top: solid 2px white;
font-weight: 600;
}
.events-carausel:hover {
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
}
.tombol-explore p {
margin-bottom: 0px !important;
}
.events-carausel .tombol-explore:hover {
background: white !important;
}
.desc-about > .tabcontent > div:hover > p:nth-child(2) {
    color: black !important;
    }
.desc-about > .tabcontent > div:hover > p:nth-child(1) {
    font-weight: bold !important;
    }
.logo-app-wmm {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-around;
    }
.logo-app-wmm img {
    width: calc(100% / 5 - 3%);
    }
.logo-bawah {
    display: contents;
    }
#cd-shadow-layer {
    z-index: 999 !important;
    }
#cd-cart.speed-in {
    z-index: 999 !important;
    }
.tab button {
    font-size: calc(0.8vw + 0.9vh) !important;
    }
.h4, h4 {
    font-size: calc(0.8vw + 0.9vh) !important;
    }
.slider div {
    display: flex !important;
    align-items: center !important;
    height: 90vh !important;
    }
.cat-group {
    padding-block: 5%;
    }
.logo-footer .col-md a {
    margin-top: unset;
    width: auto;
    height: 100%;
    max-height: 12rem;
    display: flex;
    justify-content: center;
    }
.logo-footer .col-md img {
    width: auto;
    max-height: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
    }
.logo-footer .col-md {
    width: auto;
    height: auto;
    flex: unset;
    }
.brand-logo a {
width: auto;
display: flex;
height: 10rem;
margin-top: unset;
}
.logo-deret-footer {
display: flex;
justify-content: center;
}
.brand-logo {
width: auto;
height: auto;
margin-inline: 1rem;
max-height: max-content;
max-width: max-content;
display: flex;
align-items: end;
}
.brand-logo img {
width: max-content;
height: auto;
object-fit: contain;
max-height: 100%;
}
.brand-logo .simpulsutra {
height: 8rem;
}
.brand-logo .bc_home {
width: auto;
height: 7.6rem;
}
.brand-logo .tiraz {
height: 7rem;
}
.brand-logo .nybynovitayunus {
height: 9rem;
width: auto;
}
.brand-logo .batikchic {
height: 8.3rem;
}
.row.logo-footer {
  margin-top: 5%;
  margin-bottom: 4%;
}
.yt-container .play-icon {
width: 6rem;
height: 6rem;
background-position-y: center;
}
.judul-div-brand h2 {
margin: unset !important;
}
.judul-div-brand {
margin-block: 3%;
text-align: center;
}
.footer-items {
margin-top: 3%;
width: calc(100vw - 11%);
margin-inline: auto;
}
.events-details-brand .judul-events-details {
margin-bottom: unset !important;
}
.gambar-cover-event .gambar-pertama {
width: auto !important;
height: 100%;
object-fit: contain;
position: absolute;
}
.gambar-cover-event .gambar-kedua {
object-fit: cover;
filter: blur(10px) brightness(61%);
-webkit-filter: blur(10px) brightness(61%);
-moz-filter: blur(10px) brightness(61%);
z-index: -9;
}
.events-details-brand .desc-about-brand {
padding-block: 3%;
padding-inline: 6%;
line-height: 250%;
}
.events-top h2 {
text-align: center;
}
.gambar-bg-lookboks {
position: relative;
height: 100%;
z-index: -9;
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.img-bg-lookboks.gambar-kedua {
width: 100vw;
max-height: 100%;
object-fit: cover;
filter: blur(10px) brightness(61%);
-webkit-filter: blur(10px) brightness(61%);
-moz-filter: blur(10px) brightness(61%);
z-index: -9;
}
.img-bg-lookboks.gambar-pertama {
max-height: 100%;
width: auto;
object-fit: contain;
position: absolute;
}
.title-banner-event {
position: absolute;
width: 100%;
padding-bottom: 5%;
bottom: 0px;
background: linear-gradient(180deg, rgba(0,0,0,0) 20%, rgb(0, 0, 0) 80%);
height: 100%;
display: flex;
flex-direction: column;
justify-content: end;
color: white;
}
.judul-brand.events-brand {
margin: unset !important;
}
.bchome-home .slider-cat .slide {
width: 50vw;
height: 30vw;
}
.bchome-home .wmm-depan .img-kategori {
filter: brightness(50%);
-webkit-filter: brightness(50%);
-moz-filter: brightness(50%);
}
.slider-cat .slide:hover img.judul-cat-slider {
scale: 1.05;
transition: .5s;
}
/** custom andre */

/* WMM Baru Andre */
.wmm .logo-brand {
display: none;
}
.wmm #menu {
display: none;
}
.desc-header-wmm {
width: 100vw;
display: flex;
height: 100vh;
flex-direction: column;
justify-content: center;
text-align: center;
color: white;
align-items: center;
padding-top: calc(5vh + 4vw);
}
#slider-cat {
display: flex;
overflow: hidden;
}
.slider-cat .slide {
min-width: calc(100vw / 3 - 4%);
margin-right: 2% !important;
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
transition: 0.5s;
}
.wmm-depan .slider-cat .slide:hover .img-kategori {
scale: 1.05;
transition: 0.5s;
filter: brightness(100%);
-webkit-filter: brightness(100%);
-moz-filter: brightness(100%);
}
.wmm-depan .slider-cat .slide:hover .judul-cat-slider {
font-weight: 500;
}
.img-kategori {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.wmm-depan .img-kategori {
filter: brightness(76%);
-webkit-filter: brightness(76%);
-moz-filter: brightness(76%);
}
.kategori-kotak {
display: flex;
align-items: center;
position: relative;
}
.desc-about .garis-judul-brand {
margin-inline: unset;
}
.img-header-about {
max-height: 80vh;
object-fit: cover;
object-position: top;
}
.slider-cat .slide .judul-cat-slider {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  color: white;
  width: 50%;
height: 40%;
object-fit: contain;
display: flex;
flex-direction: column;
justify-content: center;
transition: .5s;
}
.kategori-kotak button {
position: absolute;
color: white;
z-index: 9;
border: unset;
background: unset;
height: 100%;
}
.buttons-icon {
width: 3rem;
height: 3rem;
display: flex;
align-items: center;
justify-content: center;
background: rgba(102, 102, 102, 0.9);
border-radius: 50%;
margin-inline: 3rem;
}
#prev {
left: 0px;
}
#next {
right: 0px;
}
.judul-kat-wmm {
padding-bottom: 1%;
}
.kategori-kotak .slider-cat .slide:last-child {
margin-right: unset !important;
}
.show-wmm::after {
content: " ";
display: flex;
height: 100%;
width: 15rem;
top: 0px;
z-index: -9;
position: absolute;
}
#prev.show-wmm::after {
left: 0px;
background: #000000;
background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 80%);
background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 80%);
background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 80%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}
#next.show-wmm::after {
right: 0px;
background: #000000;
background: -webkit-linear-gradient(280deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 80%);
background: -moz-linear-gradient(280deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 80%);
background: linear-gradient(280deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 80%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=0);
}
.desc-header-wmm .logo-wmm-putih {
width: 15%;
height: 30%;
object-fit: contain;
}
.desc-header-wmm .desc-text {
margin-block: 3% !important;
}
.logo-icon-wmm .logo-app {
max-width: 12rem;
height: 7rem;
object-fit: contain;
margin-right: 1%;
object-position: left;
}
.logo-icon-wmm {
width: 100%;
}
.slider-cat a {
color: unset;
text-align: center;
text-decoration: underline;
margin: unset !important;
}
.slide > div {
display: flex;
width: 100%;
height: 100%;
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
}
.featured-menu .div-menu-featured {
display: flex;
padding-inline: 6%;
justify-content: space-around;
padding-block: 10%;
}
.div-menu-featured .desc-text {
width: 50%;
color: white;
justify-content: end;
display: flex;
}
.div-menu-featured > img {
width: 20%;
height: 25%;
object-fit: contain;
}
.featured-menu.tumpeng {
margin-top: 3%;
}

.logo-dine-in {
width: 45rem;
margin-top: 3%;
}
.dine-in .slider-cat .judul-cat-slider {
width: 100% !important;
height: 50% !important;
left: 0px !important;
transform: unset !important;
bottom: 0px;
text-align: left;
margin: unset !important;
padding: 5% !important;
background: #000000;
background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 61%);
background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 61%);
background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 61%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=0);
display: flex;
justify-content: end;
}
.menu-pdf {
display: flex;
flex-direction: column;
width: 100vw;
height: auto;
padding: 6%;
text-align: center;
margin-top: 3%;
background: #115E54;
}
.menu-pdf p {
color: white;
}
.download-menu {
color: white;
text-decoration: unset;
display: flex;
justify-content: center;
}
.button-download {
width: fit-content;
padding: 1% 3%;
border: solid 2px white;
}
.logo-dine-in.jamu {
width: 30rem;
}

/*Shop Baru Andre*/
.category-shop.menu-toggle {
width: 87%;
margin-inline: auto;
}
.row-produk {
display: flex;
width: 100%;
justify-content: space-between;
}
.list-produk-shop {
width: 80%;
display: flex;
flex-wrap: wrap;
padding: 2%;
background: #eaeaea;
height: 100%;
}
.group-produk-shop {
width: calc(100% / 3 - 2%);
display: flex;
margin: unset;
flex-direction: column;
background: white;
justify-content: space-between;
height: fit-content;
}
.row-produk.shop-list {
display: flex;
position: relative;
height: 100%;
flex-wrap: wrap;
justify-content: flex-start;
gap: 3%;
}
.menu-heading-shop {
width: 15%;
}
.group-produk-shop > img {
width: 100%;
object-fit: cover;
object-position: center;
padding: 5%;
}
.desc-produk-shop {
padding: 5%;
color: white;
}
.desc-produk-shop p {
margin: unset !important;
text-decoration: unset !important;
}
.group-produk-shop:hover .judul-produk-shop {
font-weight: 500 !important;
}
.judul-list-category-produk {
margin: unset !important;
display: flex;
justify-content: space-between;
}
.judul-list-category-produk h2 {
margin: unset !important;
text-transform: uppercase;
}
.list-kategori-produk {
margin: unset !important;
}
.category-shop li {
margin: unset !important;
list-style-type: none;
}
.category-shop a {
margin: unset !important;
}
.category-shop .group-produk-shop {
margin-bottom: 2.5% !important;
}
.list-produk-shop .tombol-load-more {
width: 100%;
}
/*.sticky-heading-shop .menu-heading-shop {
position: fixed;
top: calc(6vh + 4vw);
  left: 6.5%;
  width: 13%;
  z-index: 10;
}
.sticky-heading-shop .row-produk {
justify-content: end;
position: relative;
}*/

@media only screen and (orientation: landscape) {
    .row.policy div {
        flex-direction: row;
        width: auto;
        min-width: auto;
        flex: unset;
        display: flex !important;
        align-items: center;
        padding-inline: 1.5rem;
        border-right: 0.2rem solid;
    }
    .policy li {
        display: flex;
        width: 100%;
        align-items: center;
    }
    .policy a {
        margin: unset;
    }
    .row.policy {
        display: flex;
        justify-content: center;
        padding-block: 5%;
    }
    .icon-ig {
        width: auto;
        height: calc(1.1vw + 1.2vh) !important;
        opacity: 100%;
        margin-right: 5%;
    }
    .menu-heading-shop {
        background: unset !important;
    }
    .customer-care a {
    padding-inline: 0.5rem;
    }
    .customer-care a:last-child {
    padding-right: 0px;
    }
    .customer-care .menu-heading {
    padding-right: 1rem;
    }
    .brand-banner a:last-child .brand-section {
    margin-bottom: 0px;
    }
    .hr-footer {
    margin-block: unset;
    border-top: solid 2.5pt;
    }
    .brand-section_bc {
    background-position-y: 0%, top !important;
    background-position-x: 0%, center !important;
    }
}