/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../../fonts/montserrat/JTURjIg1_i6t8kCHKm45_ZpC3gTD_u50.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../../fonts/montserrat/JTURjIg1_i6t8kCHKm45_ZpC3g3D_u50.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../../fonts/montserrat/JTURjIg1_i6t8kCHKm45_ZpC3gbD_u50.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../../fonts/montserrat/JTURjIg1_i6t8kCHKm45_ZpC3gfD_u50.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../../fonts/montserrat/JTURjIg1_i6t8kCHKm45_ZpC3gnD_g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../../fonts/ptsans/jizaRExUiTo99u79D0-ExdGM.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../../fonts/ptsans/jizaRExUiTo99u79D0aExdGM.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../../fonts/ptsans/jizaRExUiTo99u79D0yExdGM.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../../fonts/ptsans/jizaRExUiTo99u79D0KExQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	--gold: #fcc43f;
	--dim: #777777;
	--darkdim: #606060;
	--lightdim: #dddddd;
	--lightbg: #e8e8e8;
};

html, body {max-width: 100vw; font-family: "PT Sans", sans-serif; color: var(--bs-dark)}
html, body {max-width: 100vw; font-family: "PT Sans", sans-serif; color: var(--bs-dark)}
html { overflow-x: hidden; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 .title {font-family: 'Montserrat', sans-serif;}
h5 { font-size: 1.15rem }
a { text-decoration: none; }
.sans { font-family: "PT Sans", sans-serif; }
.title { font-family: "Montserrat", sans-serif; }
.myshadow {box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,.2);}
.fs-5-5 {font-size: 1.1rem}
.text-dim {color: var(--dim)}
.text-lightdim { color: var(--lightdim) }
.text-darkdim { color: var(--darkdim)}
.text-utama {color: var(--utama)}
.text-kedua { color: var(--kedua) }
.text-gold { color: var(--gold) }
.bg-utama { background-color: var(--utama) }
.bg-kedua { background-color: var(--kedua) }
.bg-ketiga { background-color: var(--ketiga) }
.bg-keempat { background-color: var(--keempat) }
.bg-lightdim { background-color: var(--lightdim) }
.btn-page { border: 1px solid var(--utama); background-color: #ffffff; color: var(--utama); padding: 5px 10px; transition: all 250ms ease; border-radius: 3px; }
.btn-page.aktif, .btn-page:hover, .btn-page:focus { background-color: var(--utama); color: var(--bs-light); }
.menu-btn-text {font-size: 17px}
.anim { transition: all 250ms ease }
.drop-shadow { filter: drop-shadow(2px 4px 6px black); }
.btn-wahana {
	background-color: var(--utama);
	transition: all 250ms ease;
}
.btn-wahana:hover, .btn-wahana:focus {
	filter: brightness(0.85);
}
.btn-wahana-kedua {
	background-color: var(--kedua);
	transition: all 250ms ease;
}
.btn-wahana-kedua:hover, .btn-wahana-kedua:focus {
	filter: brightness(0.85);
}
.url-wahana {
	color: var(--bs-dark);
	transition: all 250ms ease;
}
.url-wahana:hover {
	color: var(--utama) !important;
}
.url-wahana-light {
	color: #454545;
	transition: all 250ms ease;
}
.url-wahana-light:hover {
	color: var(--utama) !important;
}
.url-light {
	color: var(--bs-dark);
	background-color: #dddddd;
	transition: all 250ms ease;
}
.url-light:hover {
	background-color: #bbbbbb;
}
.share-btn {
	width: 32px;
	height: 32px;
}
.shown {
  opacity: 1;
  transition: all 400ms ease;
}
.hidden {
  opacity: 0;
  transition: all 400ms ease;
}
.z-1 { z-index: 10 }
.z-2 { z-index: 20 }
.z-3 { z-index: 30 }
.z-4 { z-index: 40 }
.z-5 { z-index: 50 }

/* icons  */
.icon {
	height: 1rem;
	width: 1rem;
	position: relative;
}
.fill-light {
	fill: var(--bs-light);
}
.fill-dark {
	fill: var(--bs-dark);
}
.fill-wahana {
	fill: var(--utama);
}
.fill-secondary {
	fill: var(--bs-secondary);
}

/* TOP HEADER */
#realHeader {
	background-color: #ffffff;
	z-index: 1500;
}
.wahana_topheader_wrapper, .wahana-inner-footer {
	max-width: 1050px;
}
.wahana_topheader_left .title {
	width: 51px;
}
.hamburger_btn, .search_btn {
	height: 24px;
    width: 24px;
    padding: 5px;
}
.hamburger div {
    height: 2px;
    background-color: var(--bs-light);
    transition: all 250ms ease;
    margin: 2px 0;
    position: relative;
}
.hamburger_btn[data-menu=buka] .hm_2 {
	display: none;
	margin: 0;
}
.hamburger_btn[data-menu=buka] .hm_1 {
	display: block;
	transform: rotate(45deg);
	top: 1px;
}
.hamburger_btn[data-menu=buka] .hm_3 {
	display: block;
	transform: rotate(-45deg);
	bottom: 1px;
}
.wahana_topheader_center {
	border-left: 1px solid var(--lightdim);
	border-right: 1px solid var(--lightdim);
}
.wahana_topheader_center form {
	max-width: 400px;
}
.wahana_topheader_center .form-control {
	border-radius: 20px;
	padding: 3px 12px;
}
.wahana_topheader_center .icon {
	font-size: 16px;
	top: calc(50% - 8px);
	right: 14px;
}
.wahana_topheader_right .btn {
	border-radius: 20px;
}
.navigasi-menu {
	width: 0;
	max-width: 3500px;
	height: calc(100vh - 48px);
	top: 48px;
	background-color: var(--lightbg);
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0;
}
.navigasi-menu::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  cursor: pointer;
}
.navigasi-menu::-webkit-scrollbar-button {
  width: 4px;
  height: 4px;
}
.navigasi-menu::-webkit-scrollbar-thumb {
  background: var(--utama);
  border: 4px none #ffffff;
  border-radius: 4px;
  cursor: pointer;
}
.navigasi-menu::-webkit-scrollbar-thumb:hover {
  background: var(--utama);
  cursor: pointer;
}
.navigasi-menu::-webkit-scrollbar-thumb:active {
  background: var(--utama);
  cursor: pointer;
}
.navigasi-menu::-webkit-scrollbar-track {
  display: block;
}
.navigasi-menu::-webkit-scrollbar-corner {
  background: transparent;
}
.navigasi-menu-inner {
	max-width: 1024px;
}
.navigasi-menu-inner img {
	max-width: 16px;
}
.navigasi-menu-item-kat {
	border-left: .75rem solid var(--utama);
}
.navigasi-menu-item-info {
	border-left: .75rem solid var(--kedua);
}
.navigasi-menu-item-wrapper {
	border-bottom: 2px solid var(--lightdim);
	margin-bottom: 1em;
}
.navigasi-menu-item:hover p {
	color: var(--kedua) !important;
}
.navigasi-menu-item-wrapper:last-child {
	margin-bottom: 0;
}
.navigasi-menu-item-divi p {
	font-size: 14px;
}
.kanal-menu img {
	width: 14px;
	height: 14px;
}
.btn-wahana.dropdown-toggle::after {
	display: none;
}

