/* 
    Created on : 20/12/2022 21:00:00
    Author : mariz a.m rol
    Update 03/02/2023 18:50:00
    REPUBLIKA.ID(NEW VERSION)
*/

@media (min-width:1920){
    .headline {height: 79vh;}
    .headline-content img{height: 100%;position: absolute;z-index: 9;left: 0;right: 0;left: 0;}
    .footer-comment{width: 50%;}
}
@media (min-width: 1440px) {
    .headline-content img{height: 100%;position: absolute;z-index: 9;left: 0;right: 0;left: 0;}

    #rule_css:after { content: "more than big col-lg" }
}/*
*/
@media (min-width: 1300px) {
    #rule_css:after { content: "more than col-lg" }
}

/*
*/
/* col-lg */
/* Large devices (large desktops, 1200px and up) */

@media (min-width: 1290px) {
    .category-edisi{padding-left: 7.2%;padding-right: 7.2%;}
    
    /*info*/
    #rule_css:after { content: " col-md" }
}

/* col-md */
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
    .headline{height: auto;}
    
    
    .top-headline-img img {height: 170px;}

    /*category-index*/
    .category-headline{padding: 0;}
    .category-latest,
    .category-edisi,
    .category-bisnis,
    .category-index{padding-left: 1%;padding-right: 1%;}

    .news-category-img img{height: 220px;}
    
    /*newstrends*/
    .news-trends{height: 474px;}
    
    .category-trend h1,
    .news-bisnis h1{font-size: 21px;}
    .news-bisnis img {width: 100%;height: 252px;object-fit: cover;}
    
    .edisi-logo{width: 150px;}
    
    .opini-list {height: 320px;}

    .opini-list img{height: 220px;}
    
    /*dashboard*/
    #listHolder .text-right {padding-top: 10px;}
    #listHolder .text-right a{line-height:48px;}
   
    .form-horizontal .control-label{text-align: left;}
    .btn-group-lg>.btn, .btn-lg{font-size:12px;}
    
    
    /*footer*/
    .footer .container {padding: 0;}
    
    /*info*/
    #rule_css:after { content: " col-md" }
}

/* col-sm */
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) { 
    .header-menu-nav span img{width: 20px;height: 20px}
    .header-logo{padding: 0;}
    .header-logo img{width: 38%;}
    .top-headline .container {padding-bottom: 15px;}

    .logo-rid{margin-top: 5px;padding: 0}
    .logo-rid img{width: 70%;}
    .header-login{padding-top: 7px;text-align: left;}
    .header-login-in{padding-top: 2px;}
    
    .header-new-bottom{text-align: center;}
    .join-member{width: 100%;}
    .menu-category{position: fixed;top:120px;}
    
     /*mobile*/
     .header-member{padding-left: 15%;}
     
     .category-latest,
     .category-index{padding: 0;}
    
    .headline{height: auto;}
    .headline .gradient-headline{bottom: 0;}
    .headline-desc{left: 5%;right: 5%;}
    .headline-desc-news h1, .headline-desc h1 {font-size: 38px;}
    .headline-content h2 {width: 300px;}

    .headline-fixed{top:0px}
    .header-new-bottom {padding-bottom: 22px;}
    
    .bg-category{margin-top: 78vh;}
    
    .top-headline{padding-top: 14px;}
    .top-headline-img img  {height: 125px;}
    .top-headline-desc h2{font-size: 14px;}
    .top-headline-list h3{padding-left: 0px;font-family: 'Nunito-Sans-Regular';font-size: 14px;}
    .top-headline-list label{margin-left: 0px;}
    .top-headline-list:nth-child(1){margin-bottom: 10px;}
    .top-headline-list:nth-child(2){margin-bottom: 10px;}
    .index-thumb a{font-size: 11px;}
    .index-thumb h2 {font-size: 14px; padding-left: 0px;width: 100%;}
    .index-member{margin-top: 10px;}
    .btn-member-black{font-size: 13px;}
    
    h1.news-title {padding-top: 10px;}

    .index-post h2{font-size: 20px;}
    
    .news-category {padding: 0;}

    .news-category img{height: 200px;}
    
    .resonansi-profile{padding-left: 4%;}

    .opini{margin-top: 30px;margin-bottom: 30px;}
    .opini-list{height: 300px;}
    .opini-list img{height: 200px;}
    .news-category-img {height: auto;}

    
    .category-trend-list{margin-top: 20px;height: 300px;}
    .category-trend-list img{height: 178px;}

    .disc-member-circle{padding-top: 16px;}

    .member-join-middle {width: 70%;}
    
    .read{display: flex;flex-direction: column;}
    .read-artikel h3{padding-left: 0x;margin-top: 10px;}
    .read-artikel time{padding-left: 14px;}
    .read-news p{font-family: 'Roboto-Slab-Regular'; font-size: 17px; line-height: 22px;}
    
    .sidebar{order: 2}
    .read-artikel{order: 1;}
    .article-related{padding: 3%;}
    .related-grid{padding: 3%}
    .read-related{margin-top: 20px;text-align: center;padding-left: 20%;margin-bottom: 20px;}
    .more-active-list{padding-left: 2%;padding-right: 2%;}
    
    .quote-kutipan{margin-left: 0!important;}
    .blok_quot {margin-left: 42px;}
    
    .login{width: 100%;}
    .login-rid a.btn-google,
    .login-rid a.btn-facebook {font-size: 10px;}
    
    .show-bar span{font-size: 11px;}
    .show-search{padding: 0;}
    
    /*FOOTER MENU*/
    .footer-comment{width: 100%;}
    .footer-about{padding: 0;}
    .footer-menu{padding: 0;margin-top: 20px;}
    .footer-menu ul{margin-right: 10px;}
    .footer-menu ul li.menu{width: 145px;}
    
    
    /*info*/
    #rule_css:after { content: " col-xs" }
}

