#flipbook {
  width: 400px;
  height: 300px;
}

#flipbook .page {
  width: 400px;
  height: 300px;
  background-color: white;
  line-height: 300px;
  font-size: 20px;
  text-align: center;
}

#flipbook .page-wrapper {
  -webkit-perspective: 2000px;
  -moz-perspective: 2000px;
  -ms-perspective: 2000px;
  -o-perspective: 2000px;
  perspective: 2000px;
}

#flipbook .hard {
  background: #ccc !important;
  color: #333;
  -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
  font-weight: bold;
}

#flipbook .odd {
  background: -webkit-gradient(linear, right top, left top, color-stop(0.95, #FFF), color-stop(1, #DADADA));
  background-image: -webkit-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
  background-image: -moz-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
  background-image: -ms-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
  background-image: -o-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
  background-image: linear-gradient(right, #FFF 95%, #C4C4C4 100%);
  -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
}

#flipbook .even {
  background: -webkit-gradient(linear, left top, right top, color-stop(0.95, #fff), color-stop(1, #dadada));
  background-image: -webkit-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -moz-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -ms-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -o-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: linear-gradient(left, #fff 95%, #dadada 100%);
  -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
}

.fullscreen {
    width: 100%;
    height: 100%;
}

.btn-wishlist
{
    height:50px !important;
    vertical-align: top !important;
    opacity : 0.7;
    cursor:pointer;
}

.btn-wishlist:hover
{
    opacity : 1;
}

.outOfStock{
 
  margin:16px 0px 10px 0px;
  background-color:rgba(255, 0, 0, 0.66);padding:3px 15px 3px 15px; 
  border-radius:3px;
  color:white;
}

.inStock{
  margin:15px 0px 10px 0px;
  background-color:green;
  padding:3px 15px 3px 15px; 
  border-radius:3px;
  color:white;
}
.image.kw-prodimage.book-tpl-image {
  max-height: 320px;
  height: 320px;
}
.book-height{
  height: 444px;
} 
 
@media(min-width: 1500px){
  .book-height{
    height: 600px;
  }
  .image.kw-prodimage.book-tpl-image {
    max-height: 470px;
  }
}
@media(max-width: 767px){

  .book-height{
      height: 320px;
      margin-bottom: 20px;
  } 
  .image.kw-prodimage.book-tpl-image {
    max-height: 220px;
    height : 220px;
  }
  .product-list-item .kw-details, 
  .kl-store-page ul.products li.product .product-list-item .kw-details{
    padding: 20px 15px 20px !important;
  }
  .kw-details-title{
    font-size: 15px !important;
  }
}

 

@media(max-width: 480px){
  .book-height{
    height:280px;
    margin-bottom: 5px;
}  

.kw-details-title{
  margin-bottom: 0px !important; 
}
.product-list-item .kw-details, 
  .kl-store-page ul.products li.product .product-list-item .kw-details{
    padding: 20px 12px 20px !important;
    position: absolute;
    top: -75px;
  }

  .kw-details-title{
    font-size: 14px !important;
  }
}

.related-books{
  color: #f5f5f5;
  background-color: #DAA520 !important;
  width: 200px;
  position: inherit;
  height: 60px;
  text-align: center;
  padding: 2px;
  padding-top: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}