body {
    width: 100%;
    min-width: 400px !important;
}

.wrap,
.search-content,
.b-top-menu,
.b-exam {
    max-width: 1200px !important;
    width: 100% !important;
}

.b-header--center,
nav.b-menu,
.b-page,
.b-footer--center {
    width: 100% !important;
    max-width: 1190px;
}

#search-results {
    width: 100% !important;
    max-width: 930px;
}

#search_mobile {
    display: none;
}

.white-header,
.published-news,
.debates,
.select_red,
section .video,
section .partners,
footer .circles,
.search-content {
    padding-right: 0 !important;
    padding-left: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.event-preview img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media(max-width:1400px) {
    .b-page .b-content > .wrap[class*="text-page"] > #book-left {
        max-width: 900px;
        width: 100% !important;
    }

    .b-page .b-content > .wrap[class*="text-page"] > #book-right {
        display: none;
    }
}

@media(max-width:1230px) {
    #header-cit {
        padding-right: 5px;
    }

    .published-news .slides .slide1,
    .published-news .slides .slide2 {
        margin-right: 10px !important;
    }

    .published-news .slides .slide3,
    .published-news .slides .slide4 {
        margin-left: 10px !important;
    }

    .debates .publications {
        width: 100% !important;
        max-width: 924px;
    }

    .debates .div100,
    .select_red .div100 {
        text-align: center;
    }

    .debates .right-banners,
    .select_red .publications,
    .select_red .right-blocks {
        width: 100% !important;
        text-align: center;
    }

    .debates .right-banners > div,
    .select_red .right-blocks > div {
        display: inline-block;
        margin-right: 10px;
    }

    .select_red .publications,
    .select_red .div100 > div:first-child {
        width: 100% !important;
        max-width: 819px;
    }

    .select_red .right-blocks > div,
    .select_red .div100 > div:first-child {
        text-align: left !important;
    }

    section .banner-1,
    section .banner-2 {
        background-size: contain !important;
        background-repeat: no-repeat !important;
    }

    .select_red .div100 > div:first-child {
        display: inline-block;
    }

    .video .div100,
    .partners .div100 {
        text-align: center !important;
    }

    .video .right-banners {
        float: none !important;
    }

    .video .div100 h2,
    partners .div100 h2 {
        text-align: left !important;
    }

    .whole-footer .circles .column-css {
        width: 100% !important;
        max-width: 1200px !important;
    }

    .opros {
        margin-top: 0 !important;
    }

    .video .tabs,
    .partners .div100 h2 {
        text-align: left !important;
    }

    #additional-right-block {
        display: none;
    }

    #search-results {
        float: none;
        margin: auto;
    }

    .search-content .bread-block,
    .search-content .page-h1-title {
        width: 100%;
        max-width: 930px;
        float: none;
        margin-right: auto;
        margin-left: auto;
    }

    #calendar-left {
        max-width: 880px;
        width: 70% !important;
    }

    #calendar-right {
        position: static !important;
        width: 30% !important;
        max-width: 220px;
        float: right !important;
    }

    .bread-block,
    #calendar-title,
    #calendar-left,
    #calendar-right,
    .publ-banner .publ-title,
    .publication .div100,
    .bottom-block .div100,
    #lib-alphabet,
    #book-left,
    #book-right,
    .item-list,
    #gallery-thumbs,
    .photogallery-menu,
    #photogallery-list,
    #videogallery-content,
    .infograph,
    .audio-gallery,
    #album-left,
    #album-right,
    .div100 h1,
    #exhibit-text,
    #exhibit-likes,
    .b-title,
    #comments-block,
    .book-bottom-space,
    #bio-left,
    .b-top-menu,
    nav.b-menu,
    .b-page,
    .b-footer--center,
    .b-exam,
    .b-timeline {
        padding-right: 5px !important;
        padding-left: 5px !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .calendar-month .day {
        width: 25px !important;
        height: 25px !important;
    }

    .publication .text-page {
        max-width: 822px;
        width: 65% !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 50px;
        margin: 0 !important;
    }

    .publication .right-block {
        max-width: 310px;
        width: 35% !important;
    }

    .bottom-block .materials .material-row {
        width: 625px;
        margin: auto;
    }

    #book-left,
    #album-left {
        max-width: 900px;
        width: 70% !important;
    }

    #book-right,
    #album-right {
        width: 30% !important;
        position: static !important;
    }

    #book-right {
        max-width: 270px;
    }

    #album-right {
        max-width: 300px;
    }

    #photogallery-list article,
    #videogallery-content article,
    #infograph-list,
    #audio-left {
        max-width: 849px;
        width: 65% !important;
        margin-right: 0 !important;
        float: none !important;
        display: inline-block !important;
    }

    #audio-list {
        padding-right: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #photogallery-list .right-block,
    #videogallery-content .right-block,
    .infograph .right-block,
    .audio-gallery .right-block {
        max-width: 310px;
        width: 35% !important;
        float: none !important;
        display: inline-block !important;
    }

    #audio-left .jouele[id^='jouele'] {
        width: 100% !important;
        max-width: 791px;
    }

    #audio-left div.jouele-progress-area {
        max-width: 237px;
        width: 100% !important;
        position: static !important;
        padding: 10px 10px 10px 50px;
    }

    .jouele-mine {
        top: 10px;
        max-width: 237px;
    }

    #audio-left .jouele-download {
        right: -90% !important;
    }

    #audio-left .jouele-info-area {
        left: 60px !important;
        float: none !important;
        width: 80% !important;
    }

    #audio-left .jouele-name {
        padding-right: 10px !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #audio-left .jouele-play-control {
        left: -50px !important;
    }

    #audio-left .jouele-download {
        left: -28px !important;
    }

    #audio-left .jouele-play-time {
        left: -60px !important;
        top: -20px !important;
    }

    #audio-left .jouele-total-time {
        left: 230px !important;
        top: -20px !important;
    }

    .b-kazakhstanica {
        width: 100% !important;
    }

    .b-kazakhstanica-menu {
        margin-bottom: 0 !important;
        text-align: center;
    }

    .b-kazakhstanica-menu > div {
        margin-bottom: 35px;
    }

    .b-header__title {
        max-width: 800px;
        width: 100% !important;
    }

    #album-description {
        padding-left: 30px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .b-page .b-content {
        max-width: 817px;
        width: 100% !important;
        margin-left: 20px !important;
    }

    .b-page .b-project-menu {
        max-width: 308px;
        width: 100% !important;
    }

    .b-content .b-content__item {
        display: inline-block !important;
    }

    .date,
    .infograph-date {
        padding-left: 5px;
    }

    #ent-description-text {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .ent-answer-variant,
    .ent-question-text {
        max-width: 900px;
        width: calc(100% - 40px) !important;
    }

    .b-chronology {
        width: 100% !important;
        max-width: 1000px;
    }

    .b-timeline__panel--left {
        left: 10% !important;
        width: 250px;
    }

    .b-timeline__panel--right {
        left: 60% !important;
        width: 250px;
    }
}