/* Main Layout */
main {
	min-height: calc(100vh - 48px);
}
.main-row {
	background-color: var(--lightdim);
}
#content {
	max-width: 1050px;
	background-color: #ffffff;
}
.iklanbg {
    width: calc((100% - 1050px) / 2);
    height: 100%;
    max-height: calc(100vh - 48px);
    position: fixed;
    top: 48px;
    z-index: 100;
}
#bannerKiri {
	left: 0;
}
#bannerKanan {
	right: 0;
}
.inner-main-right {
	width: 320px;
}
.inner-main-left {
	width: calc(100% - 320px);
}

/* Main Logo */
.sitelogo {
	max-width: 400px;
}
.sitelogo-ads {
	max-width: calc(100% - 400px);
}
.sitelogo-top img {
	display: block;
	width: auto;
}

/* navigator */
.inner-navigator-top {
	background: var(--ketiga);
	background: linear-gradient(90deg, var(--ketiga) 30%, var(--keempat) 100%);
	z-index: 20;
}
.grad-border {
	background: var(--ketiga);
	background: linear-gradient(90deg, var(--ketiga) 30%, var(--keempat) 100%);
}
.inner-navigator-top ul, .inner-navigator-bottom ul {
    white-space: nowrap;
    overflow: auto;
}
.inner-navigator-top .navigasian::-webkit-scrollbar, .inner-navigator-top li::-webkit-scrollbar, .inner-navigator-top ul::-webkit-scrollbar, .inner-navigator-bottom ul::-webkit-scrollbar {
  display: none;
}
.inner-navigator-bottom {
	background-color: var(--lightdim);
	z-index: 15;
	bottom: 3px;
}
.inner-navigator-top-item, .inner-navigator-bottom-item {
	margin: 0 6px;
	list-style: none;
}
.inner-navigator-bottom-item, .inner-navigator-bottom-item a {
	font-size: 14px;
}
.inner-navigator-bottom-item .grad {
	color: var(--dark);
  	-webkit-background-clip: text !important;
  	-webkit-text-fill-color: transparent !important;
}
.inner-navigator-top-item a:hover, .inner-navigator-top-item a.aktif {
	color: var(--gold) !important;
}
.inner-navigator-bottom-item a:hover {
	color: var(--utama) !important;
}
.sitelogo-top img {
	display: block;
	max-height: 48px;
	width: 100%;
}