@media (max-width: 720px) { 
    
    
    .header{padding: 0;height: auto;}
    .header .header-logo{padding-left: 15px;}
    .row-header{padding: 0;margin: 0!important;}
    .header-menu-nav{padding-top: 8px;}
    .header-menu-nav span{font-size: 26px;}
    .navbar-nav{margin: 0;}
    .navbar {min-height: min-content;}
    .header-logo h1{font-size: 30px;margin-top: 10px;}
    .navbar-custom .nav li a{float: none;}
    .header-content{padding-left: 0;padding-top: 20px!Important;padding-right: 22px;}
    .navbar-nav>li>a{line-height: 20px;}
    .header-content span{margin-right: 0px;font-size: 18px;}
    .header-content .navbar-nav{display: flex; overflow-x: visible!important;}
    .navbar-nav li img {margin-top: 0px!important;}
    
   
    .collapsing, .dropdown{position: absolute;}
    .header-content .navbar-nav .open .dropdown-menu{position: absolute!Important;background: #fff; top: 38px;left: -232%;z-index: 2;}
    .header-content .dropdown.open .dropdown-toggle:after{display: none;}
    .sidenav .closebtn {top:-10px;}
    
    .navbar-nav>li>a{line-height: 0;}
    
    .top-headline-img img{height: 130px;}
    

    /*headline*/ /*HEADLINE*/
    .row.headline{margin-left: 0;margin-right:0;}
    .headline{height: 450px;}
    .gradient-headline{padding: 120px; bottom:0px}
    .headline-content{height: 100%!important;background: center center no-repeat;}
    

    .headline-desc{left: 10px;bottom: 82px;z-index: 99;}
    .headline-desc-news h1, .headline-desc h1{font-size: 32px;}

    /*HEADLINENEWS*/
    /*.headline-desc-news label, .headline-desc label{padding: 5px 5px 10px 10px;}*/
    .headline-desc-news{bottom:0;left: 10px;}
    .headline-content img{width: auto;height: 100%;position: absolute;z-index: 9;left: 0;right: 0;left: -90%;}

    /*category*/
    .category-headline{padding: 0;margin: 0;}
    .category-page{padding: 0;margin: 0;padding-left: 15px;padding-right: 15px;margin-bottom: 15px;}
    .category-page:nth-child(odd){border-right: none;}
    .category-headline h1{text-align: left;font-size: 24px;}

    /*categoryindex*/
    .category-index{padding-left: 0;padding-right: 0;}
    .index-wrap{}
    
    .index-desc p{display: none;}
    .index-post{padding: 0;margin-bottom: 10px;border-left: 0;}
    .index-post h2{margin-top: 4px;font-size: 18px;}
    .index-img{padding: 0;width: 40%;margin-top: 10px;}
    .index-thumb{padding: 0;}
    .index-thumb h4{padding: 0;margin: 0; font-size: 14px;}
    .index-img img{height: 181px;}
    
   

     /*headlinecategory*/
    .headline-img{padding: 0;width: 100%;}
    .headline-img img{width: 100%;height: 255px;object-fit: cover;}
    .headline-img h1{border-left: 0;font-size: 18px;}
    .category-news{padding: 0;}

    .news-category{min-height: 220px;}
    .news-category img {width: 100%;height: 134px;object-fit: cover;}
    .news-title-category{padding: 0;}
    .news-desc{padding: 0;}
    .news-desc h1{padding-left: 0;font-size: 18px;border-left: 0;}
    .news-desc span{font-size: 14px;}

    /*newstrend*/
    .category-trend{padding-left: 10px;padding-right: 10px;}
    .news-trends{padding: 0;width: 100%;margin-bottom: 20px;}
    .news-trends img {width: 100%; height: 310px;  object-fit: cover;}

    .category-bisnis{}
    .category-bisnis img{height: auto;}

    .news-bisnis span{padding:4px 20px 4px 20px;}
    
    .read-artikel h1{font-size: 32px;}
   
    .rubrik-desc h2{font-size: 18px;}
    .rubrik-desc p{display: none;}
    .rubrik-desc label{font-size: 12px!important;}
    
    .category-trend-list {width: 50%; float: left;}

    
    .category-latest{padding: 0;}
    .news-category img{height: 300px;}
    

    /*info*/
    #rule_css:after { content: " col-xs1" }
}

@media (max-width:740px){
    .headline{height: 70vh;}
    .headline-desc-news h1, .headline-desc h1{font-size: 32px;}
    .headline .gradient-headline{bottom: 0;}
    .bg-category{margin-top: 75vh;}
    
    .top-headline-list h3 {padding: 0;}
    .top-headline-list label{margin: 0;}
    .category-index{padding: 0;}
    .category-latest{padding: 0;}
    
    .news-category-img img{height: 320px;}
}


/* col-xxs */
/*  */
/* custom col extras small */
@media (max-width: 640px)  {
    .header{padding: 0;height: 55px;}
    .header .header-logo{padding-left: 15px;}
    .row-header{padding: 0;margin: 0;}
    .header-menu-nav{padding-top: 8px!important;}
    .header-menu-nav span{font-size: 26px;}
    .navbar-nav{margin: 0;}
    .navbar {min-height: min-content;}
    .header-logo h1{font-size: 30px;margin-top: 10px;}
    .navbar-custom .nav li a{float: none;}
    .header-content{padding-left: 0;padding-top: 6px!Important;padding-right: 22px!important;height: 55px;}
    .navbar-nav>li>a{line-height: 20px;}
    .header-content span{margin-right: 0px;font-size: 18px;}
    .header-content .navbar-nav{display: inline-flex}
    .collapsing, .dropdown{position: absolute;}
    .header-content .navbar-nav .open .dropdown-menu{position: absolute!Important;background: #fff; top: 38px;left: -232%;z-index: 2;}
    .header-content .dropdown.open .dropdown-toggle:after{display: none;}
    .sidenav .closebtn {top:-10px;}
     /*HEADLINE*/
    .row.headline{margin-left: 0;margin-right:0;}
    .headline{height: 350px;}
    .gradient-headline{padding: 120px; bottom:0px}
    .headline-content{height: 100%!important;background: center center no-repeat;}
    
    .headline-desc{left: 10px;bottom: 82px;z-index: 99;}
    .headline-desc-news h1, .headline-desc h1{font-size: 32px;line-height: 39px;}

    /*HEADLINENEWS*/
    /*.headline-desc-news label, .headline-desc label{padding: 5px 5px 10px 10px;}*/
    .headline-desc-news{bottom:0;left: 10px;}
    .headline-content video{width: auto;height: 100%;position: absolute;z-index: 9;left: 0;right: 0;left: -80%;}
    .headline-content img{width: auto;height: 100%;position: absolute;z-index: 9;left: 0;right: 0;left: 5%;}

    /*category*/

    .category-headline{padding-left: 12px; padding-right: 12px;margin: 0;}
    .category-headline h1{height: auto!important;}
    .category-page{padding: 0;margin: 0;padding-left: 8px;padding-right: 8px;margin-top:30px;margin-bottom: 20px;}
    .category-link span{font-size: 14px;}
    .category-page:nth-child(odd){border-right: none;}
    .category-headline h1{text-align: left;font-size: 22px;margin-bottom: 20px!important;}

    /*categoryindex*/
    .category-headline,
    .category-latest,
    .category-index{padding-left: 20px;padding-right: 20px;}

    .footer{padding-left: 0px;padding-right: 0px;}
    .index-wrap{padding: 0;margin-top: 0;}
    .index-desc p{display: none;}
    .index-post{padding: 0;margin-bottom: 10px;border-left: 0;}
    .index-post h2{margin-top: 4px;font-size: 18px;margin-bottom: 20px;}
    .index-post time{font-size: 12px;}
    .index-img{padding: 0;width: 40%;margin-top: 10px;}
    .index-img img{height: 187px;}
    .index-thumb{padding: 0;font-weight: normal;}
    .news-trends img {width: 100%;height: 400px;object-fit: cover;margin-bottom: 8px;}

    .index-thumb span{font-size: 12px;}
    .index-thumb h4{padding: 0;margin: 0; font-size: 14px!important;margin-right: 4px;}

    
    .headline-img h1{border-left: 0;font-size: 24px;margin-bottom: 10px;}


    .news-category{padding: 0;min-height: 132px;}
    .news-title-category{padding: 0;}
    .news-desc{padding: 0;margin-bottom: 10px;}
    .news-desc h1{padding-left: 0;font-size: 18px;border-left: 0;padding-right: 5px;}
    .news-desc span{font-size: 12px;}
    .news-desc h4{margin: 0;}
    .news-img{margin-bottom: 30px;}
    .news-desc time {font-size: 12px;}

    /*newstrend*/
    .category-bisnis{padding-left: 20px;padding-right: 20px;padding-top: 40px;}
    .category-trend{padding-left: 10px;padding-right: 10px;padding-top: 40px;}
    .category-trend h1{margin-bottom: 15px;font-size: 20px;}
    .news-trends{padding: 15px;width: 100%;margin-bottom: 20px;height: auto;}
    .news-bisnis h2,
    .news-trends h2{font-size: 13px;}
    .headline-img img{padding-top: 0;width: 100%;height: 400px;object-fit: cover;}

    .news-bisnis{padding: 0;}
    .category-bisnis img{height: auto;}

    .news-bisnis{padding: 15px;height: auto!important;}
    .news-bisnis{border: none;min-height: 400px;}
    .news-bisnis img{width: 100%;height: 400px;object-fit: cover;margin-bottom: 8px;}
    .news-bisnis h1{height: auto!important;margin-bottom: 20px; font-size: 20px}
    .news-bisnis span{padding:4px 4px 4px 4px;font-size: 14px;}
    
    .category-timeline .index-desc{border-left: 0;}
    
    /*bgisu*/
    .bg-isu{height: auto;width: 100%}
    .bg-isu .banner-thumb{top:4px; left: 0;height: auto;}
    .bg-isu img{height: auto;}
    .viral{padding-left: 19px;padding-right: 19px;}
    .viral-slider{width: 79%;margin-left: 21%;}
    .viral-slider h1{font-size: 12px;line-height: 10px;padding-top:22px }
    .viral-slider a{font-size: 10px;line-height: 10px;}
    .cek-viral{width:60px; height: 60px;}
    .cek-viral span{font-size: 13px;line-height: 13px;}
    .viral-slider .owl-controls .owl-page, .owl-controls .owl-buttons div{padding-top: 1px;}
    .bg-isu .button-follow{padding: 4px;margin-top: -12px;font-size: 10px;display: none}

    /*analisis*/
    .bg-analisis img{height: auto;}
    .bg-analisis .banner-thumb{top:20px;left: 10px;}
    .bg-analisis .button-follow{margin-top: 20px;}
    .analisis-category h1{font-size: 18px;}
    /*headlinecategory*/
    .headline-img{width: 100%;margin: 0;padding: 0;margin-top: 20px;margin-bottom: 20px;height: auto!important;}

    /*banner analisis*/
    .bg-analisis{height: auto;}
    .analisis span{font-size: 10px;line-height: 10px;} 
    .analisis{width: 50px;height: 50px;}
    .bg-analisis .banner-thumb{top: 20px;left: 26px;}
    .bg-analisis .button-follow{margin-top: 4px;padding: 4px;}

   

    /*banner kutipan*/
    .bg-kutipan{height: auto;}
    .resonansi span{font-size: 12px;} 
    .bg-kutipan img{height: 100px;}
    .bg-kutipan .banner-thumb{top: 20px;left: 4px;}
    .bg-kutipan span img{width: 30px;height: 30px;}
    .bg-kutipan h1{font-size: 14px;}
    .bg-kutipan .button-follow{padding: 4px;}
    .kutipan a{font-size: 16px;}

    /*banner rehat*/
    .bg-rehat{height: auto;}
    .resonansi span{font-size: 12px;} 
    .rehat-titel p{font-size: 14px;margin: 0;padding: 10px;}
    .rehat-category h1{width: 100%;font-size: 14px;}


    /*rehat title*/
    .rehat-titel{float: none;height: auto;width: auto;padding: 0;}
    .rehat-category {margin: 0;padding-top: 0;padding-top: 6px;}

    .category-edisi img{height: auto;}
    .category-edisi .owl-item > div img{margin: 0;}
    
    /*prokontra*/
    .prokontra{padding-left: 20px;padding-right: 20px;}
    .bg-prokon .banner-thumb{top:0;}
    .prokon{margin: 0;}
    .prokon h1{padding: 0;margin: 0;font-size: 10px;padding-right: 10px;}
    .bg-prokon label, .bg-prokon p{margin: 0;font-size: 12px;}

    
    /*seacrh*/
    .search-form .modal-dialog{width: 90%;margin: 20% auto;}
    .button-seacrh{font-size: 13px;  height: 30px;}
    .search-container-input input[type=text]{min-height: 46px;}
    
     /*rehat-category*/
    .rehat-category {width: 100%;}

    /*prokontra*/
    .__prokontra img{height: 210px;}
    
    .bg-hikmah{padding-left: 19px;padding-right: 19px;}


    .lightbox{width: 95%;}
    

    
    /*read*/
    .read{padding: 0;margin-top: -20px;}
    .read-news .blog-post-bottom,
    .quote-text,
    .read-artikel audio{padding-left: 15px;padding-right: 15px;margin-bottom: 15px;}
    .read-artikel p{margin: 0;padding-left: 16px;padding-right: 16px;margin-top: 15px;}
    .read-artikel span{padding-left: 15px;}
    .read-artikel label{margin-left: 14px;margin-bottom: 25px;}
    .read-artikel h1{margin: 0;padding-left: 16px;padding-right: 16px;margin-top: 15px;font-size: 28px;}
    .read span.published{padding-left: 16px;padding-right: 16px;display: block}
    .read-artikel{padding: 0;margin-top: 40px;}
    .read-kutipan h1{font-size: 20px;}
    .read-kutipan{border-bottom: 0;margin-bottom: 20px;}
    .share-sosmed label{font-size: 22px;}
    .read-kutipan span img{width: 30%;}
    .read-news p{font-size: 18px;}
    .blok_quot .sound{width: 100%;}
    .quote-box {padding: 20px!important}
    .share_it{padding-left: 15px;}
    .read blockquote{margin-top: 10px;margin-bottom: 10px;}
    .read-artikel blockquote.quote-box{margin-top: 0;}
    .read-news .blog-post-bottom{width: 100%;margin: 0;}
    .read-news .blog-post-actions{margin: 0;}
    .wrapper-media{padding: 0;}
    .google-assist{padding-left: 30px;margin-left: 15px; margin-right: 15px;margin-top: 20px;}
    .google-assist span{padding: 0;}
    .google-assist h1{padding: 0;font-size: 18px}
    .berlangganan .btn-login{margin-left: 0px;width: 70%;margin: 0;margin-top: 21px;}
    .berlangganan h2 {margin-top: 20px;margin-bottom: 20px;}

    
    /*rubrik*/
    .berita-terkait{width: 100%;}
    
    /*tagging*/
    .tagging{margin-left: 15px;}

    /*profileredaktur*/
    .footer-desc{margin-left: 15px;margin-right: 15px;}
    .footer-sosmed{padding: 0;text-align: center;margin-bottom: 20px;}
    .profile-follow{float: none;}
    .profile-list{float: none;}
    .profile-desc h1 {font-size: 18px; font-family: Roboto-Slab-Bold;padding: 0;}
    .profile-desc{padding: 0;width: 100%;padding-left: 15px;}
    .share_itx em{margin-right: 0;}
    .profile-desc p{font-size: 14px;padding: 0;}
    .profile-title h1{font-size: 28px;}

    .quote-text,
    blockquote{font-size: 25px!important; padding-left: 10px;padding-right: 10px;}
    /*calendar*/
    #u606 {width: 100%!important;height: 100%!important;left: 0!important;right: 0!important;}
    .edisikoran .edisikoran-cover {height: 464px;}


    .edisi-logo{width: 100%;height: 80px;line-height: 80px;margin:0;}
    .edisi-img{margin: 0;}
    .edisi-img img{width: 100%;}
    .edisi-logo img{width: 60%;}

    .rehat-titel span{display: none;}
    .resonansi label{display: none;}
    #share_sosmed{margin-bottom: 6px;}

    #share_sosmed_p1_pl{bottom: -10px;margin-top: 10px;}
    #share_sosmed_p1_{bottom: 0px;}
    #share_sosmed_p1{bottom: 0;}

    /*sub*/
    .sub-rubrik{padding-left: 3.5%;padding-right: 3.5%;}
    .rubrik-img{}
    .rubrik-desc label{font-size: 12px;padding: 2px}
    .rubrik-desc{padding-left: 10px}
    .rubrik-desc h2{margin: 0;font-size: 14px;margin-top: 6px;}
    .rubrik-desc p{display: none;}
    
    /*dashboard*/
    #notify8 .text-right{padding: 0;padding-top: 20px;}
    #listHolder .text-right a{font-size: 12px;padding: 0px;padding-top: 5px;padding-bottom: 5px;}
    #listHolder share_itx, #listHolder em{width:auto!important; }

    .btn-category{padding: 5px; font-size: 14px;}
   
    audio{margin-bottom: 30px;}
    
    /*FOOTER MENU*/
    .footer-comment{width: 80%;}
    .footer-about{padding: 0;}
    .footer-menu{padding: 0;margin-top: 20px;}
    .footer-menu ul{padding: 0;margin-right: 10px;}
    .footer-menu ul li.menu{width: 145px;}
    
    /*info*/
    #rule_css:after { content: " col-xxs" }
}


@media (max-width: 520px) {
    .header2,
    .header{padding:0!important;min-height: 55px!important;}
    .header .header-logo{padding-left: 15px;}
    .header-menu-nav{margin-top: 0;padding-left: 21px!important;padding-top: 9px!important;}
    .logo-rid {margin-top: 18px;}

    .navbar {min-height: min-content;}
    .header-logo h1{padding: 0;font-size: 23px;margin-top: 14px;padding-left: 10px;}
    .navbar-custom .nav li a{float: none;}
    .header-content{padding-left: 15px;padding-right: 0px!important;width: 100px!important;height: 55px;right: 0px!important;}
    .navbar-nav>li>a{line-height: 20px;}
    .header-content ul{margin: 0;padding: 0;padding-top: 20px;}
    
    .header-content span{margin-right: 0px;font-size: 18px;}
    .header-content .navbar-nav{display: flex; overflow-x: visible!important;padding-top: 20px;}
    
    .header-content .nav{padding: 0;margin: 0;}
    .header-content .navbar{padding: 0;margin: 0;}
    .header-content .navbar-right{padding: 0;margin: 0;;padding-left: 35px!Important;padding-top: 10px;}
    
    .collapsing, .dropdown{position: absolute;}
    ul.navmenu-nav li{padding-left: 15px;}
    ul.navmenu-nav li ul li a{padding-left: 16px;}
    .header-content .navbar-nav .open .dropdown-menu{position: absolute!Important;background: #fff; top: 38px;left: -326%;z-index: 2;}
    .header-content .dropdown.open .dropdown-toggle:after{display: none;}
    
    .header-beranda {margin-top: 18px;}
/*    .ctg-head,
    .header-category{display: none;}
    */
    
    .header-logo .dropdown{left: 45px;}
    
    .header-category{display: none;}
    .header .ctg-head{display: none;}
    .ctg-head{padding-left: 20px!important;padding-right: 20px!important;padding:6px;height: 32px;line-height: 18px!important;float: right;}
    .ctg-head a{font-size: 12px;}
    .header-category-text h3{font-size: 14px}
    .ctg-head-ltumat{padding-left: 20px!important;padding-right: 20px!important;display: none;}
    .article-related.related-sticky{position: relative;top:0;}
    .ctg-family {padding: 8px}
    
    .bottom-headline-list{width: 50%; float: left;}

    
    /*headline*/ /*HEADLINE*/
    .row.headline{margin-left: 0;margin-right:0;}
    .headline{height:60vh;}
    .gradient-headline{padding: 120px; bottom:0px}
    .headline-content{height: 100%!important;background: center center no-repeat;}

    .headline-desc{left: 10px;bottom: 20px;z-index: 99;width: auto;}
    .headline-desc-news h1, .headline-desc h1{font-size: 23px;line-height: 30px;}
    .btn-selengkapnya{font-size: 15px;padding: 8px;}
    
    .headline .gradient-headline{padding: 70px;bottom: 0;}
    #owl-slider-headline .owl-next, #owl-slider-headline .owl-prev{top: 52%;}

    /*HEADLINENEWS*/
    /*.headline-desc-news label, .headline-desc label{padding: 6px 6px 6px 6px;line-height: 34px;}*/
    .headline-desc-news{bottom:0;left: 10px;}
    
    .headline-content video,
    .headline-content img{width: auto;height: 100%;position: absolute;z-index: 9;left: 0;right: 0;left: -72%!important;}

    .bg-category{margin-top: 75vh!important;}
    /*category*/
    .category-headline .container{padding-left: 7px;padding-right: 7px;}
    .category-headline{padding-left: 15px; padding-right: 15px;margin: 0;}
    .category-headline h1{height: auto!important;}
    .category-page{padding: 0;margin: 0;padding-left: 8px;padding-right: 8px;margin-top:30px;margin-bottom: 20px;}
    .category-link span{font-size: 14px;}
    .category-page:nth-child(odd){border-right: none;}
    .category-headline h1{text-align: left;font-size: 19px;margin-bottom: 20px!important;}
    .category-trend-list img {height: 200px;}

    #page-content label {font-size: 13px;}

    
    /*categoryindex*/
    .category-index{padding-left: 10px;padding-right: 10px;}
    .category-timeline .index-wrap{margin: 0;margin: 0; border-left: 1px #aaa solid;padding: 2px;};
    .index-img img {height: 100px;}


    .footer{padding-left: 10px;padding-right: 10px;}
    .index-wrap{padding: 0!important;margin-top: 0;}
    .index-desc p{display: none;}
    .index-post{padding: 0;margin-bottom: 10px;border-left: 0;padding-left: 10px;}
    .index-post h2{margin-top: 4px;font-size: 15px;margin-bottom: 14px; font-family: 'Nunito-Sans-Bold';}
    .index-post time{font-size: 12px;}
    .index-img{padding: 0;width: 40%;margin-top: 10px;margin-bottom: 10px;}
    .index-thumb{padding: 0;font-weight: normal;}
    .news-trends img {width: 100%;height: 265px;object-fit: cover;margin-bottom: 8px;}

    .index-thumb span{font-size: 12px;}
    .index-thumb h4{padding: 0;margin: 0; font-size: 10px!important;margin-left: 12px!important;}
    
    .index-thumb label {margin-left: 10px;font-size: 14px;}

    .news-desc h2{font-size: 14px;}

    .headline-img h1{border-left: 0;font-size: 21px;margin-bottom: 10px;}

    h1.news-title{font-size: 16px;}
    
    .news-category{padding: 0;min-height: 132px;}
    .news-title-category{padding: 0;margin: 0;}
    .news-desc{padding: 0;margin-bottom: 20px;}
    .news-desc h1{padding-left: 0;font-size: 17px;border-left: 0;padding-right: 5px;}
    .news-desc span{font-size: 12px;}
    .news-desc h4{margin: 0;font-size: 14px;}
    .news-img{margin-bottom: 30px;}
    .news-desc time {font-size: 12px;}

    /*newstrend*/
    .category-bisnis{padding-left: 16px;padding-right: 16px;padding-top: 40px;}
    .category-trend{padding-left: 2px;padding-right: 2px;padding-top: 40px;}
    .category-trend h1{margin-bottom: 15px;font-size: 20px;}
    .news-trends{padding: 15px;width: 100%;margin-bottom: 20px;}
    .news-bisnis h2,
    .news-trends h2{font-size: 13px;}
    .headline-img img{padding-top: 0;width: 100%;height: 255px;object-fit: cover;}

    .news-bisnis{padding: 0;}
    .category-bisnis img{height: auto;}

    .news-bisnis{padding: 15px;height: auto!important;}
    .news-bisnis{border-radius: 6px;min-height: 400px;}
    .news-bisnis img{width: 100%;height: 265px;object-fit: cover;margin-bottom: 8px;}
    .news-bisnis h1{height: auto!important;margin-bottom: 20px; font-size: 20px}
    .news-bisnis span{padding:4px 4px 4px 4px;font-size: 14px;}

    /*bgisu*/
    .bg-isu{height: auto;width: 100%}
    .bg-isu .banner-thumb{top:4px; left: 0;height: auto;}
    .bg-isu img{height: auto;}
    .viral-slider{width: 79%;margin-left: 21%;}
    .viral-slider h2{font-size: 12px;line-height: 10px;padding-top:42px }
    .viral-slider a{font-size: 10px;line-height: 10px;}
    .cek-viral{width:60px; height: 60px;}
    .cek-viral span{font-size: 13px;line-height: 13px;}
    .viral-slider .owl-controls .owl-page, .owl-controls .owl-buttons div{padding-top: 1px;}
    .bg-isu .button-follow{padding: 4px;margin-top: -12px;font-size: 10px;display: none}

    /*rehat title*/
    .rehat-titel{float: none;height: auto;width: auto;padding: 0;}
    .rehat-category {margin: 0;padding-top: 0;padding-top: 6px;}
    
    .category-link label{font-size: 11px;}
    .product-gerai {padding-left: 1%;padding-right: 1%;}

    
    /*banner prokontra*/
    .prokontra img {height: auto;}
    .__prokontra h1{height: 75px;}
    
    /*category-latest*/
    .category-latest{padding-left: 6px;padding-right: 6px;}

    .category-edisi img{height: auto;}
    .category-edisi .owl-item > div img{margin: 0;height: auto;}

    .bg-prokon .banner-thumb{top:0;}
    .prokontra{padding-left: 15px;padding-right: 15px;}
    .prokon{margin: 0;}
    .prokon h1{padding: 0;margin: 0;font-size: 10px;padding-right: 10px;}
    .bg-prokon label, .bg-prokon p{margin: 0;font-size: 12px;}

    /*bannerresonansi*/
    .resonansi{margin-top: 30px;padding: 2%;}
    
    /*bgnew*/
    .hikmah{padding: 2.5%;}
    .hikmah-img img {width: 100%;height: 210px;object-fit: cover;}
    
    .follow-content{margin-top: 30px;padding: 2.5%;}

    
    /*seacrh*/
    .search-form .modal-dialog{width: 90%;margin: 20% auto;}
    .button-seacrh{font-size: 13px;  height: 30px;}
    .search-container-input input[type=text]{min-height: 46px;}

    .header-menu-nav span img{width: 20px;height: 20px}
    .header-logo{padding: 0;}
    .header-logo img{width: 55%;}
    .top-headline .container {padding-bottom: 15px;}

    .logo-rid{margin-top: 5px;padding: 0}
    .logo-rid img{width: 70%;}
    .header-login{padding-top: 7px;text-align: left;}
    
    .header-new-bottom{text-align: center;}
    .join-member{width: 100%;}
    .menu-category{position: fixed;top:95px;}
    
     /*mobile*/
     .header-member{padding-left: 15%;}
     
    
     
    .headline-content h2 {width: 300px;}

    .headline-fixed{top:0px}
    .header-new-bottom {padding-bottom: 22px;}
    
    .top-headline{padding-top: 14px;}
    .top-headline-img img  {height: 62px;}
    .top-headline-desc h2{font-size: 14px;}
    .top-headline-list h3{padding-left: 5px;font-family: 'Nunito-Sans-Regular';font-size: 14px;}
    .top-headline-list label{margin-left: 0px;}
    .top-headline-list:nth-child(1){margin-bottom: 10px;}
    .top-headline-list:nth-child(2){margin-bottom: 10px;}
    .index-thumb a{font-size: 11px;}
    .index-thumb h2 {font-size: 14px; padding-left: 10px;width: 100%;}
    .index-member{margin-top: 10px;}
    .btn-member-black{font-size: 13px;}
    
    h1.news-title {padding-top: 10px;}

    
    .news-category img{height: 200px;}
    
    .resonansi-profile{padding-left: 4%;}

    .opini{margin-top: 30px;margin-bottom: 30px;}
    .opini-list img{height: 140px;}
    
    .category-trend-list{margin-top: 20px}


    .member-join-middle {width: 70%;}
    
    .read{display: flex;flex-direction: column;}
    .read-artikel h3{padding-left: 14px;margin-top: 10px;}
    .read-artikel time{padding-left: 14px;}
    .read-news p{font-family: 'Roboto-Slab-Regular'; font-size: 17px; line-height: 22px;}
    
    .sidebar{order: 2}
    .read-artikel{order: 1;}
    .article-related{padding: 3%;}
    .related-grid{padding: 3%}
    .read-related{margin-top: 20px;text-align: center;padding-left: 20%;margin-bottom: 20px;}
    
    .quote-kutipan{margin-left: 0!important;}
    .blok_quot {margin-left: 42px;}
    
    .login{width: 100%;}
    .login-rid a.btn-google,
    .login-rid a.btn-facebook {font-size: 10px;}
    
    .show-bar span{font-size: 11px;}
    .show-search{padding: 0;}
    
    
    /*FOOTER MENU*/
    .footer-comment{width: 80%;}
    .footer-about{padding: 0;}
    .footer-menu{padding: 0;margin-top: 20px;}
    .footer-menu ul{padding: 0;margin-right: 10px;}
    .footer-menu ul li.menu{width: 145px;}
    
    .header{padding:0!important;min-height: 55px!important;}
    .header .header-logo{padding-left: 15px;}
    .header-menu-nav{margin-top: 0;padding-left: 21px!important;padding-top: 10px!important;}
    .navbar {min-height: min-content;}
    .header-logo h1{padding: 0;font-size: 23px;margin-top: 14px;padding-left: 10px;}
    .navbar-custom .nav li a{float: none;}
    .header-content {width: 115px;height: 55px;right: -6px;}
    .navbar-nav>li>a{line-height: 20px;}
    .header-content ul{margin: 0;padding: 0;padding-top: 20px;}
    
    .header-content span{margin-right: 0px;font-size: 18px;}
    .header-content .navbar-nav{display: flex; overflow-x: visible!important;padding-top: 16px;}
    
    .header-content .nav{padding: 0;margin: 0;}
    .header-content .navbar{padding: 0;margin: 0;}
    .header-content .navbar-right{padding: 0;margin: 0;;padding-left: 18px!Important;padding-top: 11px;}
    
    .header2 .header-logo img, .header .header-logo img {width: 100%;}

    
    .collapsing, .dropdown{position: absolute;}
    .header-content .navbar-nav .open .dropdown-menu{position: absolute!Important;background: #fff; top: 38px;left: -232%;z-index: 2;}
    .header-content .dropdown.open .dropdown-toggle:after{display: none;}
    .sidenav .closebtn {top:-12px;}
    ul.navmenu-nav li{padding-left: 15px;}
    ul.navmenu-nav li ul li a{padding-left: 16px;}
    .navbar-nav li img{margin-top: 0;}
    
    /*headline*/ /*HEADLINE*/
    .row.headline{margin-left: 0;margin-right:0;}
    .headline{height:100vh;}
    .gradient-headline{padding: 120px; bottom:0px}
    .headline-content{height: 100%!important;background: center center no-repeat;}

    .headline-desc{left: 10px;bottom: 82px;z-index: 99;}
    .headline-desc-news h1, .headline-desc h1{font-size: 32px;line-height: 39px;}

    /*HEADLINENEWS*/
    /*.headline-desc-news label, .headline-desc label{padding: 6px 6px 8px 8px;}*/
    .headline-desc-news{bottom:0;left: 10px;}
    .headline-content video,
    .headline-content img{width: 100%;height: 100%;position: absolute;z-index: 9;left: 0;right: 0;left: -80%;}

    /*category*/
    .category-headline .container{padding-left: 7px;padding-right: 7px;}
    .category-headline{padding-left: 15px; padding-right: 15px;margin: 0;}
    .category-headline h1{height: auto!important;}
    .category-page{padding: 0;margin: 0;padding-left: 8px;padding-right: 8px;margin-top:30px;margin-bottom: 20px;}
    .category-link span{font-size: 14px;}
    .category-page:nth-child(odd){border-right: none;}
    .category-headline h1{text-align: left;font-size: 28px;margin-bottom: 20px!important;}

    /*categoryindex*/
    .category-index{padding-left: 15px;padding-right: 15px;}


    .footer{padding-left: 10px;padding-right: 10px;}
    .index-wrap{padding: 0;margin-top: 0;}
    .index-desc p{display: none;}
    .index-post{padding: 0;margin-bottom: 10px;border-left: 0;}
    .index-post h2{margin-top: 4px;font-size: 18px;margin-bottom: 20px;}
    .index-post time{font-size: 12px;}
    .index-img{padding: 0;width: 40%;margin-top: 10px;}
    .index-thumb{padding: 0;font-weight: normal;}
    .news-trends img {width: 100%;height: 265px;object-fit: cover;margin-bottom: 8px;}

    .index-thumb span{font-size: 12px;}
    .index-thumb h4{padding: 0;margin: 0; font-size: 14px!important;margin-right: 4px;}


    .headline-img h1{border-left: 0;font-size: 24px;margin-bottom: 10px;}


    .news-category{padding: 0;min-height: 132px;}
    .news-title-category{padding: 0;}
    .news-desc{padding: 0;margin-bottom: 10px;}
    .news-desc h1{padding-left: 0;font-size: 18px;border-left: 0;padding-right: 5px;}
    .news-desc span{font-size: 12px;}
    .news-desc h4{margin: 0;}
    .news-img{margin-bottom: 30px;}
    .news-desc time {font-size: 12px;}

    /*newstrend*/
    .category-bisnis{padding-left: 16px;padding-right: 16px;padding-top: 40px;}
    .category-trend{padding-left: 11px;padding-right: 11px;padding-top: 40px;}
    .category-trend h1{margin-bottom: 15px;font-size: 20px;}
    .news-trends{padding: 15px;width: 100%;margin-bottom: 20px;}
    .news-bisnis h2,
    .news-trends h2{font-size: 13px;}
    .headline-img img{padding-top: 0;width: 100%;height: 255px;object-fit: cover;}

    .news-bisnis{padding: 0;}
    .category-bisnis img{height: auto;}

    .news-bisnis{padding: 15px;height: auto!important;}
    .news-bisnis{border-radius: 6px;min-height: 400px;}
    .news-bisnis img{width: 100%;height: 265px;object-fit: cover;margin-bottom: 8px;}
    .news-bisnis h1{height: auto!important;margin-bottom: 20px; font-size: 20px}
    .news-bisnis span{padding:4px 4px 4px 4px;font-size: 14px;}

    /*headlinecategory*/
    .headline-img{width: 100%;margin: 0;padding: 0;margin-top: 20px;margin-bottom: 20px;height: auto!important;}
   
    /*banner analisis*/
    .bg-analisis{height: auto;}
    .analisis span{font-size: 10px;line-height: 10px;} 
    .analisis{width: 50px;height: 50px;}
    .bg-analisis .banner-thumb{top: 20px;left: 26px;}
    .bg-analisis .button-follow{margin-top: 4px;padding: 4px;}

    
    /*category-latest*/
    .category-latest{padding-left: 15px;padding-right: 15px;}
    .category-timeline .index-wrap{margin: 0;}
    .index-img img {height: 100px;}

    .category-edisi img{height: auto;}
    .category-edisi .owl-item > div img{margin: 0;height: auto;}

    .bg-prokon .banner-thumb{top:0;}
    .prokontra{padding-left: 15px;padding-right: 15px;}
    .prokon{margin: 0;}
    .prokon h1{padding: 0;margin: 0;font-size: 10px;padding-right: 10px;}
    .bg-prokon label, .bg-prokon p{margin: 0;font-size: 12px;}

    
    /*bgnew*/
    .bg-hikmah{padding-left: 15px;padding-right: 15px;}
    .bg-hikmah h1,
    .bg-hikmah h2{text-align: center;}

    /*seacrh*/
    .search-form .modal-dialog{width: 90%;margin: 20% auto;}
    .button-seacrh{font-size: 13px;  height: 30px;}
    .search-container-input input[type=text]{min-height: 46px;}

    /*read*/
    .read{padding: 0;margin-top: -20px;}
    .read-news .blog-post-bottom,
    .quote-text,
    .read-artikel audio{padding-left: 15px;padding-right: 15px;margin-bottom: 15px;}
    .read-artikel p{margin: 0;padding-left: 16px;padding-right: 16px;margin-top: 15px;}
    .read-artikel span{padding-left: 15px;}
    .read-artikel label{margin-left: 14px;margin-bottom: 25px;}
    .read-artikel h1{margin: 0;padding-left: 16px;padding-right: 16px;font-size: 28px;}
    .read span.published{padding-left: 16px;padding-right: 16px;display: block}
    .read-artikel{padding: 0;margin-top: 40px;}
    .read-kutipan h1{font-size: 20px;}
    .read-kutipan{border-bottom: 0;margin-bottom: 20px;}
    .share-sosmed label{font-size: 22px;}
    .read-kutipan span img{width: 30%;}
    .read-news p{font-size: 16px;}
    .blok_quot .sound{width: 100%;}
    .quote-box {padding: 20px!important}
    .block-caption{padding-left: 15px!important;padding-right: 15px!Important;margin-top: 10px;margin-bottom: 10px;}
    .share_it{padding-left: 15px;}
    .share_it span{padding-left: 0;}
    .read blockquote{margin-top: 10px;margin-bottom: 10px;}
    .read-artikel blockquote.quote-box{margin-top: 0;}
    .read-news .blog-post-bottom{width: 100%;margin: 0;}
    .read-news .blog-post-actions{margin: 0;}
    .wrapper-media{padding: 0;}
    .google-assist{padding-left: 30px;margin-left: 15px; margin-right: 15px;margin-top: 20px;}
    .google-assist span{padding: 0;}
    .google-assist h1{padding: 0;font-size: 18px}
    .berlangganan .btn-login{margin-left: 0px;width: 70%;margin: 0;margin-top: 21px;}

    .berita-terkait{width: 100%;padding: 16px;}
    .berita-terkait h1{padding: 0;}
    .berita-terkait ul li{padding: 6px;}

    /*tagging*/
    .tagging{margin-left: 15px;}

    /*profileredaktur*/
    .footer-desc{margin-left: 15px;margin-right: 15px;}
    .footer-sosmed{padding: 0;display: flex;text-align: left;}
    .profile-list{float: none;}
    .profile-desc h1 {font-size: 17px; padding: 0;}
    .profile-desc{padding: 0;}
    .share_itx em{margin-right: 0;}
    .profile-desc p{font-size: 14px;padding: 0;}
    .profile-title h1{font-size: 28px;}

    .quote-text,
    blockquote{font-size: 18px!important; padding-left: 10px;padding-right: 10px;line-height: 25px;}
    /*calendar*/
    #u606 {width: 100%!important;height: 100%!important;left: 0!important;right: 0!important;}
    .edisikoran .edisikoran-cover {height: 464px;}


    .edisi-logo{width: 100%;height: 80px;line-height: 80px;margin:0;}
    .edisi-img{margin: 0;}
    .edisi-img img{width: 100%;}
    .edisi-logo img{width: 60%;}

    .rehat-titel span{display: none;}
    .resonansi label{display: none;}
    #share_sosmed{margin-bottom: 6px;}
    .__prokontra img{height: 130px;}

    #share_sosmed_p1_pl{bottom: -10px;margin-top: 10px;}
    #share_sosmed_p1_{bottom: 0px;}
    #share_sosmed_p1{bottom: 0;}

    /*sub*/
    .sub-rubrik{padding-left: 3.5%;padding-right: 3.5%;}
    .rubrik-img{}
    .rubrik-desc label{font-size: 12px;padding: 2px}
    .rubrik-desc{padding-left: 10px}
    .rubrik-desc h2{margin: 0;font-size: 14px;margin-top: 6px;}
    .rubrik-desc p{display: none;}

    /*dashboard*/
    #notify8 .text-right{padding: 0;padding-top: 20px;}
    #listHolder .text-right a{font-size: 12px;padding: 0px;padding-top: 5px;padding-bottom: 5px;}
    #listHolder share_itx, #listHolder em{width:auto!important; }

    audio{margin-bottom: 30px;}
    .btn-category{padding: 5px; font-size: 14px;}
    
    .update-article{margin: 0;width: auto;border-left: 0;}
    .update-article span{padding: 0;}
    h1.update-title{font-size: 14px;}
    .update-article  img{width: 26px;padding-right: 6px;}
    .read-news h3,
    .read-news h4{padding-left: 14px;} 
    
    /*gerai*/
    .product-list img {width: 100%!important;height: 175px;}
    
    /*popuplitrasi*/
    .wrapper-ltumat{width: 100%;}
    .banner-atas .col-xs-12{}
    .banner-atas i{font-size: 30px!important;}
    
    
    .header-menu-nav span img{width: 35px;height: 35px;}
    .literasi-umat{display: none}
    
    .star-content-pro{display: block!important;}
    
    /*FOOTER MENU*/
    .footer-comment{width: 80%;}
    .footer-about{padding: 0;}
    .footer-menu{padding: 0;margin-top: 20px;}
    .footer-menu ul{padding: 0;margin-right: 10px;}
    .footer-menu ul li.menu{width: 145px;}

    /*info*/
    #rule_css:after { content: " col-xxxs" }
}

/*@media (max-width: 500px) {
    .headline-content img {
        margin: 0 !important;
        position: absolute;
        top: 50%  !important;
        left: 50% !important;
        -ms-transform: translate(-50%, -50%) !important;
        transform: translate(-50%, -50%) !important;
    }
}*/

/* col-xxxs */
/*  */
/* custom col extras small */
@media (max-width: 434px) {
    .headline-content video,
    .headline-content iframe,
    .headline-content img{
        margin: 0 !important;
        position: absolute;
        top: 50%;
        left: 50% !important;
        -ms-transform: translate(-50%, -50%) !important;
        transform: translate(-50%, -50%) !important;
    }
}


@media (max-width: 434px) {
    .header2,
    .header{padding:0!important;min-height: 55px!important;}
    .header .header-logo{padding-left: 15px;}
    .header-menu-nav{margin-top: 0;padding-left: 21px!important;padding-top: 9px!important;}
    .logo-rid {margin-top: 18px;}

    .navbar {min-height: min-content;}
    .header-logo h1{padding: 0;font-size: 23px;margin-top: 14px;padding-left: 10px;}
    .navbar-custom .nav li a{float: none;}
    .header-content{padding-left: 15px;padding-right: 0px!important;width: 100px!important;height: 55px;right: 0px!important;}
    .navbar-nav>li>a{line-height: 20px;}
    .header-content ul{margin: 0;padding: 0;padding-top: 20px;}
    
    .header-content span{margin-right: 0px;font-size: 18px;}
    .header-content .navbar-nav{display: flex; overflow-x: visible!important;padding-top: 20px;}
    
    .header-content .nav{padding: 0;margin: 0;}
    .header-content .navbar{padding: 0;margin: 0;}
    .header-content .navbar-right{padding: 0;margin: 0;;padding-left: 35px!Important;padding-top: 10px;}
    
    .collapsing, .dropdown{position: absolute;}
    ul.navmenu-nav li{padding-left: 15px;}
    ul.navmenu-nav li ul li a{padding-left: 18px;}
    .header-content .navbar-nav .open .dropdown-menu{position: absolute!Important;background: #fff; top: 38px;left: -326%;z-index: 2;}
    .header-content .dropdown.open .dropdown-toggle:after{display: none;}
    
    .header-beranda {margin-top: 18px;}
/*    .ctg-head,
    .header-category{display: none;}
    */
    
    .header-logo .dropdown{left: 45px;}
    
    .header-category{display: none;}
    .header .ctg-head{display: none;}
    .ctg-head{padding-left: 20px!important;padding-right: 20px!important;padding:6px;height: 32px;line-height: 18px!important;float: right;}
    .ctg-head a{font-size: 12px;}
    .header-category-text h3{font-size: 14px}
    .ctg-head-ltumat{padding-left: 20px!important;padding-right: 20px!important;display: none;}
    .article-related.related-sticky{position: relative;top:0;}
    .ctg-family {padding: 8px}

    
    /*headline*/ /*HEADLINE*/
    .headline{margin-top: 100px;}
    .row.headline{margin-left: 0;margin-right:0;}
    .headline{height:60vh;}
    .gradient-headline{padding: 120px; bottom:0px}
    .headline-content{height: 100%!important;background: center center no-repeat;}

    .headline-desc{left: 10px;bottom: 20px;z-index: 99;width: auto;}
    .headline-desc-news h1, .headline-desc h1{font-size: 23px;line-height: 30px;}
    .btn-selengkapnya{font-size: 15px;padding: 8px;}
    
    .headline .gradient-headline{padding: 70px;bottom: 0;}
    #owl-slider-headline .owl-next, #owl-slider-headline .owl-prev{top: 52%;}

    /*HEADLINENEWS*/
    /*.headline-desc-news label, .headline-desc label{padding: 6px 6px 6px 6px;line-height: 34px;}*/
    .headline-desc-news{bottom:0;left: 10px;}
    
    .headline-content video{width: auto;height: 100%;position: absolute;z-index: 9;left: 0;right: 0;left: 55%!important;}
    .headline-content img{width: auto;height: 100%;position: absolute;z-index: 9;left: 0;right: 0;left: -58%!important;}

    .bg-category{margin-top: 75vh!important;}
    /*category*/
    .category-headline .container{padding-left: 7px;padding-right: 7px;}
    .category-headline{padding-left: 15px; padding-right: 15px;margin: 0;}
    .category-headline h1{height: auto!important;}
    .category-page{padding: 0;margin: 0;padding-left: 8px;padding-right: 8px;margin-top:30px;margin-bottom: 20px;}
    .category-link span{font-size: 14px;}
    .category-page:nth-child(odd){border-right: none;}
    .category-headline h1{text-align: left;font-size: 19px;margin-bottom: 20px!important;}
    #page-content label {font-size: 13px;}

    
    /*categoryindex*/
    .category-index{padding-left: 10px;padding-right: 10px;}
    .category-timeline .index-wrap{margin: 0;margin: 0; border-left: 1px #aaa solid;padding: 2px;};
    .index-img img {height: 118px;}


    .footer{padding-left: 10px;padding-right: 10px;}
    .index-wrap{padding: 0!important;margin-top: 20px!important;}
    .index-desc p{display: none;}
    .index-post{padding: 0;margin-bottom: 10px;border-left: 0;padding-left: 10px;}
    .index-post h2{margin-top: 4px;font-size: 15px;margin-bottom: 14px; font-family: 'Nunito-Sans-Bold';padding-right: 4px;}
    .index-post time{font-size: 12px;}
    .index-img{padding: 0;width: 40%;margin-top: 10px;margin-bottom: 10px;}
    .index-thumb{padding: 0;font-weight: normal;}
    .news-trends img {width: 100%;height: 265px;object-fit: cover;margin-bottom: 8px;}

    .index-thumb span{font-size: 12px;}
    .index-thumb h4{padding: 0;margin: 0; font-size: 10px!important;margin-left: 12px!important;}
    
    .index-thumb label {margin-left: 10px;font-size: 14px;}

    .news-desc h2{font-size: 14px;}

    .headline-img h1{border-left: 0;font-size: 21px;margin-bottom: 10px;}

    h1.news-title{font-size: 16px;}
    
    .news-category{padding: 0;min-height: 132px;}
    .news-title-category{padding: 0;margin: 0;}
    .news-desc{padding: 0;margin-bottom: 20px;}
    .news-desc h1{padding-left: 0;font-size: 17px;border-left: 0;padding-right: 5px;}
    .news-desc span{font-size: 12px;}
    .news-desc h4{margin: 0;font-size: 14px;}
    .news-img{margin-bottom: 30px;}
    .news-desc time {font-size: 12px;}

    /*newstrend*/
    .category-bisnis{padding-left: 16px;padding-right: 16px;padding-top: 40px;}
    .category-trend{padding-left: 2px;padding-right: 2px;padding-top: 40px;}
    .category-trend h1{margin-bottom: 15px;font-size: 20px;}
    .news-trends{padding: 15px;width: 100%;margin-bottom: 20px;}
    .news-bisnis h2,
    .news-trends h2{font-size: 13px;}
    .headline-img img{padding-top: 0;width: 100%;height: 255px;object-fit: cover;}

    .news-bisnis{padding: 0;}
    .category-bisnis img{height: auto;}

    .news-bisnis{padding: 15px;height: auto!important;}
    .news-bisnis{border-radius: 6px;min-height: 400px;}
    .news-bisnis img{width: 100%;height: 265px;object-fit: cover;margin-bottom: 8px;}
    .news-bisnis h1{height: auto!important;margin-bottom: 20px; font-size: 20px}
    .news-bisnis span{padding:4px 4px 4px 4px;font-size: 14px;}

    /*bgisu*/
    .bg-isu{height: auto;width: 100%}
    .bg-isu .banner-thumb{top:4px; left: 0;height: auto;}
    .bg-isu img{height: auto;}
    .viral-slider{width: 79%;margin-left: 21%;}
    .viral-slider h2{font-size: 12px;line-height: 10px;padding-top:42px }
    .viral-slider a{font-size: 10px;line-height: 10px;}
    .cek-viral{width:60px; height: 60px;}
    .cek-viral span{font-size: 13px;line-height: 13px;}
    .viral-slider .owl-controls .owl-page, .owl-controls .owl-buttons div{padding-top: 1px;}
    .bg-isu .button-follow{padding: 4px;margin-top: -12px;font-size: 10px;display: none}

    /*rehat title*/
    .rehat-titel{float: none;height: auto;width: auto;padding: 0;}
    .rehat-category {margin: 0;padding-top: 0;padding-top: 6px;}
    
    .category-link label{font-size: 11px;}
    .product-gerai {padding-left: 1%;padding-right: 1%;}

    
    /*banner prokontra*/
    .prokontra img {height: auto;}
    .__prokontra h1{height: 75px;}
    
    /*category-latest*/
    .category-latest{padding-left: 6px;padding-right: 6px;}

    .category-edisi img{height: auto;}
    .category-edisi .owl-item > div img{margin: 0;height: auto;}

    .bg-prokon .banner-thumb{top:0;}
    .prokontra{padding-left: 15px;padding-right: 15px;}
    .prokon{margin: 0;}
    .prokon h1{padding: 0;margin: 0;font-size: 10px;padding-right: 10px;}
    .bg-prokon label, .bg-prokon p{margin: 0;font-size: 12px;}

    /*bannerresonansi*/
    .resonansi{margin-top: 30px;padding: 2%;}
    
    /*bgnew*/
    .hikmah{padding: 2.5%;}
    .hikmah-img img {width: 100%;height: 210px;object-fit: cover;}
    
    .follow-content{margin-top: 30px;padding: 2.5%;}

    
    /*seacrh*/
    .search-form .modal-dialog{width: 90%;margin: 20% auto;}
    .button-seacrh{font-size: 13px;  height: 30px;}
    .search-container-input input[type=text]{min-height: 46px;}

    .header-menu-nav span img{width: 20px;height: 20px}
    .header-logo{padding: 0;}
    .header-logo img{width: 52%;}
    .top-headline .container {padding-bottom: 15px;}

    .logo-rid{margin-top: 5px;padding: 0}
    .logo-rid img{width: 70%;}
    .header-login{padding-top: 7px;text-align: left;}
    
    .header-new-bottom{text-align: center;}
    .join-member{width: 100%;}
    .join-member-mobile{float: none;}
    .menu-category{position: fixed;top:95px;margin-left: -26px;}
    .header-kanal-category h2 {font-size: 16px;}

    
     /*mobile*/
     .header-member{padding-left: 10%;}
     
    .google-assist h1{font-size: 15px;}
     
    .headline-content h2 {width: 300px;}

    .headline-fixed{top:-2px}
    .header-new-bottom {padding-bottom: 22px;}
    
    .top-headline{padding-top: 14px;}
    .top-headline-img img  {height: 62px;}
    .top-headline-desc h2{font-size: 14px;margin: 0;}
    .top-headline-list h3{padding-left: 5px;font-family: 'Nunito-Sans-Regular';font-size: 14px;}
    .top-headline-list h2 a{display: inline-block;padding-top: 10px;}
    .top-headline-list:nth-child(1){margin-bottom: 10px;}
    .top-headline-list:nth-child(2){margin-bottom: 10px;}
    .index-thumb a{font-size: 11px;}
    .index-thumb h2 {font-size: 14px; padding-left: 10px;width: 100%;}
    .index-member{margin-top: 10px;}
    .btn-member-black{font-size: 13px;}
    
    h1.news-title {padding-top: 10px;}

    
    .news-category img{height: 180px;}
    
    .resonansi-profile{padding-left: 4%;}

    .opini{margin-top: 30px;margin-bottom: 30px;}
    .opini-list {height: 290px;}
    .opini-list img{height: 140px;}
    
    .category-trend-list{margin-top: 20px;width: 100%!important}


    .member-join-middle {width: 70%;}
    
    .read{display: flex;flex-direction: column;}
    .read-artikel h3{padding-left: 14px;margin-top: 10px;}
    .read-artikel time{padding-left: 14px;}
    .read-news p{font-family: 'Roboto-Slab-Regular'; font-size: 17px; line-height: 22px;}
    
    .sidebar{order: 2}
    .read-artikel{order: 1;}
    .article-related{padding: 3%;}
    .related-grid{padding: 3%}
    .read-related{margin-top: 20px;text-align: center;padding-left: 20%;margin-bottom: 20px;}
    .more-active-list{padding-left: 2%;padding-right: 2%;}
    
    .quote-kutipan{margin-left: 0!important;}
    .blok_quot {margin-left: 42px;}
    
    .login{width: 100%;}
    .login-rid a.btn-google,
    .login-rid a.btn-facebook {font-size: 10px;}
    
    .show-bar span{font-size: 11px;}
    .show-search{padding: 0;}
    
    
    /*FOOTER MENU*/
    .footer-comment{width: 80%;}
    .footer-about{padding: 0;}
    .footer-menu{padding: 0;margin-top: 20px;}
    .footer-menu ul{padding: 0;margin-right: 10px;}
    .footer-menu ul li.menu{width: 145px;}
    /*ts*/
    /*info*/
    #rule_css:after { content: " col-xxxs" }
}


/* col-xxxs */
/*  */
/* custom col extras super small */
@media (max-width: 380px) {
    .header-menu-nav span img{width: 20px;height: 20px}
    .header-logo{padding: 0;}
    .header-logo img{width: 55%;}
    .top-headline .container {padding-bottom: 15px;}
    .headline-content img{width: auto;height: 100%;position: absolute;z-index: 9;left: 0;right: 0;left: 58%!important;}


    .logo-rid{margin-top: 5px;padding: 0}
    .logo-rid img{width: 70%;}
    .header-login{padding-top: 7px;text-align: left;}
    .header-login-in{padding-top: 2px;}
    
    .header-new-bottom{text-align: center;}
    .join-member{width: 100%;}
    .menu-category{position: fixed;top:95px;}
    
     /*mobile*/
     .header-member{padding-left: 9%;}
     
    
     
    .headline-content h2 {width: 300px;}

    .headline-fixed{top:0px}
    .header-new-bottom {padding-bottom: 22px;}
    
    .top-headline{padding-top: 14px;}
    .top-headline-img img  {height: 62px;}
    .top-headline-desc h2{font-size: 14px;}
    .top-headline-list h3{padding-left: 5px;font-family: 'Nunito-Sans-Regular';font-size: 14px;margin-bottom: 0!important}
    .top-headline-list a{font-size: 14px;}
    .top-headline-list label{margin-left: 0px;}
    .top-headline-list:nth-child(1){margin-bottom: 10px;}
    .top-headline-list:nth-child(2){margin-bottom: 10px;}
    .index-thumb a{font-size: 11px;}
    .index-thumb h2 {font-size: 14px; padding-left: 10px;width: 100%;}
    .index-member{margin-top: 10px;}
    .btn-member-black{font-size: 13px;}
    
    h1.news-title {padding-top: 10px;}

    
    .news-category img{height: 180px;}
    
    .resonansi-profile{padding-left: 4%;}
    .resonansi-list {margin-top: 38px;}

    .resonansi-list a{font-size: 15px;}
    .resonansi-list small{font-size: 13px;}

    .opini{margin-top: 30px;margin-bottom: 30px;}
    .opini-list {height: 285px;}

    .opini-list img{height: 140px;}
    
    .category-trend-list{margin-top: 20px}

    .disc-member-circle{padding-top: 16px;}

    .member-join-middle {width: 70%;}
    
    .read{display: flex;flex-direction: column;}
    .read-artikel h3{padding-left: 14px;margin-top: 10px;}
    .read-artikel time{padding-left: 14px;}
    .read-news p{font-family: 'Roboto-Slab-Regular'; font-size: 17px; line-height: 22px;}
    
    .sidebar{order: 2}
    .read-artikel{order: 1;}
    .article-related{padding: 3%;}
    .related-grid{padding: 3%}
    .read-related{margin-top: 20px;text-align: center;padding-left: 20%;margin-bottom: 20px;}
    
    .quote-kutipan{margin-left: 0!important;}
    .blok_quot {margin-left: 42px;}
    
    .login{width: 100%;}
    .login-rid a.btn-google,
    .login-rid a.btn-facebook {font-size: 10px;}
    
    .show-bar span{font-size: 11px;}
    .show-search{padding: 0;}
    
    #comments .text-center a {font-size: 14px!important;}
    .hikmah-list{margin-top: 22px;}

    
    /*FOOTER MENU*/
    .footer-comment{width: 100%;}
    .footer-about{padding: 0;}
    .footer-menu{padding: 0;margin-top: 20px;}
    .footer-menu ul{padding: 0;margin-right: 10px;}
    .footer-menu ul li.menu{width: 145px;}
    
    /*info*/
    #rule_css:after { content: " col-xxxxs" }
}


@media (max-width: 320px) {

    /*info*/
    #rule_css:after { content: " col-xxxxxs" }
}