.top_ndeso {
    position: relative;
    margin: 0 auto;
	border-width: 122px 0 0;
	border-style: solid;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    font-family: Poppins;
    font-size: 15px;
}

body:not(.home) .top_ndeso {
    border-width: 182px 0 0;
}

.ndeso__container {
    padding: 0 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.ndeso__clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 120px;
    z-index: 900;
    border-width: 2px 0 0;
	border-style: solid;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    transition: all .3s ease;
}

.onscroll .header {
    height: 26px;
}

.top_head {
    transition: all .3s ease;
    height: 94px;
    overflow: hidden;
}

.onscroll .top_head {
    height: 0;
}

/* Slide layanan */

.layanan {
    margin: 0;
    padding: 0 0 0 10px;
    height: 26px;
}

.pro_day {
    position: relative;
    width: auto;
    float: left;
    display: inline-block;
    padding: 0 12px 0 0;
    height: 26px;
    line-height: 25px;
    font-weight: 700;
    font-size: 14px;
    z-index: 2;
}

.pro_lay {
    position: relative;
    height: 26px;
    line-height: 25px;
    font-size: 14px;
}

.pro_lay:before {
    content: '';
    position: absolute;
    left: 5px;
    right: 5px;
    top: 50%;
    height: 1px;
    z-index: 1;
}

.pro_lay span {
    position: relative;
    z-index: 2;
    margin: 0 30px 0 0;
    padding: 0 5px 0 0;
}

.pro_lay a {
    position: relative;
    z-index: 2;
    padding: 0 0 0 5px;
    font-weight: 700;
}

.logo {
    width: calc( 44% - 20px);
    height: 54px;
    padding: 20px 20px 20px 0;
    overflow: hidden;
    float: left
}

.logo img {
    height: 54px;
    width: auto;
    display: block
}

.pro_age {
    float: right;
    width: 400px;
    height: 64px;
    overflow: hidden;
    position: relative;
    margin: 15px 0;
}

.agenda_head {
    margin: 0 -3px;
}

.agenda_tgl {
    float: right;
    width: 65px;
    height: 64px;
    margin: 0 3px;
    padding: 0 10px 0 5px;
    border-radius: 6px;
    text-align: right;
    pointer-events: none;
    position: relative;
}

.agenda_hr {
    height: 40px;
    line-height: 44px;
    font-size: 36px;
    font-weight: bold;
    letter-spacing: -1px;
}

.agenda_no .agenda_tgl {
    width: 60px;
    height: 64px;
    margin: 0 3px;
    padding: 0 10px;
    text-align: center;
}

.agenda_ac .agenda_tgl:after {
    content: '\e812';
    position: absolute;
    left: -7px;
    top: 3px;
    font-family: "ndeso-font";
    font-style: normal;
    font-weight: normal;
    animation: shake 1.8s ease-in-out infinite;
    /* 0.8s goyang + 3s jeda */
}

@keyframes shake {
    0%,
    100% {
        transform: rotate(0deg);
    }
    /* Posisi normal */
    5% {
        transform: rotate(-25deg);
    }
    10% {
        transform: rotate(10deg);
    }
    15% {
        transform: rotate(-10deg);
    }
    20% {
        transform: rotate(5deg);
    }
    25% {
        transform: rotate(-5deg);
    }
    30% {
        transform: rotate(0deg);
    }
    /* Akhiran goyangan */
    100% {
        transform: rotate(0deg);
    }
    /* Tetap diam selama sisa waktu */
}

.agenda_no .agenda_hr {
    height: 64px;
    line-height: 64px;
}
.agenda_tg {
	font-size: 60px;
}
.agenda_bl {
    height: 15px;
    line-height: 15px;
    font-size: 12px;
    overflow: hidden;
}

.agenda_data {
    position: relative;
    float: left;
    width: calc( 100% - 132px);
    height: 34px;
    margin: 0 3px;
    padding: 15px 20px;
    border-radius: 6px;
}

.agenda_tm {
    height: 14px;
    line-height: 14px;
    font-size: 12px;
    margin: 0 0 4px;
}

.agenda_togo {
    font-size: 14px;
    line-height: 1.25;
    margin: 0 70px 0 0;
}

.agenda_togo a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.agenda_linkto {
    position: absolute;
    right: 20px;
    bottom: calc( 50% - 15px);
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-width: 1px;
	border-style: solid;
    font-size: 14px;
    border-radius: 30px;
}

/* Nav */

.nav_ndeso {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    transition: all .3s ease;
}


.top_nav {
    padding: 8px;
    position: relative;
}

.nav {
    float: right;
}

.nav .deskmenu {
    height: 44px;
    display: block;
}

.nav .deskmenu,
.nav .deskmenu ul,
.nav .deskmenu li,
.nav .deskmenu a,
.nav .deskmenu span {
    border: none;
    outline: none;
}

.nav .deskmenu li {
    list-style: none;
    float: left;
    display: inline-block;
    margin: 0;
    text-align: center;
    line-height: 44px;
    position: relative;
}

.nav .deskmenu li.menu-item-has-children:before {
    content: "";
    position: absolute;
    top: 8px;
    right: 8px;
    width: 8px;
    height: 8px;
    border-radius: 10px;
}

.nav .deskmenu li a {
    text-decoration: none;
    display: block;
    margin: 0;
    padding: 0 12px;
    font-size: 15px;
    font-weight: bold;
    line-height: 44px;
    position: relative;
}

.nav .deskmenu li.menu-item-has-children>a {
    padding: 0 24px 0 12px;
}

.nav .deskmenu li>.sub-menu {
    padding: 10px 0;
    position: absolute;
    width: 180px;
    display: none;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.nav .deskmenu li:hover>.sub-menu {
    display: block;
}

.nav .deskmenu li>.sub-menu>li {
    display: block;
    float: none;
    text-align: left;
    line-height: 1.25;
}

.nav .deskmenu li>.sub-menu>li a {
    padding: 8px 20px;
    line-height: 1.25;
	font-weight: 400;
}

.nav .deskmenu li>.sub-menu>li.menu-item-has-children:before {
    display: block;
	right: 15px;
}

.nav .deskmenu li>.sub-menu>li>ul {
    display: none;
	position: absolute;
	right: 100%;
	top: -10px;
}
.nav .deskmenu li>.sub-menu>li:hover>ul {
    display: block;
}
.top_openmenu {
    position: absolute;
    top: 8px;
    right: 0;
    width: 44px;
    height: 44px;
    background: rgba(255, 255, 255, 0.3);
    display: none;
}

.top_openmenu i {
    margin: 5px;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
}

.search__form {
    float: left;
    background: rgba(255, 255, 255, 0.3);
    padding: 5px;
}

.search__form fieldset {
    display: flex;
}

.search__form input {
    border: 0;
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    width: 230px;
    margin: 0 5px 0 0;
    font-size: 15px;
}
.search__form input::placeholder {
	opacity: 1;
}
.search__form select {
    height: 34px;
    line-height: 34px;
    width: 125px;
    padding: 0 10px;
    margin: 0 5px 0 0;
    border: 0;
    appearance: none;
    font-size: 15px;
}

.search__form button {
    height: 34px;
    line-height: 34px;
    width: 34px;
    text-align: center;
    padding: 0;
    margin: 0;
    border: 0;
    font-size: 15px;
    border-radius: 0;
}

.allclose {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    display: none;
}




/* Big Slider */

.top_customizer {
	background: #d35;
	color: #fff;
	text-align: center;
	padding: 20px;
	margin: 0 0 40px;
}

.bigslider img {
    width: 100%;
}

/* Content */

.inner_content {
    position: relative;
    z-index: 2;
    margin-top: -40px;
}

body:not(.home) .inner_content {
    margin: 0;
}

/* Widget Big Slider */

.bigslider .ndeso__container {
    padding: 0;
}

/* Widget Latest Post */

.latestpost {
    padding: 0 0 20px;
}

.latestpost h3 {
    padding: 10px 20px;
    font-size: 22px;
    margin: 0 0 20px;
    height: 40px;
    line-height: 40px;
    position: relative;
}

.latestpost h3 a {
    position: absolute;
    right: 20px;
    top: calc( 50% - 15px);
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
}

.late__post {
    margin: 0;
    padding: 0;
}

.late__slide {
    margin: 0;
}

.late__loop {
    position: relative;
	border-radius: 8px;
	overflow: hidden;
}

.late__loop img {
    width: 100%;
}

.late__loop:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.7;
    z-index: 1;
}

.late__over {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10px;
    font-size: 15px;
    line-height: 1.3;
    padding: 65px 20px 20px;
    z-index: 2;
}

.late__span {
    position: absolute;
    top: 0;
    right: 20px;
    width: 46px;
    padding: 5px 0 10px;
    text-align: center;
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
    z-index: 2;
}

