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

@media (max-width: 1280px) {

}

@media (max-width: 992px) {
.desktop-only, .middle-right, .blogstyle .middle-right, .footer-center{display:none!important;}
.mobile-only, .header-inner.lflex, .contentmeta.lflex{display:block!important;}	
.main-container{margin-left:15px;margin-right:15px;}
.header-inner{padding:4vh 0;}
.header-inner img{width:auto;height:9vh;margin:0 5px 0 0;}
.header-inner h1{font-size:120%;}
.header-inner-right{margin:0 auto;float:none;width:100%;}
.header-inner-left{width:100%;}
.slider-column{width:100%!important;margin:0 0 10px!important;}
.headline-column{width:100%!important;}
.fade-gallery-slider, .fade-gallery-img{height:25vh;}
.titleslide h2{font-size:95%;}
.titleslide{padding:15% 10px 10px;}
.image-headline{height:20vh;}
.headlinetop h2{font-size:100%;}
.headlinetop p{font-size:90%;}
.headlinetop h1{font-size:120%;}
.headlinebot{height:26px;padding:0 10px;font-size:85%;border-radius:26px;}
.module-icon{width:calc(50% - 10px);}
.icon-image{width:6vh;height:6vh;}
.icon-image img{height:4vh;}
.icon-title{width:calc(100% - 6vh);}
.module-icon-row{margin:3px;}
.icon-title p{font-size:90%;margin:0 5px;font-weight:normal;}
.middle-area {display:block!important;margin: 0 auto;position: relative !important;overflow:hidden!important;width:100%!important;}
.middle-left, .blogstyle .middle-left {flex: 0 0 100%!important;display:block!important;width:100%!important;position:relative!important;overflow:hidden!important;}
.middle-sticky {display:block!important;position: relative !important;overflow:hidden!important;width:100%!important;}
.middle-sticky{top:0!important;}
.jadwalshalat-head{width:100%;padding:10px 15% 35px;}
.jadwalshalat-head h2{font-size:100%;}
.jadwalshalat-head h3{font-size:95%;}
.shalat-col{width:calc(33.33333333% - 10px);margin:10px 5px 0;}
.shalat-icon{height:36px;}
.latest-col{width:calc(100% - 10px);}
.img-article{height:20vh;}
.mandiri-left, .mandiri-right{position:relative;width:100%;}
.mandiri-title-top{margin:10px 10px 0;}
.mandiri-center{width:calc(100% - 20px);margin:10px 10px 0;padding:15px;}
.mandiri-right img{width:45%;margin:50px 10px 0 auto;}
.mandiri-info p{font-size:90%;margin:0 20% 0 0;line-height:1.1;padding:0;font-weight:normal;}
.gallery-head{width:calc(100% - 10px);margin:0 5px 5px;}
.gallery-head-inner{padding:10px;}
.gallery-data{width:calc(100% - 10px);}
.gallery-head-inner{display:flex !important;justify-content: center;align-items: center;}
.gallery-head svg{width:auto;height:5vh;margin:0;}
.gallery-head h1, .gallery-head h2{font-size:120%;color:var(--colorwhite);font-weight:bold;letter-spacing:-0.3px;margin:0 0 0 5px;}
.gallery-data .carousel-cell {width:calc(50% - 3px);margin:0 3px;}
.image-gallery{height:20vh;}
.stathead{width:100%;}
.statdata{width:100%;}
.statdata-col{width:50%;margin:0 0 15px;}
.statdata-inner{padding:0 15px 5px;}
.stathead .aligntop{padding:20px 15px 10px;}
.stathead .alignbottom{padding:0 20% 20px;}
.gender-icon{width:10vh;height:10vh;margin:0 auto 5px;}
.stathead h2{font-size:100%;}
.stathead h1{font-size:140%;letter-spacing:-0.5px;}
.statdata-circle img{width:70%;}
.statdata-icon{width:7vh;height:7vh;}
.statdata-icon svg{width:4vh;}
.statdata-col p{font-size:90%;margin:5px auto 0;}
.all-widgets{width:calc(100% - 10px);}
.jam-kerja{width:calc(100% - 10px);margin:0 5px;}
.all-widgets .carousel-cell {width:calc(100% - 5px);margin:0 5px;}
.jamkerja-style .widgets-box{height:auto;}
.table-jamkerja td{padding:5px 5px!important;}
.footer-absolute{position:relative;top:-20px;bottom:auto;width:100%;}
.footer-logo{width:10vh;height:10vh;}
.footer-logo-inner{width:9vh;height:9vh;}
.footer-logo img{width:5vh;}
.footer-container .main-container{margin-left:0;margin-right:0;}
.foooter-inner.brd-radius7{border-radius:0;}
.footer-left, .footer-right{width:100%;}
.footer-right{margin-top:15px;}
.maphome{height:25vh;}
.countdown{margin-top:20px;}
.countdown-span{width:5.5vh;height:5.5vh;}
.countdown-span h3{font-size:90%;}
.countdown-info h2{font-size:100%;}
.countdown-item p{font-size:80%;}
.apbd-col{width:calc(100% - 10px);margin:10px 5px 0;}
.anggaran-box{height:38vh;}
.countdown{margin-top:20px;}
.countdown-span h3{font-size:90%;}
.countdown-info h2{font-size:100%;}
.countdown-item p{font-size:80%;}
.headmodule-title h1{font-size:100%;}
.main-heading h1{font-size:120%;}
.banner-padding{padding:0 10px!important;}
.banner-title p, .banner-title h2{font-size:95%!important;}
.banner-title h1{font-size:120%!important;}
.bannerlogo-item img{height:6vh!important;}
.banner-box{padding:20px 10px!important;}
.aparaturbot .carousel-cell {width:50%;}
.box-aparaturbot{margin:0 5px;padding:3px;}
.image-aparaturbot{height:25vh;}
.aparaturbot .aparatur-title h2{font-size:90%;}
.aparaturbot .aparatur-title p{font-size:90%;}
.headcontent h1{font-size:140%;}
.comment-left, .comment-right{width:calc(100% - 20px);}
.captcha img{width:50%;}
.head-module-small h1{font-size:100%;}
.pageagenda.column2-mlr5{width:calc(100% - 10px);}
.agenda-box svg{height:5vh;}
.imageblog{height:10vh;}
.gallerypage-title h2{font-size:100%;}	
.gallerypage-image{width:50%;}
.gallerypage-title{width:50%;}	
.column2{width:calc(100% - 20px);margin:5px 10px 0;}
.pemerintahstyle .box-aparatur{width:calc(50% - 10px);margin-left:5px!important;margin-right:5px!important;}	
.pemerintahstyle .content-area{border:none;padding:0!important;}
.pemerintahstyle .mlr-min10{margin-left:0!important;margin-right:0!important;}
.label-hadir{font-size:70%!important;}
.image-aparatur-mob{width: 100%;display: block;position: relative;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;height:35vh;border-radius:7px;}
.image-aparatur-mob img{display:block;width:100%;height:100%;position: absolute;top: 50%;left: 50%;margin:0 auto;object-fit: cover;-webkit-transform: translate3d(-50%, -50%, 0);-moz-transform: translate3d(-50%, -50%, 0);-ms-transform: translate3d(-50%, -50%, 0);-o-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}
.head-organisation img{width:7vh;margin:0 5px 0 0;}
.sdgspage-col {width:calc(50% - 10px);margin:5px;border-radius:7px;}
.sdgsstyle .content-area{border:none;min-height:50vh;padding:0;}
.total-bumds{font-size:140%;}
.sdgspage-title p{font-size:95%;}
.sdgspage-title h2{font-size:110%;}
.sdgspage-icon{position:relative;width:45%;}
.sdgspage-title{position:relative;width:55%;}
.idmstyle .content-area{padding:10px;}	
.idm-col{width:calc(50% - 10px);border-radius:7px;}	
.idmtop{padding:15px 5px 20px;border-radius:7px 7px 0 0;font-size:90%;}
.idmicon{width:6vh;height:6vh;}
.idmicon svg{width:4vh;}
.idmvalue h2{font-size:120%;}
.form-change1, .form-change2, .form-change3, .form-change4{width:calc(50% - 10px);margin:0 5px 10px;}
.pengaduan-left, .pengaduan-title, .pengaduan-info{width:calc(100% - 10px);margin:0 5px;}
.pengaduan-title{border-left:none;margin:10px 0;}
.itempengaduan{padding:10px;}
.speak, .pengaduan-title-inner{padding:0;}
.pengaduan-title h1{font-size:110%;}
.pengaduan-info-inner{margin:0;float:left;}
.pengaduan-info-inner.rflex{display:block!important;}
.pengaduan-info-item{margin:0;}
.modal.center .modal-dialog {width: 96%;}
.panel-padding{padding:0 15px 0 15px;}
.head-pengaduan{font-size:120%;line-height:1.1;letter-spacing:-0.5px;}
.modal-head h1{font-size:100%;}
.menumobile-container{width:85%;}
.headertop-title{padding:0 10px;background:transparent;border-right:none;}
.pemb-image{width:calc(100% - 20px);}
.pemb-title{width:calc(100% - 20px);margin:10px 10px 0;}
.col-datapemb{width:100%;}
.col-datapemb-left, .col-datapemb-right{margin:0;}
.form-30{width:calc(50% - 10px);}
.form-1{margin:5px 5px 0 auto;float:right;}
.stunting-box{width:calc(100% - 10px);}
.filter-lapak .form-change1{width:calc(100% - 10px);margin:0 5px 0;}
.form-change-right{position:relative;width:calc(100% - 10px);margin:0 5px 5px;}
.form-change-right.rflex{justify-content: center;}
.column-lapak {width:calc(100% - 20px);}
.lapak-photo{width:calc(100% - 10px);}
.lapak-title{width:calc(100% - 10px);margin:0 5px;}
.lapaktop{padding:10px 10px 0;}
.lapak-foot{margin-top:0;margin-bottom:5px;}

#style-3::-webkit-scrollbar-thumb{background-color:transparent;border-radius:8px;}
#style-3::-webkit-scrollbar{width:0;}
@-moz-document url-prefix() { #style-3 {scrollbar-width:0;} }
}