@media screen and (max-width:800px) {
    #cd-lateral-nav {padding-top:71px;}
   .header-up{top:0;}
   .box-banner{padding:15px 0;}
   .box-banner img{width:100%; height:auto;}
   .hide_desktop {display: block;visibility: visible}
   .hide_mobile {display: none;visibility: hidden;height: 0}
   #cd-menu-trigger {left:0;}
   .cd-main-content {min-height: 100%;position: relative;background-color: #fff;z-index: 2;padding-top:56px}
   header {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   height:56px;
   width: 100%;
   background: #fff;
   z-index: 32;
   -webkit-transform: translateZ(0);
   -webkit-backface-visibility: hidden;
   -webkit-transition-property: -webkit-transform;
   -moz-transition-property: -moz-transform;
   transition-property: transform;
   -webkit-transition-duration: .4s;
   -moz-transition-duration: .4s;
   transition-duration: .4s;
   box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, .05)
   }
   header .header-top {border: none}
   header.lateral-menu-is-open {
   -webkit-transform: translateX(0);
   -moz-transform: translateX(0);
   -ms-transform: translateX(0);
   -o-transform: translateX(0);
   transform: translateX(0)
   }
   header.is-fixed {position: fixed}
   h1.logo-m {padding:8px 0; height:56px; margin:0 auto; display:flex; align-items:center; justify-content:center;}
   h1.logo-m img {display: block;height:32px}
   #cd-top-nav {position: absolute;top: 0;right: 120px;height: 100%;display: none}
   #cd-top-nav ul {height: 100%;padding-top: 18px}
   #cd-top-nav li {display: inline-block;margin-right: 1em}
   #cd-top-nav a {display: inline-block;padding: .5em;color: #fff;text-transform: uppercase;font-weight: 600}
   #cd-top-nav a.current {background-color: #111}
   .no-touch #cd-top-nav a:hover {color: rgba(255, 255, 255, .7)}
   
   ul.row-list.list-foot-menu li{width:25%;}
   .boxthumb .boxthumb-in{padding-right:0;}
   .card-box.thumb .img-card{width:100px; height:100px;}
   .card-box.thumb .img-card img{height:100px; width:auto;}
   .card-box.thumb .text-card{padding-left:15px; min-height:100px;}
   .footer-menu{padding-bottom:15px;}
   .footer-bot {display:block; text-align:center;}
   .footer-bot a {display:inline-block;}
   .footer-bot a.tentang{width:100%; display:block; margin-bottom:5px;}
   .col50.list-data{width:100%; float:none; margin-bottom:15px;}
   .col50.list-data2{width:100%; float:none; margin-top:15px; padding-top:15px; border-top:1px solid #222;}
   .col70.list-utama{width:100%; float:none; margin-bottom:15px;}
   .col30.list-utama{width:100%; float:none; margin-bottom:0px;}
   .col70.list-utama .card-box .text-card{padding-top:0;}
   .col30.list-utama .card-box:first-child{width:50%; float:left; padding-right:15px; margin-bottom:0;}
   .col30.list-utama .card-box:last-child{width:50%; float:left; padding-left:15px; margin-bottom:0;}


    .detail-artikel .detail-in .box-foto-in{padding:0;}
    .detail-artikel p{padding:0;}
    .detail-artikel p{padding:0;}
    .photo {padding:15px;}
  
    .box-title-detail{padding:0 0 15px 0;}
    ul.sitemap{align-items:flex-start;}
    .col70.list-kanal{width:100%; float:none; margin-bottom:15px;}
    .col30.list-kanal{width:100%; float:none; margin-bottom:0px;}
    
    .tim-redaksi ul.row-list.row3 li {width: 50%;}
}

@media screen and (max-width:500px) {
    .tim-redaksi ul.row-list.row3 li {width: 100%;}
}