@media(max-width:1199px) {
    .login .search {
        margin-right: 30px;
    }

    .login .social {
        padding-right: 100px;
    }

    .grey-header .menu .menu_button {
        vertical-align: top;
    }

    .grey-header .menu ul,
    .grey-header .menu .menu_button {
        display: block;
        float: left;
    }

    .grey-header .menu ul {
        float: none;
        padding-left: 60px;
        margin: 10px 0;
    }

    .grey-header .menu {
        overflow: hidden;
    }

    .grey-header .menu ul li {
        height: 32px;
        line-height: 2.5 !important;
    }

    .logo .div100 > a {
        float: left;
        margin-bottom: 10px;
    }

    #header-cit {
        float: right;
        margin-top: 15px;
    }

    .whole-header .logo .stripe {
        clear: both;
        display: block;
        margin-top: 10px;
        background-color: #f4f4f4;
    }

    .stripe .ticket {
        margin: auto;
    }

    .published-news .slider .slides {
        text-align: center;
    }

    .slides .kazahstanika {
        margin-left: 15px !important;
        margin-bottom: 15px !important;
    }

    .published-news .slider .slides .menu-right {
        text-align: right;
        margin-left: 5px;
    }

    .published-news .slider .rule {
        text-align: left;
    }

    .slides .slide4 {
        margin-top: 15px;
    }

    .video .right-banners {
        margin-top: 20px;
    }

    section .banner-1,
    section .banner-2 {
        height: 250px !important;
    }

    .b-exam__action {
        float: none !important;
    }

    .b-exam__action .b-exam__button {
        margin-top: 10px;
        display: inline-block;
    }

    .b-exam__title {
        width: 100%;
    }

    .b-exam-questions-list {
        margin-top: 10px !important;
    }

    .b-chronology-row {
        margin: 0 25px;
    }

    .b-page .b-content > .wrap[class*="text-page"] {
        max-width: 817px;
        width: 100% !important;
    }
}