.late__span span {
    display: block;
}

.late__day {
    height: 22px;
    line-height: 22px;
    font-size: 22px;
    font-weight: bold;
}

.late__month {
    height: 14px;
    line-height: 14px;
    font-size: 12px;
}

.late__year {
    height: 14px;
    line-height: 14px;
    font-size: 10px;
}

.late__title {
    font-weight: bold;
}

.late__title a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* Widget Agenda */

.agendadesa {
    padding: 0 0 20px;
}

.event__post {
    margin: 0;
    padding: 50px 20px 30px;
}

.event__out {
    padding: 0;
}

.agendadesa h3 {
    margin: 0 0 15px;
    text-align: center;
    font-size: 30px;
    line-height: 1.25;
}

.event__next {
    margin: 0;
}

.next__text {
    max-width: 600px;
    text-align: center;
    margin: 0 auto 30px;
}

.next__block {
    text-align: center;
}

.next__loop {
    position: relative;
    display: inline-block;
    width: 85px;
    height: 100px;
    margin: 0 10px 20px;
    padding: 20px;
    overflow: hidden;
    border-radius: 6px;
}


.next__loop:after {
    content: '';
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 150px;
    bottom: -100px;
    right: -40px;
}

.next__loop:before {
    content: '';
    position: absolute;
    width: 150px;
    height: 180px;
    border-radius: 150px;
    bottom: -90px;
    right: -70px;
}

/* Widegt Galeri */

.gallerypost {
    padding: 0 0 20px;
}

.gallerypost h3 {
    padding: 10px 20px;
    font-size: 22px;
    margin: 0 0 20px;
    height: 40px;
    line-height: 40px;
    position: relative;
}

.gallerypost h3 a {
    position: absolute;
    right: 20px;
    top: calc( 50% - 15px);
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
}

.gall__post {
    margin: 0;
}

.gal__loop {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.gal__loop img {
    width: 100%;
    display: block;
}

.gal__loop .gal__over {
    position: absolute;
    top: 0;
    left: -100%;
    right: 100%;
    bottom: 0;
    z-index: 1;
    opacity: 0;
    transition: all .5s ease;
}

.gal__over:after {
    content: '';
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 150px;
    bottom: -100px;
    right: 340px;
    background: rgba(255, 255, 255, 0.15);
    transition: all .5s ease .3s;
}

.gal__over:before {
    content: '';
    position: absolute;
    width: 150px;
    height: 180px;
    border-radius: 150px;
    bottom: 490px;
    right: -70px;
    background: rgba(255, 255, 255, 0.15);
    transition: all .5s ease .3s;
}

.is-visible.is-next .gal__loop .gal__over {
    left: 0;
    right: 0;
    opacity: 0.95;
}

.is-visible.is-next .gal__loop .gal__over:after {
    bottom: -100px;
    right: -40px;
}

.is-visible.is-next .gal__loop .gal__over:before {
    bottom: -90px;
    right: -70px;
}

.is-visible.is-active .gal__loop .gal__over {
    left: 100%;
    right: -100%;
}

.splide__slide--clone.is-active .gal__loop .gal__over {
    left: -100%;
    right: 100%;
    opacity: 0;
}

.is-visible .gal__loop .gal__over {
    left: -100%;
    right: 100%;
    opacity: 0;
}

.gal__span {
    padding: 50px 20px;
}

.gal__title {
    font-weight: bold;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.gal_linkto {
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 20px;
    border-radius: 30px;
    transition: all .3s ease .8s;
    transform: scale(0);
}

.is-visible.is-next .gal_linkto {
    transform: scale(1);
}

.gal__loop:hover .gal_linkto {
    transition: all .3s ease .1s;
}

/* Widget Video */

.videopost {
    padding: 0 0 20px;
}

.videopost h3 {
    padding: 10px 20px;
    font-size: 22px;
    margin: 0 0 20px;
    height: 40px;
    line-height: 40px;
    position: relative;
}

.videopost h3 a {
    position: absolute;
    right: 20px;
    top: calc( 50% - 15px);
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
}

.video_outer {
    margin: 0 -10px;
}

.video__late {
    float: left;
    width: 50%;
}

.video__inner {
    margin: 0 10px;
}

.video__late iframe {
    display: block;
    width: 100%;
    height: 335px;
    border-radius: 8px;
    overflow: hidden;
}

/* Widget produk */

.produkdesa {
    padding: 0 0 20px;
}

.slide__produk {
    margin: 0;
    padding: 0;
}

.produkdesa h3 {
    padding: 10px 20px;
    font-size: 22px;
    margin: 0;
    height: 40px;
    line-height: 40px;
    position: relative;
}

.top_produk {
    border-radius: 8px;
    overflow: hidden;
    margin: 20px 0 0;
    position: relative;
}

.top_foto {
    width: 75%;
    float: right;
    position: relative;
}

.top_foto:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.top_foto img {
    display: block;
    width: 100%;
}

.top_detail {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    height: 100%;
    margin: 0 -25% 0 0;
    padding: 0;
}

.in_detail {
    padding: 20px 0 20px 20px;
}

.ty_detail {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 8px;
    margin: 0 0 20px;
    font-size: 12px;
}

.or_detail {
    font-size: 12px;
    margin: 0 0 10px;
}

.na_detail a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: bold;
    line-height: 1.25;
}

.cp_detail {
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 2;
}

.cp_detail a {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    text-align: center;
    margin: 0 0 0 2px;
}

.slide__produk .splide__arrows {
    position: absolute;
    top: -45px;
    right: 20px;
    height: 30px;
    width: 65px;
}

.slide__produk .splide__arrow--prev {
    left: 0;
    border-radius: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    opacity: 1;
}

.slide__produk .splide__arrow--next {
    right: 0;
    border-radius: 0;
    background: #189adc;
    width: 30px;
    height: 30px;
    line-height: 30px;
    opacity: 1;
}

.slide__produk .splide__arrow svg {
    fill: #fff;
}

/* Widget Pembangunan */

.bangundesa {
    padding: 0 0 20px;
}

.bangun__out {
    margin: 0;
}

.bangun__fimage {
    margin: 0;
    position: relative;
	border-radius: 8px 8px 0 0;
	overflow: hidden;
}

.bangun__fimage img {
    width: 100%;
    display: block;
}

.bangun__fimage span {
    position: absolute;
    bottom: 20px;
    left: 20px;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: bold;
}

.bangun_fdata {
    margin: 0;
    padding: 20px;
	border-radius: 0 0 8px 8px;
	overflow: hidden;
}

.fdata_nom {
    font-size: 26px;
    font-weight: bold;
    margin: 0 0 10px;
}

.fdata_ttl {
    margin: 0 0 10px;
}

.fdata_ttl a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.25;
}

/* Widget Pengumuman */

.pengumumandesa {
    padding: 0 0 20px;
}

.woro__post {
    padding: 0 20px;
}

.pengumumandesa h3 {
    padding: 10px 0;
    border-width: 0 0 1px;
	border-style: solid;
    font-size: 22px;
    margin: 0 10px 20px;
    height: 40px;
    line-height: 40px;
    position: relative;
}

.pengumumandesa h3 a {
    position: absolute;
    right: 0;
    top: calc( 50% - 15px);
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
}

.woro_out {
    margin: 0 -10px;
}

.woro_loop {
    width: 25%;
    float: left;
}

.woro_in {
    margin: 0 20px 20px 10px;
}

.woro_date {
    float: left;
    width: 60px;
    height: 50px;
    padding: 10px;
    margin: 0 10px 0 0;
    border-radius: 8px;
}

.woro_d {
    height: 30px;
    line-height: 30px;
    display: block;
    font-size: 40px;
	font-weight: bold;
}

.woro_m {
    height: 15px;
    line-height: 15px;
    font-size: 12px;
}

.woro_ttl {
    float: left;
    width: calc( 100% - 90px);
    padding: 5px 0;
    line-height: 1.25;
}

.woro_ttl a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* Widget Kades Opini */

.kadesdanwarga {
    padding: 0 0 20px;
}

.top_kawar {
    margin: 0 -10px;
}

.top_kades {
    width: 33.33%;
    float: left;
    position: sticky;
    top: 110px;
}

.in_kades {
    margin: 0 10px;
    padding: 20px 10px 10px;
}

.in_kades h3 {
    font-size: 22px;
    font-weight: 700;
    margin: 0 10px 8px;
}

.in_kades h4 {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    margin: 0 10px 20px;
}

.loop_kades {
    padding: 10px;
	float: left;
	width: calc( 100% - 20px );
}

.a_kades {
    float: left;
    width: 80px;
    margin: 0 20px 0 0;
    line-height: 1.25;
}

