@media only screen and (max-width: 1023px) {
    * {
        -moz-box-sizing: border-box;
        /*Firefox 1+*/
        -webkit-box-sizing: border-box;
        /*Safari 3+, Chrome 1+*/
        box-sizing: border-box;
        /*Opera 7+, IE8+*/
    }

    .content {
        margin-top: 10px;
    }

    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        width: 100%;
    }

    .mob-hide {
        display: none!important;
    }

    .row-fluid .span9 {
        width: 100%;
    }

    nav {
        display: none;
    }

    .primary .radio {
        display: none;
    }

    .primary li {
        display: block;
        text-align: center;
        float: none;
        margin: 0;
    }

    .primary li:first-child {
        margin: 0;
    }

    .primary ul {
        display: none!important;
    }

    .special_links {
        display: none;
    }

    body {
        min-width: 300px;
        overflow-x: hidden;
    }

    .logo__image {
        display: block!importan;
    }

    .logo.logo--header {
        text-align: center;
        width: 100%;
        margin-top: 10px;
    }

    header .header__logo {
        float: none;
    }

    article__header, .article__header h1 {
        font-size: 25px;
        line-height: 1;
        font-weight: bold;
        margin: 10px 0px;
        width: 100%;
        display: block;
    }

    .article__text {
        padding: 0 10px;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    .comments {
        width: 100%!important;
    }

    .comList-box-item-text {
        padding-left: 60px;
    }

    .row {
        margin: 0;
    }

    .article__header h1, .article__header {
        margin: 0;
    }
}

@media only screen and (max-width: 991px) {
    .comList-box {
        display:none;
    }

    .comList-box:nth-last-of-type(1), .comList-box:nth-last-of-type(2), .comList-box:nth-last-of-type(3), .comList-box:nth-last-of-type(4) {
        display: block;
    }
}

@media only screen and (max-width: 800px) {
    .topheader {
        background: #f2f5fd;
        height: auto ;
    }

    .dtable {
        width: 100%;
    }

    .topheader .dtc {
        height: auto;
        padding-top: 10px;
        font-size: 20px;
        padding-left: 0;
        color: #766a63;
        padding-bottom: 10px;
        text-align: center;
    }

    .topheader b {
        font-size: 25px;
        color: #466d86;
        display: block;
    }
}

@media only screen and (max-width: 320px) {
    .comList-box-item-text {
        padding-left:0;
        clear: both;
        padding-top: 10px;
    }
}