@media (max-width: 992px) {

#container {height: 25vh;}
.image-slider{height:200px;}
.statistik .flexcenter{display:block;}
.statistik-left2{width:100% !important;min-width:100% !important;}
.statistik-right{width:100%;float:left;}
.stat-col{width:50%;float:left;}
.stat-box{padding:5px 10px;}
.population .stat-icon.stat-male, .population .stat-icon.stat-female{padding:85px 0 0;}
.population .stat-icon.stat-male{background-size:80px auto;}
.population .stat-icon.stat-female{background-size:80px auto;}
.statistik-title{background:none;padding:0;}
.stat-box-data img{height:30px;}
.stat-box-data p{font-size:90%;}
.statistik-left1-backg{text-align:center;}
.statistik-left1-backg svg{display:block;width:120%;height:auto;margin:0 -10% !important;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0.7;}
.layanan .flexrow{display:block;}
.layanan-intro{width:100%;padding:0;margin:0;}
.layanan-intro img{width:70%;}
.layanan-info{position:relative;width:100%;height:200px;}
.layanan-info-title{margin:10px 10px 0 40%;padding:10px;}
.layanan-absolute h1{font-size:30px;}
.layanan-login{width:100%;margin:10px 0;border-radius:5px;padding:10px;margin-bottom:20px;}
.layanan-info-image{bottom:0;left:-10px;height:75%;}
.layanan-info-title{margin:-10px 10px 0 15%;padding:15px;font-size:90%;}
.layanan-info-title:after{bottom:-40px;right:30px;}
.capthastyle .flexrow{display:block;margin:0;}
.captha-column1, .captha-column2{margin:0;width:100%;}
.captha-column1{text-align:center;margin:0 0 5px;}
.captha-column1 .flexcenter{text-align:center;}
.captha-column1 img{width:60%;margin:0 5px 0 0;}
.mandiri-top{display:none;}
.slideshow .arrows .arrow{opacity:1;}
.withscroll::-webkit-scrollbar, .modal-dialog::-webkit-scrollbar, .modalscroll::-webkit-scrollbar, .widget-height .withscroll::-webkit-scrollbar, .box-anggaran .withscroll::-webkit-scrollbar, .widgetscroll::-webkit-scrollbar, #aparatur .withscroll::-webkit-scrollbar {width: 0;}
.mobile-menu a, .mobile-menu li a, .mobile-menu ul, .mobile-menu li ul, .mobile-menu li, .mobile-menu li.active, .mobile-menu li:focus, .mobile-menu p, .mobile-menu li ul li{font-size:16px !important;}
.autowidth {display: grid;grid-template-columns: repeat(auto-fit, minmax(calc(50% - 10px), 1fr)) !important;grid-gap: 5px;}
.autowidth-image{width:30% !important;}
.autowidth-title{width:70% !important;padding:15px 0;}
.autowidth-item h2{font-size:95%;margin:0 5px;font-weight:500;letter-spacing:-0.5px;}
.autowidth-item h3{display:none;}
.autowidth-image img{width:70%;}
.slide-content-satu h3{font-size:100%;letter-spacing:5px}
.slide-content-satu h2{font-size:150%;}
}

.bg-color3{background-color:#c3336f;}
.bg-color4{background-color:#c3336f;}