.a_kades img {
    display: block;
    width: 100%;
	border-radius: 8px;
}

.ttl_kades {
    float: left;
    width: calc( 100% - 100px);
    line-height: 1.25;
}

.ttl_kades span {
    display: block;
    margin: 0 0 6px;
    font-size: 13px;
}

.ttl_kades a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.top_opini {
    width: 66.66%;
    float: left;
}

.in_opini {
    margin: 0 10px;
    background: #fff1c9;
    padding: 20px;
}

.in_opini h3 {
    font-size: 22px;
    font-weight: 700;
    margin: 0;
}

.in_opini h4 {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    margin: 0;
}

.grid_opini {
    column-count: 2;
    column-gap: 20px;
}

.op_grid {
    padding: 0 0 20px;
    display: grid;
    grid-template-rows: 1fr auto;
    break-inside: avoid;
}

.op_grid.op_loop {
    background: rgba(0,0,0,0.05);
    padding: 20px;
    margin: 0 0 20px;
    border-radius: 10px;
}

.op_ttl {
    font-weight: bold;
    line-height: 1.25;
    margin: 0 0 8px;
}

.op_loop small {
    font-size: 85%;
    margin: 0 0 5px;
}

.op_exc {
    font-size: 14px;
}

/* Widget Hero */

.herondeso {
    padding: 0 0 20px;
}

.top_hero {
    padding: 50px 20px 0;
    margin: 0;
}

.head_hero {
    max-width: 600px;
    text-align: center;
    margin: 0 auto 15px;
    font-size: 30px;
    line-height: 1.25;
}

.text_hero {
    max-width: 600px;
    text-align: center;
    margin: 0 auto 30px;
}

.hero__link {
    text-align: center;
}

.hero__link a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    margin: 0 auto 50px;
    font-weight: bold;
}

.in_stat {
    margin: 0 -10px;
}

.top_layer {
    float: left;
    position: relative;
    overflow: hidden;
    width: calc( 33.33% - 80px);
    padding: 80px 30px 50px;
    margin: 0 10px 20px;
    border-radius: 8px;
}

.aktual__top {
    display: inline-block;
    font-size: 16px;
    margin: 0 0 10px;
    padding: 5px 15px;
    position: relative;
    border-radius: 6px;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.5) z-index: 2;
}

.aktual__bottom {
    font-weight: bold;
    font-size: 22px;
}

.top_layer:after {
    content: '';
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 150px;
    bottom: -100px;
    right: -40px;
}

.top_layer:before {
    content: '';
    position: absolute;
    width: 150px;
    height: 180px;
    border-radius: 150px;
    bottom: -90px;
    right: -70px;
}

/* Widget Perangkat */

.perangkatslider {
    padding: 0 0 20px;
}

.in_prank {
    padding: 10px;
    display: block;
    max-width: 300px;
    margin: 0 6px;
}
.single .in_prank {
	margin: 0 auto;
}

.in_prank img {
    clip-path: polygon(100% 0, 100% 100%, 66% 80%, 0 80%, 0 0);
}

.data__prank {
    padding: 10px 10px 10px;
    position: relative;
}

.post-type-archive-rukun-warga .data__prank {
    margin-top: -45px;
}

.job__prank {
    font-size: 11px;
    text-transform: uppercase;
    margin: 0 0 3px;
}

.name__prank {
    font-weight: bold;
    line-height: 1.25;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.cp_prank {
    position: absolute;
    left: 10px;
    bottom: 65px;
}

.cp_prank a {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0 5px 0 0;
    border-radius: 30px;
}

.pro_sidebar {
    position: sticky;
    top: 70px;
    float: right;
    width: 340px;
}

.ndesopro_secondary {
    margin: 0 10px;
}

.widget_block {
    margin: 0 0 20px;
    font-size: 15px;
    line-height: 1.4;
}

.widget_block h1 {
    font-size: 27px;
    margin: 0 0 10px;
    letter-spacing: -1px;
}

.widget_block h2 {
    font-size: 25px;
    margin: 0 0 10px;
    letter-spacing: -1px;
}

.widget_block h3 {
    font-size: 22px;
    margin: 0 0 10px;
    letter-spacing: -1px;
}

.widget_block h4 {
    font-size: 18px;
    margin: 0 0 10px;
}

.widget_block h5 {
    font-size: 17px;
    margin: 0 0 10px;
}

.widget_block h6 {
    font-size: 16px;
    margin: 0 0 10px;
}

.widget_block p {
    margin: 0 0 10px;
}

.widget_block ul,
.widget_block ol {
    margin: 0 0 10px;
}

.widget_block ul li,
.widget_block ol li {
    margin: 0 0 0 15px;
}

.widget_block blockquote {
    padding: 15px;
    background: rgba(0, 0, 0, 0.02);
    font-size: 16px;
}

.widget_block blockquote cite {
    font-size: 13px;
}

.widget_block .wp-block-code code {
    padding: 15px;
    background: rgba(0, 0, 0, 0.02);
}

.widget_block .wp-block-table {
    width: 100%;
}

.widget_block .wp-block-table td {
    padding: 10px;
    border: 1px solid rgba(125, 125, 125, 0.3);
    margin: 0 0 -1px -1px;
}

.widget_block .wp-block-pullquote blockquote {
    background: none;
}

.widget_block figcaption {
    font-size: 12px;
    padding: 5px 0;
}

.widget_block .wp-block-archives,
.widget_block .wp-block-categories {
    margin: 0;
    list-style: none;
}

.widget_block .wp-block-archives li,
.widget_block .wp-block-categories li {
    padding: 0 0 10px;
    margin: 0 0 10px;
    border-bottom: 1px dashed rgba(125, 125, 125, 0.3);
}

.widget_block .wp-block-calendar table th {
    background: rgba(0, 0, 0, 0.05);
}

.widget_block .wp-block-calendar table caption {
    font-size: 16px;
    padding: 0 0 10px;
}

.widget_block .wp-calendar-nav {
    padding: 10px 0;
}

.widget_block .wp-block-latest-comments__comment {
    padding: 0 0 10px;
    margin: 0 0 10px;
    border-bottom: 1px solid rgba(125, 125, 125, 0.3);
    line-height: 1.4;
}

.widget_block .wp-block-latest-comments__comment-excerpt p {
    line-height: 1.4;
}

.widget_block .wp-block-latest-comments__comment-date {
    font-style: italic;
}

.widget_block .wp-block-latest-posts.wp-block-latest-posts__list li,
.widget_block .wp-block-pages-list__item {
    margin: 0 0 10px;
    padding: 0 0 10px;
}

.widget_block .wp-block-latest-posts.wp-block-latest-posts__list li time {
    font-size: 12px;
    line-height: 1.3;
}

.widget_block .wp-block-page-list {
    list-style: none;
}

.widget_block .wp-block-pages-list__item.has-child {
    padding: 0;
}

.widget_block .wp-block-pages-list__item.has-child .submenu-container {
    margin: 10px 0 0 15px;
}

.widget_block .wp-block-rss {
    list-style: none;
}

.widget_block .wp-block-rss__item {
    padding: 0 0 10px;
    margin: 0;
}

.widget_block .wp-block-tag-cloud a {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    font-size: 14px !important;
    padding: 0 10px;
    margin: 0 0 4px;
}

.widget_block .wp-block-search .wp-block-search__button {
    border: 0;
    height: 40px;
    line-height: 40px;
    width: 70px;
    padding: 0;
    margin-left: 10px;
    text-align: center;
}

.widget_block .wp-block-search .wp-block-search__input {
    box-shadow: 0 0 10px inset rgba(125, 125, 125, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.2);
    height: 40px;
    line-height: 40px;
    width: calc(100% - 90px);
    padding: 0 15px;
    background: #fff;
    color: #222;
    float: left;
}

.widget_block .wp-block-search .wp-block-search__label {
    margin: 0 0 6px;
    font-style: italic;
    display: block;
}

.widget_block.widget_meta li {
    padding: 0 0 10px;
}

.widget_block.widget_nav_menu li {
    padding: 0 0 10px;
}

.widget_block.widget_nav_menu li.menu-item-has-children {
    padding: 0;
}

.widget_block.widget_nav_menu li.menu-item-has-children ul.sub-menu {
    margin: 10px 0 0;
}

.widget_block .wp-block-video iframe {
    width: 100%;
    padding: 0 0 10px;
    height: 200px;
}

/* Search */

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
    width: calc(100% - 10px) !important;
}

.wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper {
    width: calc(100% - 2px) !important;
}

.wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper {
    width: 100% !important;
}

/* Breadcrumb */

.top_the_heading {
    text-align: center;
    padding: 80px 0;
}

