body { font-family: "Dosis"; }
.bookshelf .thumb{
    display: inline-block;
    cursor: pointer; 
    margin: 0px 0.5%; 
    width: 15% !important; 
    box-shadow:0px 1px 3px rgba(0,0,0,.3);
    max-width:140px;
    position: relative;
}
.bookshelf .thumb img{
    width:100%; 
    display:block; 
    vertical-align:top;
}
.bookshelf .shelf-img{
    z-index:0; 
    height: auto; 
    max-width: 100%; 
    vertical-align: top; 
    margin-top:-12px; 
}
.bookshelf .covers{
    width:100%; 
    height:auto; 
    z-index: 99; 
    position: relative;
    text-align:center;
}
.bookshelf{
    text-align: center;
    padding:0px;
}
.logo { margin: 20px auto 70px auto; width:270px; height: auto; display: block;}
.band {position: absolute; bottom: 0; height: 25px; line-height: 25px; width: 100%; color: #fff; background-color: #000; text-align: center; font-size: 16px; }
#kunye { text-align: center; }
#kunye p { margin-bottom: 5px; }
#kunye h2 { margin-bottom: 0; }
.fancybox-content { width: auto; height: auto; min-width:700px; max-width: 90%; max-height: 90%; margin: 0; padding: 0 20px; }
.customerrorbox { display: none; }
.footer { left: 0;bottom: 0; width: 100%; height: 70px; margin-top: 50px; }
.footer-btm-ul { list-style-type: none; color: #231F20; font-size: 16px; padding: 0; }
.footer-btm-ul li { display: inline-block; }
.footer-btm-ul li:not(:last-child):after { content: "|";  margin: 0 10px; }
.footer-btm-ul li a { color: #231F20; text-decoration: none; }
.footer-btm-ul li a:hover { color: #d88487; }
.brandlogo { max-width: 60px; max-height: 25px; }
.social { margin: 0 0 10px 0; }
.social li { display: inline-block; }
.social li a { background: none; display: inline-block; width: 25px; height: 20px; text-align: center; line-height: 20px; font-size: 18px; padding: 0px; display: block; color:#4A4A4A; }
.social li:hover a { color: #B2B2B2; }
.mtopx { margin-top: 40px; }
/*.social li.facebook { border-color: #3b5998; background: #3b5998; }
.social li.facebook:hover { border-color: #274277; background: #274277; }
.social li.twitter { border-color: #00aced; background: #00aced; }
.social li.twitter:hover { border-color: #0895c9; background: #0895c9; }
.social li.google-plus { border-color: #dd4b39; background: #dd4b39; }
.social li.google-plus:hover { border-color: #c43e2f; background: #c43e2f; }
.social li.instagram{ border-color: #517fa4; background: #517fa4; }
.social li.instagram:hover { border-color: #335a77; background: #335a77; }
.social li.pinterest { border-color: #cb2027; background: #cb2027; }
.social li.pinterest:hover { border-color: #9b1a1e; background: #9b1a1e; }
.social li.youtube { border-color: #bb0000; background: #bb0000; }
.social li.youtube:hover { border-color: #9e0606; background: #9e0606; }
.social li.linkedin { border-color: #007bb5; background: #007bb5; }
.social li.linkedin:hover { border-color: #116389; background: #116389; }*/

@media (max-width: 767px){
    .logo { margin: 20px auto 50px auto; }
    .bookshelf .thumb{ width: 30% !important; }
    .fancybox-content { width: 90%; height: 700px; margin: 0; min-width:inherit; }
    .band { font-size: 15px; }
    .bookshelf .shelf-img { margin-top: -5px; }
}