.uk-button, .navigate_adapt, .open_mob{
    display: none;
}

.uk-offcanvas{
    //display: none;
}



.menu-side_item-link_mob{
    display: none;
}

.top_sub_menu{
    position: absolute;
    left: -2px;
    display: none;
    z-index: 1;
}
#header .top-header .pages li:hover .top_sub_menu{
    display: block;
    -webkit-animation: uk-fade .2s ease-in-out;
    animation: uk-fade .2s ease-in-out;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

@-webkit-keyframes uk-fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes uk-fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


a#resp-events-top-jcarousel-prev,
a#resp-events-top-jcarousel-next{
    display: none;
}

a#resp-news-top-jcarousel-prev,
a#resp-news-top-jcarousel-next{
    //display: none;
}




@media screen and (max-width: 667px) and (max-device-width: 500px) {

    body{
        //max-device-width
        //font-size: 15px;
        min-width: 320px;
        width:667px;
        font: 26px/34px 'Open Sans', Arial, sans-serif;
    }

    div#topmenu{
        display: none;
    }

    div.wrapper-inner {
        max-width: 667px;
        min-width: 667px;
    }

    #wrapper {
        max-width: 667px;
        min-width: 667px;
    }

    #container {
        padding: 45px 40px 40px 40px;
    }



    .uk-button {
        position: relative;
        margin: 17px 23px 0px 40px;
        background-color: transparent;
        background-image: none;
        display: block;
        float: left;
        border: none;
    }

    .icon-bar {
        display: block;
        width: 62px;
        height: 6px;
        //border-radius: 1px;
        -webkit-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
        background: #1a1a1a;
    }
    .icon-bar+.icon-bar {
        margin-top: 13px;
    }


    .uk-offcanvas {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1000;
        touch-action: none;
        background: rgba(0,0,0,0.1);
    }
    .uk-offcanvas.uk-active {
        display: block;
    }
    .uk-offcanvas-bar {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        z-index: 1001;
        width: 100%;
        max-width: 100%;
        //background: #333;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-transition: -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        -ms-scroll-chaining: none;
    }
    .uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
    .navigate_adapt {
        display: inline-block;
        padding: 19px 0px 0px 0px;
        width: 100%;
        background: #1a1a1a;
        border-top: 1px solid #ffffff;
    }


    
    #logo-touchnav {
        margin: -3px 0px 12px 54px;
        display: inline-block;
        vertical-align: top;

    }
    #logo-touchnav a img {
        width: 285px;
        height: auto;
    }

    .navigate_adapt button{
        position: relative;
        margin: 17px 23px 0px 40px;
        background-color: transparent;
        background-image: none;
        display: block;
        float: left;
        border: none;
    }
    .navigate_adapt button .icon-bar {
        display: block;
        width: 62px;
        height: 6px;
        //border-radius: 1px;
        -webkit-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
        background: #ffffff;
    }
    .navigate_adapt button .icon-bar+.icon-bar {
        margin-top: 13px;
    }
    .navigate_adapt button .icon-bar:nth-child(1) {
        -webkit-transform: rotate(45deg) translate(11px,11px);
        transform: rotate(45deg) translate(11px,11px);
    }
    .navigate_adapt button .icon-bar:nth-child(2) {
        opacity:0;
    }
    .navigate_adapt button .icon-bar:nth-child(3) {
        -webkit-transform: rotate(-45deg) translate(16px,-15px);
        transform: rotate(-45deg) translate(16px,-15px);
    }

    .navigate_adapt ul li {
        //display:inline-block;
        padding:0px 0px 16px 0px;
        //background-color:#939598;
        position: relative;
        color:#ffffff;
    }

    .navigate_adapt .touchnav-menu{
        border-top: 2px solid #e1e1e1;
        padding: 25px 0px 13px 0px;
    }

    .navigate_adapt ul li a,
    .navigate_adapt ul li a:visited{
        text-decoration: none;
        font: 600 29px/48px 'Open Sans', Arial, sans-serif;
        color:#ffffff;
    }
    .navigate_adapt ul li a:hover{
        //text-decoration: underline;
        color:#ffffff;
    }
    .navigate_adapt .column {
        display: inline-block;
        vertical-align: top;
        text-align: left;
    }
    .navigate_adapt .column1 {
    }
    .navigate_adapt .column2{
        margin-left: 65px;
    }




    h3 {
        font: bold 21px/25px 'Open Sans', Arial, sans-serif;
        margin-bottom: 20px;
    }

    #block-news-top .news-list .news-item {
        display: inline-block;
        margin: 0px 42px 0px 0px;
        width: 540px;
        background: url(/img2/news_top_bg_line.png) no-repeat left top;
        padding: 26px 0px 0px 0px;
    }
    #block-news-top .news-list .news-item .adate {
        font: 21px/25px 'Open Sans', Arial, sans-serif;
    }
    #block-news-top .news-list .news-item .atext {
        font: 29px/41px 'Open Sans', Arial, sans-serif;
    }



    #block-books-main .cur-year {
        font: 21px/25px 'Open Sans', Arial, sans-serif;
        margin: 5px 0px 0px 0px !important;
    }


    #block-events-top .events-list .events-item {
        display: inline-block;
        margin: 0px 0px 0px 11px;
        width: 486px;
        padding: 13px 0px 0px 0px;
    }

    div.banner-main{
        //max-width: 100%;
        width: 665px;
        margin-left: -40px;

        height: auto;
    }
    div.banner-main a img{
        max-width: 100%;
        height: auto;
    }

    #block-eventsold-main .wrapper-inner{
        max-width: 586px; 
        min-width: 586px;
    }

    #block-eventsold-main .events-list-wrapper{
        max-width: 576px;
        //width:;
    }


    #logo-bottom {
        display: none;
    }

    #bottommenu {
        margin: 4px 0px 0px 0px;
    }

    #topmenu, #bottommenu {
        text-align: left;
    }

    #bottommenu .column2 {
        margin-left: 98px;
    }

    #bottommenu .contacts-block {
        display: block;
        clear: both;
        margin-left: 0px;
        margin-top: 20px;
    }


    #block-newsevents-top .block-switch a.link__active, #block-newsevents-top .block-switch a.link__active:visited {
        font: 600 25px/30px 'Open Sans', Arial, sans-serif;
        padding: 0px 7px 0px 0px;
    }

    #block-newsevents-top .block-switch a, #block-newsevents-top .block-switch a:visited {
        font: 600 25px/30px 'Open Sans', Arial, sans-serif;
        padding: 0px 7px 0px 0px;
    }

    #block-newsevents-top .nav {
        margin-top: 7px;
    }
    #block-newsevents-top .nav a.top-nav-link-all, #block-newsevents-top .nav a.top-nav-link-all:visited {
        vertical-align: middle;
        display: inline-block;
        font: 20px/23px 'Open Sans', Arial, sans-serif;
        text-transform: uppercase;
        color: #1a1a1a;
    }
    a#events-top-jcarousel-prev,
    a#events-top-jcarousel-next{
        display: none !important;
    }

    a#news-top-jcarousel-prev,
    a#news-top-jcarousel-next{
        display: none !important;
    }

    a#resp-events-top-jcarousel-prev {
        display: block;
        //position: relative;
        //top: -428px;
        //left: 0px;
        position: absolute;
        top: 111px;
        left: 0px;
    }
    a#resp-events-top-jcarousel-next{
        display: block;
        //position: relative;
        //top: -473px;
        //left: 567px;
        position: absolute;
        top: 111px;
        left: 551px;
    }

    #block-events-top .events-list-wrapper{
        overflow: hidden;
        display: inline-block;
        width: 498px;
        margin-left: 46px;
    }






    #logo a img{
        width: 285px;
        height: auto;
    }


    #block-events-top .events-list .events-item img.aimg {
        display: block;
        float: none;
        margin: 6px 0px 0px 0px;
        width: 212px;
        height: 212px;
    }

    #block-events-top .events-list .events-item .atext {
        font: 29px/38px 'Open Sans', Arial, sans-serif;
        text-align: center;
    }

    #block-events-top .events-list .events-item .adate {
        display: inline-block;
        font: 20px/22px 'Open Sans', Arial, sans-serif;
        margin: 0px auto 0px auto;
        padding: 1px 0px 15px 47px;
        background-image: url(/img2/resp_icon_date.png);
        background-position: left 0px;
        background-repeat: no-repeat;
    }

    #block-events-top .events-list .events-item .place {
        display: inline-block;
        max-width: 390px;
        font: 20px/31px 'Open Sans', Arial, sans-serif;
        margin: 5px auto 0px auto;
        padding: 0px 0px 0px 47px;
        background-image: url(/img2/resp_icon_place.png);
        background-position: left 0px;
        background-repeat: no-repeat;
    }

    #block-news-top .events-list .events-item .descr{
        margin-left: 0px; 
    }
    #block-events-top .events-list .events-item .descr{
        text-align: center;
        margin-left: 0px;
        margin-top: 31px;
    }

    #block-events-top .events-list .events-item .aimg-link{
        display: block;
        width: 210px;
        margin: 0px auto;
    }
    
    div.atext {
        margin: 10px 0px 25px 0px;
    }





    #block-newsevents-top #newsevents-switch{
        width: 80px;
        margin: -5px 7px 0px 1px;
    }
        
    #block-newsevents-top #newsevents-switch .checkbox {
        vertical-align: top;
        width: 17px;
        height: 17px;
        margin: 0 3px 0 0;
    }
    #block-newsevents-top #newsevents-switch .checkbox + label {
        font-size: 10px;
        top: -4px;
    }
    #block-newsevents-top #newsevents-switch .checkbox:not(checked) + label {
        padding: 0 0 0 34px;
    }
    #block-newsevents-top #newsevents-switch .checkbox:not(checked) + label:before {
        top: -1px;
        left: 0;
        width: 80px;
        height: 42px;
        border-radius: 21px;
        /* box-shadow: inset 0 2px 3px rgba(0,0,0,.2); */
    }
    #block-newsevents-top #newsevents-switch .checkbox:not(checked) + label:after {
        top: 3px;
        left: 4px;
        width: 34px;
        height: 34px;
        border-radius: 17px;
    }

    #block-newsevents-top #newsevents-switch .checkbox:checked + label:after {
        left: 42px;
    }




    #block-books-main .books-item {
        width: 248px;
        margin: 15px 19px 35px 22px;
    }

    li.title {
        font: bold 22px/26px 'Open Sans', Arial, sans-serif;
    }
    li.author {
        font: 22px/26px 'Open Sans', Arial, sans-serif;
        margin: 6px 0px 15px 0px;
    }

    #block-books-main a.books-podr-link {
        font: 600 23px/33px 'Open Sans', Arial, sans-serif;
        width: 202px;
    }



    #block-eventsold-main .events-item {
        display: inline-block;
        width: 490px;
        margin: 4px 40px 35px 40px;
        text-align: center;
    }

    #block-eventsold-main h2 {
        font: bold 33px/33px 'Pt Serif', serif;
        margin: 5px 0px 0px 0px !important;
    }

    #block-eventsold-main li.title {
        font: 29px/38px 'Open Sans', Arial, sans-serif;
    }

    #block-eventsold-main li.date {
        font: 20px/25px 'Open Sans', Arial, sans-serif;
        padding: 1px 0px 15px 47px;
        margin: 11px 0px 0px 0px;
        background-image: url(/img2/resp_icon_date.png);
        background-position: left 0px;
        display: inline-block;
    }

    #block-eventsold-main .eventsold-jcarousel-prev,
    #block-eventsold-main .eventsold-jcarousel-prev {
        display:none;
    }


    #bottommenu ul li a, #bottommenu ul li a:visited {
        font: 600 29px/48px 'Open Sans', Arial, sans-serif;
    }
    #bottommenu .contacts-block .contacts b {
        font: bold 29px/48px 'Open Sans', Arial, sans-serif;
    }
    #bottommenu .column2 {
        margin-left: 150px;
    }

    #container-footer {
        padding: 45px 40px 35px 40px;
    }

    #bottommenu .contacts-block .soc-buttons {
        margin: 0px 0px 10px 0px;
        display: inline-block;
        width: 179px;
    }
    #bottommenu .contacts-block .contacts {
        display: inline-block;
        margin: 0px 0px 10px 100px;
        font: 25px/31px 'Open Sans', Arial, sans-serif;
    }
    #bottommenu .contacts-block .contacts a {
        font: 25px/31px 'Open Sans', Arial, sans-serif;
    }

    #bottommenu .contacts-block .soc-buttons ul li {
        margin-bottom: 9px;
        padding-left: 39px;
        width: 65px;
        height: 25px;
        background-position: 0px 12px;
    }







    .page-event .event-info {
        display: inline-block;
        width: auto;
    }

    .searchform input[type="text"] {
        font: 21px/21px 'Open Sans', Arial, sans-serif;
        width: 446px;
    }


    #center .info-left {
        width: 600px;
        margin-right: 50px;
        float: left;
        margin-top: -15px;
    }


    #lang-link {
        display: block;
        position: absolute;
        top: 4px;
        left: calc(50% + 249px);
        font: normal 21px/21px 'Open Sans', Arial, sans-serif;
    }


    #page-books .years a {
        padding: 0px 8px 19px 5px;
        font: bold 19px/19px 'PT Serif', 'Times New Roman', serif;
    }

    #page-books .years b {
        padding: 0px 8px 19px 5px;
        font: bold 19px/19px 'PT Serif', 'Times New Roman', serif;
    }


    #block-books-main .books-list iframe {
        max-width: 100%;
    }


}