#cd-lateral-nav::-webkit-scrollbar { width: 6px; background: rgba(255, 255, 255, 0.1); }
#cd-lateral-nav::-webkit-scrollbar-track { box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 6px inset; }
#cd-lateral-nav::-webkit-scrollbar-thumb { background-color: var(--dark_gray); }
#cd-lateral-nav::-webkit-scrollbar:horizontal { height: 6px; }
#cd-lateral-nav::-webkit-scrollbar:vertical { width: 6px; }
#cd-menu-trigger { width: 46px; height: 46px; display: block; position: relative; background: var(--ntrl50); }
#cd-menu-trigger .cd-menu-text { height: 100%; color: var(--black); font-weight: 600; display: none; }
#cd-menu-trigger .cd-menu-icon { display: inline-block; position: absolute; inset: 50% auto auto 50%; transform: translateX(-50%) translateY(-50%); width: 18px; height: 2px; background-color: var(--black); }
#cd-menu-trigger .teksmenu { position: absolute; font-size: 12px; left: 25px; top: -7px; }
#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon::after { content: ""; width: 100%; height: 100%; position: absolute; background-color: inherit; left: 0px; }
#cd-menu-trigger .cd-menu-icon::before { bottom: 6px; }
#cd-menu-trigger .cd-menu-icon::after { top: 6px; }
#cd-menu-trigger.is-clicked .cd-menu-icon { background-color: transparent; }
#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after { background-color: var(--black); }
#cd-menu-trigger.is-clicked .cd-menu-icon::before { bottom: 0px; transform: rotate(45deg); }
#cd-menu-trigger.is-clicked .cd-menu-icon::after { top: 0px; transform: rotate(-45deg); }
.overflow-hidden { overflow: hidden; }
.blackblock { position: fixed; inset: 0px; overflow: hidden; background: rgba(0, 0, 0, 0.8); z-index: 49; }
#cd-lateral-nav { position: fixed; height: 100vh; left: 0px; top: 0px; padding-top: 56px; padding-bottom: 56px; visibility: hidden; z-index: 50; width: 320px; background-color: var(--white); bottom: 0px; overflow-y: auto; backface-visibility: hidden; transition: transform 0.4s, visibility 0.4s; transform: translateX(-320px); }
#cd-lateral-nav .cd-navigation { margin: 0px; list-style: inside none; padding: 0px; width: 100%; }
#cd-lateral-nav .sub-menu { padding: 0px; display: none; list-style: inside none; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
#cd-lateral-nav ul li a { overflow: hidden; padding: 10px; color: var(--black); position: relative; font-size: 16px; font-weight: 500; display: flex; text-align: center; }
#cd-lateral-nav a:hover { color: var(--gray); }
#cd-lateral-nav a.current { background: var(--blue); color: var(--white); }
.no-touch #cd-lateral-nav a:hover { color: var(--gray); background: var(--blue); }
#cd-lateral-nav .sub-menu a, .sub-menu li:first-child { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
#cd-lateral-nav .sub-menu a, .sub-menu li { padding: 10px 30px; }
#cd-lateral-nav .sub-menu li { padding: 0px; }
#cd-lateral-nav.lateral-menu-is-open { transform: translateY(0px); visibility: visible; transition: transform 0.4s, visibility; box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 12px; }
#cd-lateral-nav .item-has-children > a { position: relative; }
#cd-lateral-nav .item-has-children > a::after { height: 11px; width: 11px; position: absolute; top: 40%; bottom: auto; right: 20px; content: ""; font-family: FontAwesome; transition-property: transform; transition-duration: 0.2s; display: flex; align-items: center; justify-content: center; }
#cd-lateral-nav .item-has-children > a.submenu-open { color: var(--black); }
#cd-lateral-nav .item-has-children > a.submenu-open::after { transform: rotate(-180deg); }
ul.cd-navigation li.item-has-children ul.sub-menu { }
#cd-lateral-nav .icon-menu { width: 24px; height: 24px; border-radius: 12px; float: left; margin-right: 5px; display: flex; align-items: center; justify-content: center; overflow: hidden; }
#cd-lateral-nav .icon-menu img { width: 24px; height: 24px; }
#cd-search { width: 32px; height: 56px; position: absolute; right: 46px; top: 0px; display: flex; justify-content: center; align-items: center; cursor: pointer; }
#cd-search { font-size: 20px !important; }
#cd-logo { margin: 0px auto; height: 56px; width: auto; font-size: 30px; display: inline-flex; justify-content: flex-start; align-items: center; color: var(--white); font-weight: normal; position: absolute; left: 0px; top: 0px; padding: 8px 0px 8px 16px; }
#cd-logo img { height: 40px; }
@media (min-width: 1367px) {
  .container { max-width: 1400px; }
  .header .header-in { max-width: 1200px; }
  .menu ul { max-width: 1200px; }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .menu { font-size: 12px; }
  .top-menu a { font-size: 12px; }
  .top-right a { font-size: 12px; }
  .grid-container { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .banner-full { grid-column: span 3 / span 3; }
}
@media only screen and (max-width: 900px) {
  .hide_desktop { display: block !important; visibility: visible; }
  .hide_mobile { display: none !important; visibility: hidden; }
  nav.menu { display: none; }
  .header { height: 56px; width: 100%; margin: 0px auto; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 20; background: var(--white); padding: 0px; }
  .header .header-in { max-width: 1200px; margin: 0px auto; position: relative; width: 100%; height: 56px; padding: 0px; }
  #cd-menu-trigger { height: 56px; width: 56px; background: transparent; }
  h1.logo { height: 46px; margin: 5px auto; }
  h1.logo img { height: 46px; }
  .cd-main-content { padding-top: 56px; overflow: hidden; }
  .top-right { top: 0px; right: 0px; width: 56px; height: 56px; background: transparent; border-radius: 0px; display: flex; justify-content: center; align-items: center; }
  .top-right a { color: var(--blue2); padding: 0px; font-size: 20px; }
  .cd-main-content.w-bot-menu { padding-bottom: 56px; }
  .mobile_scroll { overflow-y: scroll; padding-bottom: 12px; }
  .box-search { margin-bottom: 0px; }
  .blockbox p.capt { font-size: 14px; line-height: 18px; }
  .out-box-title { width: 100%; max-width: 100%; }
  .blockbox h2.titlebox { margin-bottom: 16px; font-size: 20px; }
  .blockbox h2.kanal { padding: 8px 16px; font-size: 24px; margin-bottom: 24px; }
  .blockbox h3.titlebox { min-height: 18px; font-size: 18px; margin-bottom: 16px; }
  .footer { padding: 24px 0px; }
  .footer .col-3 { width: 50%; margin-bottom: 24px; }
  .mobile-layout { display: flex; flex-direction: column; }
  .mobile-layout .col-4 { order: 1; width: 100%; float: none; }
  .mobile-layout .col-8 { order: 2; width: 100%; float: none; }
  .mobile-layout.default .col-4 { order: 2; width: 100%; float: none; }
  .mobile-layout.default .col-8 { order: 1; width: 100%; float: none; }
  ul.sosmed { justify-content: center; margin: 16px 0px; }
  .footer p.by { text-align: center; margin-top: 16px; }
  .full_col { width: 100%; float: none; padding: 0px 16px 16px; }
  #big_news .card-box.big-img { flex-wrap: wrap; }
  #big_news .card-box.big-img .img-card { width: 100%; height: auto; margin-bottom: 16px; }
  #big_news .card-box.big-img .text-card { width: 100%; flex-wrap: wrap; padding: 0px; }
  #big_news .card-box.big-img .img-card img { width: 100%; height: auto; }
  #big_news .card-box.big-img.right { flex-direction: column; }
  ul.row-list.list_big3, ul.row-list.list_invest { width: 890px; }
  ul.row-list.list_invest li .card-box .text-card h2.title { font-size: 18px; }
  ul.row-list.list_lima { width: 1200px; }
  ul.row-list.list_delapan li { width: 100%; }
  ul.row-list.list_delapan li .card-box { display: flex; flex-flow: row-reverse; flex-grow: 0; }
  ul.row-list.list_delapan li .card-box .text-card { padding-right: 16px; flex: 1 1 0%; }
  ul.row-list.list_delapan li .card-box .img-card { width: 100px; height: 100px; display: flex; justify-content: center; }
  ul.row-list.list_delapan li .card-box .img-card img { width: auto; height: 100%; }
  .slider_kanal_01 .slick-list, .slider_kanal_02 .slick-list { padding: 0px 10% 0px 0px; }
  .slider-thumb { margin-top: 0px !important; }
  .slider-show .slick-list, .slider-thumb .slick-list { padding: 0px 15% 0px 0px; }
  .slider.slider-show { margin-left: -8px !important; margin-right: -8px !important; }
  .slider-show .slider-item, .slider-thumb .slider-item { padding: 0px 8px !important; }
  ul.row-list.list_dua li { width: 100%; }
  .slider-thumb .slick-current.slick-active { background: transparent; }
  .slider-thumb .card-box .text-card { padding: 8px; }
  ul.row-list.list_dua li .card-box { display: flex; flex-flow: row-reverse; flex-grow: 0; }
  ul.row-list.list_dua li .card-box .text-card { padding-right: 16px; flex: 1 1 0%; }
  ul.row-list.list_dua li .card-box .img-card { width: 100px; height: 100px; display: flex; justify-content: center; }
  ul.row-list.list_dua li .card-box .img-card img { width: auto; height: 100%; }
  ul.row-list.list_dua_black li { width: 100%; }
  .blockbox.topblock { padding-top: 16px; }
  .card-box.fullwidth .text-card { position: relative; padding: 32px 16px; }
  .card-box.fullwidth .text-card h2.titlebox { position: relative; top: inherit; left: inherit; }
  .card-box.fullwidth .text-card h2.title { font-size: 32px; }
  .card-box.big-img.editor_col { flex-direction: column; }
  .card-box.big-img.editor_col .img-card { width: 100%; opacity: 1; }
  .card-box.big-img.editor_col .text-card { width: 100%; padding: 24px 16px; }
  .card-box.big_dua_col { flex-direction: column; }
  .card-box.big_dua_col .text-card { width: 100%; height: auto; padding: 24px 16px; }
  .card-box.big_dua_col .img-card, .card-box.big_dua_col .img-card img, .card-box.big_dua_col.vertical .img-card, .card-box.big_dua_col.vertical .img-card img { width: 100%; height: auto; }
  .card-box.big_dua_col.vertical .text-card p { text-align: left !important; }
  .card-box.big_dua_col.vertical .text-card { min-height: auto; gap: 24px; padding: 16px; }
  .card-box.fullwidth.top-title .text-card { background: var(--solid); }
  .card-box.fullwidth.top-title .text-card { padding: 24px 16px; }
  ul.row-list.list_also li .col-4 { width: 100%; padding: 0px; }
  ul.row-list.list_also li .col-2 { width: 100%; padding: 0px; }
  ul.row-list.list_also li .col-6 { width: 100%; padding: 0px; }
  ul.row-list.list_also li h3 { margin-bottom: 16px !important; margin-top: 0px !important; }
  ul.row-list.list_also li .card-box .img-card { margin-bottom: 16px; }
  .top_menu_mobile { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 0px 16px; margin-bottom: 24px; }
  .top_menu_mobile a { display: inline-flex; justify-content: center; align-items: center; font-size: 14px; line-height: 16px; padding: 4px 6px; font-weight: 500; }
  .detail-artikel { padding-top: 16px; }
  .detail-artikel .col-11 { width: 100%; float: none; }
  .detail-artikel .col-1 { width: 100%; float: none; }
  .detail-artikel .col-9 { width: 100%; float: none; padding: 0px 16px; margin-bottom: 40px; }
  .detail-artikel .col-3 { width: 100%; float: none; }
  .judul-artikel h1 { font-size: 24px; }
  ul.share { flex-direction: row; }
  ul.row-list.list_subscriber { row-gap: 24px; }
  ul.row-list.list_subscriber li { width: 100%; }
  .top_right_home .redbox { width: 100%; }
  .top_right_home .redbox .redbox-in { width: 100%; max-width: inherit; }
  .grid-container { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .banner-full { grid-column: span 2 / span 2; }
  .grid-galleries { grid-template-columns: repeat(5, 1fr); }
}
@media (min-width: 579px) and (max-width: 899px) {
  .menu { font-size: 12px; }
  .top-menu a { font-size: 12px; }
  .top-right a { font-size: 12px; }
  .grid-container { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .banner-full { grid-column: span 2 / span 2; }
  .grid-galleries { grid-template-columns: repeat(5, 1fr); }
}
@media only screen and (max-width: 580px) {
  ul.row-list.list_visual li { width: 100%; margin-bottom: 16px; }
  .grid-container.profiles { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .grid-container { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
  .banner-full { grid-column: span 1 / span 1; }
  .grid-event { grid-template-columns: repeat(1, 1fr); gap: 0px; }
  .grid-event .event-left { grid-column: span 2; }
  .grid-event .event-right { grid-column: span 2; display: flex; align-items: flex-end; }
  .grid-galleries { grid-template-columns: repeat(2, 1fr); gap: 8px; }
  .video_text .leftpos { padding-right: 20%; }
  .video_text .rightpos { padding-left: 20%; }
  .element-box.dark-input input { width: 80%; }
  .element-box.dark-area textarea { width: 100%; }
  .container.login .boxreg { padding: 24px; }
  .container.login { padding: 16px; }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .menu.v3 { display: none; }
}
@media only screen and (max-width: 900px) {
  .blockbox[class*="box_"] { padding: 24px; gap: 24px; }
  .desktop_scroll { gap: 16px; }
  .blockbox h2 { font-size: 18px !important; }
  .slider.slider_hero .slider-item .card-box .img-card { width: 100%; height: auto; aspect-ratio: 4 / 3; }
  .slider_hero .slider-item .card-box .text-card p { display: none; }
  .slider.slider_hero .slider-item .card-box .text-card h3.title { font-size: 24px; }
  .slider.slider_hero .slider-item .card-box .text-card { padding: 24px 16px; }
  .slider.slider_hero .slick-dots { bottom: 12px; }
  .card-box.big-img.v3 { flex-direction: column; gap: 24px; }
  .card-box.big-img.v3 .img-card, .card-box.big-img.v3 .text-card { width: 100%; }
  .box_voices .grid-col.row4 { grid-template-columns: repeat(2, 1fr); gap: 24px 16px; }
  .box_subscribe { flex-direction: column; gap: 12px; }
  .blockbox.box_ceo .card-box.v3.text_on_top .text-card { position: unset; width: 100%; padding: 24px; }
  .blockbox.box_ceo .card-box.v3.text_on_top .text-card p { font-size: 18px !important; }
  .blockbox h2.title { font-size: 24px !important; }
  .grid_5card { display: grid; grid-template-rows: repeat(3, auto); gap: 24px 16px; }
  .grid_5card .div1 { grid-column: span 4 / span 4; grid-row: unset; }
  .grid_5card .div2 { grid-row-start: 2; grid-column: span 2 / span 2; }
  .grid_5card .div3 { grid-row-start: 2; grid-column: span 2 / span 2; }
  .grid_5card .div4 { grid-row-start: 3; grid-column: span 2 / span 2; }
  .grid_5card .div5 { grid-row-start: 3; grid-column: span 2 / span 2; }
  .grid_5card .div2 h2.title, .grid_5card .div3 h2.title, .grid_5card .div4 h2.title, .grid_5card .div5 h2.title { font-size: 18px !important; }
  .grid_5card .card-box.v3 .text-card h2.title a.line2 { -webkit-line-clamp: 4; }
  .blockbox.box_read_also .grid-col.row4 { grid-template-columns: repeat(2, 1fr); gap: 24px 16px; }
  .blockbox.box_read_also .grid-col.row4 .card-box.v3 .text-card h2.title { font-size: 18px !important; }
  .blockbox.box_read_also .grid-col.row4 .card-box.v3 .text-card h2.title a.line2 { -webkit-line-clamp: 4; }
  .blockbox.box_cyber .grid-col { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, auto); gap: 16px !important; }
  .blockbox.box_cyber .grid-col.row3 { grid-template-columns: repeat(2, 1fr); }
  .blockbox.box_cyber .grid-col.row3 .card-box:last-child { grid-column: span 2 / span 2; }
  .blockbox.box_cyber .grid-col.row3 .card-box.v3 .text-card h2.title { font-size: 18px !important; }
  .blockbox.box_cyber .grid-col.row3 .card-box.v3 .text-card h2.title a.line2 { -webkit-line-clamp: 4; }
  .blockbox.box_h_truth .grid-col.row3 { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .box_h_truth .card-box.v3 .text-card { padding: 16px 0px; background: rgb(24, 29, 39); }
  .box_h_truth .card-box.v3 .text-card h2.title { font-size: 18px !important; }
  .box_h_truth .card-box.v3 .text-card { position: unset; }
  .blockbox.box_profiles .grid-col.row4 { grid-template-columns: repeat(2, 1fr); gap: 24px 16px !important; }
  .blockbox.box_profiles .card-box.v3 .text-card { padding-top: 16px !important; }
  .blockbox.box_investigation .grid-col.row3 { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .box_investigation .card-box.v3:first-child { grid-column: span 2 / span 2; }
  .box_investigation .card-box.v3 .text-card { padding: 16px 0px; background: rgb(24, 29, 39); }
  .box_investigation .card-box.v3 .text-card h2.title { font-size: 18px !important; }
  .box_investigation .card-box.v3 .text-card { position: unset; }
  .box_driving h2 { margin-bottom: 24px !important; }
  .box_driving .grid-col.row5 { grid-template-columns: repeat(3, 1fr); gap: 24px 16px; }
  .box_driving .grid-col.row5 div img { height: auto; width: 100%; }
  .header.v3 { height: 56px; width: 100%; margin: 0px auto; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 20; background: var(--blue); padding: 0px; }
  .header.v3 .header-in { height: 56px; padding: 0px; }
  .header.v3 .top-right { height: 56px; }
  .header.v3 .top-right a::before { display: none; }
  .header.v3 h1.logo { display: inline-flex; justify-content: center; align-items: center; }
  .header.v3 h1.logo img { height: 40px; }
  .top_container { padding: 24px 0px 0px; }
  .box_top_container { display: flex; flex-direction: column; }
  .in_top_container, .in_top_container2, .in_top_container3, .in_top_container4, .in_top_container5 { padding: 0px 24px 24px !important; }
  .in_top_container5 { padding-top: 24px !important; }
  .in_top_container2 .card-box.v3 { padding: 24px 0px !important; }
  .in_top_container3 .grid-col.row3 { grid-template-columns: repeat(2, 1fr); gap: 24px 16px !important; }
  .in_top_container3 .grid-col.row3 .card-box.v3:first-child { grid-column: span 2 / span 2; }
  .box_top_container .right_box_top_container { border-left: 0px; }
  .box_top_container .left_box_top_container { padding-bottom: 0px; }
  .padding-xl2 { padding: 24px !important; }
  .in_case { border-top: 1px solid var(--ntrl300); padding: 24px 24px 0px !important; }
  .footer.v3 { padding: 32px 24px; }
  .footer.v3 .grid-col.row5 div:first-child { grid-column: span 2 / span 2; place-content: center; }
  .footer.v3 .logo-footer img { height: 70px; }
  .footer.v3 .grid-col.row5 { grid-template-columns: repeat(2, 1fr); }
  .card-box.single_card.v3 { flex-direction: column; }
  .card-box.single_card.v3 .img-card { width: 100%; }
  .card-box.single_card.v3 .text-card { width: 100%; padding: 24px; }
  .card-box.single_card.v3 .text-card h5.title { font-size: 12px !important; margin-bottom: 16px !important; }
  .cd-main-content.kanal_detail { padding-top: 56px; }
  ul.tags { align-items: flex-start; flex-direction: column; justify-content: center; }
  ul.tags li:first-child { margin-left: 0px; }
  li.tags-item { margin: 4px 0px; }
  li.tags-item:not(:last-child)::after { display: none; }
  li.tags-item h3 { font-size: 14px; }
  .popup { height: 90vh; width: 90%; padding: 72px 16px; }
  #popup_satu.popup { height: auto; padding: 72px 16px 16px; }
  .popup .body_popup { overflow-y: auto; width: 100%; height: calc(-144px + 90vh); }
  .popup .header_popup, .popup .footer_popup { padding: 0px 16px; }
  .body_popup p { font-size: 12px; }
  .footer_popup button { font-size: 12px !important; }
  #popup_satu.popup .footer_popup { position: unset; height: auto; flex-direction: column; padding: 0px; gap: 8px; }
  #popup_satu.popup .footer_popup button.sign-btn, #popup_satu.popup .footer_popup .fx-start button.sign-btn { width: 100%; }
  #popup_satu.popup .footer_popup .fx-start { flex-direction: column; width: 100%; }
  .companybox { padding: 16px 0px; }
  .companybox h2 { padding: 16px 0px; margin-bottom: 16px; }
  .team_parent { display: grid; grid-template-columns: repeat(1, 1fr); gap: 32px; }
  .about_parent { display: flex; flex-direction: column; gap: 8px; }
  .about_parent.mb_111 { margin-bottom: 32px; }
  .value_parent { display: flex; flex-direction: column; gap: 32px; }
}