.home .top_the_heading {
    padding: 180px 0 80px;
}

.breadcrumbs {
    padding: 0 20px 10px;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.25;
    text-align: center;
}

.single .breadcrumbs {
    display: none;
}

.top_heading {
    font-size: 30px;
    line-height: 1.3;
    margin: 0 auto;
    max-width: 700px;
}

.single .top_heading {
    font-size: 35px;
}

.text_not {
    font-size: 14px;
    padding: 15px 0 0;
}

.top_meta {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0 0;
}

.top_404 {
    padding:
}

.the_inner {
    margin: 0 -15px;
    padding: 50px 0;
}

.the_content {
    width: calc( 100% - 320px);
    float: left;
    position: sticky;
    top: 120px;
}

.the_content.the_pede {
    width: 100%;
}

.in_content {
    margin: 0 15px;
}

.pro_archive_out {
    margin: 0 -10px;
}

.peo_archive_out {
    margin: 0 -6px;
}

.pro_archive_out .ndeso__clear {
    display: none;
}

.peo_archive_out .ndeso__clear {
    display: none;
}

.pro_archive_out .ndeso__clear:nth-child(6n) {
    display: block;
}

.peo_archive_out .ndeso__clear:nth-child(10n) {
    display: block;
}

.pro_loop {
    width: 33.33%;
    float: left;
}

.pede_loop {
    width: 20%;
    float: left;
}

.in_loop {
    margin: 0 10px 20px;
    position: relative;
    overflow: hidden;
	border-radius: 8px;
}

.ai_loop,
.ai_loop img {
    display: block;
    width: 100%;
}

.mt_loop {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    z-index: 1;
}

.mt_in_loop {
    padding: 10px 20px 40px;
    background: linear-gradient(rgba(0, 0, 0, 0), #333);
}

.mt_a_loop {
    display: block;
    line-height: 1.3;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 0 -1px 1px #000;
    color: #fff;
    margin: 0 0 10px;
    font-family: Poppins;
}

.mt_d_loop {
    height: 20px;
    line-height: 20px;
    color: #fff;
    font-size: 12px;
}

.mt_d_loop i {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin: 0 5px 0 0;
    border-radius: 20px;
}

/* Arc Pro */

.arc_produk {
    position: relative;
    float: left;
    width: calc( 50% - 20px);
    margin: 0 10px 20px;
    border-radius: 8px;
    overflow: hidden;
	box-shadow: 0 0 20px rgba(0,0,0,0.06);
}

.arc_video {
    width: 50%;
    float: left;
}

.arc_iframe {
    margin: 0 10px 20px;
}

.arc_iframe iframe {
    display: block;
    width: 100%;
    height: 240px;
}

.arc_foto {
    width: 75%;
    float: right;
    position: relative;
}

.arc_foto:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 30%;
    bottom: 0;
    z-index: 1;
}

.arc_foto img {
    display: block;
    width: 100%;
}

.arc_detail {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    height: 100%;
    margin: 0 -25% 0 0;
    padding: 0;
}

.arcin_detail {
    padding: 20px 0 20px 20px;
}

.arcty_detail {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 8px;
    margin: 0 0 20px;
    font-size: 12px;
}

.arcor_detail {
    font-size: 12px;
    margin: 0 0 10px;
}

.arcna_detail a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: bold;
    line-height: 1.25;
    text-shadow: 0 1px 1px #fff;
}

.arccp_detail {
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 2;
}

.arccp_detail a {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    text-align: center;
    margin: 0 0 0 2px;
}

.dd_ket {
    margin: 0 0 20px;
}

.dd_ket span {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    position: relative;
    margin: 0 30px 0 0;
    padding: 0 0 0 60px;
}

.dd_out:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    border-radius: 26px;
}

.dd_in:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    border-radius: 26px;
}

.tab_dana {
    width: 100%;
    margin: 0 0 20px;
}

.dana_loop {
    margin: 0 0 -1px;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.05);
    border-width: 1px;
	border-style: solid;
    position: relative;
}

.tab_dana .dana_name {
    float: left;
    padding: 20px;
    font-size: 14px;
}

.tab_dana h2 {
    margin: 0 0 5px;
    font-size: 16px;
}

.dana_name div {
    padding: 3px 0;
}

.dana_name div span {
    display: inline-block;
    width: 110px;
}

.dana_out {
    position: absolute;
    right: 200px;
    top: calc( 50% - 20px);
    width: 160px;
    display: flex;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    border-radius: 35px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
}

.dana_in {
    position: absolute;
    right: 20px;
    top: calc( 50% - 20px);
    bottom: ;
    width: 160px;
    display: flex;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    border-radius: 35px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
}

/* Demografi */

.piecharts {
    width: auto;
    height: 450px;
}

.piecharts text {
    font-family: Poppins !important;
}

/* Layanan */

.lay_loop {
    margin: 0 0 -1px;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.05);
    border-width: 1px;
	border-style: solid;
    position: relative;
    padding: 20px;
}

.lay_loop img {
    float: left;
    margin: 0 20px 0 0;
	border-radius: 8px;
}

.lay_kontak {
    float: left;
    width: calc( 100% - 170px);
}

.lay_nama {
    font-weight: bold;
    font-size: 20px;
    line-height: 1.25;
    margin: 0 0 5px;
}

.lay_add {
    font-size: 14px;
    margin: 0 0 15px;
}

.ang {
    padding: 10px 0 0;
}

.ang a {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    font-size: 14px;
    border-radius: 6px;
}

.layanan_table {
    width: 100%;
}

.layanan_table td {
    padding: 10px 0;
    border-width: 0 0 1px;
	border-style: solid;
}

.layanan_table .rw_center {
    text-align: center;
    padding: 0 5px;
}

.work_hour {
    text-align: center;
}

/* Pagination */

.pagination a {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    margin: 0 2px 30px 0;
    font-size: 12px;
    font-weight: bold;
	border-radius: 20px;
}

/* Sidebar */

.the_sidebar {
    width: 320px;
    float: right;
    position: sticky;
    top: 120px;
}

.in_sidebar {
    margin: 0 15px;
}

.in_sidebar .widget_block {
    padding: 20px;
    border-radius: 8px;
}

/* Single */

.blog_top {
    margin: 0 0 20px;
}

.the_content .the_title {
    font-size: 35px;
    margin: 0 0 10px;
    line-height: 1.25;
}

.out_single {
    margin: 0 -10px;
}

.in_single {
    float: right;
    width: calc( 100% - 280px);
    min-height: 100px;
    margin: 0 10px;
}

.single_image {
    margin: 0 0 15px;
}

.in_agenda {
    margin: 0 30px 20px;
    padding: 30px;
    border-radius: 6px;
}

.in_icon {
    float: left;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 30px;
    border-radius: 50px;
    margin: 0 15px 0 0;
}

.part_agenda {
    float: left;
    width: calc( 100% - 65px);
    min-height: 40px;
    font-size: 16px;
    margin: 0 0 20px;
    padding: 5px 0;
}

.meta_agenda {
    font-size: 14px;
}

.call_agenda {
    text-align: right;
}

.call_agenda a {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    font-size: 14px;
    border-radius: 6px;
}

.in_personal {
    padding: 0 30px;
    margin: 0 0 20px;
}

.single_profile {
    width: 240px;
    float: left;
    margin: 0 20px 0 0;
}

.blog_content .demografi_tab {
    width: 100%;
    position: relative;
    font-size: 14px;
    margin: 0 0 20px;
}

.blog_content .demografi_tab td {
    border-width: 1px 0 0;
    border-style: solid;
    padding: 10px 0;
}

.blog_content .demografi_tab td:last-child {
    text-align: right;
}

.blog_content .demografi_tab tr:last-child td {
    border-width: 1px 0;
}

.blog_content {
    padding: 0 30px;
}

.single-post .blog_content p:first-child {
    font-size: 16px;
    margin: 0 0 20px;
    background: rgba(0,0,0,0.035);
    padding: 25px;
    border-radius: 8px;
}

.blog_content h1,
.blog_content h2,
.blog_content h3,
.blog_content h4,
.blog_content h5,
.blog_content h6 {
    margin: 5px 0 16px;
    line-height: 1.25;
}

.blog_content h1 {
    font-size: 36px;
}

.blog_content h2 {
    font-size: 32px;
}

.blog_content h3 {
    font-size: 28px;
}

.blog_content h4 {
    font-size: 24px;
}

.blog_content h5 {
    font-size: 22px;
}

.blog_content h6 {
    font-size: 20px;
}

.blog_content p {
    margin: 0 0 20px;
    font-size: 15px;
    line-height: 1.4;
}

.blog_content table td {
    vertical-align: top;
    border-width: 1px;
	border-style: solid;
    padding: 8px 12px;
}

