.wrapper {
    max-width: 1100px;
}


.content {
    max-width: 1100px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.book_box {
    display: flex;
    /* justify-content: space-around; */
    margin-top: 30px;
    height: 300px;
}

.book_pic {
    width: 300px;
    /* float: left; */
}
.book_img {
    min-width: 300px;
    max-width: 100%;
    max-height: 100%;
}

.book_text {
    margin-left: 50px;
    margin-right: 50px;
    width: 100%;
    overflow-y: scroll;
}
.comments_text {
    margin-left: 30px;
}


@media (max-width: 992px) {
    .book_pic {
        display: none;
  }
}