/* Responsive */


@media (min-width: 576px) and (max-width: 768px){

    #mobile-menu{
     display: block;
    }
 /* -- Widget CSS --- */
   .home-widget .subtitle-section{
     display: none;
   }

    .w-top-reader .w-full{
      width: 50%;
      font-size: 0.8rem;
    }

    .w-top-reader h5{
      font-size: 0.9rem;
    }

   .w-top-reader .card-title {
      margin-bottom: 0.5rem;
   }

   .w-top-reader .card-title span{
         height: 20px;
       display: inline-block;
       overflow: hidden;
   }

   .w-topic .mt-5{
      margin-top: 1rem
   }

   .w-topic img{
      width: 50px;
   }
   
   .w-topic .topic li{
      height: 120px;
   }

   .w-info{
      margin-top: -160px;
   }

   .w-info .box .content{
      padding: 0.5rem 0.5rem;
   }

   .w-info .box {
      margin-bottom: 5px;
   }

   .w-info .icon {
     float: left;
     color: #e6e6e6;
     font-size: 15px;
     line-height: 30px;
     border: solid 1px #e6e6e6;
     width: 30px;
     height: 30px;
     text-align: center;
     border-radius: 50px;
     padding: 0;
     margin-right: 10px;
   }
   .w-info .value{
      font-size: 14px;
   }
   .w-info .title{
      font-size: 12px;
   }

   .w-popular .popular-card .img-item{
    height: 100px;
   }

   

    #slidebarFilter {
    position: fixed;
    top: 0;
    left: -100%;
    height: 100%;
    width: 75%;
    max-width: 300px;
    background-color: white;
    z-index: 1050;
    transition: left 0.3s ease;
    overflow: auto;
    }

    #slidebarFilter.show {
        left: 0;
    }

    .btn-filter{
        display: inline-block;
    }

    .btn-filter-close{
         display: block;
    }

    .col-list{
        -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }
    .navbar-menu {
    padding: 25px !important;
    }

    .welcome{
       bottom: 180px;
     font-size: 2rem;
    }
    
    .browse-author li{
        width: 230px;
    }

 }


 @media (max-width: 428px) {

    #mobile-menu{
     display: block;
    }

    .mobile-language a{
        font-size: 0.8rem;
    }


    .home-widget .section-title h4{
        font-size: 1rem;
    }


    h3 {
      font-size: 1rem;
    }

    .librarian .span2 {
      width: 8rem;
    }
    
    .librarian .span2 div:first-child{
      padding: 1rem;
    }
    .librarian .span7{
      word-wrap: break-word;
      overflow: auto;
    }

    .p-5{
      padding: 1rem !important;
    }

    .btn{
      font-size: 0.8rem;
    }

   .table {
     font-size: 0.8rem;
   }

    .main-detail{
      font-size: 0.8rem;
    }

    .main-content{
      font-size: 0.8rem;
    }

    .c-header .page-title h2{
        padding-bottom: 10px;
        font-size: 0.9rem;
    }

   .c-header {
      min-height: 220px;
   }

   .c-header .search {
    margin-top: 0px;
   } 

   .search .input-transparent{
      font-size: 1rem;
   }

   .biblioResult h5{
        font-size: 14px !important;
    }

    .biblioResult .expand,
    .biblioResult .custom-field
    {
       display: none;
    }
    .main-detail .author{
      font-size: 90%;
    }

    .footer-logo{
      display: none;
    }
  
   /* -- Widget CSS --- */
   .home-widget .section-title h4::after{
    left: 110px;
   }
   .home-widget .subtitle-section{
     display: none;
   }


  
  .c-header .circle_1{
    margin-left: 350px;
  }

    .w-top-reader .w-full{
      width: 50%;
      font-size: 0.8rem;
    }

    .w-top-reader h5{
      font-size: 0.9rem;
    }

   .w-top-reader .card-title {
      margin-bottom: 0.5rem;
   }

   .w-top-reader .card-title span{
         height: 20px;
       display: inline-block;
       overflow: hidden;
   }
    .w-news-latest .title a h3{
        font-size: 0.9rem;
    }
   .w-news-latest .date{
     width: 25%;
    }

    .w-news-latest .desc{
     overflow: hidden;
     height: 40px;
    }

   .w-topic .mt-5{
      margin-top: 1rem
   }

   .w-topic img{
      width: 50px;
   }
   
   .w-topic .topic li{
      height: 120px;
      margin-bottom: 10px;
      width: 165px;
   }


   .w-info{
      margin-top: 0px;
   }

   .w-info .box .content{
      padding: 0.5rem 0.5rem;
   }

   .w-info .box {
      margin-bottom: 5px;
   }

   .w-info .icon {
     float: left;
     color: #e6e6e6;
     font-size: 15px;
     line-height: 30px;
     border: solid 1px #e6e6e6;
     width: 30px;
     height: 30px;
     text-align: center;
     border-radius: 50px;
     padding: 0;
     margin-right: 10px;
   }
   .w-info .value{
      font-size: 14px;
   }
   .w-info .title{
      font-size: 12px;
   }

   .w-popular .popular-card .img-item{
    height: 90px;
   }


   #slidebarFilter {
    position: fixed;
    top: 0;
    left: -100%;
    height: 100%;
    width: 75%;
    max-width: 300px;
    background-color: white;
    z-index: 1050;
    transition: left 0.3s ease;
    overflow: auto;
    }

    #slidebarFilter.show {
        left: 0;
    }

    .btn-filter{
        display: inline-block;
    }

    .btn-filter-close{
         display: block;
    }

    .navbar-menu {
        padding: 25px !important;
    }

    .welcome{
       bottom: 50px;
        font-size: 1.5rem;
    }

    .browse-author li{
        width: 160px;
    }
    .c-header .col-search .search-info{
        font-size: 1rem;
    }
    .c-header .col-search-image{
        display: none;
    }

 }

  @media (max-width: 390px) {
    .w-top-reader p.card-text{
        display: none;
    }

  }