@media (min-width: 576px) {
    .bookshelf {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: -45px;
    }
}

@media (min-width: 768px) {
    .bookshelf {
        position: absolute;
        width: 120%;
        max-width: 120%;
        left: -10%;
        bottom: -75px;
    }
  
  .book2-shadow {
        width: 240px;
    }
}

@media (min-width: 992px) {
  
  main {
    min-height: 56vh;
  }
  
  .bookshelf {
        position: absolute;
        width: 96%;
        left: 2%;
        bottom: -80px;
    }
}

@media (min-width: 1200px) {
    .bookshelf {
        position: absolute;
        width: 96%;
        left: 2%;
        bottom: -95px;
    }
  
   .book2-shadow {
        width: 190px;
    }
}




@media (max-width: 768px) {
  .breadcrumbs .d-flex {
    display: block !important;
  }

  .breadcrumbs ol {
    display: block;
  }

  .breadcrumbs ol li {
    display: inline-block;
  }
}

@media (max-width: 992px) {
  .breadcrumbs h2 {
    margin: 0 0 10px 0;
  }
}