@media (max-width:992px) {
.body-absolute{overflow:hidden;}	
.desktop-only, .menurow.difle-l, .service-tab p, .product-shop, .testimoni .flickity-prev-next-button, .home-container .contact-us, .catblog-title p, .tohome svg{display:none!important;}
.mobile-only, .menu-bottom, .mobile-bottom, .mobile-menu .tohome, .service-tab.difle-c, .product-info.difle-c{display:block!important;}
.judul-populer {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.brd-radius10{border-radius:7px;}
.headtop-inner.difle-l{justify-content: center;}
.top-line{height:7vh;}
.gonjong{top:7vh;}
.head-logo img{height:5vh;}
.head-logo h1{font-size:100%;margin:0 0 0 5px;}
.headtop-inner{margin:0 15px;}
.mlr-page, .mlr-slide{margin-left:15px;margin-right:15px;}
.wave-svg{left:-75%;right:-75%;top:6vh;}
.slider{top:17%;}
.slider-image{width:100%;order: -1;}
.slider-title{width:100%;}
.slide-product, .slide-blog{font-size:120%;margin:0;}
.slide-blog{font-size:100%;}
.slide-desk{font-size:90%;margin:15px 0 15px 0;}
.slider-intro{font-size:90%;}
.slider-arrow{border-left:#fff 10px solid;border-top:transparent 6px solid;border-bottom:transparent 6px solid;margin:0 5px 0 7px;}
.slider-speak{padding:0 0 0 27px;margin:15px 0 0 0;}
.slider-quote{width:22px;}
.slider-more{height:24px;border-radius:24px;padding:0 10px;font-size:85%;margin:10px 0 10px 0;}
.fade-gallery-slider{height:auto;}
.fade-gallery-img{height:auto;}
.image-slider{height:25vh;}
.profilehome .mlr-min10{margin-left:-5px;margin-right:-5px}	
.profile{margin-top:76vh;height:12vh;}
.profile-col-item.difle-c{display:block!important;}	
.profile-col{height:9vh;width:calc(33.33333333% - 10px);margin:0 5px;text-align:center;}
.profile-col-item{margin:0 5px;font-size:80%;}
.profile-col-item svg{display:block;height:3.5vh;margin:0 auto 5px;}
.service-interaktif{padding:10px 0 40px;}
.service-layout{grid-template-columns: repeat(2, minmax(0, 1fr));column-gap:10px;row-gap:0;}
.service-display {order: -1;grid-column: 1 / -1;}
.service-side{border-radius:10px;gap:10px;display: flex;flex-direction: column;}
.service-tab{height: auto;min-height:19vh;flex: 1;padding:15px 0 0;border-radius:7px;}
.service-tab h3{font-size:100%;margin:0 10px 0;}
.service-display{padding:10px;border-radius:7px;height:40vh;}
.display-title-wrap h1{font-size:120%;margin:10px 10px 0;}
.service-display img{width:65%;}
.service-icon-item svg{height:5vh;opacity:0.7;}
.gridpage {display:block;width: 100%;margin: 0 auto;position:relative;overflow:hidden;}
.gridpage-left {flex: 0 0 100%;}
.gridpage-right {flex: 0 0 100%;padding:0;}
.gridpage-sticky {position:relative!important;overflow:hidden;}
.gridpage-sticky{top:auto;padding:20px 0 15px;}
.pagestyle .gridpage-sticky{padding:40px 0 15px;}
.home-container .gridpage-left-inner{margin:20px 0 0 0;}
#profile .gridpage-left-inner{margin:20px 0 0 0;}
.gridpageopen-left {flex: 0 0 100%;}
.gridpageopen-right {flex: 0 0 100%;padding:0 0 0;}
#profile .gridpage-right {padding:0 0 0;}
.blog-primary-image{width:100%;}
.blog-primary-image:after{right:0;top:50%;bottom:-1px;background: linear-gradient(to top, var(--cblack), transparent);}
.blog-primary-title{width:100%;margin-left:0;padding:0 0 10px;}
.head-module h1{font-size:120%;border-bottom:var(--cyellow) 1px solid;}
.product-head{width:100%;margin:0 0 5px;}
.product-data{width:100%;margin:0;}
.product .carousel-cell{width:100%;margin:0 5px 0 0;}
.product{padding:40px 0;}
.product-head h1{font-size:120%;}
.product-index{height:24px;border-radius:24px;margin:5px auto 0;padding:0 10px;font-size:80%;}
.producthome-title{font-size:105%;margin:15px 0;}
.product-category-item{font-size:80%;}
.blog .head-module.mb20{margin-bottom:10px!important}
.image-blogbig{height:30vh;border-radius:7px 0 0 7px;}
.blog-other-title{padding:5px 0 0;}
.blog-primary-title h2, .blog-other-title h2{font-size:105%;}
.image-other{height:17vh;}
.head-testimoni-inner{padding:20px 15px;font-size:120%;}
.testi-landscape img{width:65%;}
.testi-potrait img{height:10vh;}
.page-content{margin:0;}
.headpage-image-inner{width:100%;}
.image-head{height:35vh;}
.headpage-marquee{bottom:50px;font-size:300%;}
.page-container-top{border-radius:30px 30px 0 0;font-size:100%;margin-top:-40px;height:41px;margin-bottom:-1px;}
#service .page-container-top, #profile .page-container-top{margin-top:-30px;height:31px;margin-bottom:-1px;}
.title-post{font-size:140%;margin:0 0 15px;}
.title-service{margin:30px 0 15px;}
.title-service h1{font-size:140%;}
.desk-post, .ifscroll .desk-post, .meta-post{font-family: 'roboto-regular', Arial, sans-serif;}
#product .testi-speak{padding:0 30px;margin:0 auto 25px;max-width:100%;min-height:30px;font-family: 'roboto-regular', Arial, sans-serif;font-size:100%;}
#product .testi-quote-left, #product .testi-quote-right{width:25px;height:25px;}
#product .testi-quote-right{bottom:auto;top:0;}
.price{margin:0 auto 20px;display:flex !important;justify-content: center;align-items: center;}
.content-link-center{display:flex !important;justify-content: center;align-items: center;}
.price h2, .price-item{font-size:95%;}
.price-icon{width:5vh;height:5vh;}
.price-icon svg, .content-link svg{height:3vh;}
.price-left{margin:0 10px 0 5px;}
.price-item{margin:0 0 0 5px;}
.content-link{margin:-10px auto 25px;padding:0 20px;height:5vh;border-radius:5vh;font-size:95%;}
#product .image-detail{height:23vh;}
.product-image{border:none;padding:0;}
.product-other .carousel-cell{width:45%;margin:0 5px 0 0;}
.product-other-container{width:100%;margin:0;}
.product-other-item{padding:2px 2px 5px;}
.product-all{width:100%;margin:10px 0 0;border:none;}
.product-all svg{height:5vh;}
.product-all-inner, .product-all-inner a{display:flex !important;justify-content: center;align-items: center;}
.product-other-item h2{opacity:0.75;}
.sharebt{width:34px;height:34px;}
.sharebt svg{height:22px;}
.right-image{vertical-align:text-top;float:left;width:100%;margin:0 auto 10px;position:relative;overflow:hidden;}
.headpage-flat{padding:20vh 0 0;}
.headpage-flat-title{margin:0 auto 40px;font-size:140%;}
.product-other h1, .head-module-med{font-size:110%;}
.profile-single{margin:0 0 20px;padding:15px;}
.servicepage-icon{width:6vh;}
.servicepage-title{width:calc(100% - 7vh);}
.servicepage-icon-item svg{width:6vh;}
.service-right{position:relative;overflow:hidden;margin:30px 0 0!important;}
.category-blog{width:calc(100% - 10px);margin:15px 5px 0;}
.page-category{margin:10px auto 0;}
.image-blogcat{height:19vh;}
.catblog-image{width:40%;}
.catblog-title{width:60%;}
.category-product{width:calc(50% - 10px);margin:20px 5px 0;}
.category-product .image-product{height:20vh;}
.category-box-title{padding:10px 5px 0;margin:-25px 15px 0;}
.page-category .mlr-min15{margin-left:-5px!important;margin-right:-5px!important}
.category-box-title h2{font-size:95%;}
.client-container{margin:20px auto 0;}
.client-col{width:calc(50% - 10px);margin:10px 5px 0;padding:15px 0;}
.client-container .mlr-min10{margin-left:-5px;margin-right:-5px}
.client-col h1{font-size:90%;margin:0 5px;}
.client-col h2, .client-col h3{font-size:85%;margin:0 5px;}
.client-col .mt15{margin-top:7px!important;}
.view-testimoni p{font-size:85%;}
.view-testimoni svg{width:20px;}
.client-img{margin:0 10px 10px;height:7vh;}
.client-img-potrait img{height:7vh;}
.client-img-landscape img{width:90%;}
.modal.centerpage .modal-dialog {width:80%;bottom:25%;}
.footer-inner{padding:40px 0;padding-bottom:7vh;margin:0 0 30px;}
.poppage-center-top{top:30px;width:90%!important;}
.poppage-center{top:75px;bottom:30px;width:90%;}
.navbar .submenu{display:none}.navbar .dropdown.open .submenu{display:block}.mobile-menu .navbar ul{display:block!important}.mobile-menu .navbar li{display:block!important;position:static!important}.mobile-menu .navbar .dropdown ul.submenu{position:static!important;display:none!important;visibility:visible!important;opacity:1!important;top:auto!important;left:auto!important;min-width:100%!important;margin:0!important;padding:5px 0 5px 15px!important;background:transparent!important;box-shadow:none!important;transition:none!important}.mobile-menu .navbar .dropdown ul.submenu:after{display:none!important}.mobile-menu .navbar .dropdown.open>ul.submenu{display:block!important}.mobile-menu .navbar .dropdown ul.submenu a{color:var(--cgrey2)!important;padding:8px 10px!important;display:block!important}
.product-head .dropdown-menu{padding:25px 0 30vh;width:100%;margin-left:auto;bottom:auto;top:100%;background: linear-gradient(to top, transparent, var(--cblack) 70%);left:0;right:0;}
.postsearch-image{width:calc(30% - 10px);}
.postsearch-content{width:calc(70% - 10px);}
.postsearch-content h2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.image-search{height:14vh;}
::-webkit-scrollbar {
    width: 0!important;
    height: 0!important;
}
::-webkit-scrollbar-track {
    background: transparent!important;
}
::-webkit-scrollbar-thumb {
    background:transparent!important;
}
::-webkit-scrollbar-thumb:hover {
    background:transparent!important;
}
}