/* 
    Created on : 2020
    Author     : mariz rep 10/08/2020
    Retizen(NEW VERSION)
    update 25/05/2021  18: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;}
    
    .logo-retizen{margin-top: 16px;padding-left: 20px;}
    .logo-retizen img{width: 85%;}
    
    .gradient-headline-list small{display: none;}
    /*menubar*/
    .menu-bar{margin-top: 76px;}
    .menu-scroll{height: 48px;width: 100%;  white-space: nowrap;overflow-y: scroll;}
    .menu-scroll ul{ }
    .menu-scroll li{display:contents }
    .menu-scroll li a{font-size: 14px;}
    .search{display:contents ;padding: 10px;}
    .search i{padding: 10px;}
    .follow-sosmed{display: none;}
    
    
    /*headline*/
    .headline {margin-top: 2px}
    .headline-active{margin-bottom: 6px;}
    .headline-active img{height: 190px; }
    .headline-list img{height: 120px;}
    .gradient-headline-list h1{font-size: 14px}
    
     /*index*/
     index{margin-top: 2px;} 
    .index-latest-active img{height: 190px;}
    .index-list-active h2{font-size: 16px;}
    .index-list-active{padding: 10px;}
    .index-action{bottom: 16px;right: 10px;}
    .index-latest img{height: 100px;}
    .index-list h3{font-size: 14px;}
    .index-list small{font-size: 12px;}
    .index-list h2{font-size: 15px;}
    .index-noactive{height: 130px;}
    .index-wrap{border-bottom: none;}
    
    
    /*read*/
    .news-title h1{font-size: 26px;}
    
    .respons-writer li{margin-bottom: 5px;}
    
    /*sidebar*/
    .side-bar{padding: 0;margin-bottom: 30px;}
    .sidebar-item{position: relative!important}
    .sidebar-wrap{padding: 0}
    
    /*popular*/
    .popular{width: 100%;}
    
    .profile-name-list span{font-size: 13px;}
    
    .content-list{padding: 4%;}
    /*dashboard*/
    .content-profile{margin-top: 10px;text-align: center;}
    .content-profile-desc{text-align: center;}
    .user-profile{margin-bottom: 20px;}
    
    .content-read{width: 140px;}
    
    .news-content-draft{padding: 0;}
    
    .tags-social {display: inline-block;}
    .tags-social .blog-social{width: 100%!important;float: left!important;}
    
    .table-list-x{overflow-x: scroll;white-space: nowrap;}
    
    /*search*/
    .overlay-content{width: 93%;}
    .overlay-search .closebtn {right:76px;}

    /*footer*/
    .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;}
    
    .logo-retizen{margin-top: 25px;padding-left: 20px;}
    .logo-retizen img{width: 100%;}
    
    .gradient-headline-list small{display: none;}
    /*menubar*/
    .menu-bar{margin-top: 76px;}
    .menu-scroll{height: 48px;width: 100%;  white-space: nowrap;overflow-y: scroll;}
    .menu-scroll ul{ }
    .menu-scroll li{display:contents }
    .menu-scroll li a{font-size: 14px;}
    .search{display:contents ;padding: 10px;}
    .search i{padding: 10px;}
    .follow-sosmed{display: none;}
    
    
    /*headline*/
    .headline {margin-top: 2px}
    .headline-active{margin-bottom: 6px;}
    .headline-active img{height: 190px; }
    .headline-list img{height: 120px;}
    .gradient-headline-list h1{font-size: 14px}
    
     /*index*/
    .index {margin-top: 2px}
    .index-active{height: 370px;}
    .index-latest-active img{height: 190px;}
    .index-list-active h2{font-size: 16px;}
    .index-list-active{padding: 10px;}
    .index-action{bottom: 16px;right: 10px;}
    .index-latest img{height: 100px;}
    .index-list h3{font-size: 14px;}
    .index-list small{font-size: 12px;}
    .index-list h2{font-size: 15px;}
    .index-noactive{height: 130px;}
    .index-wrap{border-bottom: none;}
    
    
    /*read*/
    .news-title h1{font-size: 26px;}
    
    .respons-writer li{margin-bottom: 5px;}
    
    .news-profile {padding: 14px;}
    .other-article-list img{height: 120px;}
    
    /*sidebar*/
    .side-bar{padding: 0;margin-bottom: 30px;}
    .sidebar-item{position: relative!important}
    .sidebar-wrap{padding: 0}
    
    /*popular*/
    .popular{width: 100%;}
    
    .profile-name-list span{font-size: 13px;}
    
    .content-list{padding: 4%;}
    /*dashboard*/
    .content-profile{margin-top: 10px;text-align: center;}
    .content-profile-desc{text-align: center;}
    .user-profile{margin-bottom: 20px;}
    
    .content-read{width: 140px;}
    
    .news-content-draft{padding: 0;}
    
    .tags-social {display: inline-block;}
    .tags-social .blog-social{width: 100%!important;float: left!important;}
    
    .table-list-x{overflow-x: scroll;white-space: nowrap;}
    
    .other-article-list h3{font-size: 17px;}
    
    /*search*/
    .overlay-content{width: 93%;}
    .overlay-search .closebtn {right:76px;}

    .group-network{display: none;}
    .related-list {height: 215px;}
    
    .news-cover div iframe{width: 100%;height: 370px;}
    /*footer*/
    .foot-category{padding: 0}
    .foot-sosmed{margin-bottom: 12px;}
    .footer-disclaimer {margin-top: 5px;margin-bottom: 5px;}

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


