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

@media (max-width: 1280px) {

}

@media (max-width: 992px) {
.desktop-only{display:none!important;}	
.mobile-only{display:block!important;}
.forhome.cflex{display:none !important;}
.mlr-page{margin-left:15px;margin-right:15px;}   
.mt20{margin-top:15px!important;}
.headerleft{width:100%!important;}
.headerright{width:100%!important;height:35vh!important;}	
.headerleft-inner{margin:10px 10px;padding-top:7vh;}
.headerleft img{width:8vh;margin:0 5px 0 0;}
.headerleft h1{font-size:120%;}
.headerleft h2{font-size:100%;}
.headerleft h3{display:none;}
.fade-gallery-slider, .fade-gallery-img{height:calc(35vh + 1px)!important;}
.titleslide{padding:20px 10px 15px;}
.titleslide h2{font-size:95%;font-weight:normal;}
.headgraph1, .headgraph2{display:none!important;}
.container-grid {display:block!important;position:relative!important;overflow:hidden!important;width:100%!important;}
.gridleft-inner{margin:0 10px;position:relative;overflow: :hidden;}
.gridleft{flex: 0 0 100%!important;display:block!important;width:100%!important;height:auto!important;}
.gridleft{position:relative!important;overflow: :hidden!important;}
.gridright {border-left:none!important;flex: 0 0 100%!important;display:block!important;width:100%!important;height:auto!important;}
.gridtop-stick {position:relative!important;width:100%!important;top:auto!important;display:block!important;height:auto!important;}
.newsbox{width:calc(100% - 10px);margin:15px 5px 0;}
.imageblog{height:22vh;}
.headmodule-title h1{font-size:110%;}
.headmodule-title svg{height:30px;}
.gallery-head{width:100%;padding:10px 0;}
.gallery-data{width:100%;}
.gallery-head-mob{display:flex !important;justify-content: left;align-items: center;padding:0 0 5px;}
.gallery-inner{padding:0 10px 10px;}
.gallery .carousel-cell{width:70%;margin:0 10px 0 0;}
.image-gallery{height:25vh;}
.gallery-head h1, .gallery-head h2{font-size:110%;}
.gallery-head svg{height:6vh;margin:0 10px 0 0;}
.headmodule2-icon{width:30px;height:30px;}
.headmodule2-icon svg{width:20px;}
.headmodule2 h1{font-size:110%;}
.carousel-container{height:calc(30vh + 5px);}
.card{width:22vh;height:29vh;border:4px solid var(--cgrey3)}
.card.center{z-index:10;transform:scale(1) translateZ(0)}
.card.left-2{z-index:1;transform:translateX(-52%) scale(.75) translateZ(-200px);opacity:.65}
.card.left-1{z-index:5;transform:translateX(-30%) scale(.9) translateZ(-50px)}
.card.right-1{z-index:5;transform:translateX(30%) scale(.9) translateZ(-50px)}
.card.right-2{z-index:1;transform:translateX(52%) scale(.75) translateZ(-200px);opacity:.65}
.statleft{width:calc(100% - 20px);}
.statright{width:calc(100% - 20px);}
.stat-total{position:relative;overflow:hidden;left:0;width:100%;top:0;-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.stat-total-text{display:flex !important;justify-content: left;align-items: center;}
.stat-total-text p{margin:0 3px;}
.gender-box{width:17vh;height:17vh;}
.gender{width:17vh;height:17vh;}
.gender-icon{width:5.5vh;height:5.5vh;}
.gender-inner{width:15vh;height:15vh;}
.statright-item{margin-left:0;}
.mandiri-left, .mandiri-center, .mandiri-right{width:calc(100% - 20px);position:relative;overflow:hidden;}
.mandiri-center{padding:15px 0 0;}
.mandiri-stat h1{margin:10px 0 5px;}
.mandiri-stat h2{margin:0 0 10px;}
.mandiri-bg:before{background:linear-gradient(to top, transparent, var(--cwhite));opacity:1;}
.mandiri-bg img{width:140%;margin:0 0 0 -40%;}
.mandiri-info{margin:0 10px 60px;}
.mandiri-cartoon{width:40%;left:15px;}
.mandiri-cartoon img{width:100%;}
.mandiri-info .cflex{display:flex !important;justify-content:right;align-items: center;}
.apbd-col{width:calc(100% - 10px);margin:0 5px;}
.anggaran-bot.p15{padding:10px!important;}
.map-bot-col{width:calc(100% - 20px);}
.maphome{height:30vh!important;}
.footer-bg{position:relative;overflow:hidden;width:100%;padding:20px 0 15px;top:0;bottom:auto;left:0;-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.footer-inner{padding:0 0 20px;}
.footer-bg:after{top:0;bottom:-1px;background:linear-gradient(to top, var(--color2), transparent);}
.footer-bg:before{display:none;}
.footer-left, .footer-right{width:calc(100% - 40px);padding:0 15px;margin:15px 5px 0;}
.footer-center{display:none;}
.footer-right.rflex{display:flex !important;justify-content: left;align-items: center;}
.banner-bg{width:90%;}
.banner-box{padding:15px 10px;}
.bannerlogo-item img{width:6vh;height:auto;}
.banner-title h1{font-size:110%;}
.banner-title p, .banner-title h2{font-size:95%;}
.banner-padding{padding:0 10px;}
.countdown{padding:10px;}
.countdown.cflex{display:block!important;}
.countdown-info{text-align:center;margin:10px 0 0;}
.countdown-span{width:7vh;}
.jadwalshalat-head{position:relative;width:100%;}
.shalat-col{width:calc(33.33333333% - 10px);}
.copyright p{font-size:90%;}
.btmenu-mobile{position:fixed;top:10px;right:15px;width:4.5vh;height:4.5vh;background:var(--color1);border-radius:4px;z-index:2001;}
.btmenu-mobile svg{width:22px;height:auto;display:block;fill:var(--cwhite);}
.pagestyle .headerright{height:16vh;}
.big-title{margin:0 15px;}
.big-title h1{font-size:140%;}	
.head-content h1{font-size:140%;}
.contentmeta.lflex{display:block!important;}
.image-content .carousel-cell{width:calc(50% - 5px);}
.imageblog{height:25vh;}
.image-content .carousel {padding:10px 10px;}
.carousel-cell .imageblog{height:15vh;}
.comment-left{width:calc(100% - 20px);}
.comment-right{width:calc(100% - 20px);margin:10px 10px 0;}
.head-module-small h1{font-size:110%;}
.pageagenda.column2-mlr5{width:calc(100% - 10px);}
.agenda-box svg{height:4vh;}
.idm-col{width:calc(50% - 10px);margin:0 5px 10px;}
.idmtop{padding:15px 5px 20px;font-size:95%;font-weight:bold;}
.idmicon{width:6vh;height:6vh;}
.idmicon svg{width:3vh;}
.idmvalue h2{font-size:120%;}
.head-organisation img{width:9vh;margin:0 5px 0 0;}
.head-organisation h1{font-size:100%;}
.stunting-box{width:calc(100% - 10px);}
.form-30{width:calc(100% - 10px);}	
.stuntingchart-col{width:calc(100% - 10px);}
.headline-left{width:calc(100% - 20px);}
.headline-right{width:calc(100% - 20px);margin:10px 10px 0;padding:0 0 5px;} 
.headline-right h1{display:none;}
.headline-title{display:block;}
.filter-lapak .form-change1{width:calc(100% - 10px);}
.filter-lapak .form-change2{width:calc(100% - 10px);}
.form-change-right{width:calc(100% - 10px);}
.form-change-right.rflex{display:flex !important;justify-content: center;align-items: center;}
.column-lapak {width:calc(100% - 20px);}
.lapak-photo{width:calc(100% - 10px);}
.lapak-title{width:calc(100% - 10px);}
.pemb-image{width:calc(100% - 20px);}
.pemb-title{width:calc(100% - 20px);margin:10px 10px 0;}
.image-pemb-big{padding:5px;margin:15px 0 0;}	
.documentation{padding:5px;}
.documentation .imageblog{height:15vh;}
.map-pemb{height:35vh;padding:5px;}
.coldoc-inner{padding:5px;}
.box-aparatur{width:calc(100% - 20px);}	
.pemerintah-area{margin:0 10%;}
.filter-pengaduan .form-change1{width:calc(100% - 10px);}
.filter-pengaduan .form-change2{width:calc(100% - 10px);}
.filter-pengaduan .form-change3{width:calc(40% - 10px);}
.filter-pengaduan .form-change4{width:calc(60% - 10px);}
.itempengaduan{padding:10px;}
.pengaduan-left{width:calc(100% - 10px);}
.pengaduan-title{width:calc(100% - 10px);border-left:none;}
.pengaduan-title h1{font-size:110%;}
.pengaduan-info-item{margin:0;}
.speak{padding:0;}
.speak svg{height:4vh;margin:0 5px 0 0;}
.speak h3{font-size:90%;line-height:1;}
.pengaduan-title-inner{padding:10px 0 0;}
.pengaduan-info-inner.lflex{display:block!important;}
.data-panel .modal-body{padding:0!important;}
.head-pengaduan{font-size:120%;line-height:1.1;}
.modal.center .modal-dialog {width: 90%;}
.modal-head h1{font-size:100%;}
.head-sdgs h1{font-size:120%;}
.total-bumds{font-size:120%;}	
.head-sdgs svg{height:36px;}
.sdgspage-icon{width:100%;}
.sdgspage-title{width:100%;text-align:center;padding:5px 0;}
.sdgspage-col {width:calc(33.33333333% - 10px);margin:20px 5px 0;border-radius:7px;}
.sdgspage-title p{font-size:100%;margin:5px 0 0;}
.sdgspage-title h2{font-size:110%;margin:5px 0 0;}
.profile-desa-data{padding:10px;}
.profile-desa-inner{padding:10px 0;}	
.table-profil-desa td{font-size:90%;padding:1px 0}
.welcome{padding:10px;}	
.intro{width:calc(100% - 20px);}
.leader-intro{width:calc(100% - 20px);margin-top:10px;}
.intro-inner{margin:0;}
.intro-speak{padding:5px 25px;}
.intro-speak-top{width:20px;height:20px;}
.intro-speak-bottom{width:20px;height:20px;}
intro p{font-size:90%;}
.leader-name-item h2, .leader-name-item h3{font-size:90%;}
.image-leader{height:16vh;}
.modal.video .modal-dialog {width:94%;}	
.jaramasi-inner h2{font-size:100%;}
.jaramasi-inner img{width:8vh;margin:0 auto 15px;}
.jaramasi-inner{margin:0 15%;}
}