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

@media (max-width: 1280px) {

}

@media (max-width: 992px) {
.absolute-body{overflow:hidden!important;}
.desktop-only, .image-headline:after, .widget-icon-item p, .emandiri-info:after, .apbd-head p, .marquee-left, .marquee-right, .image-article:after, .latest-date, .latest-cover, .stickyside-left, .stickyside-right, .filter-info{display:none!important;}
.mobile-only, .headline-title.difle-l, .statmod-item.difle-c, .emandiri.difle-l, .emandiri-info.difle-l, .small-content-title .difle-l, .meta-container.difle-l, .container-sticky, .agenda-box.difle-c, .menu-bottom {display:block!important;}
.mobile-flex{display:flex!important;}
.mt50{margin-top:25px!important;}
.top-container{padding-bottom:0!important;}
.top-title{margin:0;max-width:100%;background:transparent;border-radius:0;border-right:none;padding:12px 20px;}
.top-page{height:0;overflow:hidden;}
.ifscroll .top-page{height:auto;}
.titleslide{padding:5% 15px 8%;}
.graphmod1, .graphmod2{bottom:0!important;}
.titleslide h2{font-size:95%;line-height:1;opacity:1;letter-spacing:-0.5px;}
.fade-gallery-slider{height:45vh;}
.fade-gallery-img{height:44vh;}
.home-top-inner{border-radius:0!important;margin:0!important;}
.home-top-logo{padding:15px 15px 0!important;margin:0 0!important;border-radius:0!important;}
.home-top-logo img{width:6vh;}
.home-top-logo h1{font-size:120%;}
.shortcut-left{width:100%!important;border-radius:7px;padding:5px 0;}
.shortcut-left-image{height:15vh;}
.shortcut-right{width:100%!important;}
.mlr-page{margin-left:15px;margin-right:15px;}
.shortcut-right-inner{margin:0;}
.shortcut-icon{width:calc(25% - 10px);margin:10px 5px 0;border-radius:5px;box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);}
.shortcut-icon img{height:5vh;margin:0 auto 5px;}
.shortcut-icon h2{font-size:85%;font-weight:normal;letter-spacing:-0.3px;}
.shortcut-pd{padding:8px 3px;}
.shortcut-bg{border-radius:5px;}
.shortcut-left{overflow:hidden;}
.shortcut-graph1, .shortcut-graph2, .shortcut-graph3, .shortcut-graph4, .shortcut-graph5{bottom:auto;top:20px;}
.head-stat span, .shortcut-left .head-stat span{font-size:110%;letter-spacing:0;}
.shortcut-left h1{font-size:180%;}
.head-module{margin:0 auto 10px;}
.head-module h1{font-size:120%;}
.headline-image{width:100%;}
.headline-title{width:100%;}
.image-headline{height:25vh;border-radius:7px;}
.headline-head{height:auto;margin:-48px 25% 0;display:flex !important;justify-content: center;align-items: center;}
.headline-svg1,.headline-svg2{width:50%;height:auto;position: relative;overflow:hidden;margin:0;}
.headline-svg1 svg, .headline-svg2 svg{width:calc(100% - 2px);height:auto;fill:var(--cwhite);margin:0 2px;}
.headline-title h1{font-size:120%;letter-spacing:-0.2px;}
.headline-padding{margin:5px 20px 0;}
.headline-more.difle-r{justify-content: center;}
.leader,.staff{width:100%!important;margin:0!important;}
.leader{margin:0 0 10px!important;}
.leader-image{width:35%!important;}
.leader-title{width:65%!important;}
.leader-title .mt15{margin-top:10px!important;}
.leader-title .plr-15{padding-left:10px;padding-right:0;}
.image-leader{height:20vh;border-radius:7px;}
.aparatur-col{width:14vh;margin:0 auto 10px!important;}
.image-aparatur-circle{width:12vh;height:12vh;}
.aparatur-col h3{font-size:85%;margin:0;line-height:1;letter-spacing:-0.5px;}
.staff .scrollbar{height:auto;overflow-y:hiiden;}
.stat-mod.pt30, .stat-mod-inner.pt30{padding-top:15px!important;}
.stat-mod.pb30, .stat-mod-inner.pb30{padding-bottom:10px!important;}
.stat-mod.plr-20{padding-left:15px;padding-right:25px;}
.total-populasi p{font-size:90%;}
.total-populasi.mb20{margin-bottom:10px!important;}
.gender-box{width:17vh;height:17vh;margin:5px 10px;}
.gender{width:17vh;height:17vh;}
.gender-inner{width:15vh;height:15vh;}
.gender-icon{width:4vh;height:4vh;}
.widgets-area .carousel{padding:0 0;}
.widgets-area .carousel-cell{width:50%;}
.widgets-area{padding:30px 0;}
.widget-icon{margin:0 5px;}
.widget-icon-item h2{font-size:100%;}
.widget-icon-item svg{height:auto!important;width:6vh!important;min-width:6vh!important;max-width:6vh!important;margin:0 5px 0 0;opacity:0.55;}
.widget-icon-item{padding:0 15px;height:12vh;}
.widget-icon-bg{border-radius:7px;}
.widgets-area .flickity-prev-next-button.previous{left:-7px;}
.widgets-area .flickity-prev-next-button.next{right:-7px;}
.emandiri{width:calc(100% - 50px);margin-bottom:30px;}
.homemap{width:calc(100% - 50px);}
.emandiri-title{z-index:8;}
.emandiri-title h1{font-size:180%;letter-spacing:-0.5px;opacity:0.35;}
.emandiri-title h2{font-size:230%;letter-spacing:-0.5px;margin:-5px 0 0 0;}
.emandiri-bottom{position:absolute;left:0;bottom:0;width:100%;}
.monitor{float:right;margin:0 0 50px auto;width:100%}
.monitor img{width:65%;height:auto;float:right;margin:0 0 0 auto;}
.emandiri-login{float:center;margin:5px auto 0!important;height:40px;padding:0 10px;font-size:90%;text-align:center;}
.emandiri-item{height:34px;padding:0;margin:0 40% 10px 0;}
.emandiri-item img{height:34px;}
.console-container, .emandiri-info p{font-size:90%;font-weight:normal;}
.emandiri-info-inner{height:44px;padding:0 10px;margin:2px 30% 0 0;overflow:hidden;}
.emandiri-link{display:flex !important;justify-content: center;align-items: center;}
.maphome{height:25vh;}
.c-navmap{margin:0 35px -27px;}
.maphome-head{font-size:95%;}
.apbd{padding:30px 15px 20px;}
.apbd:before{width:40vh;height:40vh;left:-40%;}
.apbd-head{width:calc(100% - 50px);min-height:auto;}
.apbd-data{width:calc(100% - 50px);margin-top:40px;}
.apbd-head img{bottom:auto;top:-10px;width:45%;height:auto;}
.apbd-head h1, .apbd-head h2{font-size:120%;margin:0;text-transform:uppercase;letter-spacing:-1px;}
.apbd-head h1{font-size:200%;}
.apbd-item{width:calc(100% - 30px);margin:5px 15px 0;}
.apbd-item p{margin:0;}
.apbd-main h2{margin:0;}
.apbd-link{bottom:0;right:auto;left:50%;-webkit-transform: translate3d(-50%, 0, 0);-ms-transform: translate3d(-50%, 0, 0);-o-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);}
.apbd-link svg{height:35px;opacity:0.3;}
.apbd-inner{padding-bottom:40px;}
.footer{margin:30px auto 0;}
.footer-title{position:relative;top:-30px;left:50%;width:95%;}
.footer-title-logo{width:10vh;height:10vh;margin:0 auto 5px;}
.footer-title-logo img{height:5vh;}
.footer-col{width:100%;}
.footleft{padding-right:0;}
.footright{padding-left:0;margin-top:20px;}
.table-visitor td{padding:4px 5px;}
.panel-thin{top:20px;bottom:20px;width:95%;}
.modal.center .modal-dialog{width:95%;}
.modal.centerblank .modal-dialog {width:100%;}
.middle-area, .small-area{width:90%;}
#to-gallery .dropdown-menu, #to-gov .dropdown-menu, .statnav .dropdown-menu{z-index:999!important;}
.image-gallery{padding-bottom: 85%;border-radius:7px;}
.image-gallery .absolute-title p{font-size:90%;}
.runtext-content{height:36px;border-radius:4px;margin:0;}
.runtext-head{left:0;top:3px;bottom:3px;border-radius:4px 0 0 4px;padding:0 5px;}
.runtext-head:after{right:-10px;border-bottom:transparent 15px solid;border-top:transparent 15px solid;}
.runtext-head svg{height:20px;}
.runtext marquee{height:36px;line-height:36px;font-size:95%;}
.head-panel h1, .modal-head h1{font-size:100%;}
.panel-close{width:4vh;height:4vh;}
.panel-close svg{width:2vh;}
.lateststyle .small-row{margin:10px 0 0;}
.small-content-image{width:35%;}
.small-content-title{width:calc(65% - 10px);margin:0 0 0 10px;}
.imagepop{height:15vh;border-radius:7px;}
.apbd-detail-item{width:calc(100% - 11vh);}
.apbd-progress{position:relative;width:11vh;}
.circle{width:11vh;height:11vh;}
.circle .inner{width:9vh;height:9vh;}
.gridnews-col{width:100%;margin:5px 0!important;border-radius:5px;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;border:none;}
.gridnews-colstyle{display: flex;flex-flow: row wrap;justify-content: space-between center;margin:0 -5px;}
.latest-image{position:relative;width:calc(37% - 10px);margin:0 5px;}
.latest-title{position:relative;width:calc(63% - 10px);margin:0 5px;}
.image-article{height:16vh;border-radius:5px;}
.gridnews-col .latest h2{font-size:95%;margin:0;}
.gridnews-col .small-content-title{width:100%;margin:5px 0 0;}
.heading-bigpage-inner{height:40vh;}
.runtext-page-inner{padding:0 0 30px;margin:0 15px;border-radius:5px 5px 0 0;}
.heading-bigpage-cover{position:absolute;left:0;right:0;height:64px;margin:0 15px;border-radius:5px 5px 0 0;}
.headpage-title h1{font-size:110%;}
.headpage-sub h2{font-size:100%;}
.headpage-sub{margin:0 auto!important;}
.headpage-sub img{height:8vh;margin:0 5px 0 0;}
.headpage-sub h1{font-size:120%;letter-spacing:-0.5px;}
.globalstat .headpage-sub{padding:0;}	
.globalstat .headpage-sub h1{font-size:120%;letter-spacing:-1px;}
.globalstat .headpage-sub.difle-c{display:block!important;text-align:center;}
.globalstat .headpage-sub img{margin:0 auto 5px;}
.ups-med{width:100%;}
.ups-title{width:100%;margin-top:15px;text-align:center;}
.ups-box{width:80%;}
.content-title h1{font-size:140%;letter-spacing:-0.2px;margin:10px 0 0;}
.container-sticky {overflow:hidden;}
.stickymain, .lapakstyle .stickymain, .lapakstyle .stickyside-left {flex: 0 0 100% !important;position:relative!important;overflow:hidden;width:100%!important;display:block!important;}
.stickyside-top{display:block!important;position:relative!important;}
.stickyside-left{margin-bottom:20px!important;}
.lapakstyle .stickymain{margin:0 0 0!important;}
.pengaduanstyle .stickymain{margin:20px 0 0!important;}
.stickymain-margin, .stickymain-inner{margin:0;}
.comment-left{width:calc(100% - 20px);}
.comment-right{width:calc(100% - 20px);}
.headpanel a, .side-open h2, .head-module-small h1{font-size:110%;}
.side-open h2:after, .headpanel:after, .head-module-small h1:after{top:5px;width:8px;height:8px;border-radius:8px;}
.agenda-box{width:calc(50% - 10px);}
.agenda-box:nth-child(3){width:calc(100% - 10px);margin-top:10px;}
.agenda-box svg{height:5vh;}
.sideicon, .ifscroll .sideicon{right:5px!important;top:auto!important;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);bottom:50px!important;background:none;}
.sideicon-item {width:40px;height:40px;background:rgba(0,0,0,0.6);padding:0;border-radius:50%;}
.sideicon-item img{width:auto;height:20px;}
.gallerypage-title h2{font-size:100%;}	
.gallerypage-image{width:50%;}
.gallerypage-title{width:50%;}
#galeri-list .image-gallery{padding-bottom:70%;border-radius:7px;}
.gallery-box{margin:10px 15px 0;}
.statnav{margin-top:10px;}
.statnav-title.difle-c{display:block !important;text-align:center;}
.statnav i.fa{width:40px;height:40px;margin:0 auto 5px;}
.statnav-title h2{font-size:90%;margin:0 10px;font-weight:normal;}
.statnav .dropdown-menu{width:calc(300% + 26px)!important;left:-1px;}
.statnav-item:nth-child(2) .dropdown-menu{width:calc(300% + 20px);left:calc(-100% - 12px)}
.statnav-item:nth-child(3) .dropdown-menu{width:calc(300% + 18px);left:calc(-200% - 25px)}
.idm-col{width:calc(50% - 10px);border-radius:7px;}
.idmtop{padding:15px 10px 20px;border-radius:7px 7px 0 0;margin:0;font-size:95%;}
.idmicon{width:6vh;height:6vh;}
.idmicon svg{width:3vh;}
.idmvalue h2{font-size:110%;}
.head-organisation.difle-c{display:block!important;text-align:center;}
.head-organisation img{width:9vh;margin:0 auto 10px;}	
.head-organisation h1{font-size:120%;letter-spacing:-0.2px;}
.organisation .head-module h1, .statpage .head-module h1, .analisisstyle .head-module h1{font-size:100%;}
.table-info th{font-size:95%!important;padding:8px 5px!important;}
.table-info td{font-size:95%!important;padding:5px 5px!important;}
.perdes .column2{width:calc(100% - 20px);margin:0 10px 5px;}
.perdes-filter{margin:0 0;}
.total-bumds{font-size:140%!important;}	
.headpage-sub .total-bumds{font-size:120%;font-weight:bold;}
.sdgspage{margin:0;}
.sdgspage-icon{margin:5px;border-radius:15px;padding:0;background:none;}
.sdgspage-col p{font-size:90%;font-weight:normal;}
.sdgspage-col h2{font-size:120%;}
.sdgspage-col {width:calc(33.33333333% - 10px);margin:10px 5px 0;}
.form-change .form-control{height:34px;}
.form-change.mt15{margin-top:5px!important;}
.form-change.mt30{margin-top:0!important;}
.filterleft{padding:0;margin:0;}
.column2-shadow{width:calc(100% - 20px);margin:0 10px 15px;}
.image-lapak{height:22vh;}
.lapakstyle .stickymain{margin:0!important;}
.lapak-photo{padding:0!important;}
.pemerintah .grid-section.mlr-min10{margin-left:-5px;margin-right:-5px;}
.box-aparatur{width:calc(50% - 10px);margin:20px 5px 0;} 
.box-aparatur-inner{overflow:hidden;padding:5px;}
.label-hadir{font-size:70%!important;padding:3px 5px!important;}
.aparatur-medsos i.fa{font-size:100%;margin:0 3px;}
.box-aparatur-bottom{padding:5px;}
.aparatur-medsos{padding:5px 0 0;}
.image-aparatur{height:25vh;}
.box-aparatur-inner h2{font-size:95%;}
.pemerintah .absolute-title p{font-size:90%;}
.row-bullet-inner{padding:0 0 0 15px;}
.pengaduan-1{width:calc(100% - 10px);}
.pengaduan-2{width:calc(50% - 10px);margin-top:10px;}
.pengaduan-3{width:calc(50% - 10px);}
.row-bullet-inner h2{margin:0 0 0 0;line-height:1.1;}
.speak h1{font-size:100%;margin:1px 0 0;line-height:1.1;}
.speak {padding:0 0 0 25px;min-height:18px;margin:0 0 10px;}
.speak-icon{width:18px;height:18px;}
.speak-icon svg{width:18px;}
.status{width:18px;height:18px;}
.status svg{width:auto;height:12px;}
.pengaduan-isi{margin:5px 0 0 0;}
.head-pengaduan{font-size:120%;}
.pemb-image{width:calc(100% - 10px);margin:0 5px;}
.pemb-title{width:calc(100% - 10px);margin:0 5px 10px;background:transparent;}
.pemb-info{width:calc(100% - 10px);margin:0 5px;}  
.pemb-title-bg{display:none;}
.pemb-title h1{font-size:120%;margin:0 15px;letter-spacing:-0.5px;}
.image-pemb{height:23vh;}
.pemb-info .alignbottom.mb20{margin-bottom:5px!important;}
.pemb-info .alignbottom.difle-r{justify-content: center;}
.pemb-info .aligntop.mt20{margin-top:10px!important;}
.pemb-info .aligntop.mb20{margin-bottom:10px!important;}
.col-datapemb{width:100%;}
.col-datapemb-left, .col-datapemb-right{margin:0;}
.table-dot td{padding:5px 0!important;}
.stunting-box{position:relative;width:calc(100% - 10px);}
.form-30{position:relative;width:calc(100% - 10px);}
.form-1{position:relative;width:calc(100% - 10px);margin:5px auto;float:none;}
.form-1 .btn.custombtn{padding:0 10px;margin:0 auto;}	
.stunting-icon{width:36px;height:36px;}
.stunting-item h2{font-size:150%;}
.sinergi-col{width:calc(50% - 10px);}	
.sinergi-col img{height:60px;}
.jadwalshalat-left{width:100%;height:72px;padding:0 5px;}
.jadwalshalat-right{position:relative;overflow:hidden;width:100%;border-left:none;border-top:var(--brdgrey) 1px solid;}
.jadwalshalat-full-title{width:100%;float:none;margin-top:0;}
.jadwalshalat-left-icon1{width:60px;min-width:60px;max-width:60px;height:60px;min-height:60px;max-height:60px;background:var(--bggrey);margin:0 5px 0 0;border-radius:4px;z-index:2;}
.jadwalshalat-left h2, .jadwalshalat-left h3{font-size:95%;line-height: 1.1;}
.shalat-col{width:calc(33.33333333% - 10px);}
.popup-section{left:0;width:100%;max-width:100%;bottom:0;padding:0;}
.popup-section-inner{padding:5px;border-radius:0;margin:0;padding:5px 0 70px;}
.open-countdown{bottom:55px;left:5px;}
.countdown-info h2{margin:0;}
.countdown-span h3{font-size:90%;}
.countdown-span{width:45px;height:28px;margin-top:5px;}
.countdown-item p{font-size:80%;padding:2px 0 5px;}
.search-container{width:90%;margin-bottom:30vh!important;}
.copyright{background:var(--bggrey);padding:0 0 70px;}
.copyright-inner{width:100%;background:none;border-radius:0;opacity:1;}
.copyright-inner p, .copyright-inner a{color:var(--cdefault);}
.footer-inner{padding:0 0 20px;}
.corner-left, .corner-right{width:45%;}
.islami-container .corner-left, .islami-container .corner-right{width:35%;}
.banner-box{padding:25px 10px;}
.banner-title h1{font-size:100%;}
.banner{margin-bottom:-15px;}
.banner-title p, .banner-title h2{font-size:90%;}		
.bannerlogo-item img{width:auto;height:8vh;}
.banner-bg{width:100%;}
.pageloading {width:20vh;height:20vh;}	
.hidtoshow-mview, .ifscroll .hidtoshow-mview{display:block!important;}
.banner-padding{padding:0 15px;}
}