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

@media (max-width: 1280px) {

}

@media (max-width: 992px) {
.desktop-view, .headweb-title p, .camera_prev, .camera_next,.camera_commands, .tooltip2text, .headline-intro, .stathome-head p, .stathome-col2, .copyright, .arearight-sidebar, .arearight-sidebar-top, .mainimage .flickity-prev-next-button, .countdown-title p:after{display:none !important;}
.mobile-view, .svg-bottom-bg, .svg-bottom, .auto-top-fixed, .arealeft, .meta-article.difle-l, .emptybig .difle-c, .bottom-iconleft, .bottom-iconright{display:block!important;}
.contactbot.difle-c{display:inline-block!important;margin:0 auto!important;}
.mobile-flex, .mobmenu{display:flex!important;}
.margpage{margin-left:15px;margin-right:15px;}
.plr-page{padding-left:15px;padding-right:15px;}
.headweb-title img, .ifscroll .headweb-title img{height:45px;margin:0 5px 0 0;}
.headweb-title h1, .ifscroll .headweb-title h1{font-size:100%;}
.homestyle .headweb:after, .ifscroll .headweb-inner{opacity:1;background:linear-gradient(to right, var(--bgblack), var(--color1), var(--bgblack));}
.headweb-top{background:transparent;}
.headweb-top .margpage.difle-l, .headweb-title.difle-l{justify-content: center !important;}
.slideshow{height:175px!important;margin-top:65px;}
.camerabg{height:175px!important;}
.camera-title{width:90%!important;padding:0 0 20px!important;opacity:1!important;}
.camera-title p, .camera-title h2{font-size:90%!important;font-weight:normal!important;font-family: 'Roboto-Regular', Arial!important;}
.rowcol-mod, .section-mtmed{margin-top:30px;}
.iconfitur{padding:30px 0!important;}
.iconfitur-item{position:relative;width:calc(25% - 10px);margin:5px;}
.iconfitur .auto-rowsame.mlr-min10{margin-left:-5px;margin-right:-5px;}
.iconfitur-pd{padding:10px 5px 10px;}
.iconfitur-item img{height:30px;margin:0 auto 10px;}
.iconfitur-item p{font-size:11px;line-height:1;letter-spacing:-0.5px;}
.iconfitur-pd:before{top:-35%;height:10vh;}
.headline-image, .headline-title{width:100%;}
.headline{background:linear-gradient(to top, var(--bggrey1), transparent);}
.headline-title h2{font-size:100%;margin:10px 0!important;}
.headline-title.p20{padding:10px 15px;}
.headline-head{padding:15px;font-size:150%;}
.headmodule h1, .head-widget h1{font-size:130%;}
.article-col{width:calc(100% - 20px);margin:5px 10px;background:transparent;}
.article-title .aligntop.mt15{margin-top:5px!important;}
.article-title .aligntop.plr-15{padding:0 7px!important;}
.article-image{width:35%;}
.article-title{width:65%;}
.category-style .article-title h2{font-size:100%;}
.image-article, .category-style .image-article{padding-bottom:90%;}
.aparatur-home .carousel-cell{width:calc(50% - 5px);margin:0 5px;}
.aparatur-home .flickity-prev-next-button{top:-40px;background-size:12px auto;}
.headmodule.mb20{margin-bottom:10px!important;}
.widget main {overflow-x: scroll!important;}
.parser-module {min-width: calc(100% - 28px);margin:0 14px 0 14px!important;}
.statistik-home{padding:30px 0 40px;}
.stathome-head span{font-size:150%;}
.stathome-col{width:50%;}
.gender-box{width:19vh;height:19vh;margin:auto;}
.gender{width:19vh;height:19vh;}
.gender-inner{width:18vh;height:18vh}
.gender-inner svg{width:40px;margin-top:-15px;}
.gender-inner h2{font-size:100%;}
.gender-inner p{font-size:80%;}
.stathome-left{position:relative;width:100%;display:block!important;}
.stathome-right{position:relative;width:100%;display:block!important;}
.autostat{grid-template-columns: repeat(auto-fit, minmax(calc(50% - 14px), 1fr))!important;}
.autostat-col:nth-child(3), .autostat-col:nth-child(4){display:none!important;}
.stathome-left .mb20{margin-bottom:0!important;}
.gender-icon{width:5vh;height:5vh;margin:0 auto 5px;}
.galhome-head{width:calc(100% - 10px)!important;margin:0 5px;padding:10px 0;}
.galhome-inner{width:100%;}
.options .option{min-width:30px;margin:0 2px;}
.options .option.active{margin:0 2px;}
.galhome{padding:10px;}
.apbd-col{width:calc(100% - 20px);margin-bottom:10px;}
.footer-title-inner{width:calc(100% - 30px);margin:0 15px;border:none;}
.footer-title h1, .footer-title h2, .footer-title p{font-size:95%;margin:0 10px;}
.footer-col{width:calc(100% - 30px);margin:30px 15px 0;}
.maphome{height:25vh;}
.footerweb{padding:0 0 30px;}
.open-galeri{padding:0 15px;margin:10px 0 0;}
.galhome-head img{width:30px;margin:0 5px 0 0;}
.galhome-head h2{font-size:150%;}
.galhome-head h1{display:none;}
.image-galeri, .options{height:25vh!important;}
.options .option .label .info .main p{font-size:90%;}
.options .option .label .info .main .short p{display:none;}
.options .option:not(.active) .label{left:-2px;}
.link-galeri{padding:5px 7px;}
.shalat-box{width:calc(33.33333333% - 20px);margin:10px;}
.modalbot{padding:7vh 15px!important;}
.shalat-icon{width:6vh;height:6vh;}
.shalat-icon svg{height:3vh;}
.headshalat h2{font-size:100%;margin:0 15px 10px;}
.modal.left .modal-dialog, .modal.right .modal-dialog {width: 80%;}
.running-text marquee, .running-text a{font-size:90%;}
.moreright{height:28px;border-radius:28px;padding:0 10px;font-size:90%;}
.widget-touch{top:10px;}
.circular-menu:after {right: 120px!important;width: 4vh;height: 4vh;}
.circular-menu.active:after {transform: scale3d(6, 6, 1);}
.circular-menu.active .menu-item:nth-child(1) {transform: translate3d(-115px,-25px,0);}
.circular-menu.active .menu-item:nth-child(2) {transform: translate3d(-75px,-25px,0);}
.circular-menu.active .menu-item:nth-child(3) {transform: translate3d(-35px,-25px,0);}
.circular-menu.active .menu-item:nth-child(4) {transform: translate3d(-115px,5px,0);}
.circular-menu.active .menu-item:nth-child(5) {transform: translate3d(-75px,5px,0);}
.circular-menu.active .menu-item:nth-child(6) {transform: translate3d(-35px,5px,0);}
.footerweb{padding:0 0 90px;}
.profile-col{width:calc(100% - 20px);margin:10px;}
.auto-top-fixed{padding:20px 0 0!important;}
.arealeft, .lapakstyle .arealeft {flex: 0 0 100% !important;position:relative!important;overflow:hidden;width:100%!important;}
.stickyleft {flex: 0 0 100%!important;position:relative!important;overflow:hidden;width:100%!important;display:block!important;}
.lapakstyle .arearight-sidebar-top{display:block!important;}
.arealeft-margin, .arealeft-margin2{margin:0!important;}
.htop-content{border-radius:20px 20px 0 0;}
.htop-container{padding:25px 0;border-radius:20px 20px 0 0;}
.htop-container img{height:8vh;margin:0 5px 0 0;line-height:1;}
.htop-container h1, .htop-container h3{font-size:100%;}
.htop-container h2{font-size:120%;}
.category-title h2{font-size:140%;}
.category-title{margin:0;}
.image-table{width:7vh;height:7vh;}
.table-arsip, .table-arsip td{padding:15px 5px !important;line-height:1!important;}
.table-arsip p{padding:0!important;line-height:1!important;margin:0!important;}
.big-empty{margin:0 0;}
.confused{margin:-85px auto 0;}
.confused img{width:35%;}
.ups p{font-size:100%;}
.ups h1{font-size:300%;margin:15px 0 0;letter-spacing:-3px;}
.bghtop{font-size:400%;letter-spacing:-1px;opacity:0.2;-webkit-text-stroke-width:0;-webkit-text-stroke-color: transparent;}
.article-head h1, .htop-title h1{font-size:120%;line-height:1.2;}
.htop-title{left:15px;right:15px;text-align:center;}

.agenda-col .p15{padding:10px 5px;}
.agenda-col3 .p15{padding:10px;}
.agenda-col{width:calc(50% - 10px);}
.agenda-col2{width:calc(100% - 10px);text-align:left;}
.agenda-col2 .agenda-icon, .agenda-col3 .agenda-icon{margin:0;width:30px;height:30px;background:transparent;}
.agenda-col2 .agenda-icon:before{display:none;}
.agenda-col2 .agenda-icon svg, .agenda-col3 .agenda-icon svg{fill:var(--c2);margin:0 5px 0 0;width:30px!important;height:30px!important;min-width:30px!important;}
.agenda-col2 .p15{display:flex !important;justify-content: left;align-items: center;}
.agenda-col2 p{margin:0 10px 0 0!important;padding:0!important;}
.comment-left, .comment-right{width:calc(100% - 20px);}
.captcha img{width:auto;height:auto;margin:10px auto;}
.top-image{margin:0 0 0 auto;min-width:100%;max-width:100%;}
.image-top{padding-bottom:47%;}
.cat-content img{height:40px;margin:0 5px 0 0;}
.cat-content h3, .cat-content p{font-size:100%;}
.image-carousel{padding-bottom:65%;border-radius:5px;}
.image-standar img, .mainimage{border-radius:5px;}
.top-image:after{background:linear-gradient(to right, var(--bgblack), rgba(0,0,0,0.7), var(--bgblack));}
.galpage-col{width:calc(100% - 20px);}
.kelompok-style .table-arsip td{vertical-align:top;}
.kelompok-style .table-responsive{border:none!important;}
.emptybig p{margin:10px auto 0;}
.emptybig .difle-c, .empty{text-align:center;margin:0 auto;}
.emptybig .empty{width:80%;margin:0 auto;}
.emptybig .empty-confused{margin:-70px auto 0;width:40%;}
.column-2{width:calc(100% - 20px);margin:5px 10px;}
.infostyle .table-responsive{border:none!important;}
.infostyle .table-bordered{border:none!important;padding:0!important;margin:0!important;}
.pemb-row-image, .pemb-row-title{width:100%;}
.pemb-row-title h2{font-size:120%;}
.documentation .mlr-min10{margin-left:-5px;margin-right:-5px;}
.doc-col{width:calc(100% - 10px);margin:5px;}
.doc-col p{margin:0 0 5px;}
.pembstyle .plr-5{padding-left:2px;padding-right:2px;}
.mappemb{height:35vh !important;}
.pembleft{width:calc(100% - 40px);margin:30px 20px 0;}
.pembright{width:calc(100% - 40px);margin:30px 20px 0;}
.lapak-col{width:calc(100% - 10px);margin:10px 7px;}
.form-change .form-control{height:34px;}
.form-change.mt15{margin-top:10px!important;}
.modal.center .modal-dialog{width:90%;top:30px;bottom:30px;}
.modal.centerbot .modal-dialog{bottom:0;}
.imagecaptha{width:calc(50% - 10px);}
.changecaptha{width:calc(50% - 10px);}
.pengaduan-1{width:calc(100% - 8px);}
.pengaduan-2, .pengaduan-3{width:calc(100% - 38px);margin:5px 4px 0 34px}
.head-pengaduan{font-size:120%;letter-spacing:-1px;}
.modalhead h1{font-size:100%;}
.idm-col{width:calc(50% - 10px);margin:30px 5px 0;}
.idmstyle .mlr-min10, .sdgsstyle .mlr-min10, .pemerintahstyle .mlr-min10{margin:0 -5px!important;}
.idmstyle .mt40{margin-top:30px!important;}
.idmstyle .relhid.mt40{margin-top:10px!important;}
.idm-icon{width:7vh;height:7vh;margin:-20px auto 20px;}
.idm-icon svg{height:3vh;}
.idm-col h2{font-size:100%;}
.idm-info .table-responsive{border:none!important;}
.scoring{font-size:150%;}
.sdgs-col{width:calc(33.33333333% - 10px);margin:5px 5px;border-radius:15px;}
.sdgs-title h2{font-size:100%;}
.col-pemerintah{width:calc(50% - 10px);margin:5px 5px;}
.box-pemerintah{margin:5px;}
.image-pemerintah{height:25vh;}
.mt40{margin-top:30px!important;}
.pemerintah-name{padding:20% 5px 10px;}
.col-pemerintah h3{font-size:90%;}
.col-pemerintah h2{margin:10px 0;font-size:90%;}
.mappage-style .htop-container{padding:10px 0;}
.mappage-style .bghtop{font-size:250%;}
.mappage-style .htop-container img{height:7vh;margin:0 5px 0 0;}
.mappage-style .htop-container h2{font-size:120%;}
.mappage-style .mt40{margin-top:15px!important;}
.mappage-style #map{height:63vh!important;}
.modul-shalat-left{width:100%;border-right:none;border-bottom:var(--brdgrey) 1px solid;}
.modul-shalat-right{width:100%;}
.headshalat-icon1 svg, .headshalat-icon2 svg{width:65px;height:65px;}
.headshalat h2{font-family: 'Roboto-Regular', Arial;font-size:95%;margin:0 0 2px;}
.headshalat h3{font-weight:normal;font-size:95%;margin:0;}
.backto{left:auto;width:30px;height:30px;bottom:55px;left:5px;}
.backto svg{opacity:1;}
.countdown{padding:30px 0!important;}
.countdown-box.difle-c{display:block!important;text-align:center;}
.countdown-title{margin:0 auto 10px;text-align:center;}
.countdown-title p{padding:0;margin:0;}
.countdown-title h1{font-size:120%;}
.timebox-number{width:7vh;height:7vh;}
.timebox-number span{font-size:130%;}
.timebox-info{width:7vh;}
.corner-left, .corner-right{width:45%;}
.islami-container .corner-left, .islami-container .corner-right{width:35%;}
.banner-title h1{font-size:120%;}
.banner-title p, .banner-title h2{font-size:100%;}
.banner{padding:0!important;}
.banner .margpage{margin-left:0;margin-right:0;}
.absen-hadir, .absen-empty{margin:0 5px 10px;padding:7px 5px;}
.absen-hadir p, .absen-empty p{font-size:70%;}
.aparatur-social{margin:0 2px;}
.stunting-col{width:calc(100% - 20px);}
.scrollbar-pd{padding:5px 15px 30px;}
.widget .carousel-cell{width:100%;margin:0 20px 0 0;}
.widget .flickity-prev-next-button{top:17px;width: 15px;height:15px;opacity:0.5;}
.footer-center-area{width:calc(100% - 30px);margin:0 15px;border:none;}
.footer-title:before, .footer-title:after{height:calc(100% - 10px)!important;}
.footer-center-area:before{left:-11px;border-bottom:var(--color1) 11px solid;border-left:transparent 10px solid;}
.footer-center-area:after{right:-11px;border-bottom:var(--color1) 11px solid;border-right:transparent 10px solid;}
.footerweb{padding-bottom:90px!important;}
.youtube-gal{padding:10px;}
.youtube-head{width:calc(100% - 16px);padding:15px 0;}
.youtube-inner{width:calc(100% - 16px);margin:10px 8px 0;}
.youtube-gal .carousel-cell{width:100%;margin:0;}
.youtube-head h2{font-size:100%;}
.youtube-head h1{font-size:150%;}
.youtube-head svg{width:7vh;}	
.statnav-title.difle-c, .stathead.difle-c{display:block !important;text-align:center;}
.statnav i.fa{width:30px;height:30px;margin:0 auto 5px;}
.statnav-title h2{font-size:90%;margin:0 10px;font-weight:normal;}
.statnav .dropdown-menu{width:calc(300% + 17px);}
.statnav-item:nth-child(2) .dropdown-menu{width:calc(300% + 16px);left:calc(-100% - 8px)}
.statnav-item:nth-child(3) .dropdown-menu{width:calc(300% + 18px);left:calc(-200% - 17px)}

.statnavstyle .mlr-min5{margin-left:-3px;margin-right:-3px;}
.statnav-item{width:calc(33.33333333% - 6px);margin:0 3px;}

.galhome-head{width:calc(100% - 10px)!important;}
.galhome-inner{width:calc(100% - 10px)!important;}
.galhome-main{width:calc(100% - 10px);margin:10px 5px 10px;}
.galhome-thumb{width:calc(100% - 10px);}
.imagegal-big{height:25vh;}
.imagegal-thumb {height:10vh;}
.open-gal h2{font-size:95%;}
.galhome-thumb .carousel{margin-left:-2px;}
.gal-cam{top:0;padding:5px;}
.galhome-head h2, .youtube-head h1{font-size:130%!important;}
.analisis-pilihan{width:100%;}	
.sotk h4{font-size:90%!important;}
.sotk p{font-size:80%!important;}

.aparatur-mod .carousel-cell{width:50%;}
.image-aparatur-mod{height:25vh;}
.aparatur-mod-box{margin:0 5px;}
.aparatur-mod-title h3{margin-top:5px;font-size:95%;}
.fade-gallery-img, .fade-gallery-slider {height: 25vh;}	
.titleslide{padding:5% 10px 10px;}
.titleslide h2{font-size:95%;font-weight:normal;}
.social-aparatur a{padding:0 2px!important;}
.corner-fixed{bottom:65px;}

#style-3::-webkit-scrollbar{width:0!important;}
#style-3::-webkit-scrollbar-thumb{background-color:transparent!important;}

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

}