@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, .stickyside-left, .stickyside-right, .article-empty-title:before, .header-right, .menurow, .headline-head:before, .headline-head:after, .latest-col .alignbottom.cflex, .foto2, .galnav-bg:before{display:none!important;}
.mobile-only, .contentmeta.lflex{display:block!important;}	
.main-container{margin-left:15px;margin-right:15px;}
.fade-gallery-slider, .fade-gallery-img, .hometop{height:calc(40vh - 40px)!important;min-height:calc(40vh - 40px)!important;max-height:calc(40vh - 40px)!important;}
.homegraph{bottom:0!important;}
.whenscroll .homestyle .header{background:linear-gradient(to right, var(--color1), var(--color2), var(--color1));}
.header-title img{width:auto;height:7vh;margin:0 5px 0 0;}
.whenscroll .header-title img{width:auto;height:5vh;}
.header-title h1{font-size:120%;}
.whenscroll .header-title h1{font-size:100%;}
.header-title h3, .whenscroll .header-title h3{font-size:90%;}
.titleslide{padding:5% 15px 10%!important;}
.titleslide h2{font-size:95%!important;}
.header-inner.lflex{justify-content: center;}
.home-runtext{padding:0 0 10px;}
.home-runtext.bggradient-dark, .home-icon-bg.bggradient-dark{background:linear-gradient(to right, var(--color1) 0%, var(--color2) 50%, var(--color1) 100%);}
.homestyle .runtext-content{background:rgba(0,0,0,0.2);border:rgba(0,0,0,0.5) 1px solid;}
.homestyle .runtext-head{background:var(--cdark);}
.runtext-head:after{border-left:var(--cdark) 13px solid;}
.runtext-content.brd-radius7{border-radius:4px;}
.home-icon{padding:15px 0 0;}
.home-icon .main-container{margin:0 10px;}
.home-icon-inner{padding:7px 7px 0px;}
.icon-item p{font-size:80%;margin:5px 5px 0;letter-spacing:-0.7px;font-weight:normal;font-family: "Arial Narrow", Arial, sans-serif!important;line-height:1;}
.icon-item{padding:10px 0;}
.icon-item img{height:5.5vh;margin:0 auto 0;}
.home-icon .carousel-cell {width:calc(25% - 6px);margin:0 4px;}
.icon-item-bg:after{box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25) inset;-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25) inset;-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25) inset;}
.headline-image{width:100%;}
.headline-title{width:100%;background: linear-gradient(to top, var(--cgrey1), transparent);border-radius:0 0 7px 7px;}
.headline-title .aligntop{padding:10px 10px 0 10px!important;}
.headline-title h2{font-size:110%;margin:0 0 10px }
.headline-head{left:50%;top:10px;margin:0 auto;padding:0;text-align:center;-webkit-transform: translate3d(-50%, 0, 0);-ms-transform: translate3d(-50%, 0, 0);-o-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);}
.image-headline{height:25vh;}
.headline-head.lflex{justify-content: center;}
.headline-head svg{height:4vh;fill:var(--cwhite);}
.headline-title .alignbottom .rflex{justify-content: center;}
.headline-title .alignbottom{padding:10px 10px 15px;}
.latest-col{width:calc(100% - 20px);background:transparent;box-shadow:none;margin:10px 10px 0;}	
.latest-row{background: linear-gradient(to right, var(--cgrey1), transparent 80%);display: flex;flex-flow: row wrap;justify-content: space-between center;border:var(--cgrey3) 1px solid;}
.latest-image{width:35%;}
.latest-title{width:65%;padding:5px 0;}
.latest-title h2{font-size:95%;}
.latest-info{width:40px;}
.latest-text{width:calc(100% - 50px);}
.latest-image-box{position:relative;overflow:hidden;margin:5px;}
.latest .imageblog{height:14vh;}
.latest .pagination_area{margin-top:-10px!important;padding-top:0!important;}
.latest-text{border-color:transparent!important;}
.latest-row:after{content:"";position:absolute;left:35%;top:5px;bottom:5px;width:1px;background:var(--yellow);margin-left:45px;}
.mt20{margin-top:15px!important;}
.mt50{margin-top:30px!important;}
.headmodule h1{font-size:120%;}
.image-aparatur{height:35vh;}
.statistik{padding:30px 0;}	
.head-stat-title{position:relative;top:0;bottom:auto;left:0;width:70%;margin:0 15%;}
.head-stat{height:6vh;border:var(--cgrey3) 2px solid;padding:0 0;border-radius:6vh;}	
.head-stat span{font-size:120%;}
.stat-col{display:none;padding:0;}
.stat-col:nth-child(1), .stat-col:nth-child(2){width:50%;float:left;margin:-30px 0 0;}
.stat-icon{width:11vh;height:11vh;margin:0 auto 10px;}
.stat-col h2{font-size:150%;}
.stat-col h3, .stat-col p{font-size:80%;}
.gallery-col2{width:calc(100% - 20px);}
.galmain{width:calc(100% - 8vh)!important;min-height:25vh!important;}
.galnav{width:16vh!important;margin-left:-8vh!important;z-index:3;}
.gnav .carousel-cell{width:8vh!important;padding:0 0 0 3px;border-radius:7px;cursor:pointer;}
.galnav-bg:after{width:calc(10vh - 24px)!important;}
.image-gallery{height:25vh!important;}	
.gallery-inner{min-height:calc(25vh + 55px);}
.youtube{margin-top:30px;}
.gallery-head-inner h1, .gallery-head-inner h2, .foto-only .gallery-head-inner h1{font-size:110%;}
.gallery-head-inner svg, .foto-only .gallery-head-inner svg{height:28px;}
.foto-only .gallery-head{top:-10px;left:0;right:0;width:100%;}
.foto-only .gallery-head.cflex{display:flex!important;}
.foto-only .gallery-head-inner{height:40px;margin:0;border-radius:0 0 5px 5px;}
.foto-only .gallery-head-inner:after{display:block;}
.foto-only .gallery-head-inner:before{left:-7px;top:0;bottom:auto;border-top:none;border-bottom:var(--cdark) 10px solid;border-left:transparent 7px solid;}
.foto-only .foto2{display:none;}
.foto-only .foto1{display:flex;}
.foto-only .gallery-inner{padding:40px 10px 10px;min-height:calc(25vh + 45px);}
.foto-only .gallery-view{width:100%;margin:0 auto;}
.widgets-col, .jamkerja-col{width:calc(100% - 20px);}
.all-widgets .carousel{margin:0!important;}
.all-widgets .carousel-cell{width:calc(33.33333333% - 7px);margin:0 0 0 10px;}
.boxshadow-white{box-shadow:none;}
.widgets-col.mt30{margin-top:0!important;}
.e-mandiri.mt30{margin-top:15px!important;}
.e-mandiri, .apb{width:100%!important;margin-left:0!important;margin-right:0!important;}
.emandiri-title h1{font-size:200%;}	
.emandiri-title h2{font-size:270%;margin:-5px 0 -5px 0;}
.emandiri-title{z-index:8;}
.monitor{bottom:60px;}
.monitor img{height:18vh;}
.emandiri-item{padding:0 0 0 0;margin:0 35% 0 0;}
.emandiri-info{margin:10px 0 0 0;}
.apb:before{left:0;}
.apb h2{font-size:100%;margin:15px 0 0 15px;}
.apb-image img{height:12vh;margin:0 0 10px 15px;}
.apbhome-title{right:15px;top:35px;}
.apbhome-title p, .apbhome-title h1{display:none;}
.apbhome-title h3{font-size:200%;margin:0 0 0 auto;}
.apbhome-title span{display:block;margin-right:5px;}
.panel-thin{top:20px;bottom:20px;width:90%;}
.modal.center .modal-dialog{width:95%;}
.modal.centerblank .modal-dialog {width:100%;}
.middle-area, .small-area{width:90%;}
.head-panel h1, .modal-head h1{font-size:100%;}
.panel-close{width:4vh;height:4vh;}
.panel-close svg{width:2vh;}
.gridcolumn.mlr-min30{margin-left:0!important;margin-right:0!important;}
.widgets-box{height:19vh;}
.widget-icon{margin:10px auto;width:9vh;height:9vh;border:var(--cwhite) 2px solid;}
.title-widgets h2{font-size:95%;margin:0 5px;letter-spacing:-0.5px;}
.info-widgets p{display:none;}
.widgets-box-bg:after{height:35%;}
.hometop:after{height:20vh;background:linear-gradient(to top, transparent, var(--cblack) 100%);}
.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%;}
.corner-left, .corner-right{width:45%;}
.islami-container .corner-left, .islami-container .corner-right{width:35%;}
.jadwalshalat-left{width:calc(100% - 10px);}	
.jadwalshalat-right, .open-jadwalshalat{width:calc(50% - 10px);margin-bottom:10px;}
.jadwalshalat-right{padding:0 0 0 10px;}
.scroller{height:40px;line-height:40px;}
.scroller p{height:40px;line-height:40px;}
@keyframes scroller{0%{top:0}15%{top:-40px}30%{top:-80px}45%{top:-120px}60%{top:-160px}75%{top:-200px}}	
.jadwalshalat .headpanel{padding:0 15px;height:40px;}
.shalat-col{width:calc(33.33333333% - 10px);}
.topsection-home{background:linear-gradient(to right, var(--color1), var(--color2), var(--color2), var(--color1));}	
.footer-absolute{position:relative;top:-20px;bottom:auto;width:100%;overflow:hidden;margin-bottom:-15px;}
.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;}
.head-map{font-size:100%;}	
.youtube-video .image-gallery{height:18vh!important;}
.youtube-video.gallery-inner{min-height:auto;}
.video-cover svg{width:30px;}
.leader{width:calc(100% - 30px);margin:10px 15px 0;}
.staf{width:calc(100% - 30px);margin:10px 15px 0;}	
.perangkat-inner{padding:0 10px 10px;}
.leader-title-mob h2{font-size:90%;margin:5px 0 3px;padding:0 0 3px;}
.leader-title-mob h3{font-size:90%;font-weight:normal;}
.leader-image, .leader-title{width:calc(50% - 10px);}
.icon-quote{width:30px;margin:-1px 0 0;}
.icon-quote svg{width:24px;}
.leader-title p{font-size:90%;line-height:1.1;}
.leader-title .alignbottom{align-self: start;padding:10px 0 10px 0;}
.staf-inner{position:relative;left:0;right:0;top:0;bottom:auto;overflow:hidden;height:37vh;margin-top:10px;}
.staf-image{width:12vh;height:12vh;border:var(--cgrey3) 2px solid;}
.staf-item{width:calc(50% - 5px);margin:0 auto 15px;}
.staf-title h2{font-size:90%;}
.staf-inner:before{content:"";position:absolute;left:0;right:0;bottom:0;height:30px;z-index:3;background:linear-gradient(to top, var(--cgrey1), transparent);}
.staf-inner-pd{padding-bottom:35px;}
.staf #style-3::-webkit-scrollbar{width:0;}
.staf #style-3::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0;}
@-moz-document url-prefix() { .staf  #style-3 {scrollbar-width: 0;} }
.table-arsip td{font-size:90%!important;}
.pagestyle .header, .whenscroll .pagestyle .header{position:fixed;left:0;top:0;right:0;}	
.pagestyle .header-inner{padding:0;height:14vh;}	
.whenscroll .pagestyle .header-inner{padding:10px 0;height:auto;}
.headerbg-image{width:80%;}
.pagehead{margin-top:14vh;padding:0;}
.pagehead-title{margin:-10px auto 0;}
.pagehead-title img{width:6vh;margin:0 5px 0 0;}
.pagehead-title h1{font-size:120%;}
.pagehead-title h2{font-size:110%;}
.pagegraph1{margin-bottom:0;}
.pagegraph2, .pagegraph3{bottom:0;}	
.container-sticky {display: block!important;width: 100%;margin: 0 auto;position:relative!important;overflow:hidden;}
.stickymain, .stickymain2, .stickyside-left2{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;}
.stickymain-margin, .stickymain-inner{margin:0;}
.comment-left{width:calc(100% - 20px);}
.comment-right{width:calc(100% - 20px);}
.head-module-small h1{font-size:110%;}
.agenda-box{width:calc(50% - 10px);}
.agenda-box:nth-child(3){width:calc(100% - 10px);margin-top:10px;}
.agenda-box svg{height:5vh;}
.headcontent h1{font-size:160%;}	
.article-empty-image{width:100%;padding:0;text-align:center;}
.article-empty-image img{width:60%;margin:0 auto;}
.article-empty-title{width:100%;margin:15px 0 0;}	
.article-empty{padding:0;}
.article-empty-title p{font-size:100%;margin:0 15%;}
.statnav{margin-top:10px;}
.statnav-title.cflex{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)}
.table-default th{font-size:90%!important;}
.table-default td{padding:7px 5px!important;font-size:90%!important;}	
.galpage-col{width:calc(100% - 30px);background: linear-gradient(to right, var(--cwhite), var(--cgrey1));margin:15px 15px 0;box-shadow:rgb(0 0 0 / .15) 0 8px 13px -5px,rgb(0 0 0 / .15) 0 8px 8px -5px;}
.gallery-album{margin:0 10px!important;}
.book{width:20vh;height:25vh;margin-top:-4vh!important;}
.gallery-scale{-webkit-transform:scale(0.65);-moz-transform:scale(0.65);-o-transform: scale(0.65);transform:scale(0.65);}
.gallerypage-title{right:50%;margin:10px;}	
.gallery-bg{right:15%;}
.gallerypage-title h2{font-weight:normal;}
.inner-foto .image-gallery{height:20vh!important;}
.idm-data{width:calc(100% - 20px);}
.idm-info{width:calc(100% - 20px);}	
.idm-col{width:calc(100% - 20px);margin:0 10px 0;}
.idm-miring{height:calc(2vh + 1px);}
.idm-miring:before{border-left:transparent calc(2vh + 1px) solid;}
.idm-miring:after{right:calc(-2vh + 1px);border-top:transparent calc(2vh + 1px) solid;}
.idm-circle{width:8vh;height:8vh;}
.idm-circle:after{width:6vh;height:6vh;}
.idm-circle-small{width:5vh;height:5vh;}
.idm-circle-small svg{width:3vh;height:3vh}
.idm-square{height:4vh;}
.idm-title{margin:0 0 0 6vh;}
.idm-col.mt15{margin-top:5px!important;}
.idm-content h2{font-size:100%;}
.idm-data{border-bottom:var(--cgrey3) 1px solid;padding:0 0 15px;}
.idm-info{margin-bottom:0;border:none;background:transparent;padding:0;}
.table-info-idm td{padding:2px 0!important;font-size:90%!important;}
.idm-content{left:14vh;}
.info-kelompok{width:100%;padding:10px 0 0;border:none;border-top:var(--cgrey3) 1px solid;}	
.head-organisation img{width:8vh;margin:0 5px 0 0;}
.head-organisation h1{font-size:140%;letter-spacing:-0.5px;}
.table-blank td{font-size:95%!important;padding:2px 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%;}
.lapak-area{margin:10px 0 0;}
.left-head-inner{padding:10px;}
.form-change .form-control{height:34px;line-height:34px;}
.left-head{margin:0 0 15px}
.left-head img{width:30%;margin:0 auto 5px;}
.form-change.mt15{margin-top:5px!important;}
.form-change .btn-big{height:34px;padding:0 10px;}
.column-lapak{width:calc(100% - 20px);margin:10px 10px 0;}
.modal.center .modal-dialog{width:94%;}
.pemb-image{width:100%;border-radius:7px 7px 0 0;background:transparent;}
.pemb-image:after, .graph2a, .graph2b{display:none;}
.pemb-title{width:100%;background:var(--cgrey1);border-radius:0 0 7px 7px;}	
.pemb-title .aligntop{padding:10px 10px 10px 10px;}
.pemb-title .alignbottom{padding:0 10px 10px 10px;}
.pembstyle .image-headline{height:25vh;}
.pembdetail-image{width:100%;border-radius:0 0 7px 7px;}
.pembdetail-title{width:100%;background: linear-gradient(to right, var(--color2), var(--color1));border-radius:7px 7px 0 0;}
.pembdetail-title .headcontent{padding:15px;text-align:center;}
.pembyear{display:none!important;}
.graph2a, .graph2b{display:none;}
.col-pemb{width:calc(100% - 20px);margin:15px 10px 0;}
.col-pemb-pd, .pemb-location{padding:10px;}
.map-pemb{height:30vh;}
.box-pemerintah{width:calc(50% - 10px)!important;margin:15px 5px 0!important;}
.area-pemerintah .mlr-min10{margin-left:-5px!important;margin-right:-5px!important;}
.pemstyle .image-aparatur{height:30vh;}
.pemstyle .framefoto{padding:5px;}
.pemstyle .inner-foto{border-top:5px solid rgba(0,0,0,.13);border-left:5px solid rgba(0,0,0,.1);border-right:5px solid rgba(0,0,0,.08);border-bottom:5px solid rgba(0,0,0,.05);box-shadow:-1px -1px 1px rgba(0,0,0,.3),1px 1px 2px rgba(255,255,255,1)}
.pemstyle .mat{position:relative;overflow:hidden;border-top:2px solid rgba(0,0,0,.25);border-left:2px solid rgba(0,0,0,.25);border-bottom:2px solid rgba(0,0,0,.15);border-right:2px solid rgba(0,0,0,.15);margin:auto;padding:0;background-color:var(--cgrey1)}
.social-circle{width:auto;height:auto;border-radius:0;margin:0 2px;background:transparent;opacity:0.6;}
.social-circle:hover{opacity:1;}
.social-circle i.fa{font-size:90%;color:var(--cdark);}
.pemhadir{font-size:70%;}
.pemstyle .title-bottom p, .pemstyle .title-bottom h2{font-size:85%;}
.pemstyle .alignbottom .mt10{margin-top:5px!important;}
.mapstyle #map{border-radius:7px;height:55vh!important;}
.sdgspage{margin:0 -7px;}	
.sdgspage-col {width:calc(33.33333333% - 14px);margin:15px 7px 0;border-radius:7px;padding:0 0 5px;}
.sdgspage-icon{margin:0 0 5px;border-radius:7px;padding:3px;}
.sdgspage-col h2{font-size:120%;}
.total-bumds{font-size:120%;}
.pengaduan-row{padding:10px 10px 10px 0;cursor:pointer;}	
.itempengaduan{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;border:var(--cgrey3) 1px solid;}
.pengaduan-left{width:calc(100% - 20px);margin:0 10px;}
.pengaduan-right{width:calc(100% - 20px);margin:10px 10px 0;}
.speak svg{width:6vh;margin:0 5px 0 0;}
.pengaduan-title{margin:10px 0 0 6vh;padding:0 0 0 5px;}
.pengaduan-right-inner{margin:0 0 5px 6vh;float:left;padding:0 0 0 5px;}
.formbot.cflex{display:block!important;}
.formbot .form-control{margin-top:5px;}
.pengaduanstyle .panel-padding{padding:0 7px 0 15px;}
.head-pengaduan{font-size:130%;}
.menu-bottom{display:block;}
.copyright{padding:10px 0 80px;background:var(--color2);}
.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;}
.menumobile-container{left:0;right:0;bottom:0;top:20vh;border-radius:0!important;}
.menumobile-box{text-align:center;display:block!important;}
.menumobile-icon p{font-size:95%;margin:0;}
.menumobile-icon img{width:40px;margin:0 auto 5px;}	
.closemenu{top:-20px;}
.modal.video .modal-dialog {width:94%;}
.btn-apb{width:5.5vh;height:5.5vh;}
.btn-apb svg{width:3.5vh;}	
#widget-keuangan-container p{margin:2px 0 10px;}
.small-content-image{width:12vh;}
.small-content-title{width:calc(100% - 13vh);}
.arsip-meta.lflex{display:block!important;}
.footer-corner{bottom:50px;right:5px}
#ScrollToTop img{width:24px;}
.backtopage{width:28px;}	
.image-leader{height:25vh;}
.pageloading {width:18vh;height:18vh;}
}