
@media (max-width:992px) {
.desktop-only{display:none!important;}
.mobile-only{display:block!important;}
.menu-bottom{display:block;}    
.body-absolute{overflow:hidden;}    
.mlr-web, .mlr-webpage, #videomode .mlr-webpage{margin-left:15px;margin-right:15px;}
.menurow{display:none!important;} 
.header-inner{margin:0;}
.ifscroll .header-inner{margin:0 15px;padding:5px 0;}
.web-title img, .ifscroll .web-title img{width:7vh!important;min-width:7vh!important;height:auto;margin:0 5px 0 0;}
.ifscroll .web-title img{width:5vh!important;min-width:5vh!important;}
.textwater h1, .textwater-bot h1, .ifscroll .textwater h1, .ifscroll .textwater-bot h1 {font-size: 130%;}
.web-title h2{overflow:hidden;font-size:80%;}
.ifscroll .web-title h2{overflow:hidden;font-size:0;margin:0;}
.fade-gallery-slider, .fade-gallery-img{height:45vh;}
.slide-title{padding:0 15px 10%;}
.slide-title h2{font-size:120%;}
.slide-desk-item{font-size:80%!important;padding:0 15px;height:30px;border-radius:30px;}
.graphmod1, .graphmod2{bottom:-10px;}
.profile-box{padding:2vh 10px 2vh;border-radius:10px;margin:5vh 15px 0;}
.profile-head h1, .module-head h1, .module-headsub h1, .service-area h1{font-size:120%;letter-spacing:-0.5px;}
.profile-box .colauto.mlr-min10{margin-left:-3px;margin-right:-3px;}
.profile-col{width:calc(25% - 6px);margin:0 3px;}
.profile-icon{width:7vh;height:7vh;margin:-4vh auto 0;}
.profile-icon img{width:4vh;}
.profile-inner{margin:-5vh auto 0;padding:2vh 2px 3vh;background: linear-gradient(to top, var(--color2) 5%, var(--color1) 60%);}
.profile-inner h2{font-family:Arial !important;font-size:85%;margin:30px auto 0;font-weight:normal;letter-spacing:-0.5px;}
.service-area{margin:4vh 0 0;padding:4vh 15px;}
.product-area{margin:4vh 0 0;}
.product-area .carousel {overflow:hidden;}
.product-box .flickity-prev-next-button{display:none;}
.product-area .carousel-cell{width:70%;margin:10px 7px 0;}
.image-product{height:25vh;}
.product-category-item{padding:7px 10px;font-size:75%;margin:0 25px;border-radius:4px;}
.producthome-title h2{font-size:100%;margin:15px 10px 0;}
.blog-box{margin:5vh 15px 0;}
.producthome-title{background: linear-gradient(to top, transparent, var(--cgrey1));}
.blog-primary{width:calc(100% - 20px);}
.blog-other{width:calc(100% - 20px);margin:0 10px;}
.blog-primary-image{width:100%;}
.blog-primary-title{width:100%;margin-left:0;padding:0 0 10px}
.blog-primary-image:after{background: linear-gradient(to top, var(--cblack), transparent 40%);}
.image-blogbig{height:25vh;border-radius:7px 7px 0 0;}
.blog-primary-title h2, .blog-other-title h2{font-size:100%;}
.image-other{height:15vh;}
.blog-other-title{padding:5px 0 0;}
.bottompage{height:8vh;}
.footer-area{margin:0!important;padding:0 0 65px;background: linear-gradient(to top, var(--cblack) 20%, var(--color1));}
.footer-left{width:100%;}
.footer-right{width:100%;float:left;margin:15px 0 0;}
.footer-right .difle-r{justify-content:left;}
.footer-inner{padding:8vh 0 13vh;background:transparent;}
.bottom-tombol{right:10px;bottom:50px;}
.pagetop-info h1, #profile .pagetop-info h1, #service .pagetop-info h1, #videomode .pagetop-info h1{font-size:120%;margin:0 15px 15px;}
.pagetop-info-inner h2{font-size:90%;}
#blog .pagetop-inner, #product .pagetop-inner, #profile .pagetop-inner, #service .pagetop-inner, #category .pagetop-inner, #videomode .pagetop-inner{min-height:40vh;}
.image-top{height:40vh;}
.pagetop-info-bottom, #videomode .pagetop-info-bottom{width:calc(100% - 30px);margin:0 15px;height:7vh;border-radius:10px 10px 0 0;}
.pagetop-info-inner{height:5vh;}
#blog .pagetop-info-bottom{height:9vh;}
#blog .pagetop-info-inner{height:8vh;}
#videomode .pagetop-info-inner{padding-top:5px;}
.table-product td{padding:10px 0!important;}
.main-image{float:left;width:100%;margin:10px 0 15px;}
#service .pagetop-info h1{font-size:220%;}
#profile .pagetop-info h1{font-size:150%;}
#blog .pagetop-info h1{margin:10vh auto 15px;}
#profile .pagetop-inner, #category .pagetop-inner, #videomode .pagetop-inner, #team .pagetop-inner{min-height:30vh;}
#blog .pagetop-inner{min-height:35vh;}
.pagetop-info-inner svg{height:30px;}
.category-top{padding:2vh 0 5vh;}
.category-top h1{font-size:180%;}
.category-top h2{font-size:100%;color:var(--cwhite);}
.category-col{width:calc(100% - 20px);}
.category-col h2{font-size:100%;}
.image-category{height:25vh;}
.pagetop-info-inner p{font-size:90%;}
.footer-bg{font-size:300%;bottom:60%;color:var(--color2);opacity:0.2;letter-spacing:-2px;}
.copyright-item{height:5vh;}
.copyright{position:absolute;bottom:65px;}
.share{margin-bottom:20px;}
.share-row{font-size:80%;}	
.desktop-only{display:none!important;}
.mobile-only{display:block!important;}
.group-head, .group-head.difle-c{display:none!important;}
.seigroup{margin:4vh 0 0;}
.seigroup .mlr-min10{margin-left:-3px;margin-right:-3px;}
.group-content{position:relative;width:calc(100% - 6px);margin:0 3px;}
.group-image img{height:auto!important;width:50%!important;}
.groupcenter .group-image img{height:auto!important;width:90%!important;}
.group-item{height:12vh;border-radius:5px;}
.group-item:hover{background: var(--cwhite);}
.seigroup .carousel-cell{width:calc(25% - 6px);margin:0 3px 0;}
.menu-bottom-home{position:absolute;bottom:0;left:15px;height:45px;z-index:2;}
.menu-bottom-contact{position:absolute;bottom:0;right:15px;height:45px;z-index:2;}
.menu-bottom-home svg, .menu-bottom-contact svg{display:block;width:24px;height:auto;margin:0;padding:0;line-height:1;fill:var(--cwhite);opacity:0.6;}
.contact{width:100%;}
.team-col{width:calc(100% - 20px);}	
.image-team{height:27vh;}
.textwater-load h1 {font-size: 500%;}
.module-headsub .dropdown-menu{padding:10px;min-width:160px;margin-left:-60px;border-radius:5px;}
.module-headsub .dropdown-menu h3{font-size:90%;}
.link-index{margin:0 0 0 10px;padding:0 0 0 15px;font-size:90%;}
.link-index:after{border-left:var(--cgrey3) 10px solid;border-top:transparent 7px solid;border-bottom:transparent 7px solid;}
.data-content.mt20{margin-top:0!important;}
.plusgal .carousel{border-radius:5px;margin-top:30px;}
.plusgal .carousel-cell{width:80%;margin:0 5px 0 0;}
.post-image-gallery{padding:5px;border-radius:5px;}
.plusgal .carousel:before, .plusgal .carousel:after{width:5px;border-radius:0 5px 5px 0;}
.plusgal .carousel:before{border-radius:5px 0 0 5px;}
.image-detail{height:25vh;border-radius:5px;}
.plusgal .flickity-prev-next-button{width:25px;height:25px;}
.sharebt{width:34px;height:34px;margin:0 2px;}
.sharebt svg{height:20px;}
.fancybox__footer{margin-bottom:70px!important;}
.fancybox__content{margin-bottom:70px!important;text-align:center!important;}
.fancybox__caption{text-align:center!important;font-size:12px!important;}
.f-button.is-next, .f-button.is-prev{margin-top:-35px!important;}
.video-margin{margin-top:20px;}
#team .mlr-min10{margin-left:-5px;margin-right:-5px}
.team-col{width:calc(50% - 10px);margin:10px 5px 0;border-radius:10px;padding:0 0 10px;}
.team-col .p10{padding:5px}
.team-col h2{font-size:95%;}
.team-absolute h3{font-size:90%;}
.service-area .carousel-cell{width:calc(100% - 10px);margin:0 5px 0;}
.service-title h2{font-size:85%;}
.service-title p{display:none;}
.service-icon-item svg{height:5vh;}
.service-area .flickity-prev-next-button{width:25px;height:25px;background-size:35% auto;}
.service-area .flickity-prev-next-button.next{right:-30px;}
.service-area .flickity-prev-next-button.previous{left:-30px;}
.col-service{width:calc(50% - 10px);margin:5px;}
.col-service-top{padding:10px;}
.col-service-bottom{padding:0 10px 10px;}
.service-inner .mlr-min10{margin-left:-5px;margin-right:-5px}
.service-btn{padding:0 10px;height:20px;line-height:20px;font-size:75%;border-radius:20px;}
.visimisi-head{width:calc(100% - 20px);display:flex !important;justify-content: center;align-items: center;}
.visimisi-content{width:calc(100% - 20px);border:none;margin-top:10px;}
.visimisi-head-inner{margin:0 auto;text-align:center;}
.visimisi-title{font-size:160%;margin:0 0 0 10px;}
.visimisi-head-inner:before{width:20px;border:var(--cyellow) 2px solid;}
.visimisi-content-inner{padding:0;}
.contact-left{width:calc(100% - 40px);}
.contact-right{width:calc(100% - 40px);}
.contact-icon{width:100%;display:flex !important;justify-content: left;align-items: center;}
.contact-icon-image{width:5vh;height:5vh;border-radius:5px;margin:0 5px 0 0;border:none;}
.contact-content{width:100%;margin:5px 0 0;}
.contact-icon-image img{width:5vh;}
.contact-row h2, .contact-right h2{font-size:100%;}
.contact-row p{font-size:95%;}
.contact-social-icon{width:4.5vh;height:4.5vh;border-radius:5px;}
.contact-social-icon svg{width:3vh;}
.contact-social p{font-size:95%;}
.contact-map{border:none!important;padding:0;}
.contact-map iframe{height:40vh!important;}
.thjudul{min-width:60vw!important;}
.thnumber{min-width:12vw!important;}	
.tdnumber{text-align:right;}
.filter-doc{margin:0 5%;}
.docfile{margin-top:5px!important;}
.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(--cmain)!important;padding:8px 10px!important;display:block!important}
.modal.center .modal-dialog {width:94%;}
.modal-data{max-height:calc(100vh - 180px);}
.postsearch-content h2{font-size:95%;margin:0;}
.postsearch-content p{display:none;}
.postsearch-content h3{font-size:95%;}
.image-search{height:10vh;border-radius:5px;}
::-webkit-scrollbar {
    width: 0;
    height: 0;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background:transparent;
}
::-webkit-scrollbar-thumb:hover {
    background:transparent;
}
}