/* Responsive */


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

    #mobile-menu{
     display: block;
    }
    .widget-top-reader .w-full{
      width: 50%;
      font-size: 0.8rem;
    }

    .widget-top-reader h5{
      font-size: 1rem;
    }

   .widget-top-reader .card-title {
      margin-bottom: 0.5rem;
   }
   .widget-top-reader .card-title span{
         height: 20px;
       display: inline-block;
       overflow: hidden;
   }

  .widget-info .box .content{
      padding: 0.5rem 0.5rem;
   }
   .widget-info .box {
      margin-bottom: 5px;
   }
   .widget-topic .topic li{
      height: 120px;
   }
   .widget-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;
   }
   .widget-info .value{
      font-size: 16px;
   }
   .widget-info .title{
      font-size: 14px;
   }

    #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;
    }

 }


 @media (max-width: 428px) {

    #mobile-menu{
     display: block;
    }

    h3 {
      font-size: 1.5rem;
    }

    .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: 1rem;
    }

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

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

   .c-header .search .card-body{
      padding: 1rem;
   }
   .search .input-transparent{
      font-size: 1rem;
   }
    .biblioResult h5{
        font-size: 1.1rem !important;
    }

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

    .footer-logo{
      display: none;
    }

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

    .widget-top-reader h5{
      font-size: 1rem;
    }

   .widget-top-reader .card-title {
      margin-bottom: 0.5rem;
   }
   .widget-top-reader .card-title span{
         height: 20px;
       display: inline-block;
       overflow: hidden;
   }

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

   .widget-topic img{
      width: 50px;
   }

   .widget-info .box .content{
      padding: 0.5rem 0.5rem;
   }
   .widget-info .box {
      margin-bottom: 5px;
   }
   .widget-topic .topic li{
      height: 120px;
   }
   .widget-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;
   }
   .widget-info .value{
      font-size: 16px;
   }
   .widget-info .title{
      font-size: 14px;
   }

   #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;
    }

 }

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

  }