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

@media (max-width: 1280px) {

}

@media (max-width: 992px) {
:root{
	--h14vh: 14vh;
	--h7vh: 40px;
}	
.marginpage{margin:0 15px;}	
.mob-v, .mobile-v, .container-sticky, .stickymain, .countdown-box.difle-c, .statleft .relative.difle-l, .visitor-bottom.difle-l, .telp-email.difle-l, .newarticle-meta-cont.difle-l, .headtop.difle-l{display:block !important;}	
.mobflex-v{display:flex !important;}	
.desk-v, .stickyside-left, .stickyside-right, .emandiriflex-right.difle-l, .footer-left p, .visitor-bottom.difle-l, .pagestickyside, .statheadleft:after, .fullcover, .homelinebottom, .homeicon-full, .galnav .galhome-title svg, .gender-box:nth-child(3), .gender-box:nth-child(4){display:none !important;}

.head-inner{padding:15px 0px !important;}
.headtop, .headtopleft{width:100% !important;height:70px !important;border:none !important;}
.headtopleft{padding:0;}
.headtopright{width:100%;margin:0;z-index:200;}
.headright, .stickymain, .emandiricenter, .emandiriright {width:100% !important;}
.menucanvas{position:fixed;top:20px;right:10px;width:30px;height:30px;z-index:1600;border:none !important;background:none !important;margin:0;}
.headtitle-small{padding:0 15px 0 15px;margin:0 40px 0 0;}
.headtitle-small h2{line-height:1;text-transform:uppercase;background-size: auto auto;background-clip: border-box;background-size: 200% auto;background-clip: text;text-fill-color: transparent;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation:textclip 6s linear infinite;background-image: linear-gradient(-225deg,var(--cblack) 0%,var(--c2) 29%,var(--cblack) 67%,var(--c1) 100%);}
.headtitle-small img{height:45px !important;}
.menucanvas img, .menucanvas svg{width:30px;height:auto;}
.header{padding-top:70px !important;}
.image-fullslider{height:45vh;}
.fullslider-body{margin-top:70px;height:45vh;}
.stickybox{position:relative;overflow:hidden;border:none;background:transparent;}
.pagestickymain .archive.p-15, .mob-area.p-15{padding:0;}
.content-area{border:var(--brdgrey) 1px solid;background:var(--bgwhite);margin-top:15px;border-radius:5px;padding:10px;}
.data-area{border:var(--brdgrey) 1px solid;background:var(--bgwhite);margin-top:0;border-radius:0 0 5px 5px;padding:10px;}
.data-area2{border:var(--brdgrey) 1px solid;background:var(--bgwhite);border-radius:5px;padding:15px 10px 10px;margin-top:10px;}
.home-middle.plr-15{padding-left:0;padding-right:0;}
.home-middle.pb-15{padding-bottom:0 !important;}
.slideshow, .pageopen .slideshow{height:200px;}
.countdown-title{margin:0 0 5px;}
.runtext-content{border-radius:5px;}
.runtext-head{border-radius:4px 0 0 4px;}
.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%;}
.jadwalshalat-left{width:100%;}
.jadwalshalat-right{width:100%;border-left:none;border-top:var(--brdgrey) 1px solid;}
.scroller{width:50%;border-bottom:none}
.jadwalshalat-full-title{width:50%;float:right;margin-top:-40px;text-align:right;}
.jadwalshalat .headpanel a {margin:0;padding:0 28px 0 0;}
.shalat-col{width:calc(33.33333333% - 10px);}
.headline-head{width:100%;display:block;padding:20px 0 0;text-align:center;z-index:2;}
.headline-image{width:calc(100% - 20px);margin:-55px 10px 0;border-radius:5px;overflow:hidden;}
.headline-title{width:100%;}
.headline-head svg{width:auto;height:40px;filter: drop-shadow(2px 2px 2px rgb(0,0,0,0.2));}
.headsvg.c2{fill:#bdbdbd !important;}
.linesvg.c1{fill:#fff !important;}
.news .column3{width:calc(100% - 6px);margin:0 3px 10px;}
.news .column3:nth-child(1){border-radius:0 0 4px 4px;}
.news .column3:nth-child(2), .news .column3:nth-child(3), .news .column3:nth-child(1) .imagenews, .news .column3:nth-child(2) .imagenews, .news .column3:nth-child(3) .imagenews{border-radius:4px;}
.duos .imagenews{height:23vh;}
.docpemb .imagenews{height:80px;}
.news .column3:last-child{margin:0 3px 0;}
.duos .column3{width:calc(100% - 10px);}
.duos .column3:last-child{margin-bottom:0;}
.column2{width:calc(100% - 10px);}
.archive .column2:nth-child(1){margin-top:-15px;border-radius:0 0 4px 4px;}
.duos .column3:nth-child(1){border-radius:0 0 4px 4px !important;}
.column2:nth-child(1) .gallery-absolute{border-radius:0 0 5px 5px !important;}
.detpemb .column2{border:none;padding:0;}
.detpemb .p-10{padding:0;}
.docpemb .column3{width:calc(50% - 10px);margin:5px;}
.pemerintah .column3{width:calc(100% - 14px);}
.anggaran-container .column3{width:calc(100% - 10px);margin:10px 5px;}
.pemerintah.mb-15{margin-bottom:0 !important;}
.docpemb h3, .docpemb p{font-size:80%;}
.mappemb{height:220px !important;}
.newsbox{padding:10px;}
.duos .newsbox{padding:5px;}
.emandirileft {width:100%;text-align:center;}
.emandirileft img{width:50%;margin:0 auto;}
.emandirinotif{margin:15px 10% 0;}
.emandiricenter h2{margin:10px 10% 5px;}
.emandiri-cartoon, .emandiri-login, .youtube-isi{width:100%;}
.emandiri-cartoon img{width:60%;height:auto;margin:0 auto;}
.emandiribottom{margin-top:-40px;}
.emandiriflex.difle-c, .countdown-box.difle-c{display:block !important;}
.emandiriflex-left{position:relative;width:100%;height:20vh;}
.emandiri-cartoon-inner{display:block;width:100%;position: relative;bottom: -5px;left: 0;-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);}
.emandiri-backg{bottom:50%;}
.emandiri-backg img{height:100%;}
.emandirinotif svg{fill:#f6b530;}
.emandiri-info{width:100%;margin-top:10px;}
.emandiri-info-inner{position:relative;left:0;right:0;height:50px;overflow:hidden;}
.galeri-head{display:none !important;}
.galeri-isi{width:100%;margin:0;}
.galeri-isi-margin{margin:0 0 0 5px;}
.galnav{width:calc(25% - 6px);margin:0 0 0 6px;}
.galhome-title p{font-size:85%;}
.galhome-title svg{height:34px;}
.gnav .carousel-item {padding:0 3px;}
.galnav:before, .galnav:after{width:calc(50% - 3px);}
.image-galhome{height:23vh;}
.options {height: 25vh;}
.options .option {min-width: 30px;}
.options .option.active .label {bottom: 10px;}
.options .option .label .icon {min-width: 30px;max-width: 30px;height: 30px;border-radius: 0 0 5px 5px;}
.options .option.active .icon {border-radius:100%;}
.options .option:not(.active) .label {bottom: 2px;left: -7px;}
.options .option .label {height: 30px;}
.options .option .label .info {margin-left: 5px;color: var(--cwhite);}
.gal-formob{position:relative;overflow:hidden;border:var(--brdgrey) 1px solid;padding:10px 10px 10px 5px;border-radius:0 0 5px 5px;}
.head-population span{font-size:150%;}
.statleft{width:100%;}
.statright{width:100%;margin:0;}
.gender-box, .gender{width:120px;height:120px;}
.gender-box{margin:0 10px;}
.gender-inner{width:110px;height:110px;}
.total-populasi{position:relative;top:0;left:0;margin:0 0 5px;transform:translate(0%,0%);width:100%;overflow:hidden;}
.gender-inner p{font-size:12px;}
.gender-inner img, .gender-inner svg{height:30px;}
.lembaga .carousel-item {width:50%;}
.covidtitle{width:calc(100% - 8px);margin:0 4px 4px;padding:10px 0;}
.covidtitle h3{font-size:100%;}
.covidtitle h2{font-size:120%;}
.coviddata{width:calc(100% - 8px);margin:0 4px;}
.covid-item{width:calc(33.33333333% - 8px);margin:4px;}
.covid-container{padding-bottom:4px;}
.covid-item:last-child{width:calc(100% - 8px);}
.covid-item:last-child .head-covid{height:30px;}
.colbottom{width:calc(100% - 14px);}
.anggaran-container .column3{width:calc(100% - 10px);}
.footer-left, .footer-right{width:100%;margin:10px 0;}
.footer-left{padding:25px 0 0;}
.footer-right{padding:0 0 25px;}
.footer-right-inner{margin:0;float:left;position:relative;overflow:hidden;}
.footer-bg{width:80%;}
.supported{margin-bottom:-1px;}
.copyright{margin-top:-1px;border-bottom:transparent 50px solid;}
.anggaran-progress{width:70px;}
.anggaran-detail{width:calc(100% - 70px);}
.circle{width:70px;height:70px;}
.circle .inner{width:60px;height:60px;font-size:12px;}
.anggaran-box .plr-10{padding-right:5px;}
.maphead{height:50px;font-size:90%;}
.maphead-title svg{height:24px;}
.canvasmob .modal.right .modal-dialog, .modal.right .modal-dialog {width: calc(100% - 30px);}
.iconmob{display:block;position:fixed;left:0;bottom:0;right:0;height:50px;z-index:1000;background:var(--bggrey3);padding:0 10px;-webkit-box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.45);-moz-box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.45);box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.45);}
.modal.center .modal-dialog{width:90%;}
.bottom-tombol{bottom:60px;}
#kategori .dropdown-menu{margin:10px 0 0 !important;}
.video-box{border-radius:5px;}
.lapak-photo{width:45%;}
.lapak-title{width:55%;}
.lapak .carousel-item {width:50%;}
.lapak-title p{font-size:90%;font-weight:normal !important;}
.lapak-title h2{font-size:90%;}
.lapak-title .p-10{padding:5px;}
.lapakpage .lapak-image{height:27vh;}
.youtube-pd{padding:10px;background:linear-gradient(to top, var(--bgdark), var(--bg1));border-radius:0 0 5px 5px;}
.ytnav{width:calc(100% + 10px);padding:5px 0 0;border-radius:0;background:transparent;margin:0 -5px;}
.ytmain{width:100%;}
.ytmain-vid{height:auto !important;border-radius:5px;padding-bottom: 56.25%;}
.col-ytnav{width:100%;transform:rotate(0deg) translate(0,0);}
.col-ytnav .carousel-item{transform:rotate(0deg);width:50%;height:auto;padding:0;}
.video-nav{height:80px;width:100%;opacity:1;margin:5px 5px 0;}
.youtube .flickity-prev-next-button.previous{left:5px;}
.youtube .flickity-prev-next-button.next {right:5px;}
.youtube.bgdark{background:var(--bg1) !important;}
.sub-pagetitle{position:relative;overflow:hidden;border:var(--brdgrey) 1px solid;border-bottom:none;margin:15px 0 0;border-radius:5px 5px 0 0;padding:10px 10px;background:linear-gradient(to right, var(--bggrey3), var(--bgwhite), var(--bggrey3));}
.pengaduan .sub-pagetitle, .sdgs .sub-pagetitle, .data-pembangunan .sub-pagetitle, .pemerintah .sub-pagetitle{border:none;margin:10px 0;border-radius:0;padding:0;background:transparent;}
.duos.mt-15{margin-top:-5px !important;}
.pagetitle{right:15px;left:15px;top:auto;bottom:15px;text-align:center !important;padding:0;-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);}
.pagetitle h1{font-size:160%;margin:0 auto;text-align:center !important;}
.duos-left{width:calc(100% - 55px);}
.duos-right{width:50px;}
.duos .news-date{width:40px;}
.imageother-small{width:40px;height:35px;}
.bigempty{width:100%;margin:10px auto 0;border:var(--brdgrey) 1px solid;background:var(--bgwhite)}
.bigempty-inner{padding:60px 15px 20px;}
.bigempty-title{top:15px;}
.bigempty h3{font-size:120%;}
.imagecover{top:0;left:0;right:0;bottom:0;background:linear-gradient(to top, #000, transparent 40%);}
.sub-pagetitle h3{font-size:90%;}
.sub-pagetitle h2{font-size:140%;}
.head-content{font-size:140%;letter-spacing:-0.7px;}
.pengaduan .head-content{font-size:120%;letter-spacing:-0.3px;}
.pagetitle-icon-single{width:35px;margin:0 7px 0 0;}
.pagetitle-icon{width:40px;}
.pagetitle-text{margin:0 0 0 47px;}
.download-file h2{font-size:100%;}
.image-article{height:170px;}
.thumb-article.image-article{height:70px;}
.image-box{padding:5px;}
.cnav-image {margin-top:5px;}
.image-box .carousel-item .mlr-5{margin-left:2px;margin-right:2px;}
.form-left{width:calc(100% - 10px);}
.form-right{width:calc(100% - 10px);margin:0 5px 0;}
.col2-image{width:calc(100% - 10px);}
.twin .image-article{height:auto;}
.twin .imagefull img{width:100%;height:auto;position: relative;overflow:hidden;top: 0;left: 0;margin:0 auto;object-fit: auto;-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);}
.gallery-album{margin:0 25px 0 auto;}
.book{width:18vh;height:28vh;margin-top:-3vh;box-shadow:-1.4em 1.7em .3em -.3em rgba(0,0,0,.4),-1.6em 1.8em .9em -.2em rgba(0,0,0,.1),.3em 1.9em 1.3em rgba(0,0,0,.2)}
.book img {clip: rect(0vh, 18vh, 27.5vh, 0vh);}
.gallery-title{top:15px;left:15px;bottom:15px;right:48%;padding:5px 10px;}
.gallery-title.difle-c{justify-content: left;}
.statis .box-header h3{font-size:140%;}
.content-isi .box-header h3{font-size:110%;}
.box-header-icon img{height:34px;}
.row-pemb{border:none;padding:5px;margin:10px 0 0;}
.col-pemb-image{width:100%;overflow:hidden;}
.col-pemb-title{width:100%;background:transparent;}
.row-pemb .headgraph, .row-pemb .image-medium{height:170px;}
.colfilter1, .colfilter2, .colfilter-submit4{width:calc(100% - 10px);}
.colfilter3{width:calc(60% - 10px);}
.colfilter-submit{width:calc(40% - 10px);}
.colfilter-submit2, .pengaduan .colfilter-submit3{width:calc(50% - 10px);}
.colfilter-semua{width:calc(50% - 10px);}
.pengaduan .colfilter1, .pengaduan .colfilter3{width:calc(100% - 10px);}
.pengaduan .colfilter-submit{width:calc(40% - 10px);}
.pengaduan .colfilter-submit2{width:calc(60% - 10px);}
.pengaduan-1{width:calc(100% - 8px);}
.pengaduan-2, .pengaduan-3 {width:calc(100% - 35px);margin:5px 0 0 35px;}
.pengaduan-3.difle-r{justify-content: left;}
.head-sdgs h2{font-size:100%;}
.scoring{font-size:160%;}
.head-sdgs h3{font-size:100%;}
.head-sdgs svg{height:60px;margin:0 -10px;}
.sdgs-item{padding:2px;}
.sdgs-col{width:calc(33.33333333% - 6px);margin:3px;}
.sdgs-icon{width:100%;}
.sdgs-title{width:100%;padding:7px 0;}
.sdgs-title h2{font-size:90%;}
.sdgs-title h2{font-size:110%;margin:0;}
.sdgs .mlr-min-5{margin-left:-3px;margin-right:-3px;}
.idm-col{width:calc(50% - 10px);}
.idmtop, .idmvalue{height:80px;}
.idmicon, .idmicon-inner{width:40px;height:40px;}
.idmicon-inner svg{width:24px;}
.idmicon:before{border:var(--bggrey3) 2px solid;margin:-2px;}
.idmvalue h2{font-size:110%;}
.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% + 20px);left:calc(-100% - 10px)}
.statnav-item:nth-child(3) .dropdown-menu{width:calc(300% + 18px);left:calc(-200% - 17px)}
.stathead {margin:20px 0 !important;padding:3px 0;}
.statheadleft{max-width:100%;min-width:100%;padding:0;text-align:center;}
.statheadleft svg{width:60%;margin:0 auto;}
.stathead h1, .stathead h2{font-size:120%;margin:0 auto;line-height:1.1;}
.emptywidth{padding:10px;}
.emptywidth-image{width:100%;}
.emptywidth-image img{width:55%;margin:-20px auto 0;}
.emptywidth-speak{width:100%;margin:0;}
.emptywidth-speak-title{padding:30px 25px 50px;}
.emptywidth-speak-title:after{left:auto;top:auto;bottom:-28px;right:40px;border-right:none;border-bottom:none;-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);border-top:var(--bggrey3) 30px solid;border-right:transparent 30px solid;}
.aparaturmob .title-bottom h2, .aparaturmob .title-bottom h3{font-size:90%;line-height:1.1;font-weight:500;}
.home-middle .aparaturmob{display:block!important;}
.aparaturmob .lembaga .carousel-item {width:50%;}
.maparea{padding-top:70px;}
.maptitle{height:35px;font-size:90%;}
.maparea #map{height:calc(100vh - 155px) !important;}
.maparea .modal-content {margin:0 15px;}
.slick_slider,.cycle-slideshow{width:70%;margin:0 auto!important}
.maparea .modal-header h4{font-size:90%;font-weight:normal;}
.loading-pusako{padding-bottom:100px;}
.loading-pusako h1{font-size:120%;padding:0 15px 0;}
.loading-pusako p{padding:0 15px 0;}
.aparaturmob .midaparatur .carousel-item {width:100%;}
.midaparatur-image{height:180px;}
.anggaran-detail .tablesmall td{font-size:85%;}
#loadingpusako {bottom:-100px;}
.sinergi-col{width:calc(50% - 10px);}	
.sinergi-col img{height:60px;}
.aparaturmob{display:block;}
.midaparatur-title h3{font-size:95%;}
}