@media screen and (max-width: 1200px) {}

@media screen and (max-width: 1024px) {
    .header-top{
        padding: 0px 10px;
    }
    .wrapper {
        padding: 0 5px;
    }
    .main-info-list {
        flex-direction: column;
    }
    .main-info-list-left,
    .main-info-list-right {
        width: 100%;
    }
    .manga-action {
        justify-content: left;
    }
    .count-comment,
    .add-bookmark {
        padding: 0 25px;
        border: none
    }
    .onepage{
        padding: 0 10px;
    }

    @media screen and (max-width: 900px) {
        .wrapper {
            padding: 0;
        }
        .left {
            width: 100%;
            margin-right: 0;
        }
        .img-logo {
            height: 25px;
        }
        .img-move {
            height: 225px;
        }
        .img-latest{
            height: 260px;
        }
        .related .sidebar-list li {
            width: calc(50% - 14px);
        }
        .search-list .latest-item {
            width: calc(25% - 14px);
        }
        .sidebar-list li{
            width: 25%;
        }
        .sitem{
            width: 50%;
            float: left;
            padding: 10px !important;
        }
    }

    @media(max-width: 800px){
        .img-latest{
            height: 240px;
        }
        .relation-items .sitem{
            width: 50%;
        }
        .manga-info{
            padding: 0 10px;
        }
        .manga-info-left{
            width: 100%;
            margin-right: 0;
        }
        .manga-info-left .thumb{
            text-align: center;
        }
        .manga-info-left .thumb img {
            width: 200px;
            height: auto;
            min-height: 250px;
        }
        .manga-info-right{
            width: 100%;
        }
        .main-info-title{
            margin-top: 10px;
        }
    }

    @media screen and (max-width: 700px) {
        .nav-pc {
            display: none;
        }
        .open-btn {
            display: inline-block;
            float: right;
            font-size: 30px;
            line-height: 70px;
            margin-left: 15px;
        }
        .icon-mb {
            display: block;
        }
        .img-logo {
            height: 30px;
        }
        .img-latest{
            height: 220px;
        }
        .main-info-left {
            width: 100%;
            margin-right: 0;
            background: none;
        }
        .sidebar-list li{
            width: 33.333%;
        }
        .user-options{
            display: none;
        }
        .lectormoo .lectormoo-item{
            width: 100%;
            float: left;
        }
        .lectormoo .lectormoo-item:first-child{
            padding-bottom: 10px;
            padding-right: 0;
        }
        .lectormoo .lectormoo-item:last-child{
            padding-left: 0;
        }
    }

    @media screen and (max-width: 600px) {
        .latest-item,
        .search-list .latest-item {
            width: calc(33.333% - 14px);
        }
        .img-move {
            height: 205px;
        }
        .img-latest {
            height: 250px;
        }
        #footer .wrapper {
            justify-content: center;
        }
        .user-block-mb .user-info-mb a{
            border-bottom: none;
            line-height: 1;
            display: inline-block;
            padding-left: 0px;
        }
        .user-block{
            display: none;
        }
        .user-info-mb-login{
            display: inline-block;
        }
    }

    @media(max-width: 550px){
        .img-latest {
            height: 210px;
        }
        .img-move {
            height: 235px;
        }
    }

    @media(max-width: 500px){
        .chapter-item{
            width: calc(33.3333% - 10px);
        }
        .sitem, .relation-items .sitem{
            width: 33.333%;
            border-bottom: none;
        }
        .sitem .img-sidebar{
            width: 100%;
            height: auto;
        }
        .sidebar-items .sidebar-item{
            display: inline-block;
            width: 100%;
            float: left;
        }
        .sitem .img-sidebar {
            width: 100%;
            height: 200px;
        }
        .sitem .sidebar-entry{
            float: left;
            width: 100%;
            padding-left: 0px;
            text-align: center;
            height: 70px;
        }
        .sitem a{
            text-align: center;
        }
        .img-logo{
            height: 22px;
        }
    }

    @media screen and (max-width: 450px) {
        .latest-item,
        .search-list .latest-item {
            width: calc(50% - 14px);
        }
        .chapter-item {
            width: calc(50% - 10px);
        }
        .related .sidebar-list li {
            width: 100%;
        }
        .img-latest {
            height: 270px;
        }
        .sidebar-list li{
            width: 50%;
        }
        .sitem .img-sidebar {
            height: 175px;
        }
        .next-pre{
            width: 100%;
            float: left;
            text-align: right;
            margin-top: 10px;
        }
    }

    @media(max-width: 400px){
        .img-latest {
            height: 250px;
        }
        .chapter-item{
            width: calc(50% - 10px);
        }
        .sitem, .relation-items .sitem{
            width: 50%;
        }
        .sitem .img-sidebar {
            height: 240px;
        }
    }

    @media(max-width: 375px){
        .img-latest {
            height: 230px;
        }
        .sitem .img-sidebar {
            height: 210px;
        }
    }
}