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

    .header {
        min-width: 100%;
        height: 60px;
    }

    .sitename {
        width: 100%;
        margin: auto;
        margin-top: 5px;
    }

    .nav {
        width: 100%;
        font-size: 17px;
        position: initial;
        margin-top: initial;
    }

    .navbutton {
        width: 90px;
        margin-right: 0px;
        margin-top: 5px;
        float: none;
        display: inline-block;
    }

    /* homepage */
    .homepagemain {
        width: 100%;
    }

    .homepage_top {
        margin-top: 15px;
    }

    .lastupdatebox {
        width: 200px;
    }

    .lastupdatetitlename {
        font-size: 15px;
    }

    .homepage_bottomleft {
        width: 100%;
        border: 0px;
        padding: 5px;
        background: rgba(255,255,255,0.8);
    }

    .homepage_bottomright {
        width: 100%;
        max-width: 400px;
        margin: auto;
        margin-top: 20px;
        border: 0px;
        border-top: 1px solid #CCC;
        float: none;
        display: inline-block;
    }

    .lastnews_frame {
        width: 100%;
    }

    .lastnews_framecover {
        display: none;
    }

    .lastnews_frameinfo {
        width: 100%;
        padding: 2px;
        margin: 0;
        background-position: center;
        background-size: cover;
    }

    .lastnews_title {
        margin-left: 0px;
        margin-bottom: 0px;
        padding: 3px;
        background: rgba(255,255,255,0.9);
    }

    .lastnews_info {
        margin-left: 0px;
        margin-bottom: 0px;
        padding-left: 3px;
        background: rgba(255,255,255,0.9);
    }

    .lastnews_text {
        height: 174px;
        max-height: unset;
        padding: 3px;
        padding-top: 10px;
        background: rgba(255,255,255,0.9);
    }

    /* titles page */

    .titlesmain {
        width: 100%;
        border: 0px;
    }

    .titles_top {
        height: 15px;
        margin: 0px;
    }

    .titles_bottom {
        display: flex;
        flex-wrap: wrap;
    }

    .titles_bottomleft {
        width: 100%;
        margin-top: 15px;
        padding: 5px;
        order: 2;
        background: rgba(255,255,255,0.8);
    }

    .titles_bottomright {
        width: 100%;
        min-height: 100px;
        background: rgba(255,255,255,0.8);
        order: 1;
    }

    .titlelist_frame {
        width: 100%;
    }

    .titlelist_framecover {
        display: none;
    }

    .titlelist_frameinfo {
        width: 100%;
        padding: 2px;
        margin: 0;
        background-position: center;
        background-size: cover;
        overflow: hidden;
    }

    .titlelist_name {
        margin-left: 0px;
        margin-bottom: 3px;
        padding: 3px;
        background: rgba(255,255,255,0.8);
    }

    .titlelist_description {
        height: 170px;
        max-height: unset;
        padding: 3px;
        background: rgba(255,255,255,0.8);
    }

    .titles_lastupdatebox {
        max-width: 500px;
        margin: auto;
    }

    /* title info page */

    .titlesinfo_main {
        width: 100%;
    }

    .titlesinfo_top {
        padding: 5px;
        margin-top: 10px;
    }

    .titlesinfo_infoleft {
        width: 100%;
    }

    .titlesinfo_inforight {
        width: 100%;
        margin-left: 0px;
    }

    .titlesinfo_bottom {
        padding: 5px;
    }

    .titlesinfo_downloads {
        padding: 5px;
    }

    .titlesinfo_chapters {
        width: 98%;
        margin: auto;
    }

    .titlesinfo_chaptertable tr {
        height: 35px;
    }

    .titlesinfo_comments {
        width: 100%;
        margin-top: 25px;
        padding: 5px;
    }

    .titlesinfo_commentbox {
        width: 90%;
        margin-top: 25px;
    }

    /* reader page */

    .readermain {
        width: 100%;
    }

    .reader_top {
        height: initial;
        min-height: 20px;
        margin-top: 15px;
        padding: 5px;
    }

    .reader_breadcrumb_text {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        line-height: 25px;
        margin-left: 10px;
    }

    .reader_navbar {
        height: initial;
        position: relative;
        top: 2px;
        text-align: center;
    }

    .reader_navbar_type {
        width: auto;
    }

    .reader_navbar_chapters {
        width: auto;
    }

    .reader_navbar_chapters select {
        width: 200px;
    }

    .reader_navbar_pages {
        width: auto;
    }

    .reader_navbar_movepages {
        display: none;
    }

    .reader_content {
        width: 100%;
        min-height: 300px;
        padding: 0;
        margin-top: 5px;
    }

    .reader_mangaimage {
        width: 100%;
    }

    .reader_bottom {
        min-height: 50px;
        padding: 5px;
    }

    .reader_commentsbox {
        width: 90%;
        margin-top: 25px;
    }

    /* news page */

    .newsmain {
        width: 100%;
        border: 0px;
    }

    .newslist_main {
        display: flex;
        flex-wrap: wrap;
    }

    .newslist_left {
        width: 100%;
        margin-top: 15px;
        padding: 5px;
        order: 2;
        background: rgba(255,255,255,0.8);
    }

    .newslist_right {
        width: 100%;
        min-height: 100px;
        order: 1;
        background: rgba(255,255,255,0.8);
    }

    .newslist_frame {
        width: 100%;
    }

    .newslist_framecover {
        display: none;
    }

    .newslist_frameinfo {
        width: 100%;
        padding: 2px;
        margin: 0;
        background-position: center;
        background-size: cover;
    }

    .newslist_title {
        margin-left: 0px;
        margin-bottom: 0px;
        padding: 3px;
        background: rgba(255,255,255,0.9);
    }

    .newslist_info {
        margin-left: 0px;
        margin-bottom: 0px;
        padding-left: 3px;
        background: rgba(255,255,255,0.9);
    }

    .newslist_text {
        height: 174px;
        max-height: unset;
        padding: 3px;
        padding-top: 10px;
        background: rgba(255,255,255,0.9);
    }

    /* news topic page */

    .news_topicmain {
        width: 100%;
    }

    .news_top {
        padding: 0px;
    }

    .news_title_box {
        height: 300px;
    }

    .news_title_textbox {
        top: 85px;
    }

    .news_title_textbox h2 {
        font-size: 22px;
    }

}

@media only screen and (min-width: 330px) and (max-width: 410px)  {
    .reader_navbar_pages {
        float: none;
    }
}

@media only screen and (max-width: 305px) {
    .reader_navbar_type {
        float: none;
    }

    .reader_navbar_chapters {
        float: none;
    }

    .reader_navbar_pages {
        float: none;
    }
}