@media (max-width: 1280px) {

}

@media (max-width: 1024px) {

}

@media (max-width: 992px) {	
#waktu{display:none;}
.icon-mobile{display:block;}
.menu-mobile{display:flex;}
body{font-size:15px !important;}
.logomobile{display:block;}
.logo-desk{display:none;}
.logo-title h1, .logo-title-back h3{font-size:140%;}
.header-top h2, .menuside, .header-top-search{display:none;}
.mainbody{left:0;overflow:hidden;}
.image-slider{height:35vh;}
.sliderstyle{min-height:35vh;margin:15px 15px 20px;}
.gridview{position:relative;display:block;width:100%;float:none;border:none;overflow:hidden;}
.sidebarright{display:block;width:100%;position:relative;float:left !important;margin:0 auto 0;margin:0;min-height:50px;border-left:none;}
.sidebarright ul{list-style: none;margin:0;padding: 0;position:relative;overflow:hidden;}
.sidebarright ul{position: relative !important;top:0;}
.headline-image{width:100%;float:left;margin:0 auto 10px;}
.headline-judul{position:absolute;top:0;left:0;margin:25px 0 0 -10px;}
.mlr-min20{margin:0 -15px;}
.running-page{margin:0 -15px;}
.margin-min10{margin:0 -5px;}
.padding-lr-10{padding:0 5px;}
.mlr-20{margin:0 15px;}
.mlr-25{margin:0 20px;}
.mt-20{margin-top:10px !important;}
.mb-20{margin-bottom:10px;}
.column-2{width:100%;}
.gallerystyle .column-2{margin:0 0 10px;}
.anggaranstyle .column-3{width:100%;}
.article-home-title h2{margin:0 0 10px;}
.image-aparatur{height:50vh;width:80%;margin:0 auto !important;}
.use-mobile .image-aparatur{height:40vh;width:100%;margin:0 auto !important;}
.article-home-row .image-height-default{padding-bottom:110%;}
.article-grid .image-height-default{padding-bottom:50%;}
.album .image-height-default{padding-bottom:90%;}
.category-image .image-height-default{padding-bottom:90%;}
.stat-box.flexcenter{display:block;text-align:center;}
.stat-penduduk h3{font-size:120%;}
.stat-penduduk i.fa{margin:0 auto 5px;display:block;padding:0;line-height:1 !important;font-size:180%;}
.statistik .carouselright-cell {width: 50%;}
.sinergi .carouselright-cell {width: 50%;}
.layanan .flexcenter{display:block;}
.layanan-intro{width:100%;float:left;}
.layanan-intro img{width:60%;margin:0 auto;}
.layanan .flexleft{display:block;text-align:center;}
.layanan-login{width:100%;float:left;}
.layanan-intro-padding{padding:15px;margin:0 0 0 0;}
.footer-2{width:100%;float:left;text-align:left;margin:0 0 10px;}
.footer-1{width:100%;float:left;margin:0 0 0;}
.footer-3{width:100%;float:left;text-align: left;}
.head-content h1{font-size:120%;}
.head-category{width:100%;padding:15px 0 0;margin:0 0 15px;}
.head-category-image img{height:24px;}
.category-image{width:35%;float:left;}
.category-title{width:65%;float:left;}
.column-6{width: 33.33333333%;float:left;margin:0 0 10px;}
.covid-banner-item{font-size:14px;font-weight:normal;}
.covid-banner-item img{height:40px;}
.covid-box h3{font-size:90%;font-weight:normal;}
.modalstyle .modal-dialog {
  left:0;
  top:50px;
  right:0;
  margin-right:0 !important;
}
.deskripsi-lapak{margin:0 25px;}
.petastyle .modal-dialog {
  left:0 !important;
  width:100%;
  float:left;
}
.petastyle .modal{background:#fff;} 
.petastyle .modal-content{padding:50px 0 !important;margin:0 !important;}
.petastyle .modal-body{padding-bottom:50px !important;margin:0 !important;}
.no-found h1{font-size:200%;}
.tanda-seru{font-size:150%;}
.no-found h2{font-size:100%;}
.no-found h3{font-size:100%;}
#loading{left: 0 !important;}
.lapakstyle .carouselright-cell, .videostyle .carouselright-cell {width: 100%;}
.lapakstyle .image-height-tall{padding-bottom:85%;}
.video-box{width:100%;height:22vh;}
.panel-left{
  top: 0;
  left:0;
  right:0;
  bottom:0;
  z-index:999;
  background:#000;
}
.panel-left-area{position:absolute;top:60px;left:20px;right:20px;bottom:60px;}
.column-4{width:100%;}
.pimpinan{margin-top:10px !important;}
.copyright{margin-bottom:50px !important;}
.footer-menu{display:block;}
.pengaduan-absolute{bottom:170px;top:50px;left:20px;right:20px;padding:15px;}
.pengaduan-absolute2{bottom:170px;}
.pengaduan .modalstyle .modal-dialog {height:100vh !important;max-height:100vh !important;top:30px !important;}
.column-30{width:40%;float:left;}
.formulir{float:left;margin:10px auto 20px 0;}
.listrow-title{margin-right:0;}
.tanggapan{position:relative;bottom:auto;right:auto;width:100%;float:left;margin:10px 0 0;}
.column-iconhome{width:33.333333%;float:left;}
.slick_slider, .cycle-slideshow {max-height: 350px;width:90%;}
.kode-gambar{width:200px;}
.moment-target, .moment h2{display:none;}
.moment-image img{height:20vh;}
.info-popup .modal{margin:15px 15px 0;}
.info-popup .modal, .info-popup .modal-open, .modal-info-popup{max-height:16vh !important;}
.popupcover-color, .popupcover-pattern{border-radius:7px !important;overflow:hidden;}
.panel-hadir-area{width:100%;}
.popup-center{background-size:auto 10vh;}
.moment h1, .idulfitri .moment h1{font-size:100%;margin:0 10px;color:#fff;}
.moment p{font-size:90%;margin:0 10px;}
.lampu-kiri, .lampu-kanan{width:15%;}
.hadir, #ScrollToTop{width:34px;height:34px;}
.headerright{height:auto;} 
.popupcover-color2, .headerright-default{display:none;}
.ttan{bottom:5px;right:5px;line-height:16px;}
.ttan-close {width:16px;height:16px;}
.ttan-close:before, .ttan-close:after{width:2px;}
.hitung{font-size:14px;line-height:16px;bottom:5px;right:5px;}
.angka{font-size:14px;margin:0 5px;}
.flex-container {margin:0 -5px;}
.flex-item {width: calc(50% - 10px);margin:0 5px 20px;padding-bottom:50px;}
.flex-item-backg{bottom:5px;left:5px;top:5px;right:5px;}
.flex-box{margin:5px 5px 0;}
.flex-item-absolute{left:5px;right:5px;}
.flex-item .tombol-small p{display:none;}
.flex-item .tombol-small img{margin:0 !important;}
.forlapak .form-control{margin:10px 0 !important;}
.forlapak .btn{margin:0 0 10px !important;}
.harga-produk.flexcenter{display:block;margin:0 0 10px;}
.harga-produk p{margin:0;}
.flex-item3 {width: calc(50% - 11px);}
.idulfitri .lampu-kiri, .idulfitri .lampu-kanan{width:23%;}
}