*,
*:after,
*:before {
    box-sizing: border-box;
}
#wrapheader {
    margin: 0 auto;
    min-width: 320px;
}
#wrapcentre {
    margin: 0;
    width: 100%;
    padding: 0 10px;
}
img.img-responsive,
a.img-responsive img,
.msg-body img[alt=Image] {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}
iframe {
    max-width: 100%;
}


/**************/
/* VIEW FORUM */
/**************/
.forum-section-image {
    display: block;
}
@media screen and (max-width: 519px) {
    .forum-section-container .img-responsive {
        margin: 0 auto;
    }
    .forum-section-container,
    .forum-functions-container {
        display: block;
        width: 100%
    }
    .forum-tree {
        display: none;
    }
    .forum-functions,
    .forum-functions>td {
        display: block;
    }
    .forum-functions>td {
        padding-top: 10px;
    }
}
@media screen and (min-width: 520px) {
    .forum-section-image {
        display: inline-block;
    }
}
/**************/
/* REPLY BODY */
/**************/

td.profile .avatar {
    padding: 15px 10px;
}
@media screen and (max-width: 639px) {
    td.profile {
        display: block;
        width: 100%;
        float: none;
    }
    td.profile + td {
        display: block;
    }
}
/* sm */

@media screen and (min-width: 480px) {
    #wrapheader {
        width: 100%;
    }
}
/* tw */

@media screen and (min-width: 520px) {
    #wrapheader {
        width: 100%;
    }
}
/* md */

@media screen and (min-width: 768px) {
    #logodesc .img-responsive img {
        display: inline !important;
    }
    #wrapheader {
        width: 100%;
        max-width: 1440px;
    }
    .jump-page {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    #wrapcentre {
        margin: 0;
        padding: 0 10px;
    }
    .pagination__item,
    .pagination .page-sep,
    .pagination__title {
        display: none;
    }
}
/* show hide */

@media screen and (max-width: 639px) {
    .xs-hide {
        display: none;
    }
    td.meta-last-post,
    th.meta-last-post {
        text-align: right;
        background-color: #212121;
    }
}
@media screen and (max-width: 767px) {
    .tw-hide {
        display: none;
    }
}
@media screen and (max-width: 991px) {
    .md-hide {
        display: none;
    }
}