.mobile-only{display:none !important; visibility:hidden; content-visibility:hidden;}

header{border-bottom: 1px solid rgb(230, 232, 234);}
header > div{display: grid ; grid-template-columns: repeat(3, 1fr); justify-content: space-between; padding: 0 var(--size-3);}
header .header-logo{padding-left:0;}
header .header-menu-desktop{padding-right:0;}
.header-center { justify-content: center; }
.header-right { display: flex ; min-width: 57px; justify-content: center; }
header .menu-list{display:flex;}
header .menu-link{height:var(--body-padding); padding:0 var(--size-3); font-size: 16px; font-weight: 600 !important;}
.header-logo img{height: 52px; width: 204px;}
menu { position: sticky; z-index: 99; top: -1px !important; left: 0; width: 100%; display: flex !important ; justify-content: center; border-bottom: 1px solid rgb(230, 232, 234); background: #FFF;}
menu > ul { display: flex ; border-bottom: 1px solid rgba(0, 0, 0, 0.15); width: 970px;}
menu > ul, menu > ul > li { border-color: rgba(0, 0, 0, 0.07); }
menu > ul > li { position: relative; flex-grow: 1; vertical-align: top; }
.menu-link { position: relative; text-transform: uppercase; font-weight: 700; z-index: 2; display: flex ; height: 40px; color: var(--color-link-quarternary); font-size: 12px;}
.menu-lainnya > div { display: flex ; align-items: center; gap: 5px; }
menu.isSticky { border-top: 4px solid var(--color-link-primary); }
menu.isSticky .menu-search-desktop, menu.isSticky .menu-logo{display: flex; align-items: center;}
.hp-main{display: flex; align-items: center; justify-content: center;}

.site-container > span{position:relative; max-width:var(--site-container);}
.site-container > span > *{position:relative; z-index:3;}
.main-container{grid-template-columns:1fr 300px;}
.column-small-container{position:-webkit-sticky; position:sticky; padding-bottom:0.1px;}

.column-big .article-list-row{--article-thumb-size:178px;}
.column-big .article-list-thumb:before, .column-big .article-list-thumb-link:before{padding-top:56.25%;}
.column-big .article-list-title h2{font-size:18px;}
.column-big .article-card .article-list-title h2{font-size:16px;}
.column-big .article-list-desc{grid-column:1/3; font-size:14px; line-height:150%;
display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}

.iklan-skin{position:absolute !important; z-index:1 !important; top:0; left:0; width:100%; height:100%;}
.iklan-skin > span{display:flex; justify-content:space-between; width:100%; position:-webkit-sticky; position:sticky; 
top:calc(var(--menu-height) + var(--section-space-normal) + var(--topbar-height));}
.iklan-skin-left{margin-left:-175px;}
.iklan-skin-right{margin-right:-175px;}
.column-big .iklan-native{height:163px;}

.snd, .snd-link{padding:0 5px;}
.snd{margin-bottom:var(--section-space-normal); display:flex; top:calc(var(--menu-height)); padding:0;}
.snd-more{right:0; display:none !important;}
.snd-sub-container:hover .snd-more{display:block !important;}
.snd-sub-container:hover .snd-more-button{color:var(--color-link-primary);}
.snd-sub-container:hover .fas{transform:rotate(-180deg);}

.main-search-box .search-box{width: calc(970px - 370px) !important;}

.iklan-top-desktop-custom{margin-top:5px; min-height:100px;}

.sticky-bottom-video{bottom:110px; width: 320px; height:180px; position: fixed; z-index: calc(var(--max-zindex) - 10000); left: 0;}

.search-box{width: var(--site-container);}

.sticky-bottom{bottom:0; height:90px;}
.sticky-bottom > span{position:relative;}

.menu-sub-small {display: none;}
.menu-sub-small{position: absolute; z-index: 1; top: 65px; right: 0; padding-top: 30px;}
.menu-sub-small > ul{background-color: #FFF; max-width: 120px; overflow: hidden; border-radius: var(--rounded-normal); box-shadow: var(--shadow-default);}
.menu-small-parent > a{z-index: 2;}
.menu-sub-small > ul a:hover{background-color: rgba(0,0,0,0.1);}
.menu-sub-small > ul a{padding: 0 var(--section-space-normal); justify-content: flex-start;text-transform: uppercase; height: var(--menu-height); font-size: 12px; font-weight: 700;}
.menu-small-parent:hover .menu-sub-small {display: block;}
.menu-button{font-weight: 700; font-size: 12px; cursor: pointer; text-transform: inherit;}
.menu-small-parent {cursor: pointer;}