#book_dna_pages .modal-dialog {
    width: 1142px;
}

#book_dna_pages .modal-content {
    /*height: 778px;*/
}

#dna_container_for_book.container_turn {
    width: 1112px;
    height: 748px;
}

#dna_container_for_book.container_turn div img {
    width: auto;
    height: auto;
}

.book-control-prev.dna, .book-control-next.dna {
    height: 778px;
}

.dna .books_arrows{
    margin-top: -11px;
}

@media (max-width : 1200px)  {
    #book_dna_pages .modal-dialog{
        width: 1000px;
    }
    #book_dna_pages .modal-content{
        height: 680px;
    }
    #dna_container_for_book.container_turn{
        width: 1000px;
        height: 680px;
    }
    #dna_container_for_book.container_turn div img{
        width: 970px;
        height: 650px;
    }
    .book-control-prev.dna, .book-control-next.dna{
        height: 680px;
    }
}

@media (max-width : 1024px)  {
    #book_dna_pages .modal-dialog{
        width: 800px;
    }
    #book_dna_pages .modal-content{
        height: 530px;
    }
    #dna_container_for_book.container_turn{
        width: 800px;
        height: 530px;
    }
    #dna_container_for_book.container_turn div img{
        width: 770px;
        height: 500px;
    }
    .book-control-prev.dna, .book-control-next.dna{
        height: 530px;
    }
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {

    #book_dna_pages .modal-dialog{
        width: 830px;
    }
    #book_dna_pages .modal-content{
        height: 540px;
    }
    #dna_container_for_book.container_turn{
        width: 830px;
        height: 540px;
    }
    #dna_container_for_book.container_turn div img{
        width: 800px;
        height: 510px;
    }
    .book-control-prev.dna, .book-control-next.dna{
        height: 540px;
    }
}


@media only screen
and (min-device-width : 375px)
and (max-device-width : 812px){

    #book_dna_pages .modal-dialog{
        width: 830px;
    }

    #book_dna_pages .modal-content{
        height: 603px;
    }
    #dna_container_for_book.container_turn{
        width: 800px;
        height: 570px;
    }
    #dna_container_for_book.container_turn div img{
        width: 800px;
        height: 570px;
    }
    .book-control-prev.dna, .book-control-next.dna{
        height: 570px;
    }
}


@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {

    #book_dna_pages .modal-dialog{
        width: 684px;
    }

    #book_dna_pages .modal-content{
        height: 466px;
    }
    #dna_container_for_book.container_turn{
        width: 684px;
        height: 466px;
    }
    #dna_container_for_book.container_turn div img{
        width: 654px;
        height:  436px;
    }
    .book-control-prev.dna, .book-control-next.dna{
        height: 466px
    }


}