@media(max-width:991px) {
    .login .social {
        padding-right: 50px;
        padding-left: 20px;
    }

    .logo .div100 > a {
        width: 320px;
    }

    #header-cit {
        margin-top: 20px;
    }

    .debates .publications {
        text-align: center;
        -webkit-columns: auto !important;
        columns: auto !important;
    }

    .debates .column {
        margin-right: 20px;
    }

    .select_red .publications .column {
        position: static !important;
        display: inline-block;
    }

    .publications .column .title {
        position: static;
        margin-top: -50px;
    }

    .select_red .publications {
        height: auto !important;
        text-align: center !important;
    }

    .select_red .publications > div {
        margin-right: 10px;
    }

    #search-form-block input[type="submit"] {
        position: static;
        margin-top: 20px;
    }

    #in-pagination {
        left: 0 !important;
    }

    .publication .text-page {
        padding-right: 0;
    }

    .publication .text-page,
    .publication .right-block {
        width: 100% !important;
        max-width: 100%;
    }

    .publication .right-block > div {
        width: 310px;
        margin-right: auto;
        margin-left: auto;
    }

    #pagination-block a {
        margin-bottom: 20px;
    }

    #book-left {
        width: 80% !important;
    }

    #album-left {
        width: 58% !important;
    }

    #book-right {
        width: 20% !important;
    }

    #album-right {
        width: 42% !important;
    }

    .publication .opros {
        width: 254px;
    }

    #album-exhibits,
    #gallery-thumbs,
    #photogallery-list,
    #videogallery-content,
    .infograph,
    .audio-gallery {
        text-align: center;
    }

    #gallery-thumbs .p-thumb,
    #photogallery-list article .photo-item-block,
    #videogallery-content article .gallery-article,
    #infograph-list .infograph-block {
        display: inline-block !important;
        float: none !important;
    }

    #photogallery-list article .photo-item-block,
    #videogallery-content article .gallery-article,
    #photogallery-list .right-block > div,
    #videogallery-content .right-block > div,
    #infograph-list .infograph-block,
    .infograph .right-block > div,
    .audio-gallery .right-block > div {
        text-align: left !important;
    }

    #photogallery-list article,
    #photogallery-list .right-block,
    #videogallery-content article,
    #videogallery-content .right-block,
    #infograph-list,
    .infograph .right-block,
    .audio-gallery .right-block,
    #audio-left,
    #search-form-block .search-input,
    #bio-left {
        width: 100% !important;
    }

    #bio-right {
        display: none;
    }

    .b-footer__row--column {
        -webkit-columns: 2;
        columns: 2;
        -webkit-column-gap: 5px;
        column-gap: 5px;
    }

    .b-page .b-content {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    body .publication .right-block .text ul {
        margin: 0;
        text-align: center;
    }
    .debates .materials{
        text-align: center;
    }
    .footer-wrapper{
        padding: 0 20px;
    }
    .social-new{
            position: static;
    margin-bottom: 20px;
    }
    .footer-schet{
        margin: 20px 0 0 0;
    }
    .whole-footer .circles .c{
        float: none;
        text-align: left;
    }
}