/* picframe */
.picframe {
	overflow: hidden;
	border-radius: 4px;
	margin: 0;
	padding: 0;
}
.picframe img {
	object-position: center;
	object-fit: cover;
	transition: all 500ms ease;
}
.picframe:hover img {
	transform: scale(1.2);
}

/* manual off canvas */
.offcanvas-btn .icon-chevron {
	transition: all 100ms ease;
}
.offcanvas-btn[data-active=true] .icon-chevron {
	top: 0;
	transform: rotate(180deg);
}
.manual-offcanvas {
	position: fixed;
	top: 0;
	z-index: 1050;
	transition: all 100ms linear;
	min-height: 10vh;
	transform: translateY(-100%);
}
.manual-offcanvas.start {
	transform: translateY(0);
}
.dot {
	height: 2px;
	width: 6px;
	vertical-align: middle;
}

/* Lazyload */
@keyframes lazy {
	0% {opacity: 1}
	50% {opacity: .25}
	100% {opacity: 1}
}
.lazyload {
	animation: lazy 1.5s infinite;
}

/* unique css */
.url-utama {
	color: var(--bs-dark);
}
.url-utama:hover {
	color: var(--utama);
}
.batas {
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
}
.batas-1 {
	-webkit-line-clamp: 1;
}
.batas-2 {
	-webkit-line-clamp: 2;
}
.batas-3 {
    -webkit-line-clamp: 3;
}

