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

@media (max-width: 992px) {
.view-desktop, .desktop-container, .griderside, .pagecontent:before, .pagecontent:after{display:none !important;}
.view-android, .android-container{display:block !important;}
.search-m .form-control{font-size:14px !important;color:#515151;background-color:rgba(255,255,255,0.4) !important;border:#403f96 1px solid;}
.search-m .form-control:focus, .search-m .form-control.active{color:#515151;font-size:14px !important;}
.search-m .form-control::-moz-placeholder {color:#515151;}
.search-m .form-control:-ms-input-placeholder {color:#515151;}
.search-m .form-control::-webkit-input-placeholder {color:#515151;}
.head-sub h1, .head-table h2{font-size:100%;}
.col-comment-left{width:calc(100% - 10px);}
.col-comment-right{width:calc(100% - 10px);}
.title-page h1{font-size:120%;}
table.agenda-table{width:100% !important;margin:0;}
.agenda-table svg{height:24px;}
.box-header h3{font-size:120% !important;}
.grider {display: block  !important;}
.gridermain{flex: 0 0 100% !important;}
.marginpage{margin:0!important;}
.gridermain-margin{margin:0!important;}
.pagecontent{position:relative;z-index:92;overflow:hidden;border-radius:20px 20px 0 0;padding-bottom:70px;}
.areaprimary.mt-15{margin:0!important;}
.stat-heading h1{font-size:140%;}
.areaprimary, .lapakfront, .video{border-radius:0;border:none;background:none}
.lapak .col2-grid, .col2-grid{width:calc(100% - 10px);}
.gallerypage .col2-grid{width:calc(100% - 20px);margin:10px 10px;}
.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:100%;}
.title-page h1{font-size:120%;}
.custom-filter-col, .pengaduan .custom-filter-col{width:100%;}
.custom-filter-col:nth-child(2), .pengaduan .custom-filter-col:nth-child(2){width:70%;}
.custom-filter-small1, .pengaduan .custom-filter-small1, .custom-filter-small2{width:30%;}
.custom-filter-small3, .pengaduan .custom-filter-small3{width:50%;margin:0 auto 15px !important;}
.custom-filter-small4, .lapak .custom-filter-small3{width:100%;margin:0 auto 15px !important;}
.pengaduan-left{width:calc(100% - 10px);margin:5px;}
.pengaduan-right{width:calc(100% - 10px);margin:5px;padding:0;}
.pengaduan-right .flex-right{display:flex !important;justify-content: left;align-items: center;}
.pengaduan-right .p-status:nth-child(1){margin-left:50px;}
.lapakview .modal.center .modal-dialog, .modal.center .modal-dialog{width:85%;}
.pembangunan-row h2{font-size:100%;margin:10px 0;}
.map-pemb{height:220px !important;}
.box-header h3{font-size:120% !important;}
.sdgs-item{width:calc(50% - 8px);margin:8px 4px 0;padding:7px;}
.sdgs-item-title p{font-size:90%;margin:0;}
.sdgs-item-title h2{font-size:100%;margin:0;}
.sdgs-item-icon{width:40%;}
.sdgs-item-title{width:60%;}
.col3-grid, .areacontent .col3-grid, .areacontent .dokumentasi .col3-grid{width:calc(100% - 10px);}
.pemerintah .areacontent .col3-grid{width:calc(100% - 20px);margin:5px 10px;}
.petastyle{margin:0!important;}
.modal.left .modal-dialog,.modal.right .modal-dialog {width: 100%;}
.lapakview .modal.center .modal-dialog, .modal.center .modal-dialog{width:100%;}
.modal-backdrop{display:none!important;}
.modal.center .modal-dialog, .modal.left .modal-dialog,.modal.right .modal-dialog{top:0!important;bottom:20%;}
.modal.center .modal-dialog:after, .modal.left .modal-dialog:after,.modal.right .modal-dialog:after{content:"";position:absolute;top:100%;height:50vh;left:0;right:0;background:#fff;}
.shalat-title, .shalat-jadwal{width:calc(100% - 10px);}
.jadwal-box{width:calc(33.33333333% - 10px);margin:5px 5px;}
.head-jadwal{height:40px;}
.jadwalshalat.mt-15{margin-top:0!important;}
.head-module.flex-left{justify-content: center;}
.colgrid-mandiri{width:100%;}
.image-slider{height:25vh!important;}
}