@media only screen and (max-width:800px) {
.hide_desktop{display:block; visibility:visible;}
.hide_mobile{display:none; visibility:hidden;}
.cd-main-content{padding-top:56px;}
.header{height:56px;}
.header .header-in{height:56px; justify-content:space-between;}
#cd-logo{display:flex; height:56px; padding:0; margin:0 16px; font-size:28px;}
#cd-lateral-nav {
position: fixed;
height: 100%;
left: 0;
top:56px;
padding:90px 16px;
visibility: hidden;
/* the secondary navigation is covered by the main element */
z-index:14;
width:100%;
/*background-color:#fff;*/
overflow-y: auto;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
-webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;
-moz-transition: -moz-transform .4s 0s, visibility 0s .4s;
transition: transform .4s 0s, visibility 0s .4s;
/* this creates the subtle slide in animation of the navigation */
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
}

#cd-lateral-nav.lateral-menu-is-open {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
visibility: visible;
-webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
-moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
transition: transform .4s 0s, visibility 0s 0s;
-webkit-overflow-scrolling: touch;
box-shadow: 1px 1px 12px rgba(0,0,0,0.1);
}
#cd-lateral-nav::-webkit-scrollbar {width:6px; background:rgba(255,255,255,0.1);}
#cd-lateral-nav::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
#cd-lateral-nav::-webkit-scrollbar-thumb {background-color:#666666;}
#cd-lateral-nav::-webkit-scrollbar:horizontal {height:6px;}
#cd-lateral-nav::-webkit-scrollbar:vertical {width:6px;}
#cd-menu-trigger {float:left; position:relative;width:56px; height:56px;}
#cd-menu-trigger .cd-menu-text {height: 100%;text-transform: uppercase;color: #1d2754;font-weight: 600;display: none}
	
    #cd-menu-trigger .cd-menu-icon {
        display: inline-block;
        position: absolute;
        left: 50%;
        top: 50%;
        bottom: auto;
        right: auto;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        width: 18px;
        height: 2px;
        background-color: #fff;
    }
	#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: 0
    }
    #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: #fff
    }
    #cd-menu-trigger.is-clicked .cd-menu-icon::before {
        bottom: 0;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    #cd-menu-trigger.is-clicked .cd-menu-icon::after {
        top: 0;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

#cd-lateral-nav .cd-navigation {margin:0;list-style:none; list-style-position:inside; padding:0;font-family:'Roboto',Arial;width:100%;flex-direction:column;}
#cd-lateral-nav .sub-menu {padding: 0;display: none;list-style:none; list-style-position:inside;border:none !important;}
#cd-lateral-nav ul li a {display:flex; align-items:center; overflow:hidden;padding:24px 16px;position:relative; font-size:24px; font-weight:600; justify-content:center;}
#cd-lateral-nav a:hover{color:#894E4E;}
#cd-lateral-nav a.current {color: #894E4E;}
.no-touch #cd-lateral-nav a:hover {color: #894E4E;}
#cd-lateral-nav .sub-menu a, .sub-menu li:first-child{border:none !important;}
#cd-lateral-nav .sub-menu a, .sub-menu li{padding:10px 30px;}
#cd-lateral-nav .sub-menu li{padding:0;}
#logo-tempo img{height:32px; width:auto;}
ul.row-list.list-credit{flex-flow:wrap; margin:0;}
ul.row-list.list-credit li{max-width:100%; width:100%;}
ul.share{padding:16px 0; width:50px; border-radius:50px; height:auto; display:inline-flex; flex-direction:column;
 right:12; z-index:2; position:fixed;bottom:72px;}
 ul.share li:first-child{height:auto;}
ul.share li{margin:0; display:flex; width:50px; height:50px; justify-content:center;}
ul.share li a{display:flex;width:50px;}
/*cover*/
.box-cover .text-cover h1.title{font-size:28px; line-height:38px; margin:0 0 30px 0; text-align:center;}
 .box-cover .img-cover.fix-height{height:auto; overflow:hidden;}
