@media(max-width: 1220px){
    .wrapper{
        padding: 0 10px;
    }
    .wrapper-detail {
        padding: 0 10px;
    }
}

@media(max-width: 1100px){
    .latest-item .latest-left .img-latest{
        height: 215px;
    }
}

@media(max-width: 1000px){
    .latest-item{
        width: 25%;
    }
    .latest-item .latest-left .img-latest {
        height: 290px;
    }
    .chapter-preview-image span{
        height: 230px;
    }
}

@media screen and (max-width: 900px) {
    .img-logo {
        height: 25px;
    }
    .tab-summary .post-content{
        float: left;
        width: 100%;
    }
    .tab-summary .post-status{
        float: left;
        width: 100%;
        padding: 0;
    }
    .tab-summary .post-status .summary-heading {
        width: 106px !important;
        float: left;
    }
    .tab-summary .post-status .summary-content {
        float: left;
        width: calc(100% - 106px) !important;
        word-break: break-word;
        font-size: 15px;
        text-align: left !important;
    }
    .manga-action{
        width: 100%;
        float: left;
    }
    .bookmark-btn .book-mark{
        width: 150px;
        float: left;
    }
    .sumbmrk{
        float: left;
        width: calc(100% - 150px);
        text-align: left;
        padding-left: 20px;
        margin-top: 6px;
    }
    .bknotice{
        width: 100%;
        float: left;
        text-align: left;
        margin-top: 10px;
    }
    .latest-item .latest-left .img-latest {
        height: 260px;
    }
    .profile-manga .post-title h1{
        text-align: center;
    }
    .chapter-preview-image span{
        width: calc(25% - 10px);
        height: 265px;
    }
}

@media(max-width: 800px){
    .user-setting .left{
        width: 100%;
        padding-right: 0px;
    }
    .user-setting .right{
        width: 100%;
    }
    .user-setting .setting-choose{
        width: 100%;
    }
    .header-bot .authblock{
        width: 250px;
    }
    .latest-item .latest-left .img-latest {
        height: 235px;
    }
}

@media screen and (max-width: 750px) {
    .nav-pc {
        display: none;
    }
    .open-btn {
        display: inline-block;
    }
    .icon-mb {
        display: block;
    }
    .img-logo {
        height: 30px;
    }
    .popular-item {
        width: calc(25% - 20px);
    }
    .img-cover {
        width: 150px;
        max-height: 250px;
    }
    .funitem{
        width: 100%;
    }
    .latest-item .latest-left .img-latest {
        height: 225px;
    }
}

@media(max-width: 700px){
    .header-bot .authblock{
        display: none;
    }
    .user-block{
        width: 100%;
        float: left;
    }
    .user-block a{
        border-bottom: none;
    }
    .box-user-options{
        width: 100%;
        float: left;
    }
    .user-block .c-user_avatar{
        width: calc(100% - 50px);
        float: left;
    }
    .user-block .c-user_avatar a{
        width: 100%;
        float: left;
    }
    .c-user_avatar-image{
        width: 30px;
        float: left;
    }
    .c-user_avatar-image img{
        width: 30px;
        height: 30px;
        border-radius: 10px;
    }
    .user-block .user-logout{
        width: 50px;
        float: left;
        line-height: 30px;
    }
    .user-block .displayname{
        width: calc(100% - 30px);
        padding-left: 10px;
        float: left;
        line-height: 30px;
    }
    .list-comments article .block-left{
        width: 45px;
    }
    .list-comments article .block-left img{
        width: 45px;
        height: 45px;
    }
    .list-comments article .block-right{
        width: calc(100% - 45px);
        padding-left: 10px;
    }
    .latest-list {
        width: calc(100% + 10px);
        margin-left: -5px;
    }
    .latest-item{
        padding: 10px 5px;
    }
    .latest-item .latest-left .img-latest {
        height: 215px;
    }
    .chapter-preview-image span{
        height: 230px;
    }
}

@media(max-width: 650px){
    .latest-item {
        width: 33.333%;
    }
    .tab-summary{
        display: block;
        float: left;
    }
    .tab-summary .summary_image{
        background: none;
        width: 100%;
        display: block;
    }
    .tab-summary .summary_image img{
        width: 200px;
        height: auto;
    }
    .bottom-logo{
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
    .img-logo-bottom{
        float: unset;
    }
    .bottom-right{
        width: 100%;
        text-align: center;
        display: inline-block;
    }
    .bottom-right a{
        display: inline-block;
    }
    .latest-item .latest-left .img-latest {
        height: 265px;
    }
}

@media(max-width: 600px){
    .latest-item .latest-left .img-latest {
        height: 235px;
    }
    .chapter-preview-image span {
        width: calc(33.3333% - 10px);
        height: 265px;
    }
}

@media screen and (max-width: 550px) {
    .popular-item {
        width: calc(33.33333% - 20px);
    }
    .img-popular {
        height: 180px;
    }
    .reading-img .wrapper {
       padding: 0;
    }
    #footer .wrapper {
        justify-content: center;
    }
    .main-info-left {
        width: 100%;
        margin-right: 0;
    }
    .latest-item .latest-left .img-latest {
        height: 225px;
    }
    .chapter-preview-image span {
        height: 235px;
    }
}

@media(max-width: 500px){
    .form-items .form-label{
        width: 100%;
    }
    .form-items .form-input{
        width: 100%;
    }
    .latest-list {
        width: calc(100% + 20px);
        margin-left: -10px;
    }
    .latest-item {
        width: 50%;
        padding: 10px;
    }
    .latest-item .latest-left .img-latest {
        height: 275px;
    }
    .img-logo{
        height: 22px;
    }
    .tab-summary .summary_content{
        padding: 20px 0;
    }
    .chapter-preview-image span {
        height: 220px;
    }
}

@media(max-width: 450px){
    .header-bot{
        display: none;
    }
    .show-1{
        display: block;
    }
    .order-nav-tabs span{
        display: none;
    }
    .signup-form form{
        width: 100%;
    }
    .signup-form form input[type=submit]{
        width: 100%;
    }
    .chap-navigation select{
        width: 100%;
        margin-bottom: 10px;
        margin-right: 0;
    }
    .latest-item .latest-left .img-latest {
        height: 250px;
    }
    .chap-navigation .navi-change-chapter-btn{
        width: 100%;
        float: right;
        margin-top: 10px;
        text-align: right;
    }
    .chapchange .change-chapter{
        float: left;
        margin-right: 0;
    }
    .chapter-preview-image span {
        width: calc(50% - 10px);
        height: 275px;
    }
}

@media screen and (max-width: 400px) {
    .popular-item {
        width: calc(50% - 20px);
    }
    .comment-form-author{
        width: 100%;
    }
    .comment-form-email{
        width: 100%;
        margin-left: 0;
    }
    .latest-item .latest-left .img-latest {
        height: 240px;
    }
    .chapter-preview-image span {
        height: 250px;
    }
}

@media(max-width: 350px){
    .latest-item .latest-left .img-latest {
        height: 220px;
    }
    .chapter-preview-image span {
        height: 225px;
    }
}