@media (max-width: 950px){
   .home-footer h5{
    font-size: 14px;
    }
    .home-footer ul li{
      font-size: 13px;
    }
    .img img {
      width: 100%;
      height: 14rem !important;
      position: relative; 
    }
    .mobile-footer{
      font-size: 14px ;
      display: block;
      border-top: 1px solid grey;
      text-align: center;
      margin-top: 60px;
      padding: 5px;
    }
    .mobile-logo{
      display: block;
      position: absolute;
      z-index: 999;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin-top: 12px;
      margin-left: 25px;
    }
        .card-form{
      margin-top: 5px;
      /*width: 40rem;*/
      margin-left: 0px;
      width: 100%;

    }
    .go-back{
      margin-top: 20px;
      margin-left: 0px;

    }
    .go-back a{
      text-decoration: none;
      color: black;
      font-weight: bold;
       font-size: 15px;
      padding-top: 5px;
    }
    .go-back a:hover{
      color: green;
    } 
    .form-body form button{
      padding: 10px;
      font-size: 15px;
      font-weight: bold;
    }
    .card-form h1{
      padding-top: 20px;
      font-size: 20px ;
      font-weight: bolder;
      margin: 0px 0px 20px 20px;

    }
    .form-body h5{
      font-size: 15px;
    }
    .e-library{
      position: absolute;
      margin: -80px 0px 0px 50px;
      letter-spacing: 5px;
      font-size: 28px 
    }
    .cict{
      display: none;
    }
    .logo{
      display: none;
    }
    .make-border{
      position: absolute;
      margin: -40px 0px 0px 50px;
      padding: 2px;
      width: 8%;
      height: 1px;
      background-color: white
      
    }
    .form-body h5{
      margin-top: -20px;
    }
    .form-body form input[type=text], .form-body form input[type=password]{
      padding: 9px;
      font-size: 15px;
      margin-top: 7px;
      margin-bottom: 5px;
    }
    .form-body form {
      padding: 5px;
      font-size: 15px;
      letter-spacing: 3px;
      width: 100%;
      margin-top: 40px
    }
  .home-navbar{
      display: none;
    }
    .bar-menu{
      float: right;
    }

  .home-books h1{
     color: #039e39;
    font-size: 20px;
    letter-spacing: 6px;
   
  }
   .mbr-overlay img{
      position: relative;
      width: 100%;
      height: 100vh;
  }
  .home-books .span{
    font-size: 55px;
    font-weight: bolder;
  }
  .home-books{
    position: absolute;
    width: 90%;
    margin: 0 auto;
    margin-left: 0px;
    margin-top: -135%;
    margin-bottom: 0px;
    margin-right: 0px;
    text-align: center;
    padding: 3px;

    
  }
    .home-books p{
      font-size: 14px ;
      margin-top: 44px !important;
      font-weight: bold;
    }
    .home-books form{
      margin-top: 1px;
    }
  
   .home-books form .button:hover, .download-pdf:hover{
    background-image:linear-gradient(#00913f,#00913f);
    transition: 0s ease-in-out background-image 250ms;
  }

    .home-books form [type=text]::placeholder{
      font-size: 15px !important;
    }

      .home-books form input[type=text]{
      padding:15px;
      font-size: 16px;
      width: 90% ;
      margin-left: 0px;
      margin: 0px auto
      
    }
    .home-books .button{
      padding:15px;
      font-size: 18px !important;
      border-radius: none;
      border:none;
      width: 60% ;
      background-image:linear-gradient(#039e39, #039e39);
      color: #fff;
      text-transform: capitalize;
      font-weight: bold;
      margin: 0px auto;
      margin-top: 10px;

      
    }
        .feature-side,  .hovereffect{
      margin-top: 20px !important;
    }
    .hovereffect:hover{
      color: #fff !important; 
    }

    .hovereffect, .hovereffect .overlay {
    width: 100%;
    height: 18rem;
    margin: 0px auto
  }
     .hovereffect h2, .hovereffect a {
      font-size: 20px;
       text-decoration: none;
  }
  .hovereffect h2:hover,  .hovereffect a:hover{
     text-decoration: none;
     color: #fff;
  }
    .hovereffect .overlay:before {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
  }
  .view-book{
    color: black;
    text-decoration: none;
    margin-top: 20px !important;
    /*float: right;*/
  }
  .view-book:hover{
    color: green;
    text-decoration: none;
  }
   .featured-dept{
      background-color: #fff;
      margin-top:0%;
      padding: 20px;
      
    }
    .featured-dept h2, .book-dept h2{
      font-size: 20px ;
    }
    .featured-dept h2{
      margin-bottom: 5px;

    }
   
    .all-book figcaption{
      font-size: 15px;
      color: #000;
      font-family: Times New Romans;
      text-align: justify;
    }
     
  .book-dept h2 span, .featured-dept h2 span{
    font-weight: bolder;
  }
  .book-dept h2{
    font-weight: lighter;
    padding-bottom: 10px;
    padding-top: 20px
  }
   .book-dept{
    background-color: #e1e5e3;
    margin-top: 90px;
    /* padding: 15px; */
    /*width: 90%*/

  }
  .all-home-book{
    margin-left: 0px;
    margin: 0px auto;
  }
  .recent-book{
    margin-top: 25px !important;
  }
 .hoverrecentbook img{
    width: 100% !important;
  }
   .hoverrecentbook{
    margin-left: 0px;
    margin: 0px auto;

   }
   .hoverrecentbook .recent-book-overlay{
    width: 100%;
    margin: 0px auto
}
.hoverrecentbook h6{
  font-size: 20px;
  margin-top:0px;
  padding: 10px;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none !important;
}

.all-book-section h2{
       margin-top: -90px;
      width: 70%;
      position: absolute;
      margin-left: 20px;
      font-weight: bold;
      font-size: 21px;
      text-transform: uppercase;
    }
    .underline{
      position: absolute;
      margin-left: 20px;
      width: 10%;
      background-color: #015f30;
      padding: 3px;
       margin-top: -30px;
    }
    .reading1 img{
      margin-left: 0px
    }

  .home-footer{
    background-color: #141515;
    margin-top: 60px;
    padding: 50px 20px 50px 20px;
  }
  .home-footer h5{
    color: #eff3f1;
    text-transform: capitalize;
    margin-left: 40px;
    font-size: 17px
  }
  .home-footer a {
    color: #eff3f1;
    text-decoration: none;
  }
  .home-footer li{
    margin-top:13px;
    text-transform: capitalize;
  }
  .home-footer a:hover{
    text-decoration: none;
    color: #e1995c;
    transition: 0s ease-in-out color 200ms;
  }
  .home-footer2{
    background-color: #141515;
    border-top: 1px solid #4b4c4b;
    padding: 10px;
    text-align: center;
    color: #eff3f1;
  }
  .home-footer2 a{
    color: #c9cfcc;
    text-decoration: none;
  }
  .home-footer2 a:hover{
    color: #e1995c;
    text-decoration: none;
  }
   .logo-img{
      margin-top: -10px ;
      width: 140px;
      height: 57px;
    }
    .search-grid{
      left: 1em !important;
      right: 2em ;
     top: -20em !important;
      padding: 20px;
      z-index: 999

    }
    .search-grid h3{
      margin: 0% 0% 1% 3%;
      padding-bottom: 10px;
      font-size: 26px;
    }
    .sub-search-grid{
      padding: 7px ;
      margin: 0% 1% 0% 1%;
    }
    .sub-search-grid i{
      color: #00913f;
      font-size: 30px;
    }
    .sub-search-grid i{
      font-size: 15px;
    }
     .search-grid h5{
      font-size: 17px;
      font-weight: bold;
    }
    .search-grid h3{
      font-size: 19px;
      font-weight: bolder;
    }
    .download-pdf{
      padding: 10px !important;
      font-size: 14px !important;
      background-image:linear-gradient(#039e39, #039e39);
      color: #fff;
      font-weight: bold;
    }
    .all-book-section img{
      width: 100%;
      height: 35vh ;
    }
    .all-book h2{
      font-size: 22px;
      
    }
    .all-book{
      margin-top: 40px;
    }

    .all-book{
      padding: 10px;
    }
    .pagin{
      margin-top: 20px;
    }
        .reading h3{
      font-size: 20px;
      text-align: center;
    }
    .reading h5{
      font-size: 18px;
    }

}
@media (min-width: 320px) and (max-width: 360px){
  .mobile-footer{
      margin-top: 0px;
    }
    .card-form{
      margin-top: -30px;
    }
    .home-books h1{
    font-size: 20px;
    letter-spacing: 1px;
   
  }
  .home-books{
    margin-top: -135%;
    }
}
@media (min-width: 370px) and (max-width: 375px){
  .home-books{
    margin-top: -165%;
    }
    .mobile-footer{
      margin-top: 110px;
    }
}
@media (min-width: 376px) and (max-width: 410px){
   .mobile-footer{
      margin-top: 120px;
    }

    .form-body form input[type=text], .form-body form input[type=password], .form-body form .button{
      margin-top: 10px;
    }
    .home-books{
      margin-top: -155%;
    }
    .all-book{
      margin-top: 50px;
    }

}
@media (min-width: 445px) and (max-width: 450px){
    .home-books{
      margin-top: -105%;
    }
}
@media (min-width: 1000px) and (max-width: 1280px){
  .all-book-section img{
      height: 40vh ;
    }
    .search-grid{
      width: 80%;
    }
    .featured-dept {
      margin-top: 200px;
    }
    .home-books{
      margin-top: -45%;      
    }

}
@media (min-width: 730px) and (max-width: 736px){
   .all-book-section img{
      height: 50vh;
    }
     .underline{
       margin-top: -55px;
    }
     .all-book{
      margin-top: 40px;
    }
    .home-books{
    margin-top: -45%;
    margin-left: 0px
  }
   .home-books form input[type=text]{
      font-size: 18px;
      width: 80% ;
      
    }

}
@media (min-width: 800px) and (max-width: 812px){
   .all-book-section img{
      height: 50vh;
    }
     .underline{
       margin-top: -55px;
    }
   .home-books{
    margin-top: -40%;
    margin-left: 0px
  }
   .home-books form input[type=text]{
      font-size: 18px;
      width: 80% ;
      
    }
}

@media (min-width: 760px) and (max-width: 768px){
     .underline{
       margin-top: -45px;
    }
    .all-book-section h2{
      font-size: 30px
    }
    .img img {
      height: 93vh !important;
      width: 100vw

    }
    .mobile-footer{
      margin-top:0px;
      padding: 7px;
    }
    .card-form{
      margin-top: 150px;
      margin-left:-40px; 
    }
    .e-library{
      margin: -540px 0px 0px 50px;
      font-size: 50px ;
      letter-spacing: 0px;
      font-weight: bolder;
    }
    .make-border{
      position: absolute;
      margin: -480px 0px 0px 50px;
      width: 10%;

      
    }
     .home-books{
      margin-top: -95%;      
    }
    .home-books form{
      margin-top: 30px
    }
}