.blog_content ol {
    list-style: decimal;
    padding-left: 35px;
    margin: 15px 0;
}

.blog_content ul {
    list-style: disc;
    padding-left: 35px;
    margin: 15px 0;
}

.blog_content li {
    margin: 5px 0;
}

.blog_content blockquote {
    padding: 0 0 0 45px;
    margin: 20px 0;
    border-width: 2px;
	border-style: solid;
}

.blog_content blockquote p {
    font-style: italic;
}

.blog_content img,
.blog_content .attachment img {
    max-width: 100%;
    height: auto;
}

.blog_content .alignnone,
.blog_content img.alignnone {
    clear: both;
    display: block;
    margin-bottom: 15px;
}

.blog_content .alignleft,
.blog_content img.alignleft {
    display: inline;
    float: left;
    margin-right: 15px;
    margin-top: 4px;
}

.blog_content .alignright,
.blog_content img.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
    margin-top: 4px;
}

.blog_content .aligncenter,
.blog_content img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.blog_content img.alignleft,
.blog_content img.alignright,
.blog_content img.aligncenter {
    margin-bottom: 15px;
}

.blog_content .wp-caption {
    line-height: 18px;
    margin-bottom: 20px;
    padding: 4px;
    text-align: center;
}

.blog_content .wp-caption img {
    margin: 5px 5px 0;
}

.blog_content .wp-caption p.wp-caption-text {
    font-size: 14px;
    margin: 5px;
}

.blog_content .wp-smiley {
    margin: 0;
}

.blog_content .gallery .gallery-item img {
    width: 100%;
    height: auto;
    display: block;
    border: none !important;
    margin-bottom: 0;
}

.blog_content .gallery .gallery-caption {
    font-size: 14px;
    margin: 0 0 14px;
}

.blog_content .gallery dl {
    margin: 0;
}

.blog_content .gallery br+br {
    display: none;
}

.blog_content .attachment img {
    display: block;
    margin: 0 auto;
}

.blog_content iframe {
    width: 100%;
    height: 315px;
}

.blog_tag {
    padding: 20px;
    margin: 0 30px 30px;
    background: rgba(0,0,0,0.035);
    border-radius: 8px;
    text-align: center;
}

.blog_tag a {
    border-width: 1px;
	border-style: solid;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    font-size: 13px;
    margin: 0 5px 5px 0;
    padding: 0 8px;
}

/* Komentar */

#comments {
    margin: 0 30px 30px;
}

.in_service {
    float: right;
    width: calc( 260px - 30px);
    margin: 0 20px 20px 10px;
    position: sticky;
    top: 120px;
}

.head__service {
    padding: 0;
    margin: 0 0 15px;
    font-size: 18px;
    position: relative;
}

.the_service {
    margin: 0 0 50px;
}

.bar_service {
    height: 30px;
    line-height: 30px;
    border-width: 1px 0 0;
	border-style: solid;
    border-radius: 6px;
    padding: 10px 0;
    font-size: 14px;
}

.bar_service:last-child {
	border-width: 0 0 1px;
	border-style: solid;
}

.bar_service img {
    width: 30px;
    height: 30px;
    margin: 0 10px 0 0;
    display: inline-block;
    float: left;
    border-radius: 30px;
}

.bar_service span {
    float: left;
    width: calc( 100% - 80px);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.bar_service i {
    float: right;
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 30px;
}

.pro_sticky {
    padding: 20px 15px;
    border-radius: 8px;
    text-align: right;
}

.openshare .pro_sticky {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 80px;
    margin: 0 20px;
    z-index: 1000;
}

.pro_sticky span {
    font-weight: bold;
    float: left;
    height: 32px;
    line-height: 32px;
}

.pro_sticky a {
    float: right;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    width: 32px;
    text-align: center;
    border-radius: 32px;
    margin: 0 0 0 2px;
}

.blog_share {
    margin: 0 0 20px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
}

.blog_read {
    float: left;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    border-radius: 30px;
}

.blog_view {
    float: right;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    border-radius: 30px;
}

.single_image img {
    width: 100%;
    display: block;
    border-radius: 8px;
}

.comment-reply-title {
    padding: 10px 0;
    margin: 0 0 20px;
    position: relative;
}

.comment-reply-title:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
}

.comment-form {
    margin: 0 -10px;
}

#respond .commform-textarea {
    width: auto;
    height: 150px;
    background: rgba(0,0,0,0.035);
    box-shadow: 0 0 10px inset rgba(0, 0, 0, .05);
    margin: 0 10px 15px;
}

#respond #comment {
    border: 0;
    margin: 15px;
    width: calc( 100% - 30px);
    height: 120px;
    background: rgba(0,0,0,0.035);
}

.commform-author,
.commform-email,
.commform-url {
    float: left;
    width: 33.33%;
}

.inncom input {
    background: rgba(0,0,0,0.035);
    margin: 0 10px 20px;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    border: 0;
    width: calc( 100% - 50px);
}

#respond p {
    margin: 0 10px 20px;
    font-size: 14px;
}

.comment-form-cookies-consent {
    display: none;
}

.form-submit {
    text-align: right;
}

#submit {
    padding: 0 15px;
    height: 36px;
    line-height: 36px;
    border: 0;
    margin: 15px 0;
    font-size: 15px;
    font-weight: 700;
}

.comment_list {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.07);
    padding: 25px;
    border-radius: 10px;
}

.comment {
    padding: 0 0 20px;
    margin: 0 0 20px;
    border-width: 0 0 1px;
	border-style: solid;
}

.comment_list>.comment:last-child {
    padding: 0;
    margin: 0;
    border: 0;
}

.comment-text {
    font-size: 13px;
    margin: 0;
}

.comment-text p {
    margin: 0 0 8px;
}

.comment-author {
    margin: 0 0 8px;
    font-size: 14px;
}

.comment-author span {
    font-weight: bold;
}

.comment-author em {
    opacity: 0.7;
    font-size: 85%;
}

.comment-reply-link {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    font-size: 11px;
    text-transform: uppercase;
    padding: 0 6px;
}

.children {
    padding: 0 0 0 30px;
}

.bot_button {
    position: fixed;
    bottom: 30px;
    right: 30px;
    display: none;
    z-index: 100;
}

.bot_share {
    height: 30px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    border-radius: 30px;
    border-width: 4px;
	border-style: solid;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
    display: none;
}

.bot_openbar {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 4px 15px 4px 4px;
    margin: 0;
    border-radius: 30px;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
}

.bot_openbar i {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    margin: 0 5px 0 0;
    border-radius: 30px;
}

.footer {
    padding: 20px 0;
    font-size: 14px;
}

.copyright {
    text-align: center;
}

@media screen and (max-width: 1024px) {
    .top_ndeso {
        overflow: hidden;
    }
    .top_ndeso,
    body:not(.home) .top_ndeso {
        border-width: 182px 0 0;
    }
    .layanan {
        margin: 0 -20px;
    }
    .top_openmenu {
        display: block;
    }
    .top_nav {
        padding: 8px 50px 8px 0;
    }
    .openmenu .allclose {
        display: block;
    }
    .nav {
        float: none;
        position: fixed;
        right: -320px;
        top: -20px;
        bottom: -20px;
        padding: 0;
        width: 280px;
        z-index: 1000;
        transition: all .3s ease;
        box-shadow: 0 0 40px rgba(0, 0, 0, 0.4);
    }
    .openmenu .nav {
        right: 0px;
    }
    .nav .accordion {
        height: 100%;
        padding: 50px 0;
        overflow-y: auto;
    }
    .nav .accordion li {
        display: block;
        float: none;
        text-align: left;
    }
    .nav .accordion li.menu-item-has-children {
        position: relative;
    }
    .nav .accordion li.menu-item-has-children:before {
        content: "";
        position: absolute;
        top: 10px;
        right: 25px;
        width: 8px;
        height: 8px;
        border-radius: 10px;
    }
    .nav .accordion li a {
        display: inline-block;
        line-height: 1.2;
        padding: 12px 30px;
        font-weight: bold;
        font-size: 16px;
    }
    .nav .accordion li>.sub-menu {
        top: 0;
        padding: 8px 0;
        position: relative;
        width: 100% !important;
        display: none;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    }
    .nav .accordion li:hover>.sub-menu {
        display: none;
    }
    .nav .accordion li.active>.sub-menu {
        display: block;
    }
    .nav .accordion li>.sub-menu>li {
        width: 100%;
    }
    .search__form {
        float: none;
    }
    .search__form input {
        width: calc( 100% - 145px);
    }
    .search__form select {
        width: 80px;
    }
    .logo {
        width: auto;
    }
    .inner_content {
        margin: 0;
        position: static;
    }
	.page-template-page-home .inner_content {
		position: relative;
		margin-top: -40px;
	}
    .home .top_the_heading {
        padding: 80px 0 80px;
    }
    .the_inner {
        padding: 20px 0;
    }
    .the_content {
        width: auto;
        float: none;
        position: static;
    }
    .pagination a {
        margin: 0 2px 0 0;
    }
    .the_sidebar {
        position: fixed;
        top: -20px;
        bottom: -20px;
        right: -400px;
        width: 320px;
        z-index: 1000;
        box-shadow: 0 0 40px rgba(0, 0, 0, 0.4);
        overflow-y: scroll;
        transition: all .3s ease;
    }
    .openbar .the_sidebar {
        right: 0;
    }
    .in_sidebar {
        margin: 35px 15px;
    }
    .bot_button {
        display: block;
    }
    .openbar .allclose {
        display: block;
    }
    .arc_iframe iframe {
        height: 270px;
    }
    .blog_content iframe {
        height: 370px;
    }
	
.woro_loop {
	width: 33.33%;
}
.woro_loop:last-child {
	display: none;
}
.video__late iframe {
	height: 270px;
}
}

