@media (min-width: 2500px) {

}

@media (max-width: 2500px) {

}

@media (max-width: 1920px) {

}

@media (min-width: 1600px) {

}

@media (max-width: 1600px) {

}

@media (min-width: 1440px) {

}

@media (max-width: 1440px) {

}

@media (max-width: 1366px) {

}

@media (max-width: 1200px) {

}

@media (max-width: 1024px) {

}

@media (min-width: 992px) {
    #novel-history-main {
        display: none;
    }
}

@media (max-width: 991px) {
    #intro-index {
        height: auto;
    }
    .index-intro .item {
        margin: 2% 0 0 3%;
        height: auto;
        width: 21%;
    }
    .index-intro .item .item-img {
        width: 100%;
        height: 100%;
    }
    .index-intro .item.top-1 {
        margin-left: 3%;
        height: auto;
        width: 21%;
    }
    .index-intro .item.top-1 .item-img {
        width: 100%;
        height: 100%;
    }
    .index-intro .item.top-1 div.title {
        padding: 5px 0;
        font-size: 12px;
    }
    .index-intro .item.top-13 {
        display: none;
    }
}

@media (max-width: 768px) {

}

@media (min-width: 730px) {

}

@media (max-width: 630px) {

}

@media (min-width: 564px) {

}

@media (max-width: 560px) {

}

@media (min-width: 481px) {
    .books .desc h3.title {
        display: none;
    }
    .desc h3.title {
        display: block;
    }
}

@media (max-width: 480px) {
    .chapter-text:before {
        display: inline;
        content: "";
    }
    .chapter-text span {
        display: inline;
    }
    .books .desc h3.title {
        display: block;
    }
    .desc h3.title {
        display: none;
    }
}

@media (max-width: 460px) {

}

@media (max-width: 380px) {

}

@media (max-width: 350px) {

}