@media(max-width:767px) {

    .select_red .publications .column.banner6.banner6_3,
    .select_red .publications .column.banner6.banner6_2,
    .select_red .publications .column.banner6.banner6_1 {
        margin-bottom: 0;
        max-width: none;
    }

    .select_red .publications .column.banner6.banner6_3 img,
    .select_red .publications .column.banner6.banner6_2 img,
    .select_red .publications .column.banner6.banner6_1 img {
        margin-bottom: 0px;
    }

    .ym-advanced-informer {
/*        margin-top: 10px;*/
    }

    #search_desktop {
        display: none;
    }

    #search_mobile {
        display: block;
        position: relative;
        top: 18px;
    }

    .search-mobile-button {
        width: 20px;
        height: 21px;
        float: right;
        margin-top: 20px;
        margin-right: 20px;
    }

    .whole-header .login {
        padding: 19px 0 13px 0;
    }

    .login {
        text-align: center;
    }

    .login .pull-right,
    .login .pull-left {
        float: none;
    }

    .login .search {
        /*        display: block !important;*/
        text-align: center;
    }

    .login .social {
        padding: 0 !important;
        margin: 0px 0 10px 12px;
    }

    .social > a[title^='Google'],
    .social > a[title^='App'],
    .grey-header .menu ul,
    #header-cit,
    .whole-header .logo .stripe {
        display: none;
    }

    .whole-header .search form {
        display: inline-block;
        position: relative;
        border: 1px solid #f4f4f4;
    }

    .login .search {
        margin: 0 !important;
        width: 100% !important;
    }

    .logo .div100 > a {
        float: none;
        width: 350px;
        margin: auto;
        display: block;
    }

    .published-news .slides .slide1,
    .published-news .slides .slide2 {
        width: 100% !important;
        max-width: 482px;
    }

    .published-news .slider .slides .kazahstanika,
    .published-news .slides .slide3,
    .published-news .slides .slide4 {
        width: 100% !important;
        max-width: 380px;
    }

    .published-news .slider .slides .menu-right {
        text-align: center;
        margin: 0 0 10px 0;
        width: 100%;
    }

    .published-news .slider .slides .menu-right ul {
        margin: 0 auto !important;
    }

    footer .razrab {
        float: right;
        margin-top: 14px;
        display: inline-block;
        width: auto;
    }

    footer .circles .wrap > span {
        margin-top: 10px !important;
        display: inline-block;
    }

    .video .left-multimedia,
    .video .tab {
        max-width: 350px !important;
        width: 100% !important;
        padding-left: 0 !important;
    }

    .debates .column {
        margin-right: 5px !important;
    }

    .video .tabs,
    .b-chronology-row__dot--first {
        margin-left: 0 !important;
    }

    .video .multimedia,
    .partners .partner,
    .bottom-block .column,
    .b-kazakhstanica-menu > div {
        margin-right: 0 !important;
    }

    section .banner-1,
    section .banner-2 {
        height: 169px !important;
    }

    #search-form-block {
        background-size: contain;
    }

    #calendar-left,
    #calendar-right {
        width: 100% !important;
    }

    #calendar-right {
        float: none !important;
        margin: auto;
    }

    .bottom-block .materials .material-row {
        width: 280px;
        margin: auto;
    }

    .publ-banner .publ-title h3,
    .ent .ent-title h3,
    .exam .exam-title h3,
    .chronology-banner__title h3,
    .fp .fp-title h3 {
        padding-left: 20px !important;
    }

    #book-left,
    #book-right,
    #album-left,
    #album-right {
        width: 50% !important;
    }

    .io-title h3 {
        padding-left: 20px !important;
    }

    .b-kazakhstanica-list--column {
        -webkit-columns: 200px 2 !important;
        columns: 200px 2 !important;
    }

    .b-page {
        display: block !important;
    }

    .b-page .b-project-menu {
        margin: 0 auto;
    }

    .b-page .b-content {
        max-width: 100%;
        margin-left: 0 !important;
    }

    .b-header--center .b-header__image {
        height: 80px !important;
        margin-right: 25px !important;
    }

    .b-header {
        min-height: 120px;
        height: auto !important;
    }

    nav.b-menu,
    .b-page-menu {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .b-menu a.b-menu__item,
    .b-page-menu__item {
        min-width: 140px;
        display: inline-block;
        margin-bottom: 5px;
    }

    .b-chronology-row__item {
        padding: 0 3px;
    }

    .c-user-comment {
        max-width: 540px;
        width: 100% !important;
    }

    #exhibit-text table td {
        float: left;
        width: 100% !important;
        padding: 0;
    }

    #videogallery-content > article,
    #videogallery-content > .div100 > .bread-block {
        text-align: left !important;
    }

    .b-timeline__panel--left,
    .b-timeline__panel--right {
        width: 170px;
    }

    .b-timeline__panel {
        padding-top: 60px;
    }

    section > .photogallery-menu + #videogallery-content[class*="video-list"] > article {
        text-align: center !important;
    }
}

@media(max-width:600px) {

    #book-right,
    #album-right {
        display: none;
    }

    #book-left {
        margin: auto;
        float: none !important;
        width: 270px !important;
    }

    .book-list-block {
        margin-right: 0 !important;
    }

    #album-left {
        width: 100% !important;
        text-align: center;
        margin-left: 0 !important;
    }

    #album-left #album-exhibits {
        width: 300px !important;
        float: none !important;
        display: inline-block !important;
    }

    .sliderBio,
    .slide-itemBio,
    .slide-itemBio .error,
    .ent-question-text {
        width: 300px !important;
        margin: auto;
    }

    .slide-itemBio > div:first-child {
        left: 120px !important;
    }

    .btn-2g,
    a[href*="game"] > button {
        margin-left: 0 !important;
    }

    .btn-2d {
        margin-left: 150px !important;
    }

    .modal_div {
        min-height: 460px;
        height: auto !important;
    }

    #lib-alphabet {
        margin-bottom: 20px;
    }

    /* ntel eng. */
    #album-left #album-exhibits {
        width: 380px !important;
    }

    .text-page .text .zoomify {
        width: auto !important;
        height: auto !important;
        margin-right: 0 !important;
    }

    .whole-footer .circles {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .publication .div100 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .razrab {
        width: 100%;
    }
}