@media screen and (max-width: 982px) {
    .arc_iframe iframe {
        height: 258px;
    }
    .blog_content iframe {
        height: 345px;
    }
	.video__late iframe {
	height: 255px;
}
}

@media screen and (max-width: 800px) {
    .ndeso__container.the_maincontent {
        max-width: 600px;
    }
    .pro_archive_out .ndeso__clear:nth-child(4n) {
        display: block !important;
    }
    .pro_archive_out .ndeso__clear:nth-child(6n) {
        display: none;
    }
    .peo_archive_out .ndeso__clear:nth-child(4n) {
        display: block !important;
    }
    .peo_archive_out .ndeso__clear:nth-child(10n) {
        display: none;
    }
    .pro_loop {
        width: 50%;
    }
    .pede_loop {
        width: 50%;
    }
    .pro_age {
        width: 80px;
        overflow: visible;
    }
    .agenda_hr i {
        display: block;
    }
    .agenda_data {
        position: absolute;
        width: 280px;
        right: calc( 100% + 5px);
        top: 0;
        display: none;
    }
    .openevent .agenda_data {
        display: block;
    }
    .openevent .agenda_hr .icon-calendar:before {
        content: '\e80d';
        transform: rotate(45deg);
    }
    .agenda_tgl {
        pointer-events: auto;
    }
    .arc_produk {
        width: calc( 100% - 20px);
    }
    .dana_out {
        right: 20px;
    }
    .tab_total {
        text-align: center;
    }
    .tab_total .dana_loop {
        padding: 0 0 60px;
    }
    .tab_total.tab_dana .dana_name {
        width: calc( 100% - 40px);
    }
    .tab_total br {
        display: none;
    }
    .tab_total .dana_out {
        right: calc( 50% + 10px);
        top: 60px;
    }
    .tab_total .dana_in {
        left: calc( 50% + 10px);
        top: 60px;
    }
    .dana_final .dana_out,
    .dana_final .dana_in {
        left: auto;
        right: calc( 50% - 80px);
    }
    .arc_video {
        width: 100%;
    }
    .arc_iframe iframe {
        height: 335px;
    }
    .blog_content {
        padding: 0;
    }
    .in_single {
        float: none;
        width: auto;
        margin: 0 10px 40px;
    }
    .in_service {
        float: none;
        width: auto;
        margin: 0 10px 20px;
        position: static;
    }
    .bot_share {
        display: inline-block;
    }
    .blog_content iframe {
        height: 370px;
    }
	
	.top_layer {
  width: calc( 100% - 80px);
  padding: 80px 30px 50px;
}
.ndesopro_home_widget .ndeso__container {
	max-width: 600px;
}
.top_kades {
  width: 100%;
  float: left;
  position: static;
  margin: 0 0 20px;
}
.top_opini {
  width: 100%;
}
.grid_opini {
  column-count: 1;
}
.in_opini {
	padding: 20px 20px 0;
}
 .woro_loop {
    width: 100%;
  }
   .woro_loop:last-child {
    display: block;
  }
.video__late {
  width: 100%;
}
.video__late iframe {
	height: 330px;
	margin: 0 0 20px;
}
}

@media screen and (max-width: 600px) {
    .arc_iframe iframe {
        height: 335px;
    }
	.page-template-page-home .inner_content {
		margin-top: -30px;
	}
	.video__late iframe {
	height: 310px;
}
}

@media screen and (max-width: 533px) {
    .tab_show.tab_dana .dana_name {
        width: calc( 100% - 40px);
    }
    .tab_show .dana_out.red,
    .tab_show .dana_in.green {
        position: static;
        margin: 0 20px 20px;
    }
    .arc_iframe iframe {
        height: 275px;
    }
	
    .bangun__fimage span {
        bottom: 12px;
        left: 12px;
        height: 20px;
        line-height: 20px;
        padding: 0 8px;
        font-size: 13px;
    }
    .bangun_fdata {
        padding: 15px;
    }
    .fdata_ang {
        font-size: 14px;
    }
    .fdata_nom {
        font-size: 22px;
        margin: 0 0 8px;
    }
    .fdata_ttl {
        font-size: 14px;
    }
	.video__late iframe {
    	height: 275px;
    }
    .in_agenda {
        margin: 0 0 15px;
        padding: 20px;
    }
}

@media screen and (max-width: 480px) {
    .arc_iframe iframe {
        height: 245px;
    }
	
    .bangun__fimage span {
        bottom: 12px;
        left: 12px;
        height: 20px;
        line-height: 20px;
        padding: 0 8px;
        font-size: 13px;
    }
    .bangun_fdata {
        padding: 12px;
    }
    .fdata_ang {
        font-size: 13px;
    }
    .fdata_nom {
        font-size: 18px;
        margin: 0 0 6px;
    }
    .fdata_ttl {
        font-size: 13px;
    }
	.video__late iframe {
	height: 245px;
}
}