/* Headline */
.headline .picframe {
	height: 380px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.headline-cover {
	background: rgb(33,37,41);
	background: linear-gradient(0deg, rgba(33,37,41,1) 0%, rgba(2,0,36,0) 40%);
}
.headline-tag {
	background-color: var(--kedua);
	left: 0;
	top: 25px;
}
.headline-title-wrapper {
	bottom: 0;
	left: 0;
}
.headline-title:hover {
	color: var(--gold) !important;
}
.headline-terkait {
	background: rgb(34,193,195);
	background: linear-gradient(90deg, var(--ketiga) 30%, var(--keempat) 100%);
	border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.headline-bar {
	height: 2px;
	max-width: calc(100% - 130px);
}
.headline-terkait a:first-child {
	padding-left: 0 !important;
}
.headline-terkait a:last-child {
	padding-right: 0 !important;
}
.headline-terkait a:hover .headline-terkait-item {
	color: var(--gold) !important;
}

/* BERANDA */
.official-wahana {
	position: absolute;
    top: 1rem;
    left: 1rem;
    opacity: .6;
    height: 24px;
    width: 24px;
}
.suvenir-modal-item:hover {
	box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 20%);
}
.editor-choice img {
    height: 120px;
}
.newsfeed {
	border-top: 2px solid var(--lightdim);
}
.allnews-item-inner .picframe {
	height: 150px;
	width: 220px;
	max-width: 100%;
}
.allnews-item-inner-text {
    width: calc(100% - 220px);
}
.allnews-item:hover h2, .allnews-kat-item:hover h2 {
	color: var(--utama) !important;
}
.allnews-kat-item-inner .picframe {
	height: 220px;
	width: 350px;
	max-width: 100%;
}
.allnews-kat-item-inner-text {
    width: calc(100% - 350px);
}
.allnews-item-inner-text, .allnews-kat-item-inner-text {
	font-size: 14px;
	font-family: "Montserrat", sans-serif;
}
.event-icon {
	height: 16px;
	width: auto;
}
.event-bar {
	height: 3px;
	width: 90px;
}

/* SIDEBAR */
.widget-title .topbar {
	height: 3px;
    width: 100%;
}
.widget-title .botbar {
	height: 3px;
	width: 45%;
}
.widget-title .topbar, .widget-title .textbar {
	margin-bottom: 10px;
}
.widget-item {
	margin-bottom: 1rem;
}
.widget-item:last-child {
	margin-bottom: 0;
}
.kontak-widget {
    background-color: #e3f5fe;
}
.kontak-widget h6 {
    font-size: 14px !important;
}

/* FOOTER */
.wahana-footer {
	background-color: var(--lightdim);
}
.sosmed-item {
	font-size: 14px; 
	height: 31px; 
	width: 31px
}
.sosmed-item .text-utama {
	transition: all 250ms ease;
	bottom: 2px;
}
.sosmed-item:hover .text-utama {
	color: var(--kedua);
}
.wahana-footer-item a {
	font-size: 14px;
}
.wahana-footer-item h6 {
	color: var(--utama);
}
.copyright .title {
	font-size: 14px;
}

/* KANAL */
.news-kanal-logo {
	height: 40px;
	width: auto;
	max-width: 100%;
}
.news-kanal-item:first-child {
	margin-left: 0 !important;
}
.news-kanal-item:last-child {
	margin-right: 0 !important;
}
.news-kanal-item .picframe {
	height: 150px;
}

/* STATIS */
.static-menu {
	width: 220px;
}
.static-content {
	width: calc(100% - 220px);
}
.static-menu-item {
	color: var(--bs-dark);
}
.static-menu-item:hover, .static-menu-item:hover p, .static-menu-item:hover i, .static-menu-item.aktif {
	color: var(--kedua);
	fill: var(--kedua);
}
.static-content img {
	border-radius: 4px;
}

/* SINGLE POST */
#share-top {
	transition: all 250ms ease;
}
#share-top[data-show=true] {
	transform: translateX(0);
}
#share-top[data-show=false] {
	transform: translateX(100vw);
}
.breadcrumb-post {
	background-color: var(--lightdim)
}
.linkbtn:first-child {
	margin-left: 0 !important;
}
.linkbtn svg {
	position: relative;
	color: var(--bs-light);
}
.bg-facebook {
	background-color: #3a5895;
}
.bg-twitter {
    background-color: #1c9dec;
}
.bg-instagram {
    background: #f7bc63;
    background: -webkit-linear-gradient(bottom left,rgba(247,188,99,1) 0%,rgba(244,79,52,1) 32%,rgba(198,38,155,1) 53%,rgba(75,89,214,1) 87%);
    background: -o-linear-gradient(bottom left,rgba(247,188,99,1) 0%,rgba(244,79,52,1) 32%,rgba(198,38,155,1) 53%,rgba(75,89,214,1) 87%);
    background: linear-gradient(to top right,rgba(247,188,99,1) 0%,rgba(244,79,52,1) 32%,rgba(198,38,155,1) 53%,rgba(75,89,214,1) 87%);
}
.bg-youtube {
	background-color: #ff0000;
}
.bg-linkedin {
	background-color: #0E76A8;
}
.sharebtn, .linkbtn {
    transition: all 250ms ease;
}
.sharebtn:hover, .linkbtn:hover {
    transform: translateY(-5px);
}
.fb-comments iframe {
    width: 100% !important;
}
.news-post img, .static-content img, figure.image.image_resized {
    max-width: 100%;
}
.news-post {
	width: calc(100% - 140px);
	padding-right: 1.5rem;
}
.news-post a {
    font-weight: bold;
}
.news-post p:first-child a {
    font-weight: bold;
    color: var(--utama);
}
.news-post p, .news-post p span {
	font-size: 18px !important;
}
.news-post-ads .adsbygoogle {
	top: 70px;
}
.news-post-terkait {
    padding-left: 12px;
    border-left: 4px solid var(--utama);
}
.news-post-terkait p {
	font-size: 16px !important;
}
.news-post .tag-item {
	background-color: var(--kedua);
	color: var(--bs-light);
}
.news-post .tag-item:hover {
	background-color: var(--utama);
	color: var(--bs-light) !important;
}
.postline {
	width: 100%;
	height: 3px;
	background-color: var(--lightdim);
}
.seksi-terkait-divi .seksi-terkait-item {
	width: 50%;
	margin-bottom: 1rem;
	padding-bottom: .75rem;
	border-bottom: 1px solid var(--lightdim);
}
.seksi-terkait-divi .seksi-terkait-item a {
	font-size: 16px;
	font-weight: bold;
}
.etc-divi-item {
	margin-right: 1rem;
}
.etc-divi-item:last-child {
	margin-right: 0;
}
.etc-divi-item-lainnya div {
	margin-right: 1rem;
}
.etc-divi-item-lainnya div:last-child {
	margin-right: 0;
}
.news-halaman .btn-page, .news-tagar .tag-item {
    vertical-align: top;
    display: inline-flex;
}

