/*.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3,*/
/*.col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6,*/
/*.col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9,*/
/*.col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11,*/
/*.col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {*/
/*padding: 0;*/
/*}*/

/* стили, которые будут применены к элементам страницы с рабочей областью не больше 767 пикселей */
html, body, #body {
    min-width: inherit;
}

.col-xs {
    display: none;
}

.main-menu-bottom {
    display: none;
}

@media (max-width: 767.8px) {
    .col-md {
        display: none;
    }

    .col-xs {
        display: block;
    }

    .featured #header_line {
        display: none;
    }

    .featured #center_side {
        margin-top: 55px;
    }

    .main-menu-bottom {
        display: block;
    }

    ul.menu, ul.menu ul, ul.menu li {
        font-size: 14px;
    }

    .home_left {
        max-width: 200px;
        margin-right: 40px;
        width: 100%;
    }

    .home_right {
        max-width: 100%;
        margin-left: 15px;
    }

    .home_right table,
    .home_right tr,
    .home_right td {
        display: block;
    }

    .navbar-toggle {
        cursor: pointer;
    }

    .navbar-toggle.collapsed {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 10;

        display: block;
        background-color: #fff;
        box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);

        max-width: 260px;
        width: 100%;
        height: 100%;

        overflow-y: auto;
        overflow-x: hidden;

        -webkit-transition: -webkit-transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;

        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .navbar-toggle.collapsed.in {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .navbar-toggle.collapsed.in .tile {
        box-shadow: none;
        padding-top: 10px;
        max-width: 220px;
    }

    #header {
        /*position: relative;*/

        position: fixed;
        width: 100%;
        z-index: 1;
    }

    #header_top {
        /* display: none; */
        /*background-image: none;*/
        /*background-color: #669966;*/
        color: #ffffff;
        height: auto;
        /* min-height: 100px; */
        width: 100%;
    }

    #header_link a, .mod-languages {
        /*line-height: 50px;*/
		line-height: 19px;
    }

    #header_link a {
        color: #ffffff;
		min-height: 50px;
        height: auto;
        max-width: 200px;
        margin: 0 auto;
    }

    #header_link {
        height: auto;
        width: 100%;

        /*width: auto;*/
        text-align: center;
    }

    /*#header_link img {*/
    /*width: 100%;*/
    /*max-width: 560px;*/
    /*}*/
    #header_top_right {
        /*float: inherit;*/
        position: absolute;
        height: auto;
        width: auto;
        right: 0;
        /*display: none;*/
    }

    #header_search {
        display: none;
        /*height: auto;*/
    }

    #header_lang {
        height: auto;
    }

    #no_footer {
        min-width: 100%;
    }

    #west_side, #east_side {
        position: absolute;
    }

    #east_side {
        display: none;
    }

    #west_side .show {
        z-index: 1;
        width: 100%;
    }

    #center_side {
        /*width: 100%;*/
        width: 87%;
        margin: auto;
        margin-top: 75px;

        /*padding: 20px 0;*/
    }

    .home_right {
        /*padding: 0 15px;*/
        /*margin-left: 0;*/
    }

    .leftimg {
        max-width: 100% !important;
    }

    #footer {
        min-width: inherit;
        height: auto;
    }

    .navbar-toggle.collapsed #west_side {
        display: none;
    }

    .navbar-toggle.collapsed.in #west_side {
        display: block;
        z-index: 1;
        width: 100%;
        max-width: 320px;
    }

    .navbar-toggle.collapsed.in #west_side .module.tile:not(.main_menu) {
        display: none;
    }

    .header_mobile {
        height: 50px;
        background-color: #669966;
    }

    .header_mobile #header_lang {
        text-align: right;
    }

    .mod-languages {
        float: right;
    }

    #header_lang a {
        /*display: none;*/
        color: #ffffff;
        outline-color: #fff;
    }

    #today {
        display: none;
    }

    ul.menu li.hover > .archive_container {
        /*left: 0;*/
        /*display: block;*/
        /*width: 100%;*/
        overflow: hidden;
        visibility: hidden;
        display: none;
    }

    .navbar-act {
        border-color: #fff;
        cursor: pointer;
        position: absolute;
        background-color: transparent;
        left: 5px;
        top: 10px;
        color: #fff;
        z-index: 2;
        /*position: fixed;*/
        width: 30px;
        height: 30px;
    }

    .offcanvas-page {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 5;
        touch-action: none;
        background: rgba(0, 0, 0, 0.1);
    }

    .close {
        position: absolute;
        right: 5px;
        top: 5px;
        z-index: 1;
        width: 20px;
        height: 25px;
        text-align: center;
        cursor: pointer;
        font-size: 22px;
        font-weight: bold;
    }

    table.journal {
        width: 95%;
    }

    table.articles {
        width: 95%;
    }

    div.archive {
        text-align: center;
    }

    .modalNotBox {
        width: 100%;
    }

    .modalNotBox table {
        width: 100%;
    }

    .modalNotBox table tr,
    .modalNotBox table td,
    .modalNotBox table label {
        display: block;
        width: 100%;
        margin-bottom: 5px;
    }

    .item-page {
        /*text-align: center;*/
        /*display: inline-block;*/
        /*background-color: #fff;*/
        /*padding: 2rem 2rem;*/
        /*color: #000;*/
    }

    form.editForm.modalNot .field input,
    form.editForm.modalNot .field select,
    form.editForm.modalNot .field textarea {
        width: 100%;
    }

    form.editForm.modalNot .field > td:last-child {
        width: 85%;
    }

    table {
        overflow: auto;
    }

    .filters {
        margin-bottom: 10px;
    }

    .filters table {
        height: 0;
        display: none;
    }

    .filter_button {
        text-align: right;
    }

    .filter_button button {
        cursor: pointer;
        background-color: transparent;
        width: 30px;
        height: 30px;
    }

    .filters colgroup col {
        display: none;
    }

    .filters table tr,
    .filters table td,
    .filters table label {
        display: block;
        width: 100%;
    }

    .filters table td:nth-child(1),
    .filters table td:nth-child(2) {
        /*display: none;*/
    }

    .page-search .filter_button {
        display: none;
    }

    .page-search table {
        display: table;
    }

    table.articles tr.article td {
        display: block;
    }
}

@media (max-width: 500px) {
    .home_left {
        max-width: 100%;
        text-align: center;
        float: none;
    }

}