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

@media (max-width: 992px) {
.v-mobile{display:block;}	
.masterpage{overflow:hidden;}
.v-desktop, .wrapbg, .menumain, .heading-right-item p, .mandiri-logo h2{display:none !important;}
.canvas-menu, .scrollheight .canvas-menu{width:7vh;border-right:var(--border-grey1) 1px solid;}
.marginpage{margin:0 15px;}
.headermain{padding:20px 0 !important;}
.headermain-left{max-width:100%;}
.headermain h2{font-size:90%;font-weight:500;}
.headermain h1{font-size:110%;}
.headermain p{font-size:90%;margin:10px 0 0;}
.headermain-logo{width:10vh;}
.headermain-title{width:calc(100% - 11vh);}
.running{margin:15px 0 -5px;}
.pagestyle .running{margin:0 0 0;}
.pagecontent{padding-top:5px;}
.mainslider{width:100% !important;}
.image-slider{height:auto;padding-bottom:56%;}
.iconright{width:100%;margin:10px 0 0;}
.icon-item{height:auto !important;padding:5px 0;height:50px !important;}
.icon-item p{font-size:90%;}
.icon-item img{height:30px;margin:0 5px 0 0;}
.grider {display: block  !important;}
.gridermain , .griderside, .middlepage .gridermain, .middlepage .griderside {flex: 0 0 100% !important;}
.bannerlogo1, .bannerlogo2{width:50%;text-align:center;}
.bannerlogo1 img, .bannerlogo2 img{width:35%;margin:0 auto;}
.banner-title{width:calc(100% - 10px);padding:10px 5px;}
.banner-title h1{font-size:120%;}
.bannerevent.template{padding:15px 5px;}
.shalat-title, .shalat-jadwal{width:calc(100% - 10px);}
.jadwal-box{width:calc(33.33333333% - 10px);margin:5px 5px;}
.head-jadwal{height:40px;}
.headline-image{width:calc(100% - 10px);margin:0 5px 5px;}
.headline-text{width:calc(80% - 10px);}
.headline-info{width:calc(20% - 10px);}
.headline-date{height:35px;}
.headline-date p{font-size:100%;}
.headline-info-inner{align-self: start;}
.heading-right-item{margin:0 0 0 10px}
.heading-right-item svg{margin:0;}
.col3-grid, .areacontent .col3-grid, .areacontent .dokumentasi .col3-grid{width:calc(100% - 10px);}
.pemerintah .areacontent .col3-grid{width:calc(100% - 20px);margin:5px 10px;}
.gallerypage .col2-grid{width:calc(100% - 20px);margin:10px 10px;}
.lapak .col2-grid, .col2-grid{width:calc(100% - 10px);}
.image-article{padding-bottom:56%;}
.image-small{padding-bottom:80%;}
.head-mandiri span{font-size:160%;}
.mandiri-input{width:calc(100% - 10px);margin:5px;}
.mandiri-logo {margin:0 auto;padding:0 30px;}
.mandiri-info{margin:10vh 30px 10px;}
.mandiri-submit{width:40%;margin:5px auto;}
.mandiri-shadow{-webkit-box-shadow: 0px 0px 50px 120px var(--backg-white);-moz-box-shadow: 0px 0px 50px 120px var(--backg-white);box-shadow: 0px 0px 50px 120px var(--backg-white);opacity:0.6;}
.gallery-head{width:calc(100% - 10px);margin:0 5px 5px;padding:5px 0;}
.gallery-head div{display:flex !important;justify-content: left;align-items: center;}
.gallery-content{width:calc(100% - 10px);}
.gallery-head svg{width:40px;margin:0 5px 0 0;opacity:0.7;}
.gallery-head h2, .gallery-head h1{font-size:110%;font-weight:bold;margin:0 0 0 5px;line-height:1;padding:0;text-transform:uppercase;color:var(--c-grey2);letter-spacing:0;}
.gallery .carousel-cell {width: 100%;}
.statleft, .statright{width:calc(100% - 10px);margin:5px 5px 0;}
.total-populasi{top:0;left:0;transform:translate(0,0);width:100%;text-align:center;}
.statright-content{width:100%;margin:0 auto;display: flex;flex-flow: row wrap;justify-content: space-between center;}
.statright-content a{position:relative;width:50%;}
.gender-box{margin-top:60px;width:130px;height:130px;}
.gender{width:130px;height:130px;}
.gender-inner{width:120px;height:120px;}
.gender-inner img, .gender-inner svg{height:35px;}
.covid-item{width:calc(33.33333333% - 10px);margin:5px;}
.covid-item:nth-child(7){margin:5px auto;}
.widget .carousel-cell {width: 100%;}
.whead-body .carousel.carnav{background:var(--bg-grad1);}
.widget .flickity-prev-next-button{width: 40px;height:40px;}
.widget .flickity-prev-next-button.previous{background-color:var(--backg-1);}
.widget .flickity-prev-next-button.next{background-color:var(--backg-2);}
.whead-item, .carousel-cell.is-selected .whead-item{background:transparent;}
.widget .nav-tabs > li, .widget .nav-tabs > li > a{height:34px;line-height:34px;}
.map-col, .map-col-c{width:calc(100% - 10px);margin:5px;}
.map-col-c{margin:5px 5px 0;}
.map-bottom{height:200px;}
.footer-data{position:relative;padding:40px 0 60px;}
.footer-title{position:relative;text-align:center;width:100%;top:-20px;left:50%;bottom:auto;padding:15px 0;}
.phone-email.flex-left{display:block !important;}
.footer-right{float:left;margin:0 auto 0 0;}
.head-default-inner h1, .head-dark h1, .head-sub h1{font-size:100%;}
.gridermain-margin{margin:0;}
.modal.left .modal-dialog,.modal.right .modal-dialog {width: 75%;}
.aparatur .p-all-10{padding:10px 10%;}
table.agenda-table{width:100% !important;margin:0;}
.agenda-table svg{height:24px;}
.col-comment-left{width:calc(100% - 10px);}
.col-comment-right{width:calc(100% - 10px);}
.arsip .image-small{padding-bottom:100%;}
.head-module{padding:0 10px;}
.areacontent.p-all-10{padding: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%;}
}