@media (max-width: 1000px) {
body{font-size:15px !important;}
:root{
	--bg-darkwhite: linear-gradient(to right, var(--bg-greydark), var(--bg-greymid) 80%);
	--bg-darkgrey: linear-gradient(to right, var(--bg-greydark), var(--bg-greymid) 70%);
}
.nodesktop{display:block;}
.headline{border-radius:4px;padding:0;overflow:hidden;border-top:none;}
.nodesktop-flex{display:flex;float:left;margin:0 5px 0 0;}
.nomobile, .headmenu, .nomobile-flex, .leftheading, .mainlogo-bottom, .logosmall img, .logosmall h2, .mandiri-logo, .mandiri-logo.difle-l, .runtext-head, .tooltip-cutom .tooltip-cutomtext, .mainlogo h2, .mycountdown-graph1, .mycountdown-graph2{display:none !important;}
.canvasmenu{display:block;margin:0 10px 0 0;}
.canvasmenu.difle-c{display:flex !important;}
.marginpage{margin:0 15px;}
.mainlogo {position:relative;left:0;top:0;z-index:3;overflow:hidden;padding:10px;background:rgba(0,0,0,0.2);border-radius:4px 4px 0 0;}
.mainlogo img{width:60px;margin:0 5px 0 0;}
.pagestyle .mainlogo {position:absolute;left:0;top:0;right:0;background:transparent;}
.pagestyle .mainlogo .difle-l{display:flex !important;justify-content: center;align-items: center;}
.headpage{padding:15px 0;margin:0 0 20px;background:var(--bg-gradhor2);}
.titlepage{position:absolute;z-index:300;bottom:40px;right:0;left:0;text-align:center;}
.titlepage h1, .titlepage h2, .titlepage h3{font-family: 'Roboto-Regular';font-size:100%;font-weight:bold;margin:0 10px;}
.slider{width:100%;overflow:hidden;border-radius:0;}
.pagestyle .slider:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.5);}
.pagestyle .slider {width:100%;}
.maingrid, .head-mandiri.difle-l{display: block !important;}
.gridbig {flex: 0 0 100%;}
.gridside {flex: 0 0 100%;}
.gridside-sticky {position: relative !important;top:0;}
.gridbig-margin{margin:0;}
.head-headline{width:100%;text-align:center;padding:25px 0;}
.headline-image{width:100%;border-radius:5px 5px 0 0;}
.headline-title{width:100%;border-radius:0 0 5px 5px;}
.imagecrop-headline{height:25vh;}
.headline-title h2, .column-article h2, .head-module h1, .stat-heading h2{font-size:100%;}
.mainlogo h1{font-size:120%;margin:0;}
.head-module-icon{width:34px;}
.module-right-icon svg{height:20px;fill:var(--c-white);margin:5px 0 0 5px;}
.column-article{width:calc(100% - 10px);}
.head-mandiri{margin:10px;}
.head-mandiri span{font-family:"Arial";font-size:140%;}
.mandiri-top{padding:0 0 100px;}
.mandiri-info{margin:10px 0;width:100%;}
.mandiri-info svg{height:34px;margin:0;}
.mandiri-people{right:10px;bottom:55px;height:16vh;}
.mandiri-input{width:calc(42% - 10px);}
.mandiri-submit{margin:0 0 0 auto;float:right;}
.masuk svg{margin:0;}
.twinstat1{width:calc(100% - 20px);margin:0 10px 10px;}
.twinstat2{width:calc(100% - 20px);margin:0 10px 0;}
.statgraph{margin:10px 0 0;}
.head-population h1{font-size:110%;}
.hexagon {--s: 12vh;--g: 5px;}
.hexagon-item {height:14vh;}
.hexagon-item svg{height:18px;}
.hexagon-item p{font-size:11px;}
.statarea{margin:0;}
.gallery-inner .rgcarousel-cell {width: 100%;}
.gallery-head{width:calc(100% - 10px);padding:5px 0;}
.gallery-head svg{width:auto;height:40px;margin:0 5px 0 0;}
.gallery-head div, .countdown-event.difle-l, .shalat-title-inner.difle-l, .shalat-title.difle-l{display:flex !important;justify-content: center;align-items: center;}
.gallery-inner{width:calc(100% - 10px);margin:5px 5px 0;}
.widget-colleft{width:calc(100% - 20px);margin:0 10px 20px;}
.widget-colright{width:calc(100% - 20px);margin:0 10px;}
.whead-item{font-size:85%;padding:0 5px;font-weight:500;}
.rgcarousel-nav2 .flickity-prev-next-button {width: 20px;}
.whead-body .rgcarousel{padding:0 20px;}
.aparatur-nav .rgcarousel{margin:0 0px;}
.head-map-item{height: 60px;text-align:left;font-size:90%;}
.head-map-item img{height:30px;margin:0 5px 0 0;}
.maphome-height{height:30vh;}
.keuangan .triple-column{width:calc(100% - 10px);}
.runtext{position:relative;overflow:hidden;width:100%;margin:0;height:30px;z-index:3;border-radius:0 0 4px 4px;padding:0;background:var(--bg-dark);}
.run-isi{line-height:30px;height:30px;}
.modal.left .modal-dialog,.modal.right .modal-dialog {width: calc(100% - 30px);top:15px;bottom:15px;}
.coltwin{width:calc(100% - 10px);}
.categorystyle .imagecrop-arsip, .arsip .imagecrop-arsip, .lapak .imagecrop-arsip{padding-bottom:55%;}
.pembangunan .imagecrop-arsip, .dokumentasi .imagecrop-gallery{padding-bottom:0;height:auto !important;}
.pemb-detail-top .imagecrop-arsip img, .dokumentasi .imagecrop-gallery img{height:auto !important;position: relative;overflow:hidden;top:0;left:0;margin:0 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);}
.pemb-detail-top .colfle, .pemb-detail-top .coltwin{position:relative;overflow:hidden;display:block;}
.head-artikel h1, .titlecontent-center h1{font-size:120%;}
.imagecrop-multi{height:12vh;}
.col-comment-left{width:calc(100% - 10px);margin:5px;}
.col-comment-right{width:calc(100% - 10px);margin:5px;}
.comment-send{margin-top:10px;}
.coltriple, .pemerintah .coltriple{width:calc(100% - 10px);}
.custom-filter-col, .custom-filter-small2, .custom-filter-small3{width:50%;}
.custom-filter-small1, .pengaduan .custom-filter-small3{width:100%;}
.pengaduan .custom-filter-col{width:40%;}
.pengaduan .custom-filter-small1, .pengaduan .custom-filter-small2{width:20%;}
.box-idm{width:calc(50% - 10px);margin:5px 5px 35px;}
.idm-title{margin:0 10px;height:17vh;}
.idm-value{padding:15px 0 25px;}
.idm-value h2{font-size:120%;}
.create-pengaduan, .filter-pengaduan{width:calc(100% - 10px);margin:5px;}
.pengaduan-main{width:calc(100% - 10px);}
.pengaduan-status{width:calc(50% - 10px);margin:0 5px;}
.pengaduan-tanggapan{width:calc(50% - 10px);margin:0 5px;}
.modal-thin .modal.center .modal-dialog{width:80%;}
.captha-right .form-control{height:45px;}
.stat-heading h1{font-size:150%;}
.sdgs-item{width:calc(100% - 10px);}
.covid-item{width:calc(33.33333333% - 10px);}
.covid-item:nth-child(7){width:calc(100% - 10px);}
.shalat-title{width:100%;border-bottom:var(--border-greysoft) 1px solid;text-align:center;}
.shalat-jadwal{width:100%;}
.shalat-title img{height:10vh;}
.jadwal-box{width:calc(33.33333333% - 10px);margin:5px;}
.head-jadwal{height:40px;}
.isi-jadwal{height:35px;}
.countdown-t.difle-c{display:block !important;}
.countdown-event{width:100%;position:relative;overflow:hidden;text-align:center;margin:0 0 5px;}
.countdown-time{width:100%;position:relative;overflow:hidden;text-align:center !important;display:flex !important;justify-content: center;align-items: center;}
.countdown-event h2{font-size:120%;}
.countdown-hexagon img, .countdown-hexagon svg{width:9vh;}
.countdown-hexagon-item{bottom:3px;}
.bannerlogo1{width:50%;float:left;text-align:right;}
.bannerlogo2{width:50%;float:right;text-align:left;}
.bannerlogo1 img, .bannerlogo2 img{width:10vh;margin:0 10px;height:auto;}
.banner-title{width:100%;overflow:hidden;float:left;text-align:center;padding:0 0 20px;}
.banner-title h2{font-size:110%;}
.banner-title p, .banner-title h2{font-size:95%;}
.mosque-bg{left:0;top:-25px;right:0;text-align:center;}
.mosque-bg svg{width:60%;margin:0 auto;text-align:center;}
.headline-graph{right:auto;top:auto;left:-10px;bottom:-13vh;}
.headline-graph svg{width:auto !important;height:15vh;}
.opacity1{opacity:1;}
.head-headline-title.difle-c{display:flex !important;justify-content: left;align-items: center;padding:0 10px;}
.footer-title{position:relative;width:100%;margin-top:-20px;top:0;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);text-align:center;}
.main-footer{position:relative;padding:20px 0 30px;}
.footer-col1{width:100%;float:left;margin:30px 0 0;}
.footer-col2{width:100%;float:left;margin:10px 0 0;}
.telp-email.difle-l{display:block !important;}
.footer-col2.difle-r{display:block !important;text-align:left;}
.nodata-left{width:100%;padding:30px 0 50px;}
.nodata-image{width:100%;text-align:right;}
.nodata-info h3{font-size:100%;margin:0 10px;}
.nodata-image img{width:40%;margin:-40px 10% 0 auto;}
.nodata-left:after{bottom:-39px;left:25%;border-left:none;border-right:var(--bg-greysoft2) 40px solid;border-bottom:transparent 40px solid;}
.imagecrop-personal{height:55vh !important;max-height:55vh !important;}
.pemerintah .imagecrop-personal{height:53vh !important;max-height:53vh !important;}
.hexaprogress{width:9vh;height:9vh;margin:0 0 0 5px!important}
.wrap-apbd-box{padding:0 0 0 6px;}
.colscroll{width:100%;float:left;overflow-y: scroll;scrollbar-width: thin;height:100%;}
.colscroll::-webkit-scrollbar{width: 0;}
.wrap-apbd{padding:5px 0 5px 6px;}
.height-anggaran{height:47vh;}
.wrap-apbd-box{background:linear-gradient(to right, var(--bg-greysoft) 30%, var(--bg-white));}
.wrap-apbd td{font-size:90%;}
.main-footer p, .footer-contact{font-size:95% !important;display:flex !important;}
}