/* 
    Created on : 02/11/2021
    Author     : mariz rep 20/07/2020
    Republika(NEW VERSION)
    update 07/02/2022  16:00 
*/

@media (min-width: 1920px) {

    
    /*info*/

    #rule_css:after { content: "more than big col-lg" }
}

@media (min-width: 1440px) {
    

    #rule_css:after { content: "more than big col-lg" }
}
/*


*/
@media (min-width: 1366px) {

    #rule_css:after { content: "more than col-lg" }
}

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


@media (min-width: 1280px) { 
    
    /*info*/
    #rule_css:after { content: " col-md" }
}

/* col-md */
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) { 
    

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

/* col-sm */
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) { 
    
    /*info*/
    #rule_css:after { content: " col-sm" }
}

/* col-xs */
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
@media (max-width: 768px) { 
    
    
    /*info*/
    #rule_css:after { content: " col-xs" }
}



@media (max-width: 720px) { 
    

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


/* col-xxs */
/*  */
/* custom col extras small */
@media (max-width: 620px) {
    .wrapper{padding: 0;}
    
    .group-network{display: none;}
    
    .search{display:contents ;padding: 10px;}
    .search i{padding: 7px;float: right}
    .follow-sosmed{display: none;}
    
    .logo{padding-top: 10px;}
    .header-right {padding-top: 10px;}
    .header-fix{display: none;}
    
    
    .navbar-mobile{display: inline-block;padding: 0;padding-left:10px;margin-top: 6px;}
    /*ul.menu-scroll{display: none;}*/
    
    .gradient-headline h1{font-size: 18px;}
    
    .banner img{width: 100%;}
    
    .index-list h2{font-size: 14px;}
    .index-list h3{font-size: 11px;}
    .index-list p{display: none;}
    
    .top-read-content img {height: 178px}

    .article-news h1{font-size: 24px;}
    .article-news img{height: auto;}
    .right-news{padding: 0;}
    
    .article-related h3{font-size: 16px;}
    
    .inpicture-active h3{font-size: 21px}
    
    .side{padding: 0;}
    .featured{width: 100%;}
    .popular{width: 100%;position: relative!important;}
    
    .share-sosmed{display: none;}
    .search-form{display: none;}
    
    /*footer*/
    .footer{height: 110px;} 
    .foot-category{padding: 0}
    .foot-sosmed{margin-bottom: 8px;}
    .footer-disclaimer ul {padding: 0;}
    .footer-disclaimer li{padding-right: 0;}

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


/* col-xxxs */
/*  */
/* custom col extras small */
@media (max-width: 460px) {
    .wrapper{padding: 0;}
    /*.group-network{display: none}*/
    .menu-bar{margin-top: 10px;}
    
    .r-network {padding: 0px;display: none}
    .menu-scroll{padding: 2px;width: 365px;height: 38px;overflow: auto;white-space: nowrap!important;overflow-x: scroll!Important;}
    
    .logo{}
    .logo img{width: 100%;}
    
    .headline-active img{height: 220px}
    .headline-list img{height: 120px;}
    .gradient-headline-list h1{font-size: 14px;}
    .gradient-headline-list small{display: none;}
    
    /*index*/
    .index-grid{height: 115px}
    .index-wrap img{height: 100px}
    
    .sidebar-wrap{padding: 0;margin: 0;}
    
    .search-form{display: none;}

    /*footer*/
    
    .foot-m-network-top img{width: 66%;}
    .foot-m-network-bottom {border-bottom: 1px #fff solid;padding-bottom: 20px}
    .foot-m-network-bottom ul{text-align: center;position: relative;margin: auto;}
    .foot-m-network-bottom ul li{width:30%;}
    /*.foot-logo img {width: 65%;}*/
    .foot-category{padding: 0}
    .foot-sosmed{margin-bottom: 12px;}
    .footer-disclaimer {margin-top: 5px;margin-bottom: 5px;display: none;}

    .footer-disclaimer ul {padding: 0;}
    .footer-disclaimer li{padding-right: 0;}
   
    .footer{}
    /*info*/
    #rule_css:after { content: " col-xxxs" }
}


/* col-xxxs */
/*  */
/* custom col extras super small */
@media (max-width: 380px) {
    
    .wrapper{padding: 0;}
    
    
    .logo{}
    .logo img{width: 90%;}
    .menu-scroll{padding: 2px;width: 340px;height: 38px;overflow: auto;white-space: nowrap!important;overflow-x: scroll!Important;}
   
    
    .headline-active img{height: 220px}
    .headline-list img{height: 120px;}
    .gradient-headline-list small{display: none;}
    
    /*index*/
    .index-wrap img{height: 100px}
    /*footer*/
    .footer{height: 110px;} 
    .foot-category{padding: 0}
    .footer-disclaimer ul {padding: 0;}

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

@media (max-width: 320px) {

    


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