@media screen and (max-width: 1100px) {
    .max728px {
        display: none;
    }
}

@media screen and (max-width: 1250px) {
    #wrap {
        width: calc(100% - 4px);
        margin: 2px;
    }
}

@media screen and (max-width: 1024px) {
    header {
        width: calc(100% - 20px);
        margin: 0 10px 10px 10px;
    }

    #wrap #content {
        margin: 10px 0 0 0;
    }

    #wrap #content main section .title {
        /* overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-all; */
        line-break: strict;
        -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;
        -moz-hyphens: auto;
        text-align: center;
    }

    #wrap #content main section .publication {
        text-align: center;
        margin-top: 10px;
    }

    #wrap #content h1.title {
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-all;
        line-break: strict;
        -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;
        -moz-hyphens: auto;
    }

    #wrap #content h1.title {
        width: calc(100% - 20px);
        margin: 0 10px 30px 10px;
    }

    header #description {
        font-size: 14px;
        margin-top: 20px;
        display: none;
    }

    #search_form {
        margin-top: 20px;
    }

    header #logo .desktop,
    header .search-form {
        display: none;
    }

    header .mob {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
    }

    header .search-form .search-field {
        font-size: 24px;
        width: calc(100% - 40px);
    }

    #qut {
        display: none;
    }

    #header_bottom {
        display: none!important;
    }

    header #logo {
        margin: 0 0 0 10px;
    }

    header #logo a.pc {
        display: none;
    }

    header #logo span {
        display: block;
    }

    header nav {
        display: none;
    }

    #mobile_menu {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-end;
        align-items: center;
        align-content: center;
    }

    #wrap #content .topics {
        display: none;
    }

    #wrap #content main{
        justify-content: center;
        width: calc(100% - 10px);
        margin: 0 5px 0 5px;
    }

    #wrap #content main.home {
        justify-content: center;
        width: calc(100% - 10px);
        margin: 0 5px 0 5px;
    }

    #wrap #content main section .text {
        overflow: hidden;
    }

    #wrap #content main section.toindex {
        width: calc(100% / 2 - 20px);
        height: auto;
        position: static;
        margin: 0 5px 50px 5px;
    }

    #wrap #content main.home section.toindex {
        width: calc(100% / 2 - 20px);
        height: auto;
        position: static;
        margin: 0 5px 50px 5px;
    }

    #wrap #content main section.toindex .right_content {
        height: auto;
        width: calc(100%);
        position: static;
    }

    #wrap #content main section.toindex .content_title {
        position: static;
        height: auto;
    }

    #wrap #content main section.toindex .title {
        position: static;
        top: 0;
        transform: translate(0, 0);
    }

    #wrap #content main section.toindex .content_text {
        position: static;
        height: auto;
    }

    #wrap #content main section.toindex .text {
        position: static;
        top: 0;
        transform: translate(0, 0);
    }

    #wrap main .comment,
    #wrap #content #block_comment,
    #wrap main .more,
    #wrap main .author,
    #wrap #content aside {
        display: none!important;
    }

    #header_bottom #meta {
        display: none;
    }
    #header_bottom .right .item {
        display: none;
    }

    #theory .title {
        display: none;
    }

    #search #body_resultsDiv {
        float: left;
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        background: rgb(0, 0, 0);
        overflow: hidden;
        z-index: 999999999999999999999999999999999999;
    }

    #search #resultsDiv {
        float: left;
        position: absolute;
        width: calc(100% - 4px - 20px);
        height: auto;
        top: 60px;
        left: 2px;
        background: #FFFFFF;
        padding: 10px;
        overflow: hidden;
    }

    #search #body_resultsDiv .close {
        float: left;
        position: absolute;
        top: -15px;
        right: calc(50% - 48px / 2);
        font-family: 'PT Mono', Tahoma, sans-serif;
        font-size: 80px;
        color: #FFFFFF;
        cursor: pointer;
    }

    #what_search, #not_result_div {
        display: none;
    }

    /* остальное */

    #wrap #content .desc {
        display: none;
    }

    #wrap #content .name.all {
        width: calc(100% - 15px);
    }

    #wrap #content section {
        width: calc(100% / 3 - 5px);
    }

    footer .copy {
        float: left;
        width: calc(100%);
        text-align: center;
        margin-bottom: 5px;
    }

    footer .link {
        float: left;
        width: calc(100%);
        text-align: center;
    }
}

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

}

@media screen and (max-width: 450px) {
    #wrap #content main section.toindex {
        width: calc(100% - 10px);
        height: auto;
        position: static;
        margin: 0 5px 50px 5px;
    }

    #wrap #content main.home section.toindex {
        width: calc(100% - 10px);
        height: auto;
        position: static;
        margin: 0 5px 50px 5px;
    }

    #wrap #content section {
        width: calc(100% - 5px);
    }
}