@media (max-width: 1366px) {
body{font-size:16px !important;}
.maincenter{height:63vh;}
.slideshow1{height:calc(63vh - 30px);}
}

@media (max-width: 1280px) {
.slideshow, .scrollheight .slideshow{height:350px;}
.maincenter, .scrollheight .maincenter{height:360px;}
}

@media (max-width: 992px) {
.menuside {display:flex !important;}
.mainbody{margin:0 15px;}
.marginpage{margin:0 15px;}	
.mob-v{display:block !important;}	
.mobflex-v{display:flex !important;}	
.topmenu, .desk-v, .mainleft, .bottom-logo, .slideshow .slide .image-container::after, .video-area:after, .stickyside-left, .stickyside-right2, .visitor-bottom, .emandiriflex-right, .stickyside-right, .triangle-graph1, .triangle-graph2, .triangle-graph3, .triangle-graph4, .menumobhid, .mainlogo-cont:before, .mainlogo-cont:after, .mainlogo-backg, .mainlogo-backg:before, .mainlogo-backg:after, .newarticle-title:after, .bg-anim, .people, .cover-graph1, .cover-graph2, .cover-graph3, .video-logo-bottom{display:none !important;}
.video-area .mainleft, .video-col{display:block !important;width:100% !important;}
.video-logo{position:relative;bottom:auto;right:0;border-radius:5px 5px 0 0;display:block;padding:15px;margin:0 15px;}
.video-col-inner{padding:5px;margin:0 15px;border-bottom:none;border-radius:0 0 5px 5px;}
.video-logo h1{font-size:120%;}
.video-logo img{height:8vh;}
.video-upload{padding-bottom: 54.25%;}
.topright{margin:0 0 0 auto;border-bottom:none;}
.topright-item, .scrollheight .topright-item{padding:0 7px;height:50px;}
.thinstyle.topright-item, .scrollheight .thinstyle.topright-item{padding:0;}
.menuside{height:50px;padding:0 8px;}
.menuside svg, .scrollheight .menuside svg{width:25px;height:25px;}
.mainlogo-cont{min-width:calc(65% - 10px);max-width:calc(65% - 10px);}
.mainlogo{padding:0 5px;border:none;}
.mainlogo img, .scrollheight .mainlogo img{height:26px;margin:0 7px 0 0;}
.mainlogo h1, .scrollheight .mainlogo h1{font-size:13px;line-height:1.1;}
.mainlogo, .scrollheight .mainlogo, .scrollheight .menuside{height:50px !important;}
.pageheader, .scrollheight .pageheader{margin-top:50px;}
.pageheader-body{margin:0 0 !important;}
.pageheader .auto-w, .lapak .auto-w, .headline-title.difle-r{display:block !important;}
.newarticle-meta-cont.difle-l{display:block !important;position:relative;overflow:hidden;width:100%;}
.newarticle-meta{float:left;}
.maincenter{width:100% !important;position:relative;}
.mainright{width:100% !important;position:relative;}
.mainright-inner{position:relative;overflow:hidden;margin:0 15px 15px;border-radius:7px;padding:15px;right:0;}
.mainright-inner-cont{width:100%;}
.pageset .mainright{display:none;}
.maincenter-backg{top:15px;left:15px;right:15px;bottom:15px;border-radius:7px;}
.left-absolute{position:absolute;top:20px !important;left:0 !important;bottom:10px !important;right:0 !important;text-align:center;}
.left-absolute div{overflow:hidden;min-width:calc(100% - 30px) !important;margin:0 auto !important;}
.forgallery .left-absolute div, .forglobal .left-absolute div{overflow:hidden;width:100%;min-width:calc(100% - 30px) !important;text-align:center;margin:0 auto !important;}
.logo{text-align:center;width:100%;min-width:100% !important;margin:0 auto !important;float:none;display:block !important;}
.homestyle .logo{position:absolute;width:calc(100% - 70px) !important;min-width:calc(100% - 70px);left:20px;top:0;right:70px;display:flex !important;justify-content: left;align-items: center;text-align:left !important;margin:0 auto 0 0 !important;}
.logo img{width:auto;height:80px;margin:0 0 5px;}
.homestyle .logo img{width:auto;height:90px;margin:0 5px 0 0;}
.logo h1{font-size:160%;margin:0 25px !important;}
.logo h2{font-size:120%;margin:0 25px !important;}
.homestyle .logo h1{margin:0 60px 0 0 !important;}
.homestyle .logo h2{margin:0 60px 0 0  !important;}
.slideshow, .scrollheight .slideshow{height:320px;}
.maincenter, .scrollheight .maincenter{height:330px;}
.slideshow .slide-content{left:0;width:100%;height:auto;text-align:left;display:flex !important;justify-content: center;align-items: center;}
.slide-content-inner{padding:10px 10px 10px 16px;border-radius:5px;margin:0 10px 0 15px;}
body{font-size:16px;}	
.container-sticky {display:block !important;}
.stickymain, .stickyside-right, .stickypage-left {display:block;width:100%;}
.stickypage-left{min-height:auto;border-right:none;}
.stickypage-left .sidepadding{padding:16px 0 0;}
.stickypage-right{min-height:auto;border:none;}
.stickymain{border-right:var(--colorgrey1) 1px solid;border-left:var(--colorgrey1) 1px solid;}
.stickymain .sidepadding-8
.forscroll{position:relative;overflow:hidden;}
.newarticle .auto-w, .emandiri .auto-w{display: block !important;width:100%;}
.artikel .auto-w.marginmin-lr-4{margin:0;}
.newarticle-image{position:relative;width:100%;padding:0;}
.newarticle-title{position:relative;width:100%;}
.newarticle .imagecrop-full, .artikel .imagecrop-full{height:25vh;}
.newarticle-padding{padding:10px 10px 15px;}
.newarticle-cont{margin:0 4px 4px;}
.twin-column{width:100%;margin:4px 0;}
.artikel-title{margin:10px 15px;}
.emandirileft {width:100%;text-align:center;}
.emandiricenter {width:100%;}
.emandiriright{width:100%;}
.emandirileft img{width:50%;margin:0 auto;}
.emandirinotif{margin:15px 10% 0;}
.emandiricenter h2{margin:10px 10% 5px;}
.emandiri-cartoon, .emandiri-login{width:100%;}
.emandiri-cartoon img{width:60%;height:auto;margin:0 auto;}
.emandiribottom{margin-top:-40px;}
.emandiriflex.difle-c, .countdown-box.difle-c{display:block !important;}
.emandiriflex-left{position:relative;width:100%;height:20vh;}
.emandiri-cartoon-inner{display:block;width:100%;position: relative;bottom: -5px;left: 0;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.emandiri-backg{bottom:50%;}
.emandiri-backg img{height:100%;}
.emandirinotif svg{fill:#f6b530;}
.emandiri-info{width:100%;margin-top:10px;}
.emandiri-info-inner{position:relative;left:0;right:0;height:50px;overflow:hidden;}
.twinstat{width:100%;}
.galeri-head{display:none !important;}
.galeri-isi{width:100%;margin:0;}
.options {height: 25vh;}
.options .option {min-width: 30px;}
.options .option.active .label {bottom: 10px;}
.options .option .label .icon {min-width: 30px;max-width: 30px;height: 30px;border-radius: 0 0 5px 5px;}
.options .option.active .icon {border-radius:100%;}
.options .option:not(.active) .label {bottom: 2px;left: -7px;}
.options .option .label {height: 30px;}
.options .option .label .info {margin-left: 5px;color: var(--colorwhite);}
.triple-column{width:calc(100% - 8px);margin:4px 4px;}
.thearticle.triple-column{width:calc(50% - 8px);margin:4px 4px;margin-top:8px !important;}
.article-formobile{margin:4px !important;}
.circle{width:13vh;height:13vh;}
.circle .inner{width:11.5vh;height:11.5vh;}
.height-anggaran{height:31vh;}
.footer-title{max-width:100%;min-width:100%;margin:0 auto 25px !important;}
.footer-right{max-width:100%;min-width:100%;margin:0 auto 0 !important;}
.main-footer{padding:40px 8px 100px;}
.telp-email.difle-l{display:block !important;}
.footer-backg{width:100%;}
.footer-right p, .footer-right h3{margin:0 10px;}
.footer-contact, .footer-social{margin:5px 0 0;}
.footer-title h3{display:none;}
.modal.right .modal-dialog {width: calc(100% - 30px);}
.modal.left .modal-dialog{width: 100%;}
.modal-dark .modal.center .modal-dialog{width: 90%;}
.modal-backdrop{height:calc(100vh + 50px)!important;}
.leftmenu-cont{right:85px;}
.leftmenu-head{height:80px;}
.leftmenu-logo{height:80px;}
.leftmenu-logo img{height:50px;}
.leftmenu-inner{top:80px;}
.leftmenu-logo h1{font-size:90%;}
.leftmenu-tombol{top:80px;right:25px;}
.tombolmenu-m{width:55px;}
.menuclose{width:55px;height:45px;}
.mobile-menu li, .mobile-menu p, .mobile-menu .dropdown-menu, .mobile-menu li a, .mobile-menu ul, .mobile-menu a, .mobile-menu .dropdown-menu a, .mobile-menu li ul li, .mobile-menu li ul{font-size:15px !important;}
#info .visitor-top{display:block;}
.visitor2 td{padding:2px 0;}
.headimage-page:after{display:none;}
.forarticle .headimage-page:after{display:block;background:var(--color1);background:-moz-linear-gradient(90deg,var(--color1) 0%,var(--color2) 100%);background:-webkit-linear-gradient(90deg,var(--color1) 0%,var(--color2) 100%);background:linear-gradient(90deg,var(--color1) 0%,var(--color2) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--color1)",endColorstr="var(--color2)",GradientType=1);opacity:0.7;}
.forgallery .headimage-page:after, .forglobal .headimage-page:after{display:block;background:var(--colorblack);background:-moz-linear-gradient(0deg,var(--colorblack) 0%,transparent 100%);background:-webkit-linear-gradient(0deg,var(--colorblack) 0%,transparent 100%);background:linear-gradient(0deg,var(--colorblack) 0%,transparent 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--colorblack)",endColorstr="transparent",GradientType=1);opacity:0.7;}
.headtitle-page{margin-left:0;margin-top:0;}
.headtitle-page-inner{margin:15px;}
.forgallery .headtitle-page-inner, .forglobal .headtitle-page-inner{margin:0 0 25px;}
.forarticle .headtitle-page-inner{margin:0 20px 0;}
.headtitle-page h1{font-size:150%;color:var(--colorwhite);margin:0 30px;}
.headtitle-page h2{font-size:110%;margin:0 30px;}
.headtitle-page h3{font-size:90%;margin:30px 0 5px 15px;}
.headimage-page{height:40vh}
.pageset .maincenter{height:40vh;}
.meta-row.difle-l{display:block !important;width:100%;}
.content-meta{float:left;}
.heading-content h1{font-size:90%;}
.heading-content-icon svg, .heading-content-icon img{height:20px;}
.heading-content-icon{height:36px;padding:0 10px;}
.content-cont{padding:10px;}
.samegrid-big{display: grid;grid-template-columns: repeat(auto-fit, minmax(calc(100% - 26px), 1fr))!important;grid-gap: 13px !important;}
.gallery-album{margin:0 25px 0 auto;}
.book{width:18vh;height:28vh;margin-top:-3vh;box-shadow:-1.4em 1.7em .3em -.3em rgba(0,0,0,.4),-1.6em 1.8em .9em -.2em rgba(0,0,0,.1),.3em 1.9em 1.3em rgba(0,0,0,.2)}
.book img {clip: rect(0vh, 18vh, 27.5vh, 0vh);}
.gallery-title{top:10px;left:10px;bottom:10px;right:45%;padding:5px 10px;border:var(--colorwhite) 1px solid;}
.gallery-title.difle-c{justify-content: left;}
.framefoto{padding:7px;}
.heading-big h1{font-size:110%;}
.head-table h2{font-size:100%;}
.heading-stat i.fa{width:30px;height:30px;}
.headstat-margin{margin:0 -5px;}
.headstat-column{width:50%;float:left;}
.headstat-padding{padding:0 5px;}
.headstat-big.difle-c{display:block !important;text-align:center;}
.headstat-big svg{width:50%;margin:0 auto;}
.headstat-big h1{font-size:110%;margin:0;}
.statisstyle .box-header h3{font-size:110%;}
.twin-col-pemb{width:calc(100% - 8px);}
.imagecrop-pemb1, .arsip .imagecrop-pemb1{padding-bottom:100%;}
.col-pemb-title h2{font-size:95%;}
.twin-col-pemb .tombol svg{margin:0 !important;}
.pemb-title{width:45%;}
.pemb-image{width:55%;}
.pemb-title-padding{padding:20px 10px;min-height:20vh;}
.pemb-title h1{font-size:95%;margin:0 0;}
.dokumentasi-col{width:calc(50% - 8px)}
.dokumentasi-col p{font-size:90%;}
.social-icon p{display:none;}
.social-icon svg{margin:0;}
.lapak-col{width:calc(100% - 10px);}
.lapak-col-image{width:100%;border-radius:5px 0 0 5px;}
.lapak-col-title{width:100%;border-radius:0 5px 5px 0;background:var(--colorwhite-trans2);padding:15px 0 20px;}
.imagecrop-lapak{padding-bottom:60%;}
.modal.center .modal-dialog, .itempengaduan .modal.center .modal-dialog {width: 90%;}
.pengaduan-1{width:calc(100% - 8px);margin:0 4px;}
.pengaduan-2{width:calc(100% - 8px);margin:0 4px;}
.pengaduan-3{width:calc(100% - 8px);margin:0 4px;}
.pengaduan-2 .status{margin:5px 5px 0 30px;}
.pengaduan-3 h3{font-size:85%;}
.custom-filter-col, .pengaduan .custom-filter-col{width:50%;}
.custom-filter-small1{width:50%;float:none;margin:0 auto;margin-bottom:16px;}
.custom-filter-small2{width:40%;margin-bottom:16px;}
.custom-filter-small3{width:60%;margin-bottom:16px;}
.pengaduan .custom-filter-small1{width:50%;float:left;margin:0;margin-bottom:16px;}
.custom-filter-small4{width:50%;}
.pengaduan .custom-filter-small2, .pengaduan .custom-filter-small3{width:50%;margin-bottom:8px;}
.image-standar{position:relative;float:left;width:100%;margin:0 0 10px;}
.imagecrop-artikel-page{height:180px;}
.imagecrop-artikel-thumb{height:70px;}
.imageinner .carousel-nav2 .flickity-prev-next-button {height:70px;width:20px;background-size:40% auto;}
.imageinner .carousel-nav2 .carousel-cell {height: 70px;}
.imageinner .carousel-nav2{padding:0 20px;}
.imageinner .carousel-nav2:before{left:20px;}
.imageinner .carousel-nav2:after{right:20px;}
.aparatur-page .carouselcustom-item, .statstyle .aparatur-page .carouselcustom-item{width:100%;}
.emptydata-character{width:30%;margin:15px 10px 0 auto;}
.emptygallery .emptydata-character{width:40%;margin:15px 10px 0 auto;}
.emptydata-latar{bottom:35px;}
.emptydata-text{margin:0 20%;}
.c-rocket {left:10px;width:80px;}
.asap1 {width:100px;bottom:-5px;left:-5px;}
.asap2 {width:100px;left:-5px;}
.quartet-column{width:calc(50% - 8px);}
.arsip .artikel-title h2{font-size:90%;}
.arsip .meta-front-year{padding:0 5px 0 5px;}
.twin-column:hover .link-box, .triple-column:hover .link-box, .quartet-column:hover .link-box{width:30px;height:30px;}
.twin-column:hover .link-box svg, .triple-column:hover .link-box svg, .quartet-column:hover .link-box svg{height:18px;}
.col-comment-left{width:100%;}
.col-comment-right{width:100%;text-align:center;}
.col-comment-padding{margin:0;}
.aparatur-page-inner{padding:16px 45px;}
.aparatur-page .flickity-prev-next-button.previous {left:-36px;}
.aparatur-page .flickity-prev-next-button.next {right:-36px;}
.emandiri, .statistik, .galerihome, .aparatur-page, .jadwalshalat, .mycountdown, .headline{margin:0 8px;}
.artikel{margin:0 4px;}
.sidepadding-8{padding:4px 0;}
.padding-tb-8{padding-top:4px;padding-bottom:4px;}
.camera_caption {left:0 !important;}
.camera-title{background:rgba(0,0,0,0.6) !important;padding:10px !important;min-width:none;margin:0 auto;text-align:center !important;}
.statgraph{position:relative;bottom:auto;left:0;right:0;border:none;padding:5px;overflow:hidden;}
.head-population{width:100%;text-align:center;}
.head-population h1{font-size:160%;letter-spacing:-1px;}
.head-population span {font-size:160%;letter-spacing:-1px;}
.population-padding{margin:0;}
.widgetstyle .carousel-cell {width: 100%;}
.widgettop-margin{width:100%;}
.widget-cover1, .widget-cover2{display:none;}
.widget-title p{font-weight:500;font-size:12px;}
.navstat .nav-wrapper li{font-size:14px;display:block;height:55px !important;line-height:55px !important;font-weight:bold;width:50%;}
.box-stat.difle-c{display:block !important;}
.personal{padding:0 8px !important;margin:0 !important;}
.pageset .personal{padding:0 0 !important;margin:0 !important;}
.personal-inner{padding:5px;width:100%;float:left;margin:0 0 8px !important;}
.personal-inner .imagecrop-personal{height:25vh;}
.personal-inner .imagecrop-personal-thumb{height:40px;}
.personal-inner .carousel-nav2 {display:none;}
.personal .carousel-main2{margin-bottom: 0;}
.personal .heading-2{margin:0 0 4px;}
.personal .aparatur-m .carousel-cell{width: 55%;margin:0 3px;}
.aparatur-m .imagecrop-personal{height:30vh;}
.heading-plus{float:right;width:95%;margin-right:4px;}
#kategori .dropdown-menu{right:0 !important;top:100%;}
.options .option .label .info .main p{font-size:13px;margin:4px 5px 0 0;line-height:1.2;}
.mapstyle .modal-content {margin:0 15px;}
.service text {font-size: 20px !important;}
.camera-cover{right:0 !important;bottom:30% !important;background:#000;background:-moz-radial-gradient(right bottom,ellipse cover,transparent 60%,#000 100%);background:-webkit-radial-gradient(right bottom,ellipse cover transparent 60%,#000 100%);background:radial-gradient(ellipse at right bottom,transparent 60%,#000 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='$top_color',endColorstr='$bottom_color',GradientType=1)}
.covidtitle{width:calc(100% - 8px);margin:0 4px 4px;padding:10px 0;}
.covidtitle h3{font-size:100%;}
.covidtitle h2{font-size:120%;}
.coviddata{width:calc(100% - 8px);margin:0 4px;}
.covid-item{width:calc(33.33333333% - 8px);margin:4px;}
.covid-container{padding-bottom:4px;}
.covid-custom{margin:0 8px;}
.covid-item:last-child{width:calc(100% - 8px);}
.covid-item:last-child .head-covid{height:30px;}
.box-content-small .colscroll::-webkit-scrollbar-thumb {background:transparent;}
.widget-group{width:100%;}
.cslider{grid-template-columns: 100% 100%;border:none;background:transparent;}
.cslider .slides .cslide{position:relative;border:none;}
.slide_navigation{display:none !important;}
.widgetstyle{max-height:380px;background:var(--colorgrey2);padding:15px;border-left:var(--colorgrey1) 1px solid;border-right:var(--colorgrey1) 1px solid;margin-left:-16px;margin-right:-16px;}
.widgetstyle:before, .widgetstyle:after{content:"";position:absolute;height:15px;width:100%;background:var(--colorgrey2);left:0;z-index:10;}
.widgetstyle:before{top:0;border-top:var(--colorgrey1) 1px solid;}
.widgetstyle:after{bottom:0;border-bottom:var(--colorgrey1) 1px solid;}

.widget-height{height:306px;}
.cnav, .cmain{width:100%;float:none;margin:0;}
.carouselvert-nav {width: 100%;min-width: 100% !important;transform: rotate(0deg) translate(0, 0);transform-origin: 100%;}
.carouselvert-nav .carousel-cell {
  transform: rotate(0deg);display:block;
  width: 50%;
  height: auto;padding:15px 0;
}
.widget-map{position:relative;width:calc(100% - 16px);margin:8px 8px;padding:10px;}
.maphome-height, .carouselvert-main .carousel-cell{height:220px;}
.carouselvert-nav .carousel-cell:nth-child(1){border-bottom:var(--colorwhite) 2px solid;border-right:var(--colorwhite) 1px solid;}
.carouselvert-nav .carousel-cell:nth-child(2){border-top:none;border-bottom:var(--colorwhite) 2px solid;border-left:var(--colorwhite) 1px solid;}
.map-tab p{font-size:90%;margin:0 10px;}
.map-tab img{height:36px;}
.title-gallery{right:0;top:auto !important;bottom:0;left:0;padding:20% 5px 5px;border:none;background:rgba(0,0,0,0.8);background:-moz-linear-gradient(0deg,rgba(0,0,0,0.8) 0%,transparent 100%);background:-webkit-linear-gradient(0deg,rgba(0,0,0,0.8) 0%,transparent 100%);background:linear-gradient(0deg,rgba(0,0,0,0.8) 0%,transparent 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(0,0,0,0.8)",endColorstr="transparent",GradientType=1)}
.pageset .highcharts-root {width:100%;}
.jadwalshalat-left{width:100%;padding:0 10px;border-bottom:var(--colorgrey1) 1px solid;}
.jadwalshalat-right{width:50%;border:none;border-right:var(--colorgrey1) 1px solid ;}
.jadwalshalat-left h2, .jadwalshalat-left h3{font-size:95%;font-weight:bold;line-height: 1.1;}
.scroller {border-bottom:none;}
.scroller p, .shalat-box{font-size:95%;}
.jadwalshalat-full-title{width:50%;float:right;}
.shalat-col{width:calc(33.33333333% - 8px);}
.panelopen{padding:8px;}
.shalat-box{height:50px;}
.countdown-box{padding:10px 0;}
.hexagon-absolute p{font-size:10px;}
.hexagon-wrapper{width:70px;height:70px;}
.countdown-title{margin:10px 5px 0;}
.countdown-title h2{font-size:100%;font-weight:bold;letter-spacing:-0.5px;}
.headline-cont{background:var(--grad1);}
.headline-image{width:100%;}
.headline-title{width:100%;background:transparent}
.headline-padding{padding:10px;}
.headline-title h2{font-size:100%;}
.imagecrop-headline{padding-bottom:55%;}
.idm-item{width:calc(50% - 8px);margin:14px 4px 0;}
.idm-heading h1, .idm-heading h2{font-size:110%;}
.idm-table{width:calc(100% - 8px);margin:0 4px;}
.bannerevent{margin:0 8px;}
.corner-left, .corner-right{width:45%;}
.islami-container .corner-left, .islami-container .corner-right{width:35%;}
.banner-title h1{font-size:120%;}
.banner-title p, .banner-title h2{font-size:100%;}
table.agenda-table{width:100% !important;margin:0!important;}
table.agenda-table:nth-child(3) td{border-top:none !important;}
.regpusako-container{padding:0 5%;}
.regpusako-title img{height:70px;}
.regpusako-title h1{font-size:140%;}
.no-border-bottom{border-bottom:none !important;}
.headline .logo-no-image img{margin:auto !important;}
.headline:hover .link-box{margin:auto;}
.box-idm{width:calc(50% - 16px);}
.idm-value h2{font-size:100%;}
.idm-title{margin:0 10px;height:14vh;padding:0 30px;}
.idm-value{padding:15px 0 20px;}
.box-idm-arrow{bottom:-9px;border-right:transparent 30px solid;}
.box-idm-arrow:after{right:-30px;border-right:transparent 30px solid;border-top:rgba(0,0,0,0.4) 10px solid;}
.greenstyle .box-idm-arrow{border-top:var(--color2) 10px solid;}
.yellowstyle .box-idm-arrow{border-top:#f6b530 10px solid;}
.bluestyle .box-idm-arrow{border-top:var(--color1) 10px solid;}
.violetstyle .box-idm-arrow{border-top:#C26991 10px solid;}
.idm-title svg{height:28px;margin:0 aut0;}
.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%;}
.slick_slider,.cycle-slideshow{width:80%;}
.colscroll{overflow-y: scroll;scrollbar-width: 0px !important;}
.colscroll::-webkit-scrollbar{width: 0px !important;}
.colscroll{scrollbar-width: 0px !important;}
.colscroll::-webkit-scrollbar-track{background:transparent !important;}
.colscroll::-webkit-scrollbar-thumb {background:transparent !important;}
.widgetstyle .colscroll{padding-left:6px;width:calc(100% - 6px);}
.thearticle:hover .imagecrop-artikel{height:30vh;z-index:2;}
.loader{bottom:50%;}
.scriptmati{padding:0 15px;}
.headline .tohover-image:hover .image-link-hover svg{margin-right:0;}
.gendermale img{height:30px;margin:0 3px 0 0;}
.genderfemale img{height:30px;margin:0 0 0 3px;}
.bgload{bottom:-10vh;}
#loadingpusako{bottom:-10vh;}
.widget-isi{margin:0 5px;}
.box-content-small{height:286px;}
.headimage-page img{opacity:0.3;}
.leftmenu-padding{padding-bottom:30px;}
.loading-pusako{position:absolute;width: 80%;}
.foto-table{width:65px;}
.organisasi .custom-table td{padding:5px;font-size:90%;line-height:1.1;}
.table-responsive{border:none;}
.lembaga{margin:0 8px;}
.lembaga-box{padding:0 0 5px;}
.lembaga .carouselcustom-item {width:50%;}
}

@media (max-width: 720px) {
.slideshow, .scrollheight .slideshow{height:220px;}
.maincenter, .scrollheight .maincenter{height:230px;}
.logo h1{font-size:100%;}
.logo h2{font-size:90%;}	
.logo img{height:50px;}
.homestyle .logo img{height:60px;}
.artikel .auto-w{display: block !important;width:100%;}
.thearticle.triple-column{width:100%;margin:4px 0;}
}