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

@media (max-width: 1280px) {

}

@media (max-width: 992px) {
.desktop-only, .stickyside-left, .stickyside-right, .latest-date, .widget-item p, .mandiri-bubble, .apbdata:after, .apbdata:before, .footer-center, .stickysidepage-right, .article-style .imageheading:after{display:none!important;}
.mobile-only, .container-sticky, .headline-info.difle-l, .statmod-item.difle-c, .small-content-title .difle-l, .countdown-box.difle-c, .contentmeta.difle-l{display:block!important;}
.latest-row{display:flex!important;}
.headline-svg, .gallery-head-flex{display:flex !important;justify-content: center;align-items: center;}
.mlr-page{margin-left:15px;margin-right:15px;}
.brd-radius7{border-radius:5px;}
.headtopleft{padding:0 0 0 15px!important;}
.headtopleft h2{font-size:100%;}
.headpage-right{width:100%!important;border-radius:10px!important;min-height:15vh!important;}
.headpage{padding:17px 0 15px!important;margin-top:8vh;}
.headtitle img{height:auto;width:7vh;margin:0px 0px 10px;}
.headtitle-main h1{font-size:140%;}
.article-style .headpage-right{min-height:15vh!important;}
.corner-left svg, .corner-right svg{width:10px;height:10px;}
.article-style .imageheading img{opacity:0.3;}
.stickybox{border:none;border-radius:0;}
.stickymain .plr-15, .stickymainbig .plr-15{padding-left:0;padding-right:0;}
.stickymain.pb15, .stickymainbig.pb15{padding-bottom:0!important;}
.camera-title, .fullstyle .camera-title{width:90%!important;padding:0 0 10px!important;margin:0 5%!important;opacity:1!important;}
.camera-title p, .camera-title h2, .fullstyle .camera-title p, .fullstyle .camera-title h2{font-size:95%!important;font-weight:normal!important;letter-spacing:-0.3px;}
.runtext-content{height:40px;border:var(--brdgrey) 1px solid;border-radius:5px;}
.runtext marquee{font-size:95%;}
.runtext-head{border-radius:5px 0 0 5px;padding:0 10px;z-index:2;margin:0;font-size:95%;color:var(--cgrey1);}
.headmodule, .heading-bot{border-radius:5px 5px 0 0;}
.stickymain, .stickymainpage, .stickymainbig {flex: 0 0 100%!important;display:block!important;width:100%!important;position:relative!important;overflow:hidden!important;}
.jadwalshalat-left{width:100%;padding:0 5px;height:70px;}
.jadwalshalat-right{width:100%;border-left:none;border-top:var(--brdgrey) 1px solid;}
.jadwalshalat-left h2, .jadwalshalat-left h3{font-size:95%;}
.scroller{border-bottom:none;width:50%;}
.jadwalshalat-full-title{width:50%;}
.shalat-col{position:relative;width:calc(33.33333333% - 10px);}
.shalat-box{height:50px;}
.shalat-box p{font-size:90%;line-height:1.1;}
.shalat-icon{height:36px;}
.shalat-icon svg{height:24px;}
.headmodule h1{font-size:110%;}
.headline-head{width:100%;border-radius:5px 5px 0 0;margin:0 0 -45px;z-index:10;background:transparent;}
.headline-title, .headline-image{position:relative;width:100%;}
.headline-image{border-radius:5px 5px 0 0;overflow:hidden;}
.headline-svg svg{width:auto;height:35px;fill:var(--cwhite)!important;margin:0 2px;}
.latest .column3-mlr5{width:calc(100% - 10px);}
.latest-row{display: flex;flex-flow: row wrap;justify-content: space-between center;}
.latest-image{position:relative;width:40%;}
.latest-image .m5{margin:7px;}
.latest-title{position:relative;width:60%;}
.latest-title .plr-20{padding-left:2px;padding-right:7px;padding-top:7px;}
.latest-title .pb20{padding-bottom:0!important;}
.latest-image .img-wide{padding-bottom: 90%;}
.latest-bottom .plr-20{padding-left:8px;padding-right:8px;}
.gallery-head{width:calc(100% - 10px);padding:5px;margin-bottom:3px;}
.gallery-data{width:calc(100% - 10px);}
.gallery-head h1, .gallery-head h2{font-size:110%;font-weight:bold;color:var(--yellow);letter-spacing:0px;margin:0 3px;}
.gallery-head-flex{margin:0 auto;}
.gallery-head svg{width:auto;height:40px;margin:0 0 0 7px;opacity:0.7;}
.gallery-head .btn{border-radius:26px;height:26px!important;margin:0 0 0 10px;}
.gallery-head .btn p{font-size:80%;}
.galmain{width:calc(100% - 8vh);min-height:22vh;}
.galnav{width:16vh;margin-left:-8vh;z-index:3;}
.gnav .carousel-cell{width:8vh;padding:0 0 0 3px;border-radius:7px;cursor:pointer;}
.gallery-data .img-h35{height:22vh;}
.statmod-head span{font-size:120%;letter-spacing:-0.2px;}
.total-populasi p{font-size:90%;}
.gender-box{width:17vh;height:17vh;margin:5px 0;}
.gender{width:17vh;height:17vh;}
.gender-box:nth-child(2){float:right;margin:0 0 0 auto;}
.gender-icon{width:3.7vh;height:3.7vh;}
.gender-inner{width:15vh;height:15vh;}
.statmod-item{margin:0 5%;}
.widget-icon{width:calc(100% - 10px);}
.widget-title{width:calc(100% - 10px);text-align:center;height:50px;}
.widget-item.m10{margin:5px!important;}
.widget-icon svg{width:45%;opacity:0.85;}
.widget-icon.p15{padding:12px 5px;}
.widget-item h2{font-size:95%;letter-spacing:-0.5px;}
.mandiri .column3-mlr10{width:calc(100% - 20px);}
.stage{left:3vh;}
.layer:after{font-size:240%;}
.mandiri-left img{width:30%;margin:5vh auto 0 6vh;}
.mandiri-center .pt15{padding-top:0px!important;}
.marquee-wrapper {margin-top:5px;border:none;border-radius:0;}
.mandiri-item{padding:10px 5px;}
.mandiri-center .pb15{padding-bottom:5px!important;}
.mandiri-right .pt15{padding-top:5px!important;}
.mandiri-info{position:relative;margin:0 25% -5vh 15px;}
.mandiri-info.p20{padding:10px 0!important;}
.mandiri-right img{height:16vh;margin:-17% 15px 0 auto;}
.mandiri-info.to-center{text-align:left!important;}
.mandiri-info p{font-size:95%;line-height:1.1;color:var(--cdefault);}
.apbhead{width:100%;margin:0 0 5px!important;border-radius:5px;background:linear-gradient(to right,  var(--cdark) 20%, var(--color1), var(--color2));}
.apbdata{width:100%;margin:0!important;}
.apbcolumn-head{height:auto;background:var(--bggrey);padding:5px 10px;border-bottom:var(--brdgrey) 1px solid;}
.apbd-row h2{font-size:100%;line-height:1.1;font-weight:bold;letter-spacing:-0.2px;color:var(--cdark);padding:5px 10px;}
.apbd-row .to-center{text-align:left!important;}
.apbcolumn{width:100%;border:var(--brdgrey) 1px solid;border-radius:5px;margin:0 0 5px;}
.apbcolumn-inner{padding:0 10px 10px!important;}
.apbd-progress{margin:10px 0 0 auto;}
.apbd-item.mt10{margin-top:5px!important;}
.apbtitle h1{font-size:100%;line-height:1.1;font-weight:bold;letter-spacing:-0.2px;padding:0 0 0 5px;margin:10px 0 5px;border-left:var(--yellow) 5px solid;}
.apb{border:none!important;background:transparent;}
.apbhead h2{font-size:100%!important;letter-spacing:0;}
.apbhead h1{font-size:160%!important;letter-spacing:0;}
.apbhead img{height:9vh;margin:-8vh 0 0 15px;}
.openapb{position:relative;right:auto;bottom:auto;margin:0 30%;border:none;overflow:hidden;padding:7px 10px;text-align:center;}
.bottom-area .column3-mlr7{width:calc(100% - 14px);}
.maphome{height:30vh;}
.bottom-box{height:auto;}
.footer-left{width:100%;padding:30px 0 0;}
.footer-right{width:100%;padding:0 0 30px;}
.footer-right-inner.difle-r{justify-content: left;}
.footer-right-inner{margin:0;float:left;}
.footer-left p{margin:10px 0 0 0;}
.footer-bg{width:90%;}
.runbot marquee{font-size:300%;}
.btnmenu-icon{width:4.5vh;height:4.5vh;opacity:1;}
.btnmenu, .ifscroll .btnmenu{width:4.5vh;height:8vh;}
.modal.center .modal-dialog {width:95%;top:20px;bottom:20px;}
.modal.middle .modal-dialog{width:95%;}
.panel-thin{top:20px;bottom:20px;width:95%;}
.small-content-image{width:13vh;}
.small-content-title{width:calc(100% - 14vh);}
.small-image{height:15.5vh;}
.head-panel h1, .modal-head h1, .modal-middle-head h1, .panelmenu-head h1{font-size:100%;}
.panel-close{width:4vh;height:4vh;}
.panel-close svg{width:2.5vh;}
.panelmenu-inner{left:15px;}
.statright1, .statright2-inner{width:calc(100% - 10px);}
.statright2.mt5{margin-top:0!important;}
.profil-plus .column2-mlr10{width:calc(100% - 20px);margin-top:10px;}
.profil-plus img{height:6vh;}
.profil-plus h3{font-size:95%!important;}
.profil-plus.mt20{margin-top:0!important;}
.service-head img{width:70%;}
.modstat img{height:8vh;margin:0 10px 0 0;}
.modstat p{font-size:95%!important;}
.modstat{display:flex !important;justify-content: left;align-items: center;text-align:left!important;}
.modal-middle-inner .column3-mlr5{width:calc(100% - 10px);margin-bottom:10px;}
.iconfooter{display:block;}
.copyright{margin-bottom:50px;}

.banner-corner-left, .banner-corner-right{width:45%;}
.islami-container .banner-corner-left, .islami-container .banner-corner-right{width:35%;}
.banner-box{padding:15px 10px;}
.banner-title h1{font-size:100%;}
.banner-title p, .banner-title h2{font-size:90%;}		
.bannerlogo-item img{width:auto;height:8vh;}
.banner-bg{width:100%;}
.banner-padding{padding:0 15px;}
.countdown-title{width:100%;margin:0 0 10px;text-align:center;}
.countdown-title h2{font-size:110%;letter-spacing:-0.2px;}
.countdown-time{width:100%;}
.countdown-number{width:6vh;height:6vh;}
.countdown-number span{font-size:100%;}
.sdgs-icon{width:100%;margin-bottom:5px;}
.sdgs-title{width:100%;}	
.sdgs-title h2{margin:0;}
.pembhome .column2-mlr5, .lapakhome .column2-mlr5{width:calc(100% - 10px);margin-top:7px;}
.pembhome.brdgrey-1, .lapakhome.brdgrey-1{border:none;}
.pembhome.pt15, .lapakhome.pt15{padding-top:0!important;}
.pembhome.pb15, .lapakhome.pb15{padding-bottom:0!important;}
.pembhome .img-h20, .lapakhome .img-h20{height:15vh;}
.pembhome .modplus-title .aligntop, .lapakhome .modplus-title .aligntop{padding:5px;}
.pembhome .modplus-title .alignbottom, .lapakhome .modplus-title .alignbottom{padding:0 5px 5px 5px;}
.stickymainpage .plr-15{padding-left:0;padding-right:0;}
.table-responsive{border-color:var(--brdgrey)!important;padding:15px 0;border-radius:5px;}
.table-bordered{border-left:none!important;border-right:none!important;}
.td-content{min-width:200px!important;max-width:200px!important;}
.maintitle h1{font-size:115%;}
.maintitle.mb30{margin-bottom:15px!important;}
.maintitle-logo{width:7vh;}
.maintitle-icon{width:6vh;}
.pagetitle-big{padding:0 5%;}
.headpage-right{border-radius:7px!important;min-height:22vh!important;max-height:22!important;}
.pagetitle-big h1{font-size:160%;}
.pagetitle-big h2{font-size:130%;}
.headcontent h1{font-size:140%;}
.image-content.p10{padding:5px;}
.image-content .carousel-cell{width:calc(50% - 3px);margin:5px 3px 0;}
.image-content .img-h25{height:12vh;}
.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;}
.gallery-container .column2-mlr7{width:calc(100% - 14px);}	
.gallery-container .img-h30{height:22vh;}
.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% + 24px)!important;left:calc(-100% - 12px)}
.statnav-item:nth-child(3) .dropdown-menu{width:calc(300% + 18px)!important;left:calc(-200% - 25px)}
.idm-container .column4-mlr7{width:calc(50% - 14px);}
.idmicon{width:9vh;height:9vh;margin:-15px auto 15px;}
.idmicon-inner{width:7vh;height:7vh;}
.idmicon-inner svg{width:4vh;}	
.idm-item p{font-size:90%;}
.idm-item h2{font-size:100%;}
.sdgspage{margin:0 -5px;}
.sdgspage .column6-mlr7{position:relative;width:calc(33.33333333% - 10px);margin-left:5px;margin-right:5px;}
#pemerintah-list .column4-mlr5{width:calc(50% - 10px);}
#pemerintah-list .img-h40{height:28vh;}
.stunting-box{position:relative;width:calc(100% - 10px);}
.panel-padding{padding:0 22px 0 30px!important;}
.pengaduan-1{width:calc(100% - 10px);margin:0 5px;}
.pengaduan-2{width:calc(100% - 10px);}
.pengaduan-2-inner{float:left;margin:0;}
.pemb-row-image{width:100%;border-radius:7px;}
.pemb-row-title{width:100%;background:linear-gradient(to top, var(--bggrey), var(--bgwhite));border-radius:0 0 7px 7px;}
.pemb-row-image .img-h35{height:20vh;}
.pemb-row-title .aligntop{padding:10px 15px;}
.pemb-row-title .alignbottom{padding:0 15px 10px;}
.pemb-detail.column2-mlr5{width:calc(100% - 10px);}
.pembprogress.column2-mlr5{width:calc(50% - 10px)!important;}
.pembprogress p{font-size:90%;}
.pembprogress .img-h20{height:12vh;}
.mappemb{height:25vh;}
.heading-icon img{width:4.5vh;}
.filterdata .column4-mlr5{width:calc(50% - 10px);}
.lapakpage .column2-mlr5{width:calc(100% - 10px);}
.lapakpage .img-h35{height:25vh;}
.pelapak{font-size:85%;}
.small-empty{padding:0 15px;margin:30px auto;}
.fullstyle .camera_caption{background:linear-gradient(to top, var(--bgblack) 5%, transparent 100%)}
.mainvideo-box{margin-left:0;border-radius:10px;border:rgba(255,255,255,0.4) 2px solid;}
.fullstyle .mainvideo-box{margin:0 15px!important;}
.fullstyle .bigslide{margin:0 15px!important;}
.analisis-select{padding:0;}
.mappage #map{border-radius:7px;height:65vh!important;}
.speak h1{font-size:100%;}
.pop-pengaduan .headcontent h1{font-size:120%;}
.form-30{width:calc(50% - 10px);}
.ups-med{width:100%;}
.ups-title{width:100%;text-align:center;}
.ups-box{padding:0 15%;}
.fade-gallery-slider, .fade-gallery-img, .fullstyle .fade-gallery-slider, .fullstyle .fade-gallery-img{height:25vh;border-radius:7px}
.titleslide, .fullstyle .titleslide{padding:30px 15px 15px!important;}
.titleslide h2, .fullstyle .titleslide h2{font-size:100%!important;letter-spacing:-0.5px;}
.loadpage-inner img{width:12vh;}

@-webkit-keyframes toZoom{0% {transform: scale(2);opacity:0;}100% {transform: scale(1);opacity:1;}}
@-moz-keyframes toZoom{0% {transform: scale(2);opacity:0;}100% {transform: scale(1);opacity:1;}}
@-o-keyframes toZoom{0% {transform: scale(2);opacity:0;}100% {transform: scale(1);opacity:1;}}
@keyframes toZoom{0% {transform: scale(2);opacity:0;}100% {transform: scale(1);opacity:1;}}
.panel-pop #style-3::-webkit-scrollbar-thumb, .modal #style-3::-webkit-scrollbar-thumb, .panelmenu #style-3::-webkit-scrollbar-thumb{background-color:transparent;}
@-moz-document url-prefix() { #style-3 {scrollbar-width: thin;} }
}