@media(max-width:575px) {
    #search-form-block {
        width: 100% !important;
    }

    #search-form-block #search {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .mm-title h3 {
        padding-left: 20px !important;
    }

    #photogallery-list .right-block,
    #videogallery-content .right-block,
    .infograph .right-block,
    .audio-gallery .right-block {
        margin-top: 30px;
    }
}

@media(max-width:515px) {

    .projects__item {
        width: 397px !important
    }

    .published-news .slides .slide1,
    .published-news .slides .slide2,
    .published-news .slider .slides .kazahstanika,
    .published-news .slides .slide3,
    .published-news .slides .slide4 {
        height: auto !important;
    }

    .published-news .slider .slides .slide:nth-child(1),
    .published-news .slider .slides .slide:nth-child(2),
    #photogallery-list article .photo-item-block,
    #videogallery-content article .gallery-article,
    #infograph-list .infograph-block {
        margin-right: 0 !important;
    }

    .published-news .slider .slides .slide:nth-child(5) img,
    .published-news .slider .slides .slide:nth-child(6) img {
        /*width: auto !important;
        height: auto !important;*/
    }

    .select_red .publications .column,
/*    .opros,*/
    .readding,
    .disputed,
    .video .tabs,
    .partners .partner {
        width: 100% !important;
    }

    .select_red .publications .column {
        max-width: 313px;
    }

    .opros {
/*        max-width: 308px;*/
    }

    .readding,
    .disputed {
        max-width: 310px;
    }

    .video .tabs {
        max-width: 380px;
    }

    .partners .partner {
        max-width: 378px;
    }

    /* main page sliders */
    .slides .kazahstanika {
        margin-left: 0 !important;
    }

    .published-news .slider .slides .slide:nth-child(5),
    .published-news .slider .slides .slide:nth-child(6),
    .published-news .slider .slides .kazahstanika {
        margin-left: 0;
        margin-bottom: 15px;
    }

    .slide-video-container {
        margin-left: 0 !important;
    }

    .debates .right-banners > div,
    .select_red .right-blocks > div {
        margin-right: 0;
    }

    .fb-page {
        width: 380px;
    }

    /* ntel eng. */
    .publ-banner .publ-title h3 {
        font-size: 40px;
    }

    .text-page .photo {
        margin-right: 0 !important;
    }

    .text-page .photo img {
        max-width: 100% !important;
    }

    section .banner-1,
    section .banner-2 {
        height: 115px !important;
    }
    .publication .opros {
	margin-bottom: 0;
}
}

@media (max-width: 461px) {

    section .banner-1,
    section .banner-2 {
        height: 102px !important;
    }
}

@media(max-width:1024px) {
    .interactive-map {
        overflow-x: scroll;
    }

    .error-new__content {
        position: static !important;
        height: auto !important;
        overflow: visible !important;
    }

    .error-new__bg {
        position: static !important;
    }

    .error-new__main {
        position: static !important;
        width: 100% !important;
        height: auto !important;
        text-align: center;
        padding: 40px 0;
        margin-top: -4px;

    }

    .error-new__name {
        position: static !important;
        width: 100% !important;
        margin: 20px 0;
    }

    .error-new__text {
        position: static !important;
        float: none !important;
        margin-top: 0 !important;
        width: 100% !important;
    }

    .error-new__body {
        min-width: 0 !important;
        overflow: auto !important;
    }

    .error-new__logo {
        position: static !important;
        display: inline-block !important;
        max-width: 100%;
        background-image: url(../images/v1/error-logo.png) !important;
        background-size: cover;
    }

    .error-new__search {
        position: static !important;
        float: none !important;
        width: auto !important;
        background: none !important;
    }

    .error-new__searchInput {
        position: static !important;
        width: auto !important;
        border-bottom: 1px white solid !important;
    }

    .error-new__search-submit {
        display: inline-block !important;
        position: relative !important;
        background-image: url(/media/search-new.png) !important;
        background-size: cover !important;
        width: 30px !important;
        height: 30px !important;

    }
}

@media(max-width:320px) {
    .error-new__logo {
        position: static !important;
        display: inline-block !important;
        height: 67px !important;
        max-width: 90% !important;
        background-image: url(../images/v1/error-logo.png) !important;
        background-size: cover !important;
    }
}

@media(max-width:620px) {
    .player iframe {
        width: 100%;
    }
}

@media(max-width:1200px) {
    .text-page iframe {
        width: 100%;
    }
}

@media only screen and (max-width:424px) and (min-width:1px) {
    body .publication .right-block .text ul {
            margin-top: 30px;
    }
    .publication .opros{
        width: 100%;
    }
}