/* ADS */
.ad-img {
	margin-bottom: 0 !important;
}

/* PROMO */
.header-grad {background: rgb(255,102,0);background: linear-gradient(45deg, rgba(255,102,0,1) 0%, rgba(38,122,135,1) 100%);}
.installPopup { margin-top: 15vh }
.modal-backdrop.show {opacity: .7;}
.promoapp::after {
    content: "";
    position: absolute;
    background: rgb(255,102,0);
background: linear-gradient(45deg, rgba(255,102,0,1) 0%, rgba(38,122,135,1) 100%);
    width: 20%;
    height: 100%;
    z-index: 20;
    left: 6%;
    top: 0;
    transform: skewX(31deg);
}

/* PRELOADER */
.buricak {
    width: 72px;
    height: 72px;
    background-color: #ff6600;
    transition: all 500ms ease;
    animation: animdong 1.25s infinite;
    z-index: 1050;
}
@keyframes animdong {
    0%   {opacity: 1; transform: scale(1);}
    100% {opacity: 0; transform: scale(1.8);}
}
.buricak ~ img {
    width: 72px;
    height: 72px;
    z-index: 1200;
}

/* iklan footer */
.iklanfooter {
    position: fixed;
    z-index: 1025;
    bottom: 0;
    max-width: 1050px;
    left: calc((100vw - 1067px) / 2);
    transition: all 250ms ease;
}
.iklanfooter[data-status=terlihat] {
    transform: translateY(0);
}
.iklanfooter[data-status=tersembunyi] {
    transform: translateY(100%);
}
.close-iklanfooter {
    border-top-left-radius: 16px !important;
    height: 38px;
    border-bottom: none;
    border-left: 1px solid #dddddd !important;
    border-top: 1px solid #dddddd !important;
    border-right: 1px solid #dddddd !important;
    border-color: #dddddd !important;
}
.fancybox-button,.fancybox-button div, .fancybox-button svg {
    cursor: pointer;
}

/* menu  */
.navigator-dropdown-btn:after {
	display: none;
}
.inner-navigator-top-item .dropdown-item:hover {
	color: var(--bs-dark) !important;
}
.navigasi-menu .navigasi-menu-item {
	background-color: #ffffff;
	box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 20%);
}
.cta-kanal {
	cursor: pointer;
}


@media screen and (max-width: 550px) {
    .modal_Left {
        width: 160px !important;
    }
    .modal_Right {
        width: calc(100% - 160px) !important;
    }
    .modal_Right p {
        font-size: 14px;
    }
}
@media screen and (max-width: 500px) {
    .modal_Left {
        width: 30% !important;
    }
    .modal_Right {
        width: 70% !important;
    }
}
@media screen and (max-width: 450px) {
    .modal_Right p {
        display: none !important;
    }
    .modal_Right .btn-primary {
    	padding: .25rem .5rem;
    	font-size: .875rem;
    	border-radius: .2rem;
    }
}

/* optimasi */
@media (max-width: 1399.98px) {
	
}

@media (max-width: 1068px) {
	.iklanfooter {
		left: 0;
	}
}

@media (max-width: 991.98px) {
	.inner-main-left, .inner-main-right {
		width: 100%;
	}
	.inner-main-right {
		padding-left: 0 !important;
	}
	.news-kanal-item {
    	margin-bottom: 1.25rem;
	}
	.news-kanal-logo {
    	height: auto;
    	width: 100%;
	}
	.news-kanal-item .picframe {
    	height: calc(100vw - 400px);
	}
	.news-kanal-item h2 {
		font-size: 1.5rem !important;
	}
	.wahana-footer-item {
		margin-bottom: 1.5rem;
	}
	.wahana-footer-item:last-child {
		margin-bottom: 0;
	}
	.wahana-footer-item h6 {
    	text-align: center;
	}
	.wahana-footer-item-divi:first-child {
		text-align: right;
	}
	.wahana-footer-item-divi:last-child {
		text-align: left;
	}
	.wahana-footer-item .informasi-menu {
		text-align: center;
	}
	.news-post {
		width: 100%;
		padding-right: 0;
	}
	.seksi-terkait-divi .seksi-terkait-item {
    	width: 100%;
    	margin: 0 0 1rem !important;
	}
	.etc-divi-item {
    	display: inline-block;
    	width: calc(50% - 12.5px) !important;
    	margin: 0 !important;
    	vertical-align: top;
    	margin-bottom: 1rem !important;
	}
	.etc-divi-item:nth-child(even) {
		margin-left: 18px !important;
	}
	.etc-divi-item .picframe {
		height: 200px !important;
	}
}