/* col-xxxs */
/*  */
/* custom col extras super small */
@media (max-width: 380px) {
    
    .wrapper{padding: 0;}
    
    .logo-retizen{margin-top: 25px;padding-left: 20px;}
    .logo-retizen img{width: 83%;}
    
    /*menubar*/
    .menu-bar{margin-top: 76px;}
    .menu-scroll{height: 48px;width: 100%;  white-space: nowrap;overflow-y: scroll;}
    .menu-scroll ul{ }
    .menu-scroll li{display:contents }
    .menu-scroll li a{font-size: 14px;}
    .search{display:contents ;padding: 10px;}
    .search i{padding: 10px;}
    .follow-sosmed{display: none;}
    
    
    /*headline*/
    .headline-active{margin-bottom: 6px;}
    .headline-active img{height: 190px; }
    .headline-list img{height: 120px;}
    .gradient-headline-list h1{font-size: 14px}
    
     /*index*/
    .index-active{height: 370px;}
    .index-latest-active img{height: 190px;}
    .index-list-active h2{font-size: 16px;}
    .index-list-active{padding: 10px;}
    .index-action{bottom: 16px;right: 10px;}
    .index-latest img{height: 100px;}
    .index-list h3{font-size: 14px;}
    .index-list small{font-size: 12px;}
    .index-list h2{font-size: 15px;}
    .index-noactive{height: 130px;}
    .index-wrap{border-bottom: none;}
    
    /*read*/
    .news-title h1{font-size: 26px;}
    
    .respons-writer li{margin-bottom: 5px;}
    
    .news-profile {padding: 14px;}

    
    /*sidebar*/
    .side-bar{padding: 0;margin-bottom: 30px;}
    .sidebar-wrap{padding: 0}
    
    /*popular*/
    .popular{width: 100%;}
    
    .profile-name-list span{font-size: 13px;}
    
    .content-list{padding: 4%;}
    /*dashboard*/
    .content-profile{margin-top: 10px;text-align: center;}
    .content-profile-desc{text-align: center;}
    .user-profile{margin-bottom: 20px;}
    
    .content-read{width: 140px;}
    
    .news-content-draft{padding: 0;}
    
     /*search*/
    .overlay-content{width: 93%;}
    .overlay-search .closebtn {right:76px;}
    
    .group-network{display: none;}
    .related-list {height: 215px;}
    
    .news-cover div iframe{width: 100%;height: 370px;}

    
    /*footer*/
    .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" }
}