@media (max-width:1200px) {
    #main.fullwidth,
    .layout-full #main,
    .col-full,
    #navigation,
    #breadcrumbs,
    #footer-widgets {
        width: 960px;
    }
    #navigation.left ul {
        max-width: 100%;
        box-sizing: border-box;
    }
    #main {
        width: 500px;
    }
    #content.special-single .title-media-block,
    #logo img,
    #breadcrumbs,
    #logo,
    .archive-layout .post {
        max-width: 100%;
    }
    #content img,
    #main img {
        max-width: 100%;
        height: auto;
    }
    .responsive-table-block,
    .responsive-table-block tbody,
    .responsive-table-block td,
    .responsive-table-block th,
    .responsive-table-block tr {
        display: block;
        padding: 0 0 10px 0 !important;
        width: 100%;
    }
    #comments .comment-entry {
        word-break: break-word;
    }
}

@media (max-width:991px) {
    #main.fullwidth,
    .layout-full #main,
    .col-full,
    #navigation,
    #breadcrumbs,
    #footer-widgets {
        width: 720px;
    }
    #adbar {
        overflow: hidden;
        padding-left: 15px;
        width: 160px;
    }
    #main {
        width: 370px;
    }
    #sidebar {
        width: 160px;
    }
    #navigation {
        display: none;
    }
    #mbl-buger-menu {
        display: block;
        margin-left: auto;
    }
    #header.left .header-search {
        margin-right: 0;
    }
    #header {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    #header .rss {
        order: 2;
        padding-top: 10px !important;
    }
    #logo {
        order: 0;
        flex: 0 0 80%;
    }
    #header .header-search {
        order: 3;
        margin: 0;
        margin-left: auto;
        padding-top: 10px !important;
    }
    #mbl-buger-menu {
        order: 1;
        flex: 0 0 15%;
    }
    #header .rss a.button {
        margin: 0;
    }
    #post-entries {
        display: flex;
    }
    #post-entries .fix {
        display: none;
    }
    #post-entries .nav-next {
        text-align: right;
    }
    #post-entries a {
        display: inline-block;
        line-height: 1.6;
    }
    .archive-layout a .woo-image {
        max-width: 140px !important;
    }
    .archive-layout .entry {
        font-size: 100%;
        line-height: 1.4;
    }
}

@media (max-width: 768px) {
    body.has-push-right #wrapper {
        -webkit-transform: translateX(-80%);
        -ms-transform: translateX(-80%);
        transform: translateX(-80%);
    }
    #mnav-box {
        width: 80%;
    }
    #main.fullwidth,
    .layout-full #main,
    .col-full,
    #navigation,
    #breadcrumbs,
    #footer-widgets {
        width: 90%;
    }
    #adbar,
    #main,
    #sidebar {
        float: none;
        width: 100%;
    }
    #content {
        display: flex;
        flex-wrap: wrap;
    }
    #adbar {
        order: 1;
        padding: 0;
        margin-top: 25px;
    }
    #main {
        order: 0;
    }
    #sidebar {
        order: 2;
    }
    #commentform .col-left,
    #commentform .col-right {
        width: 100%;
        float: none;
    }
    #commentform .col-right p+p {
        margin-top: 10px;
    }
    #commentform .col-left {
        margin-bottom: 15px;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: normal;
    }
    .widget_archive select {
        width: 100%;
        margin-top: 10px;
        padding: 8px;
    }
    #main .page .title,
    .post .title,
    .page .title {
        font-size: 28px;
    }
    .archive-layout a .woo-image {
        max-width: 110px !important;
    }
    #content .post .entry .column .alignright,
    #main .post .entry .column .alignright {
        max-width: 45%;
    }
    h2 {
        font-size: 1.4em;
    }
    #header {
        padding: 15px 0 40px;
    }
}

@media (max-width: 480px) {
    body.has-push-right #wrapper {
        -webkit-transform: translateX(-90%);
        -ms-transform: translateX(-90%);
        transform: translateX(-90%);
    }
    #mnav-box {
        width: 90%;
    }
}