/*cover text-on-top*/
.box-cover.text-on-top{text-shadow:none;}
.box-cover.text-on-top .text-cover{position:relative; left:0; right:0; bottom:0; top:0;background:#252932;}
.box-cover.text-on-top .text-cover h4.kanal{color:#AD120A;}
.box-cover.text-on-top .text-cover .text-cover-in .bott-cover::before{background:#252932;}
.box-cover.text-on-top.m-vertical{color:#fefefe;}
.box-cover.text-on-top.m-vertical .img-cover{ height:100vh; width:auto; display:flex; justify-content:center; align-items:center; overflow:hidden;}
.box-cover.text-on-top.m-vertical .img-cover img{ height:100%; width:auto;}
.box-cover.text-on-top.m-vertical .img-cover video{height:100vh; width:auto;}
.box-cover.text-on-top.m-vertical .img-cover .videoframe{height:100vh; padding:0;}
.box-cover.text-on-top.m-vertical .img-cover .videoframe video{position:relative;}
.box-cover.text-on-top.m-vertical .text-cover{position:absolute;background:rgba(0,0,0,0.6);}
.box-cover.text-on-top.m-vertical .text-cover {color:#fefefe;}
.box-cover.text-on-top.m-vertical .text-cover h4.kanal{color:#AD120A;}
.box-cover.text-on-top.m-vertical .text-cover .text-cover-in .bott-cover::before{background:#fefefe;}
/*cover text-on-left*/
.box-cover.text-on-left{text-shadow:none;}
.box-cover.text-on-left .text-cover{position:relative; left:0; right:0; bottom:0; top:0;background:none !important;backdrop-filter:none; padding:50px 16px;}
.box-cover.text-on-left .text-cover h4.kanal{color:#AD120A;}
.box-cover.text-on-left .text-cover .text-cover-in .bott-cover::before{background:#252932;}
.box-cover.text-on-left .text-cover .text-cover-in{align-items:center;}
.box-cover.text-on-left .text-cover .text-cover-in .head-cover{align-items:center;}
.box-cover.text-on-left .text-cover .text-cover-in .bott-cover{align-items:center;}
.box-cover.text-on-left .text-cover .text-cover-in .bott-cover::before{left:0;}
.box-cover.text-on-left .text-cover h1.title{text-align:center;}
.box-cover.text-on-left .text-cover p{display:block;}
/*cover text-background*/
.box-cover.background-text .text-cover{position:relative; left:0; right:50%; bottom:0; top:0;background:#fff; z-index:4; padding:50px}
.box-cover.background-text .text-cover .text-cover-in{align-items:center;}
.box-cover.background-text .text-cover h1.title{text-align:center;}
.box-cover.background-text .text-cover .text-cover-in .head-cover{align-items:center;}
.box-cover.background-text .text-cover .text-cover-in .bott-cover{align-items:center;}
ul.row-list.list-lainnya li{width:100%;}

.footer .container .footer01{display:flex; align-items:center; justify-content:center; flex-direction:column; min-height:auto; width:100%; float:none; margin-bottom:32px;}
.footer a.link{text-align:center;}
.footer .container .footer02{position:relative; width:100%; float:none;display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;}
.box-menu-footer{margin-left:0;}

.lang{ list-style:none; list-style-position:inside; margin:0; padding:0 12px 0 16px;height:54px; display:flex; justify-content:center; align-items:center; float:right;}
.lang  a{border:none ; background:transparent; text-shadow:1px 1px 1px #fff;height:32px; text-align:center; display:inline-flex; justify-content:center; align-items:center; padding:0 !important; font-size:14px; border-radius:15px; margin:0 2px; color:#B1B1B1;}
.lang  a img{width:22px; height:22px; float:left; filter:grayscale(100%); opacity:0.5;}
.lang  a.active img{filter:grayscale(0%); opacity:1;}
.lang a.active{border:none; color:#252932; background:transparent;}
.lang  a:hover{color:#B1B1B1 !important;}
.lang a.active:hover{color:rgba(0,0,0,0.7);}
.lang .t-ico{margin-left:0;}
.scroll_m{overflow-y:scroll; width:150%;}
.pilih-in{width:900px;}
/*footer mobile*/
/*footer
.footer{background:#141619; padding:32px 0; overflow:hidden; color:#fefefe;font-size:14px; font-weight:600; position:relative;}
.footer h3.title{font-size:12px; line-height:20px; font-weight:bold;}
.footer a.link{color:#fefefe; display:inline-flex;padding:0 8px; position:relative;font-size:12px;}
.footer a.link:before{content:''; width:1px; background:#fefefe; right:-2px; top:0; bottom:0; position:absolute;}
.footer a.link:hover{color:#9E9E9E;}
.footer .centerbox{display:block; margin:0 auto; text-align:center;}
.footer .centerbox a.link:last-child:before{display:none;}
.footer a.link.tentang:before{content:''; width:1px; background:#fefefe; height:9px; margin:auto; right:-2px; top:0; bottom:0; position:absolute;}
.footer a.link.tentang:after{content:''; width:9px; background:#fefefe; height:1px; margin:auto; right:-6px; top:0; bottom:0; position:absolute;}
.footer a.link.tentang:last-child:before{display:none;}
.footer a.link.tentang:last-child:after{display:none;}
.footer p.copy{font-size:12px; margin:16px auto 0 auto; color:#fefefe; font-weight:400; text-align:center; padding:0 16px;}
ul.sosmed{padding:0; margin:0 auto; list-style:none; list-style-position:inside; display:flex; justify-content:center; align-items:center; overflow:hidden;}
ul.sosmed li{display:inline-flex;margin:0 3px;width:32px; height:32px;}
ul.sosmed li a{ width:32px; height:32px; border:2px solid #fefefe; color:#fefefe; border-radius:16px; text-align:center; line-height:34px; display:inline-flex; justify-content:center; align-items:center; font-size:14px;}
ul.sosmed li a:hover{color:#9E9E9E; border-color:#9E9E9E;}
ul.apps{padding:0; margin:0 auto; list-style:none; list-style-position:inside; display:flex; justify-content:center; align-items:center; overflow:hidden;}
ul.apps li{display:inline-flex;margin:0 3px;width:auto; height:40px;}
ul.apps li img{width:130px; height:40px;transition: all .2s ease-in-out; opacity:1;}
ul.apps li:hover img{transition: all .2s ease-in-out; opacity:0.7;}
*/
#cd-lateral-nav .lang{order:1;}
ul.row-list.list-artikel-lain li {width:50%; margin-bottom:16px;}
ul.row-list.list-artikel-lain li .img-card{height:auto;}
ul.row-list.list-artikel-lain li .card-box .img-card img{width:100%; height:auto;}
.card-text{margin:0;}
.card-content .card-img{margin-left:0;}
}
/*dark mobile*/
@media only screen and (max-width:800px) {
/*cover*/

/*cover text-on-top*/
.box-cover.text-on-top .text-cover{position:relative; left:0; right:0; bottom:0; top:0;background:#252932;}
.box-cover.text-on-top .text-cover {color:#fefefe;}
.box-cover.text-on-top .text-cover h4.kanal{color:#AD120A;}
.box-cover.text-on-top .text-cover .text-cover-in .bott-cover::before{background:#fefefe;}
.box-cover.text-on-top.m-vertical .text-cover{position:absolute;background:rgba(0,0,0,0.8);}
}
@media only screen and (max-width:580px) {
ul.row-list.list-artikel-lain li {width:100%; margin-bottom:16px;}
ul.row-list.list-artikel-lain li .img-card{height:auto;}
ul.row-list.list-artikel-lain li .card-box .img-card img{width:100%; height:auto;}
.card-content .card-text h2.title{padding:16px 0;}
}