@media (min-width: 1025px) {
    #flipbook .bb-bookblock {
        height: 700px;
    }
}

@media (min-width: 768px) and (max-width: 1024.98px) {
    #flipbook .bb-bookblock{
        height: 650px;
    }
}


@media (max-width: 575.98px) {
    .book-cover>*{
        width: 80%;
    }

    #flipbook .bb-bookblock {
        height: 550px;
    }

    #nav-wrapper {
        width: 60%;
        padding-bottom: 9%;
        position: relative;
        margin-top: 9%;
    }

    #page-counter input{
        font-size: 15px;
    }

    #total-count{
        font-size: 15px;
    }
}