body{background:rgb(24, 24 ,24);margin:0rem;display:block;padding:0rem}

/*-------------       -------------*/

@media (min-width: 573px) and (max-width: 768px) {
  
  body{background:rgb(24, 24 ,24);margin:0rem;display:block;padding:0rem}

       aside.closed-sidenav{
      display:block;
      width:6rem;
      height:100vh;
      background:none;
      position:sticky;
      top:0%;
      padding:1rem 1rem 1rem 1rem;
    }
  }


  

@media (min-width: 769px) and (max-width: 1000px) {
  
  body{background:rgb(24, 24 ,24);margin:0rem;display:block;padding:0rem}

    aside.side-navigation{
      width:25rem;
      height:100vh;
      background:rgb(24, 24 ,24);
      position: sticky;
      top:0%;
      padding-top:none;
      display: block;
    }

      div#number-of-books{
      width:2rem;
      height:2rem;
      background:dodgerblue;
      border-radius: 50%;
      font-weight: bold;
      display: grid;
      place-items: center;
      color:black;
    }

      main.stories-section{
        width:70%;
        height: 100vh;
        background:none;
        padding:2rem 2rem 4rem 2rem; 
        border-left:0.1rem solid grey;
        overflow:scroll;
    }

  }

 

@media (min-width: 492px) and (max-width: 572px) {
  
  body{background:rgb(24, 24 ,24);margin:0rem;display:block;padding:0rem}

    main.main-content-feed{
        width:85%;
        border-right:none;
        padding:6rem 5rem 5rem 5rem;
        position: relative;
    }

    aside.side-navigation{
      display:none;
    }

    aside.closed-sidenav{
      display:block;
      width:6rem;
      height:100vh;
      background:none;
      position:sticky;
      top:0%;
      padding:1rem 1rem 1rem 1rem;
    }

    header.closed-sidenav-header{
      width:100%;
      height:11%;
      background:rgb(14, 107, 165);
      border-radius: 1em;
      border:0.1rem solid white;
    }

    section.closed-sidenav-link{
      width:100%;
      height: 11%;
      border-radius:1rem;
      padding:0.8rem;
      margin-top: 1rem;
    }

    section.closed-sidenav-link:hover{
      background: rgb(48, 48, 48);
    }

    section#closed-sidenav-link{
      background:whitesmoke;
      border:0.1rem solid white;
    }

    section#closed-sidenav-link:hover{
      background: rgb(154, 153, 153);
    }

    section.closed-sidenav-link-profile{
      width:100%;
      height: 9%;
      border-radius:50%;
      padding:0 0.5rem 0 0.5rem;
      margin-top:1rem;
    }

    img.closed-sidenav-profile{border-radius:50%}

    
      div.pc-pagination{
        display:none;
      }

      div.pagination-for-tablets{display:block}
  
      
    main.stories-section{
        width:85%;
        height: 100vh;
        background:none;
        padding:4rem 2rem 4rem 2rem; 
        border-left:0.1rem solid grey;
        overflow-y:scroll;
    }

    section.book-stories-list{
        width:100%;
        height:15rem;
        background:none;
        display: flex;
        align-items: center;
    }

    section.book-stories-cover{
        width:9rem;
        height:12rem;
        border-radius:1rem;
        margin-right:3rem;
        border:0.3rem solid white;
        background: white;
        position: relative;
    }

    img.book-stories-cover{
        border-radius:1rem;
        position: absolute;
    }

     p#book-cover-chapter-master-title,#book-cover-chapter-master-number{
        font-size:0.7rem;
        color:black;
     }

      section.book-cover-chapter-master-details{
        width:75%;
        height:100%;
        background:none;
        padding:none;
        display: flex;
        flex-flow: column;
        justify-content: center;
     }
}