@media (max-width: 767.98px) {
	.wahana_topheader {
		justify-content: space-between;
		align-items: center;
	}
	.allnews-kat-item-inner .picframe {
		height: 150px;
    	width: 220px;
    	max-width: 100%;
	}
	.allnews-kat-item-inner-text {
		width: calc(100% - 220px);
	}
	.news-kanal-item .picframe {
		height: 350px;
	}
	.static-content {
		padding-left: 0 !important;
		width: 100%;
	}
}

@media (max-width: 650px) {
	.etc-divi-item .picframe {
		height: 160px !important;
	}
}

@media (max-width: 575.98px) {
	.inner-navigator-top-item a {
		font-size: 14px;
	}
	.headline-terkait div a {
		width: 100% !important;
	}
	.headline-terkait div a:last-child {
    	display: none !important;
	}
	.headline .picframe {
    	height: calc(100vw - 250px);
    }
    .headline-tag {
    	font-size: 14px;
    }
    .headline-title {
    	font-size: 1.25rem!important;
	}
	.headline-terkait-item {
		font-size: 14px !important;
	}
	.allnews-item-inner .picframe, .allnews-kat-item-inner .picframe {
		width: 150px;
    	height: 90px;
    	max-width: 100%;
	}
	.allnews-kat-item-inner-text, .allnews-item-inner-text {
		width: calc(100% - 150px);
	}
	.news-kanal-item .picframe {
		height: 200px;
	}
	.news-kanal-item h2 {
		font-size: 1.25rem !important;
	}
	.kontak-widget h6 {
    	font-size: 14px !important;
	}
	.input-group .cari-label {
    	padding: .25rem .5rem;
    	font-size: .875rem;
    	border-radius: .2rem;
	}
	.input-group .cari-input {
    	padding: .25rem .5rem;
    	font-size: .875rem;
    	border-radius: .2rem;
	}
	.pencarian-form-wrapper .cari-btn {
    	padding: .25rem .5rem;
    	font-size: .875rem;
    	border-radius: .2rem;
	}
	.event-wrapper .allnews-kat-item-inner .picframe {
		width: 100%;
		height: auto;
	}
	.event-wrapper .allnews-kat-item-inner-text, .allnews-item-inner-text {
		width: 100%;
	}
}

@media (max-width: 558px) {
	.sharebtn {
		width: 100% !important;
	}
	.lineshare {
		background-color: #20c962 !important;
	}
	.follow-us-header {
		text-align: center;
	}
	.follow-us-inner {
		justify-content: center!important;
	}
}

@media (max-width: 450px) {
	.headline-tag {
    	font-size: 10px;
	}
	.headline .picframe {
    	height: 220px;
	}
	.headline-title {
    	font-size: 16px !important;
	}
	.headline-title-wrapper p, .headline-title-wrapper p a {
		font-size: 12px !important;
	}
	.allnews-item-inner .picframe, .allnews-kat-item-inner .picframe {
		width: 90px;
    	height: 90px;
    	max-width: 100%;
	}
	.allnews-kat-item-inner-text, .allnews-item-inner-text {
		width: calc(100% - 90px);
	}
	.allnews-item h2, .allnews-kat-item h2 {
		font-size: 16px !important;
	}
	.allnews-item h5, .allnews-item p, .allnews-kat-item h5, .allnews-kat-item p {
		font-size: 12px !important; 
	}
	.news-kanal-item h2 {
		font-size: 16px !important;
	}
	.seksi-terkait-divi .seksi-terkait-item a {
		font-weight: normal;
	}
}

@media (max-width: 400px) {
	.sitelogo-top img {
		height: auto;
	}
	.headline .picframe {
    	height: 200px;
	}
	.headline-terkait-item {
		font-size: 12px !important;
	}
	.etc-divi-item .picframe {
		height: 120px !important;
	}
}
@media (max-width: 380px) {
	.news-share .title {
    	display: none;
	}
}