@media screen and (max-width: 420px) {
    .top_ndeso,
    body:not(.home) .top_ndeso {
        border-width: 158px 0 0;
    }
    .header {
        height: 100px;
    }
    .top_nav {
        margin: 0 -12px;
        padding: 8px 46px 8px 0;
    }
    .search__form input {
        width: calc( 100% - 141px);
    }
    .search__form input,
    .search__form select {
        height: 30px;
        line-height: 30px;
    }
    .search__form button {
        height: 30px;
        line-height: 30px;
        width: 30px;
    }
    .top_openmenu {
        width: 40px;
        height: 40px;
    }
    .top_openmenu i {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .pro_lay {
        font-size: 12px;
    }
    .pro_day {
        font-weight: 400;
        font-size: 12px;
    }
    .top_head {
        height: 74px;
    }
    .logo {
        height: 44px;
        padding: 15px 20px 15px 0;
    }
    .logo img {
        height: 44px;
    }
    .top_the_heading,
    .home .top_the_heading {
        padding: 50px 0;
    }
    .top_heading,
    .single .top_heading {
        font-size: 24px;
    }
    .top_meta {
        font-size: 12px;
        font-weight: 400;
        padding: 6px 0 0;
    }
    .breadcrumbs {
        padding: 0 15px 6px;
    }
    .ndeso__container.the_maincontent {
        padding: 0 12px;
        min-height: 400px;
    }
    .pro_archive_out,
    .peo_archive_out {
        margin: 0 -6px;
    }
    .in_prank {
        padding: 6px;
    }
    .name__prank {
        font-size: 14px;
    }
    .job__prank {
        font-size: 10px;
    }
    .in_loop {
        margin: 0 6px 12px;
    }
    .mt_in_loop {
        padding: 10px 12px 30px;
    }
    .mt_d_loop {
        font-size: 10px;
    }
    .mt_a_loop {
        font-size: 13px;
        margin: 0 0 2px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .mt_d_loop i {
        display: inline-block;
        width: 14px;
        height: 14px;
        line-height: 14px;
        margin: 0 3px 0 0;
    }
    .arc_produk {
        width: calc( 100% - 12px);
        margin: 0 6px 12px;
    }
    .dd_ket {
        margin: 0 0 12px;
    }
    .dd_ket span {
        height: 22px;
        line-height: 22px;
        margin: 0 20px 0 0;
        padding: 0 0 0 40px;
        font-size: 14px;
    }
    .dd_out:before,
    .dd_in:before {
        width: 30px;
    }
    .arc_video {
        width: 100%;
    }
    .arc_iframe {
        margin: 0 6px 12px;
    }
    .tab_dana h2 {
        font-size: 15px;
    }
    .tab_dana .dana_name {
        padding: 15px;
        font-size: 13px;
    }
    .tab_show .dana_out.red,
    .tab_show .dana_in.green {
        margin: 0 15px 15px;
    }
    .dana_out,
    .dana_in {
        width: 140px;
        height: 34px;
        line-height: 34px;
        font-size: 14px;
    }
    .dana_final .dana_out,
    .dana_final .dana_in {
        left: auto;
        right: calc( 50% - 70px);
    }
    .lay_loop {
        padding: 15px;
    }
    .lay_loop img {
        width: 80px;
        margin: 0 15px 0 0;
    }
    .lay_kontak {
        width: calc( 100% - 95px);
    }
    .lay_nama {
        font-size: 16px;
    }
    .lay_add {
        font-size: 13px;
        margin: 0 0 10px;
    }
    .bk {
        font-size: 13px;
    }
    .ang a {
        height: 28px;
        line-height: 28px;
        padding: 0 8px;
        font-size: 13px;
    }
    .arc_iframe iframe {
        height: 220px;
    }
    .pagination a {
        width: 26px;
        height: 26px;
        line-height: 26px;
        margin: 0 2px 12px 0;
        font-size: 12px;
        font-weight: 400;
    }
    .agenda_data {
        position: fixed;
        width: auto;
        right: 88px;
        left: 15px;
        top: 44px;
    }
    .agenda_no .agenda_data {
        right: 68px;
    }
    .agenda_tgl {
        width: 56px;
        height: 44px;
        padding: 0 6px 0 3px;
    }
    .agenda_no .agenda_tgl {
        width: 44px;
        height: 44px;
        padding: 0;
        text-align: center;
    }
    .agenda_hr {
        height: 27px;
        line-height: 32px;
        font-size: 26px;
        letter-spacing: 0px;
    }
    .agenda_no .agenda_hr {
        height: 44px;
        line-height: 44px;
    }
    .agenda_bl {
        font-size: 11px;
    }
    .agenda_data {
        height: 30px;
        padding: 7px 15px;
    }
    .agenda_togo {
        font-size: 12px;
        margin: 0 50px 0 0;
    }
    .footer {
        padding: 15px 0;
        font-size: 13px;
    }
    .bot_button {
        bottom: 20px;
        right: 20px;
    }
    .bot_share {
        height: 26px;
        line-height: 26px;
        width: 26px;
        border: 4px solid #fff;
        font-size: 13px;
    }
    .bot_openbar {
        height: 26px;
        line-height: 26px;
        padding: 4px 12px 4px 4px;
        font-size: 13px;
    }
    .bot_openbar i {
        height: 26px;
        line-height: 26px;
        width: 26px;
        margin: 0 4px 0 0;
    }
    .the_sidebar {
        width: 320px;
        right: -400px;
    }
    .widget_block {
        font-size: 14px;
        margin: 0 0 15px;
    }
    .widget_block h2 {
        font-size: 20px;
        letter-spacing: 0;
    }
    .out_single {
        margin: 0 -6px;
    }
    .blog_share {
        margin: 0 0 15px;
        height: 26px;
        line-height: 26px;
        font-size: 12px;
    }
    .blog_read,
    .blog_view {
        height: 26px;
        line-height: 26px;
        padding: 0 13px;
    }
    .blog_tag {
        padding: 15px 15px 10px;
        margin: 0 0 20px;
    }
    .blog_tag a {
        border: 1px solid #888;
        height: 26px;
        line-height: 25px;
        font-size: 12px;
    }
    #comments {
        margin: 0 0 20px;
    }
    .comment_list {
        padding: 20px;
    }
    .in_icon {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 25px;
    }
    .part_agenda {
        width: calc( 100% - 55px);
        font-size: 15px;
        margin: 0 0 15px;
        padding: 0;
    }
    .meta_agenda {
        font-size: 13px;
    }
    .blog_content iframe {
        height: 215px;
    }
    .blog_content blockquote {
        padding: 0 0 0 25px;
        border-left: 1px solid #ddd;
    }
	.single-post .blog_content p:first-child {
  font-size: 15px;
}
.blog_content p {
  margin: 0 0 15px;
  font-size: 14px;
}
.pro_sticky {
  padding: 15px;
  box-shadow: 0 0 40px rgba(0,0,0,0.15);
}
.pro_sticky a {
  margin: 0 0 0 4px;
}
.ndesopro_home_widget .ndeso__container {
	padding: 0 12px;
}
.head_hero {
  font-size: 24px;
}
.hero__link a {
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  padding: 0 12px;
  margin: 0 auto 40px;
}

  .top_layer {
    padding: 50px 25px 30px;
	width: calc( 100% - 70px );
  }
  .aktual__top {
  font-size: 13px;
  padding:6px 12px;
  }
  .aktual__bottom {
  font-size: 20px;
}
.text_hero {
  margin: 0 auto 20px;
  font-size: 14px;
}
.page-template-page-home .inner_content {
    margin-top: -25px;
  }
  .in_kades h3 {
  font-size: 18px;
}
.in_kades h4 {
  font-size: 14px;
  margin: 0 10px 15px;
}
.a_kades {
  margin: 0 15px 0 0;
}
.ttl_kades a {
  font-size: 14px;
}
.in_opini h3 {
  font-size: 18px;
}
.in_opini h4 {
  font-size: 14px;
}
.op_exc {
  font-size: 13px;
}
.pengumumandesa h3 {
  font-size: 18px;
}
.pengumumandesa h3 a {
  font-size: 12px;
}
.woro_ttl a {
  font-size: 14px;
}
.woro_date {
  width: 54px;
  height: 42px;
}
.woro_d {
  height: 24px;
  line-height: 24px;
  font-size: 32px;
}
.woro_m {
  font-size: 11px;
}

.produkdesa h3 {
  font-size: 18px;
}

.videopost h3,
.gallerypost h3,
.latestpost h3 {
  font-size: 18px;
}
.videopost h3 a,
.gallerypost h3 a,
.latestpost h3 a {
  font-size: 12px;
}

.agendadesa h3 {
  font-size: 24px;
}
.next__text {
    margin: 0 auto 20px;
	font-size: 14px;
}

.next__loop {
  width: 60px;
  height: 70px;
  margin: 0 6px 12px;
  padding: 15px;
  border-radius: 6px;
}
.agenda_tg {
	font-size: 42px;
}
.next__loop:before {
  width: 110px;
  height: 130px;
  bottom: -63px;
  right: -50px;
}
.next__loop:after {
  width: 110px;
  height: 110px;
  bottom: -70px;
  right: -30px;
}
.gal__span {
  padding: 35px 15px;
}
.gal__title {
	font-size: 13px;
}
.gal_linkto {
    right: 15px;
    bottom: 15px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 15px;
}
.video_outer {
  margin: 0 -6px;
}
.video__inner {
  margin: 0 6px;
}
.video__late iframe {
	height: 225px;
	margin: 0 0 15px;
}
.late__over {
  font-size: 13px;
  padding: 45px 12px 12px;
}
.late__span {
  right: 12px;
  width: 40px;
}
.late__day {
  height: 18px;
  line-height: 18px;
  font-size: 18px;
}
.late__month {
	height: 13px;
	line-height: 13px;
  font-size: 11px;
}
.late__year {
	height: 12px;
  line-height: 12px;
  font-size: 9px;
}
}

@media screen and (max-width: 360px) {
    .top_ndeso,
    body:not(.home) .top_ndeso {
        border-width: 134px 0 0;
        font-size: 14px;
    }
    .header {
        height: 86px;
    }
    .layanan {
        height: 22px;
        margin: 0 -15px;
    }
    .pro_day {
        padding: 0 10px 0 0;
        height: 22px;
        line-height: 22px;
        font-size: 10px;
    }
    .pro_lay {
        font-size: 10px;
        height: 22px;
        line-height: 22px;
    }
    .pro_lay span {
        margin: 0 20px 0 0;
    }
    .ndeso__container {
        padding: 0 15px;
    }
    .logo {
        height: 38px;
        padding: 13px 15px 13px 0;
    }
    .logo img {
        height: 38px;
    }
    .pro_age {
        width: 48px;
        height: 38px;
        margin: 13px 0;
    }
    .agenda_tgl {
        width: 48px;
        height: 38px;
    }
    .agenda_hr {
        height: 23px;
        line-height: 28px;
        font-size: 22px;
    }
    .agenda_bl {
        font-size: 9px;
    }
    .agenda_data {
        height: 28px;
        padding: 5px 12px;
    }
    .agenda_data {
        right: 74px;
        left: 12px;
        top: 38px;
    }
    .agenda_togo {
        font-size: 11px;
    }
    .agenda_linkto {
        right: 10px;
        bottom: calc( 50% - 12px);
        width: 24px;
        height: 24px;
        line-height: 24px;
    }
    .agenda_no .agenda_tgl {
        width: 38px;
        height: 38px;
    }
    .agenda_no .agenda_hr {
        height: 38px;
        line-height: 38px;
    }
    .agenda_no .agenda_data {
        right: 56px;
    }
    .top_nav {
        margin: 0 -8px;
        padding: 5px 40px 5px 0;
    }
    .search__form input,
    .search__form select {
        height: 26px;
        line-height: 26px;
        font-size: 12px;
    }
    .search__form button {
        height: 26px;
        line-height: 26px;
        width: 26px;
        font-size: 12px;
    }
    .search__form input {
        width: calc( 100% - 137px);
    }
    .top_openmenu {
        width: 36px;
        height: 36px;
        top: 5px;
    }
    .top_openmenu i {
        width: 26px;
        height: 26px;
        line-height: 26px;
    }
    .top_the_heading,
    .home .top_the_heading {
        padding: 40px 0;
    }
    .top_heading {
        font-size: 20px;
    }
    .text_not {
        font-size: 12px;
        padding: 12px 0 0;
    }
    .breadcrumbs {
        padding: 0 15px 2px;
        font-size: 11px;
    }
    .mt_in_loop {
        padding: 8px 10px 28px;
    }
    .mt_a_loop {
        font-size: 11px;
        margin: 0;
    }
    .mt_d_loop {
        height: 14px;
        line-height: 14px;
        font-size: 8px;
    }
    .mt_d_loop i {
        width: 11px;
        height: 11px;
        line-height: 11px;
        margin: 0 2px 0 0;
    }
    .nav {
        width: 240px;
    }
    .nav .accordion {
        padding: 40px 0;
    }
    .nav .accordion li a {
        padding: 10px 24px;
        font-size: 14px;
    }
    .bangun__fimage span {
        bottom: 10px;
        left: 10px;
        height: 18px;
        line-height: 18px;
        padding: 0 7px;
        font-size: 11px;
    }
    .bangun_fdata {
        padding: 10px;
    }
    .fdata_ang {
        font-size: 11px;
    }
    .fdata_nom {
        font-size: 16px;
        margin: 0 0 5px;
    }
    .fdata_ttl {
        font-size: 11px;
    }
    .arcin_detail {
        padding: 12px 0 12px 12px;
    }
    .arcty_detail {
        height: 20px;
        line-height: 20px;
        padding: 0 6px;
        margin: 0 0 15px;
        font-size: 11px;
    }
    .arccp_detail {
        left: 12px;
        bottom: 12px;
    }
    .dd_ket {
        margin: 0 0 10px;
    }
    .dd_ket span {
        height: 18px;
        line-height: 18px;
        margin: 0 18px 0 0;
        padding: 0 0 0 35px;
        font-size: 13px;
    }
    .dd_out:before,
    .dd_in:before {
        width: 25px;
    }
    .tab_dana h2 {
        font-size: 14px;
    }
    .tab_dana .dana_name {
        padding: 12px;
        font-size: 12px;
    }
    .tab_show .dana_out.red,
    .tab_show .dana_in.green {
        margin: 0 12px 12px;
    }
    .dana_out,
    .dana_in {
        width: 130px;
        height: 30px;
        line-height: 30px;
        font-size: 13px;
    }
    .dana_final .dana_out,
    .dana_final .dana_in {
        right: calc( 50% - 65px);
    }
    .lay_loop {
        padding: 12px;
    }
    .lay_loop img {
        width: 65px;
        margin: 0 10px 0 0;
    }
    .lay_kontak {
        width: calc( 100% - 75px);
    }
    .lay_nama {
        font-size: 14px;
    }
    .lay_add {
        font-size: 12px;
        margin: 0 0 8px;
    }
    .bk {
        font-size: 12px;
    }
    .ang a {
        height: 24px;
        line-height: 24px;
        padding: 0 6px;
        font-size: 12px;
    }
    .cp_prank a {
        display: inline-block;
        width: 26px;
        height: 26px;
        line-height: 26px;
        font-size: 13px;
    }
    .cp_prank {
        bottom: 57px;
    }
    .job__prank {
        font-size: 9px;
    }
    .name__prank {
        font-size: 13px;
    }
    .arc_iframe iframe {
        height: 188px;
    }
    .the_sidebar {
        width: 280px;
        right: -380px;
    }
    .widget_block {
        font-size: 12px;
        margin: 0 0 12px;
    }
    .widget_block h2 {
        font-size: 12px;
    }
    .bot_button {
        bottom: 16px;
        right: 16px;
    }
    .bot_share {
        height: 22px;
        line-height: 22px;
        width: 22px;
        border: 3px solid #fff;
        font-size: 12px;
    }
    .bot_openbar {
        height: 22px;
        line-height: 22px;
        padding: 3px 10px 3px 3px;
        font-size: 12px;
    }
    .bot_openbar i {
        height: 22px;
        line-height: 22px;
        width: 22px;
        margin: 0 3px 0 0;
    }
    .blog_share {
        margin: 0 0 10px;
        height: 22px;
        line-height: 22px;
        font-size: 10px;
    }
    .blog_read,
    .blog_view {
        height: 22px;
        line-height: 22px;
        padding: 0 11px;
    }
    .footer {
        padding: 12px 0;
        font-size: 12px;
    }
    .blog_tag {
        padding: 12px 12px 8px;
        margin: 0 0 15px;
    }
    .blog_tag a {
        height: 22px;
        line-height: 21px;
        font-size: 11px;
    }
    .in_agenda {
        margin: 0 0 15px;
        padding: 20px;
    }
    .part_agenda {
        font-size: 14px;
        margin: 0 0 12px;
    }
    .meta_agenda {
        font-size: 12px;
    }
    .piecharts {
        width: 100%;
        height: 300px;
    }
    .blog_content iframe {
        height: 185px;
    }
	
	.single-post .blog_content p:first-child {
  font-size: 14px;
}
.blog_content p {
  margin: 0 0 12px;
  font-size: 13px;
}
.top_hero {
  padding: 35px 20px 0;
}
 .head_hero {
    font-size: 20px;
  }
   .text_hero {
    font-size: 13px;
  }
  .hero__link a {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    padding: 0 10px;
    margin: 0 auto 30px;
  }
   .top_layer {
    padding: 50px 20px 25px;
    width: calc( 100% - 60px );
  }
   .aktual__top {
    font-size: 12px;
    padding: 5px 10px;
  }
  .aktual__bottom {
    font-size: 19px;
  }
  
  .in_kades h3 {
  font-size: 16px;
  padding: 0;
}
.in_kades h4 {
  font-size: 13px;
  margin: 0 10px 12px;
}
.a_kades {
	width: 70px;
  margin: 0 12px 0 0;
}
.ttl_kades span {
  margin: 0 0 4px;
  font-size: 11px;
}
.ttl_kades a {
  font-size: 13px;
}
.in_opini h3 {
  font-size: 16px;
  padding: 0 0 12px;
}
.in_opini h4 {
  font-size: 13px;
}
.op_exc {
  font-size: 12px;
}
.op_grid.op_loop {
  padding: 15px;
  margin: 0 0 15px;
}
.pengumumandesa h3 {
  font-size: 16px;
  height: 26px;
  line-height: 26px;
}
.pengumumandesa h3 a {
	top: calc( 50% - 13px);
  font-size: 11px;
  height: 26px;
  line-height: 26px;
  padding: 0 12px;
}
.woro_ttl a {
  font-size: 13px;
}
.woro_date {
  width: 54px;
  height: 42px;
  padding: 8px;
}
.woro_d {
  height: 24px;
  line-height: 24px;
  font-size: 32px;
 
}
.woro_m {
  font-size: 11px;
}

.produkdesa h3 {
  font-size: 16px;
  height: 26px;
  line-height: 26px;
}
.slide__produk .splide__arrow--prev,
.slide__produk .splide__arrow--next {
  width: 26px;
  height: 26px;
  line-height: 26px;
}
.slide__produk .splide__arrows { 
  top: -36px;
  height: 26px;
  width: 57px;
}

.videopost h3,
.gallerypost h3,
.latestpost h3 {
  font-size: 16px;
  height: 26px;
  line-height: 26px;
}
.videopost h3 a,
.gallerypost h3 a,
.latestpost h3 a {
	top: calc( 50% - 13px);
  font-size: 11px;
  height: 26px;
  line-height: 26px;
  padding: 0 12px;
}
.agendadesa h3 {
  font-size: 20px;
}
.next__text {
	font-size: 13px;
}
.event__post {
    padding: 35px 20px 0;
  }
  .video__late iframe {
	height: 190px;
}
}

@media screen and (max-width: 320px) {}