@media (max-width: 1366px) {
body{font-size:16px !important;}
}

@media (max-width: 1280px) {

}

@media (max-width: 992px) {
.mainmenu, .desktop-only, .header-top-left:after, .leader-title p, .profile-title, .populer, .motif-right, .tohome, .graph1, .graph2, .graph3{display:none !important;}
.menucanvas.difle-c{display:flex!important;}
.margin-page{margin-left:15px;margin-right:15px;}
.mt-20{margin-top:10px;}
.mobile-only{display:block;}
.mobile-flex{display:flex;}
.mycountdown{margin-top:20px;}
.header-top, .ifscroll .header-top{background:var(--bg1)!important;-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);border:none;}
.header-top-left{background:transparent;padding:0 7vh 0 15px;z-index:1200!important;}
.header-inner{padding:4vh 0 !important;}
.header-inner .difle-l, .title-content.difle-c, .article-meta.difle-l, .head-gallery-title.difle-c{display:block !important;}
.logo, .title-web{width:100%;text-align:center;}
.logo img{width:10vh;margin:0 auto 5px;}
.title-web h1{margin:0;font-size:160%!important;margin:5px auto;}
.title-web p{font-size:95%;margin:0;}
.title-web h3{font-size:95%;margin:0;}
.headerright{float:none;margin:0;}
.headerbg{width:100%!important;left:0!important;bottom:30%!important;}
.headerbg:before{left:0;width:100%;background:linear-gradient(to top, var(--bgsoft1), transparent);}
.headerbg:after{right:0;width:100%;background:var(--bgsoft1);opacity:0.2;}
.header-inner.margin-page{margin-left:0;margin-right:0;}
.headerbg h1{font-size:500%;}
.motif-left{left:0;top:0;bottom:0;width:100%;background-size:5vh;-webkit-mask-size: 100% 100%;
-webkit-mask-image: -webkit-gradient(linear, center top, center bottom, color-stop(0, rgba(0,0,0,0)),color-stop(50%,  rgba(0,0,0,1)));}
.leader1, .leader2{width:calc(100% - 20px)!important;background:transparent;box-shadow:none;}
.slider{width:calc(100% - 20px) !important;}
.image-slider{height:25vh;}
.slider-title{padding:40px 15px 15px}
.slider-title h2{font-size:100%;}
.leader1 .carousel-cell {width: 50%;}
.leader-title, .aparatur-home .leader-title{background:var(--bg2);padding:0 5px;height:6vh;}
.image-leader{height:16vh;}
.position h3, .leader-title h3{font-size:75%;margin:0;}
.leader-title h2{font-size:75%;font-weight:normal;margin:0;}
.sliderstyle{min-height:20vh;}
.slideshow{width:calc(100% - 10px)!important;margin:0 5px;}
.table-identitas{margin:10px 0 15px;}
.table-identitas td{padding:0;}
.hometop{padding:0;border:none;background:transparent;}
.homeintro-absolute{position:relative;left:0;right:0;padding:5px 0 0;background:transparent;}
.homeintro-left{width:66.66666667%;}
.homeintro-center{width:0;}
.homeintro-right{width:calc(33.33333333% - 4px);margin:0 0 0 4px;}
.leader-area .mlr-min-5{margin-left:-2px;margin-right:-2px;}
.col-leader{width:calc(50% - 4px);margin:0 2px;}
.position{position:absolute;left:0;right:0;bottom:0;padding:30px 5px 7px;}
.leader-title:after{height:1px;}
.homeintro-inner{margin:0 5px;padding:5px 0;}
.profile-head span{font-size:150%;}
.profile h3{font-size:90%;}
.icon-area{margin:15px 5px 0;}
.icon .carousel-cell {width:35%;padding:0 3px;}
.icon-title p{font-size:85%;font-weight:normal;}
.icon-image img{height:4vh;}
.icon-image{height:7vh;}
.icon-title{height:6vh;padding:0 5px;background:var(--bgwhite);}
.icon .flickity-prev-next-button{width: 25px;height:25px;border-radius:25px;background-size:30% auto;background-color:var(--bggrey1);}
.icon .carousel:before, .icon .carousel:after{width:50px;}
.jadwalshalat-left{width:100%;height:80px;}
.jadwalshalat-right{width:100%;border-top:var(--brdgrey) 1px solid;border-left:none;}
.jadwalshalat-full-title{width:50%;margin-top:-40px;}
.scroller{width:50%;border-bottom:none}
.shalat-col{width:calc(33.33333333% - 10px);}
.container-sticky{display:block !important;width: 100%;position:relative;overflow:hidden;}
.stickymain {flex: 0 0 100%!important;display:block !important;width: 100%;position:relative;overflow:hidden;}
.stickyside {flex: 0 0 100%!important;display:block !important;width: 100%;position:relative;overflow:hidden;}
.stickyside-top {position:relative !important;overflow:hidden;display:block !important;width: 100%;top:0;}
.latest{margin:0 0 0 0;}
.latest-inner{padding:0 10px 10px;}
.populer-inner{position:relative;overflow:hidden;padding:0 7px 14px;}
.latest .mlr-min-7, .widget .mlr-min-10{margin-left:-5px;margin-right:-5px;}
.box-article{width:calc(100% - 10px);margin:10px 5px 0;}
.image-article, .image-headline{height:23vh;}
.headline-image{width:100%;}
.headline:hover{background:var(--bg1);}
.headline-image:after, .headline:hover .headline-image:after{background:linear-gradient(to top, var(--bg1), transparent 40%);}
.headline-title{width:100%;}
.headline-title-inner{margin-left:0;padding:0 10px 15px;}
.headline-title h2, .headmodule h1, .latest .headmodule h1, .populer .headmodule h1, .module-map .headmodule h1, .heading-center h1{font-size:100%;}
.head-population h1, .head-population span{font-size:115%;}
.headline-head{right:0;margin:10px auto;text-align:center;}
.headline-head svg{height:3vh;margin:0 auto;}
.headmodule-icon{width:4vh;height:4vh;}
.headmodule-icon svg{width:3vh;height:3vh;}
.gallery, .aparatur-module, .identitas{width:calc(100% - 20px);margin:15px 10px 0!important;}
.aparatur-home .carousel-cell {width: calc(50% - 10px);}
.aparatur-module-inner{margin:0 0 10px;}
.image-aparatur{height:23vh;}
.aparatur-home .flickity-prev-next-button.previous{left:5px;}
.aparatur-home .flickity-prev-next-button.next{right:5px;}
.statleft, .statcenter, .statright{width:calc(100% - 14px);}
.statnav-home{position:relative;left:0;top:0;right:0;bottom:0;margin:5px 0 5px;}
.gender-box, .gender{width:120px;height:120px;}
.gender-inner{width:110px;height:110px;}
.gender-inner p{font-size:12px;}
.gender-inner img, .gender-inner svg{height:30px;}
.home-chart{height:25vh;}
.image-gallery{height:16vh;}
.gallery-data-inner{margin:10px 5px 10px;min-height:8vh;}
.gallery .carousel-cell {padding:0 5px;}
.widget .carousel-cell {width:100%;padding:0 5px;}
.widget .flickity-prev-next-button.next{right:0;}
.widget .flickity-prev-next-button.previous{left:0;}
.apbd-col{width:calc(100% - 14px);}
.apbdbottom .scrollbar{height:38vh;}
.module-map{position:relative;width:calc(100% - 20px);}
.maphome{height:25vh;}
.footer-column{width:calc(100% - 20px);text-align:center;}
.footer-column.difle-r, .social-bottom.difle-l{justify-content: center;}
.sikoncang h1{font-size: 270%;margin-top:10px;}
.page-padding{position:relative;padding:0 10px 20px;}
.lapakstyle .page-padding{padding:0 10px 20px;}
.title-content{padding:20px 10px 20px;text-align:center;}
.title-content img{height:10vh;margin:0 auto 10px;}
.title-content h1, .title-content h2{font-size:120%;}
.title-content-bg{font-size: 300%;}
.headingpage-inner{font-size:100%;}
.leftstyle .headingpage-inner{padding:0 40% 0 10px;}
.statnav{padding:0 10px 10px;}
.statright .statnav{padding:0 0 10px;}
.statnav .panel{margin:0 0 10px!important;}
.btn-custom{font-size:90%;}
.switchgraph{margin:0;}
.statstyle .stickymain{border-right:none;}
.article-head h1{font-size:140%;}
.form-left, .form-right{width:calc(100% - 10px);}
.article-style .relhid.p15{padding:10px;}
.image-article2{height:25vh;}
.thumb-article.image-article2{height:6vh;}
.carousel-absolute{left:25%;right:25%;}
.comment-content{padding:5px 0;}
.head-clean.difle-c{display:block!important;text-align:center;}
.head-clean-bg{font-size: 250%;}
.head-clean h2{font-size:130%;}
.head-clean h1{font-size:160%;}
.head-clean img, .datastyle .head-clean img{height:5vh;margin:0 0 5px;}
.statislebar .head-clean img{height:9vh;margin:0 0 5px;}
.head-gallery h1{font-size:250%;letter-spacing:-1px;opacity:0.4;}
.head-gallery h2{font-size:100%;margin:10px auto;}
.head-gallery-title{right:0;padding:0 15px;text-align:center;bottom:auto;top:50%;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
.head-gallery-image{width:100%!important;height:16vh;}
.head-gallery:after{left:0;margin:0;}
.column2-gal{width:calc(100% - 20px);margin:10px;}
.image-gallery-page{height:22vh;}
.pemb-image{width:100%;}
.pemb-title{width:100%;}
.image-pemb{height:25vh;}
.pemb-title-inner{padding:10px 10px;}
.table-pemb td{font-size:95%;}
.col-pemb{width:calc(100% - 20px);}
.lapak-col{width:calc(100% - 14px);}
.detail-pemb .table-medium td{padding:3px 0;}
.col-doc{width:calc(100% - 10px);}
.to-filter, .pengaduanstyle .to-filter{margin:0 5% 15px;}
.image-lapak{height:25vh;}
.modal.center .modal-dialog {width:90%;}
.modal.right .modal-dialog {width:90%;}
.modalhead h1{font-size:100%;}
.detail-produk h1{font-size:110%;}
.table-responsive{border:var(--brdgrey) 1px solid;}
.idm-col{width:calc(50% - 10px);}
.idmtop{height:14vh;padding:0 0 20px;}
.idmvalue{height:14vh;padding:20px 0 0;}
.idmvalue h2{font-size:100%;}
.sdgs-col{width:calc(100% - 10px);}
.col-pemerintah{width:calc(100% - 14px);margin:7px 7px;}
.filter-select, .filter-search1, .filter-search2, .filter-all, .pengaduanstyle .filter-select, .pengaduanstyle .filter-search1, .pengaduanstyle .filter-search2, .pengaduanstyle .filter-all, .filter-create{width:calc(100% - 10px);}
.pengaduan-left{width:calc(100% - 10px);}
.pengaduan-right{width:calc(100% - 10px);}
.pengaduan-icon{width:6vh;height:6vh;}
.pengaduan-title{width:calc(100% - 7vh);margin:0 0 0 1vh;}
.pengaduan-more{margin:10px 0 0 !important;}
.loading-pusako h1{font-size:120%;padding:0 15px 0;}
.loading-pusako p{padding:0 15px 0;}
.modal.center2 .modal-dialog {width:86%;padding:0 !important;margin:0 !important;}
.emandiri{width:calc(100% - 10px)!important;margin:15px 5px 0;min-height:40vh;}
.mandiri-cartoon{width:50%;}
.mandiri-notif{padding:0 20px;height:20vh;}
.maparea #map{height:60vh;}
#style-3::-webkit-scrollbar{width: 0;background-color:transparent;}
#style-3::-webkit-scrollbar-thumb{background-color:transparent;}
.modalpenting #style-3::-webkit-scrollbar-thumb{background-color:transparent;}
.table-kerja{width:100%;margin:5px 0 0 0;}
.regist:before{background-size:6vh;}
.regist img{width:90%;height:auto;}
.regist h1{font-size:150%;}

.topmenu, .ifscroll .topmenu{display:none!important;}
.header-top, .ifscroll .header-top{background:var(--c1)!important;-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);border:none;}
.headline-title{padding:10px 0 0!important;}

.headmodule-left{width:100%;border-right:right;border-bottom:var(--bggrey3) 1px solid;border-radius:5px 5px 0 0;}	
.home-video .headmodule-left{width:100%;border-radius:5px 5px 0 0;}
.home-aparatur-inner{width:calc(100% - 10px);margin:0 5px;padding:10px 0;}
.home-video .home-aparatur-inner{width:calc(100% - 10px);margin:0 5px;padding:10px 0;}
.aparatur-personal{padding:0 5px;}
.home-aparatur .carousel-cell {width:50%;}
.home-video .carousel-cell {width:100%;}
.headmodule-left-inner{padding:10px 10px;}
.headmodule-left h1, .headmodule-left h2{font-size:120%;font-weight:800;margin:0;letter-spacing:-0.2px;}
.headmodule-left h1{margin:0;}
.headmodule-left img, .headmodule-left h2{display:none;}

@-moz-document url-prefix() { 
#style-3 {scrollbar-width: none;} 
#style-3{scrollbar-color: transparent transparent;}
.modalpenting #style-3{scrollbar-color: transparent transparent;}
}

}