@media screen and (min-width: 1360px){
    .bottom-header, .middle-header {
        max-width: 1360px;
        width: 100%;
    }
}

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

    .container, .header  {

        width: 100%;

    }



    .left-block {

        width: 290px;

    }



    .middle-header {

        padding: 7px 30px;
        

    }



    .bottom-header {

        padding: 0 30px;
        
    }



    .logo, .left-block, .content .left-block, .footer .left-block, .footer .right-block {

        padding-left: 30px;

    }



    .right-block, .content .right-block, .footer .right-block {

        padding-right: 30px;

    }



    ul.menu > li > a {

        margin-right: 40px;

    }



    .block-404 {

        height: 615px;

    }



    .page-counter {

        bottom: 30px;

        right: 30px;

    }

}



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

    .search-form {

        width: 100%;

    }



    .left-block {

        width: 260px;

    }

        

    .left-block,

    .right-block {

        padding: 0 20px;

    }

    

    .content .left-block,

    .content .right-block,

    .footer .left-block,

    .footer .right-block {

        padding: 35px 20px;

    }



    .logo {

        padding: 25px 20px 20px 20px;

    }



    .middle-header {

        padding: 7px 20px;

    }



    .bottom-header {

        padding: 0 20px;

    }



    .bottom-header-right > div:last-child {

        display: none;

    }



    ul.menu {

        justify-content: space-between;

    }



    ul.menu > li > a {

        margin-right: 0;

    }



    ul.sub-menu {

        padding: 30px 20px;

    }

    

    .footer .contacts {

        flex-direction: column;

    }



    .footer .contacts > div {

        margin-right: 0;

        margin-bottom: 15px;

    }



    .footer .info,

    .footer .info > div:first-child,

    .footer .contacts > div:first-child {

        margin-right: 60px;

    }



    .top-header .right-right-block > div:first-child {

        margin-left: 50px;

    }



    .top-header .right-right-block,

    .top-header .right-right-block > div:first-child {

        flex: 1;

    }



    .sub-menu-box {

        left: 0;

        right: 0;

    }



    ul.sub-menu {

        padding: 40px;

    }



    ul.sub-menu > li,

    .book-desc, .book-desc-sm .img {

        margin-bottom: 20px;

    }



    .bottom-links {

        margin-bottom: 0

    }



    .book-desc-sm .img {

        margin-right: 20px;

    }



    .block-404 {

        height: 550px;

    }

}



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

    h1 {

        font-size: 18px;

        margin: 0 0 25px 0;

        line-height: 25px;

    }



    h2 {

        font-size: 16px;

        margin: 20px 0;

    }

    

    h4, .news-title {

        font-size: 11px;

        line-height: 14px;

    }



    p, ul.list, ol, body {

        font-size: 10px;

        line-height: 15px;

    }



    blockquote {

        margin: 0 0 15px 0;

        font-size: 10px;

        line-height: 15px;

        padding-left: 40px;

        color: #cb6813;

        font-weight: 700;

    }



    blockquote::before {

        font-size: 30px;

        top: 6px;

    }



    table {

        margin: 20px 0;

    }

    

    table th {

        padding: 5px;

        font-size: 10px;

    }

    

    table td {

        font-size: 10px;

        padding: 9px 5px;

    }



    h3,

    .left-block-item .top,

    .icon,

    ul.m-menu > li > a,

    ul.sub-menu > li > a,

    .m-menu-modal .bottom-row a,

    .ya-share2__item_service_vkontakte .ya-share2__icon::after, .ya-share2__item_service_facebook .ya-share2__icon::after,

    .fs-16 {

        font-size: 12px;

    }



    .h3-blocks > a {

        font-size: 11px;

        line-height: 15px;

    }



    h5,

    .top-header .right-block,

    .num,

    .left-block-item .top a,

    .footer,

    .left-block-item .text,

    .left-block-item .date,

    .content ul.crumbs > li > a,

    .content .search-form > input,

    .content .search-form > button,

    .item-bordered .link,

    .pub-desc, .pub-desc p {

        font-size: 10px;

    }



    .m-menu-modal .top-row a,

    .search-form > input,

    .fs-12,

    .prev-button, .next-button,

    .border-button,

    ul.pagination > li > a,

    .pub-keys,

    .page-counter {

        font-size: 9px;

    }



    .search-form > input {

        padding: 11px 33px 10px 10px;

    }



    .middle-header {

        font-size: 8px;

    }



    .top-header .right-right-block,

    .bottom-header {

        display: none;

    }



    .left-block {

        width: auto;

    }



    .content {

        margin-top: 91px;

        flex-direction: column-reverse;

    }



    .content .left-block {

        width: 100%;

    }



    .left-block,

    .right-block {

        padding: 0 10px;

    }

    

    .content .left-block,

    .content .right-block,

    .footer .left-block,

    .footer .right-block {

        padding: 10px;

    }



    .logo {

        padding: 15px 10px;

    }



    .logo > div:first-child {

        font-size: 16.2px;

    }



    .logo > div:last-child {

        font-size: 7px;

        padding-top: 3px;

    }



    .top-header .right-block {

        margin-top: 0;

    }



    .middle-header {

        padding: 5px 10px;

    }



    .footer {

        position: relative;

        line-height: 12px;

        flex-direction: column;

    }



    .footer .right-block > div:first-child {

        flex-direction: column;

    }



    .footer .contacts {

        flex-direction: row;

        margin-top: 30px;

    }



    .footer .info > div:first-child, 

    .footer .contacts > div:first-child {

        margin-right: 30px;

        flex: 1;

    }



    .footer .info {

        margin-right: 0;

    }



    .footer .icon {

        margin-top: 200%;

    }



    .h3-blocks {
        margin-bottom: 25px;

    }



    .icon {

        height: 33px;

        width: 33px;

    }



    .left-block-item .date {

        line-height: 15px;

    }



    .menu-bars {

        display: block;

        width: 20px;

        height: 16px;

    }



    .menu-bars > div {

        width: 100%;

        height: 2px;

        background-color: #f58220;

        margin-bottom: 5px;

    }



    .menu-bars > div:last-child {

        margin-bottom: 0;

    }



    .left-block-item {

        margin-bottom: 25px;

    }



    .left-block-item .top, .left-block-item .bottom > div {

        margin-bottom: 15px;

    }



    ul.sub-menu {

        padding: 10px 10px 0 10px;

    }



    ul.sub-menu > li {

        margin-bottom: 10px;

    }



    .num {

        line-height: 12px;

        margin-bottom: 14px;

    }



    .content ul.crumbs > li::before {

        top: 8px;

    }



    .txt-img {

        justify-content: center;

        margin: 30px 0;

    }



    .txt-img img {

        max-height: 80px;

    }



    .m-bottom-40 {

        margin-bottom: 20px;

    }



    .content .search-form > button {

        padding: 0 15px 0 5px;

    }



    .content .search-form > button > i,

    .item-num .links > a {

        margin-right: 10px;

    }



    .item-bordered {

        padding: 0 0 15px 0;

    }



    .search-result h4 span {

        line-height: 9px;

    }



    .search-result span {

        line-height: 8px;

    }



    .pagination-box {

        margin-bottom: 20px;

    }



    .pagination-box .next-button,

    .pagination-box .prev-button {

        top: 20px;

    }



    .news-one-date {

        margin: 0 0 25px 0;

    }



    .current-num {

        margin-bottom: 30px;

    }



    .prev-button, .next-button {

        padding: 5px 7px;

    }



    .ya-share2__badge {

        height: 30px;

        width: 30px;

    }



    .bottom-links {

        padding: 25px 0;

        margin-bottom: 20px;

    }



    .share-block .ya-share2 {

        margin-left: 7px;

    }



    .item-bordered .row > * {

        margin-right: 20px;

    }



    .book-desc .img {

        height: 165px;

        width: 110px;

        margin-right: 20px;

    }

    

    .book-desc > div:last-child > div {

        margin-bottom: 10px;

    }



    .book-desc .author {

        font-size: 16px;

        line-height: 20px;

    }



    .author-block {

        margin-bottom: 20px;

    }



    .book-desc-sm .img {

        height: 100px;

        width: 70px;

        margin-right: 20px;

    }



    .tab-links {

        margin-top: 30px;

        padding-bottom: 10px;

        justify-content: space-between;

    }



    .tab-links > a {

        margin-right: 12px;

        font-size: 14px;

        margin-bottom: 15px;

        width: 3.5%;

    }



    .author-list > a {

        margin: 8px 0;

    }



    .current-num .title {

        font-size: 16px;

    }



    .circle {

        height: 15px;

        width: 15px;

    }



    .item-num h4 {

        margin: 15px 0 10px 0;

    }



    .block-404 {

        display: none;

    }



    .text-404 {

        min-height: calc(100% - 332px);

    }



    .text-404 .title {

        font-size: 14px;

        margin: 35px 0 15px 0;

    }



    .text-404 .row {

        margin-top: 30px;

        flex-direction: column;

        align-items: flex-start;

    }



    .text-404 .row p {

        margin-right: 0;

        margin-bottom: 30px;

    }



    .text-404 a {

        font-size: 16px;

    }



    .content .right-block > div:first-child {

        margin-bottom: 35px;

    }

}