.mobile-only { display: none; }

@media screen and (max-width: 800px) {
    .mobile-only { display: unset; }
    .desktop-only { display: none !important; }

    body { font-size: 16px; line-height: 1.5; font-family: Roboto; color: #000; background-color: #fff; -webkit-font-smoothing: antialiased; }
    #switch2spec { position: absolute !important; right: 0; }
    #switch2spec img { width: 75% }

    .rmblr { font-size: 0; line-height: 0; transform: translateX(-9999px); z-index: -9999; opacity: 0; position: absolute; }
    
    .tabakov, .tabakov a { color: #000; }
    a { color: #81a16f; text-decoration-thickness: 1px; text-underline-offset: 2px; }

    .page { min-width: 0; height: auto !important; overflow: visible; }

    .chaika, .mxt { display: none; }
    #shekhtel-box { display: none; }
    .scene-decor { display: none; }
    .top-bg { display: none; }

    .shekhtel-bg { background: none !important; }
    .brown-gradient { background: #3b2313; }
    .trans75-black { background: none; }
    .white { background: none !important; }
    .pad2h { padding: 0; }

    .header { position: relative; z-index: 1; background: transparent; height: auto; box-sizing: border-box; padding: 20px; display: flex; flex-direction: column; }
    .header .title { position: relative; margin: 0 0 20px; order: 1; text-align: left; }
    .header .title img { width: calc(100% - 50px); }
    .header .title div { display: block; }
    .header .title a { text-decoration: none; }
    .header .founders { font-size: 12px; font-family: 'MyriadProRegular', Verdana, sans-serif; color: #81a16f; }
    .header .tabakov { position: relative; top: auto; right: auto; margin: 0 0 20px 0; order: 2; }
    .header .lang { position: relative; top: auto; left: auto; margin: 0 0 20px 0; order: 3; }
    
    .mainmenu { position: fixed; top: 0; right: 0; max-height: 100%; z-index: 1000; }
    .mainmenu .burger { display: block; position: absolute; z-index: 10; top: 20px; right: 20px; width: 30px; height: 20px; border-bottom: 4px solid #81a16f; }
    .mainmenu .burger:before { display: block; content: ''; position: absolute; top: 0px; right: 0px; width: 30px; border-bottom: 4px solid #81a16f; }
    .mainmenu .burger:after { display: block; content: ''; position: absolute; top: 10px; right: 0px; width: 30px; border-bottom: 4px solid #81a16f; }
    .mainmenu nav { display: block; position: relative; z-index: 5; margin: 0; overflow: hidden; background: rgba(255, 255, 255, 1); max-height: 0; transition: max-height 300ms ease; box-shadow: 0 0 6px rgba(0, 0, 0, .3); }
    .mainmenu.open nav { max-height: 100vh; overflow: auto; }
    .mainmenu a { color: #000; }
    .mainmenu ul { list-style: none; padding: 20px 60px 20px 20px; margin: 0; }
    .mainmenu ul li { list-style: none; display: block; margin: 0; padding: 0; }
    .mainmenu ul li + li { margin-top: 7px; }
    .mainmenu .social-link { padding: 0 0 20px 20px; }

    .menu-box { display: none !important; }
    
    .mobile-top-menu { display: block; background: #81a16f; margin-bottom: 20px; }
    .mobile-top-menu .menu3 { border: none; }
    .mobile-top-menu .menu3 a { color: #000; }
    .mobile-top-menu .menu3 .active a { color: #fff; }
    .mobile-top-menu .menu3 td { width: calc(100% / 3); border: none; padding: 20px 0; font-size: 20px; }
    .mobile-top-menu .menu3 td + td { border-left: 1px solid #000; }
    .mobile-top-menu .menu3 tr + tr td { border-top: 1px solid #000; }

    .submenu { position: relative; top: auto; z-index: 1; box-sizing: border-box; margin-bottom: 40px; border: none; background: none; padding: 0 20px; }
    .submenu tr { display: block; }
    .submenu td { font-family: Roboto; font-weight: bold; display: inline; }
    .submenu td.active { background-color: rgba(0, 0, 0, .5); color: #fff; }
    .submenu .allperfs .active a { color: #000; font-style: italic; }
    .top-bg + .submenu { margin-top: 10px !important; }
    .submenu.submenu-relative td { display: inline-block; }
    .submenu.submenu-relative + .submenu-relative { margin-top: -30px; }

    .submenu .allperfs { width: 100%; margin-top: 10px; }
    .submenu .allperfs td { white-space: normal; }
    .submenu .allperfs .toggle { display: none; }
    .submenu .allperfs .list { display: table-row; }
    .submenu .allperfs.folded .toggle { display: table-row; }
    .submenu .allperfs.folded .list { display: none; }
    .submenu .allperfs .toggle td { text-align: center; display: table-cell; }
    .submenu .allperfs .toggle span { background: rgba(0, 0, 0, .2); border-radius: 20px; padding: 5px 15px; }

    .social-link { width: auto; white-space: nowrap; margin: 0 auto; }

    .content-frame { top: auto; bottom: auto; padding: 0 20px; box-sizing: border-box; display: flex; flex-direction: column; }
    .content-frame.trans-padded { top: auto; }
    .content-frame.press-padded { top: auto; }
    .content-frame.top-padded { top: auto; }
    .content-frame.no-menu { top: auto; }

    .soon { display: block; visibility: visible; width: 100%; height: auto; display: flex; flex-direction: column; }
    .soon-promo { order: 3; }
    .soon-items { display: block !important; height: auto; }
    .soon-title { display: block !important; font-weight: bold; font-size: 200%; margin-bottom: 20px; font-family: 'MyriadProRegular', Verdana, sans-serif; }
    .soon-item { position: relative; top: auto; left: auto; display: block !important; margin-bottom: 40px; }
    .soon-item table { width: 100%; }
    .soon-item table tr { display: flex; flex-direction: column; }
    .soon-item table td { display: block; height: auto !important; width: 100% !important; order: 2; }
    .soon-item table .image { height:auto; padding-bottom: 65%; background-size: cover !important; order: 1; margin-bottom: 5px; }
    .soon-item table .scroll { display: none; }
    .soon-item .perfinfo { margin: 0; color: #000; width: 100%; font-family: Roboto; }
    .soon-item .perfinfo a { color: #000; }
    .soon-item .perfinfo .title span { border-color: #000; }
    .soon-item .right .perfinfo { margin: 0; }
    .soon-days { display: none; }

    .news-index { width: 100%; margin: 30px auto; color: #000; }
    .news-index .one { padding: 0; }
    .news-index .one + .one { margin-top: 40px; }
    .news-index .one .ttl { cursor: default; padding: 0; line-height: 1.7; display: flex; flex-direction: row; }
    .news-index .one .dt { float: none; margin: 0; flex: 0 75px; xwidth: 80px; color: #81a16f; }
    .news-index .one .dt span { display: block; font-size: 200%; font-weight: bold; line-height: 1; }
    .news-index .one .ttl .ttl { cursor: default; padding: 0 0 0 10px; border: 1px solid #81a16f; border-width: 0 0 0 2px; display: block; flex: 1; text-decoration: underline; text-decoration-style: dotted; text-decoration-thickness: 1px; text-underline-offset: 2px; }
    .news-index .one .bdy { padding: 20px 0 0 0; }
    .news-index .one .bdy a { word-break: break-all; }
    .news-index .one .bdy img { max-width: 100%; }
    .news-index .one .bdy iframe { max-width: 100%; }

    .performance { display: block; background: none !important; }
    .performance a { color: #000; }
    .performance > tbody { display: block; }
    .performance > tbody > tr { display: flex; flex-direction: column; height: auto; }
    .performance > tbody > tr > td { width: 100%; height: auto; border: none; }
    .performance td { color: #000; }
    .performance td.center { width: 100%; border: none; }
    .performance .h120 td	{ height: auto; }
    .performance .h1e td	{ height: auto; border: none; }
    .performance .h5 td	{ height: auto; border: none; }
    /* .performance .txt .group { order: 10; } */
    .performance .group { padding-left: 0; }
    .performance .group .one a { color: #000; }
    .performance .video { }
    .performance .video td	{ width: 0; }
    .performance .video > tbody > tr { display: flex; flex-direction: column; }
    .performance .video video { object-fit: contain; width: 100%; }
    .performance .video .flowplayer { width: calc(100vw - 40px) !important; }
    .performance .video td.frame	{ width: 100%; }
    .performance .video td.frame img { max-width: 100%; height: auto; border-color: #000; }
/* .performance .video .calendars { flex-direction: row !important; } */
    .performance .video .calendars br { display: none; }
    .performance .calendars > td { width: 100%; }
    .performance .calendar { width: 100%; font-size: 80%; margin: 0; }
    .performance .video .calendars table { width: 100%; }
    .performance .title { margin: 1em 0; }
    .performance .tech-info { width: 100%; }
    .performance .about { width: 100%; }
    .performance .about.quote { width: 100%; box-sizing: border-box; padding-left: 20px; border-color: rgba(0, 0, 0, 0.5); }
    .performance .press { width: 100%; }
    .performance .press .one { padding-bottom: 0.7em; }
    .performance .roles { width: 100%; }
    .performance .one-role { padding-left: 42vw;}
    .performance .role-title { margin-left: -42vw; width: 39vw; }
    .performance .gallery { padding: 0; }
    .performance .gallery br { display: none; }
    .performance .group { font-size: 100%; }
    .performance .group .one.active { color: #000; }
    .performance .group .one.active a { color: #000; }

    .personlist { display: block; background: none !important; }
    .personlist h2 { padding-left: 0; }
    .personlist a { color: #000; }
    .personlist > tbody { display: block; }
    .personlist > tbody > tr { display: flex; flex-direction: column; height: auto; }
    .personlist > tbody > tr > td { width: 100%; height: auto; border: none; }
    .personlist td { color: #000; background: none; }
    .personlist td.list { width: 100%; }
    .personlist td.list h2:first-of-type { margin-top: 0; }
    .personlist .group.mobile-only { display: block; }
    .personlist .group .one { width: 100%; }
    .personlist .group .one .name { padding-left: 60px; padding-top: 14px; }
    .personlist .group .one .photo { left: 0; top: 0; }
    .personlist .group-list { display: flex; flex-direction: column; }
    .personlist .group-list .one { order: 2; }
    .personlist .group-list .one.cleared { order: 1; }
    .personlist .group-list .one .name { padding-left: 0; }

    .person { display: block; background: none !important; }
    .person a { color: #000; }
    .person > tbody { display: block; }
    .person > tbody > tr { display: flex; flex-direction: column; height: auto; }
    .person > tbody > tr > td { width: 100%; height: auto; border: none; }
    .person td { color: #000; background: none; }
    .person .h80 td { height: auto; }
    .person td.info { width: 100%; }
    .person .ttl td { color: #000; height: auto; }
    .person .ttl .rank { padding-right: 0; }
    .person .ttl .name { padding-right: 0; }
    .person .txt td:first-of-type { order: 10; background: none; }
    .person .txt .info { border: none; }
    .person .portrait { right: auto; float: none; }
    .person .portrait img { margin: 0 0 20px 0; }
    .person .gallery { padding: 0; }
    .person .gallery br { display: none; }
    .person .group { padding-left: 0; }
    .person .press .one { padding-bottom: 0.7em; }

    .press { display: block; background: none !important; }
    .press a { color: #000; }
    .press > tbody { display: block; }
    .press > tbody > tr { display: flex; flex-direction: column; height: auto; }
    .press > tbody > tr > td { width: 100%; height: auto; border: none; }
    .press td { color: #000; background: none; }
    .press .h80 td { height: auto; }
    .press .txt .group { order: 10; background: none; }
    .press td.info { width: 100%; }
    .press .group { padding-left: 0; }
    .press .press .one { padding-bottom: 0.7em; }

    .press-list td { width: 0; }
    .press-list td.list { width: 100%; }

    .timetable { display: block; background: none !important; }
    .timetable a { color: #000; }
    .timetable > tbody { display: block; }
    .timetable > tbody > tr { display: flex; flex-direction: column; height: auto; }
    .timetable > tbody > tr > td { width: 100%; height: auto; border: none; }
    .timetable td { color: #000; background: none; }
    .timetable td.dates { width: 100%; }

    .timetable .event { border: none; margin: 0 0 1em 0; display: flex; flex-wrap: wrap; }
    .timetable .event .dt { float: none; margin: 0; width: 100%; font-weight: bold; font-size: 150%; line-height: 1.3; }
    .timetable .event .wd { float: none; margin: 0; width: 100%; line-height: 1.3; }
    .timetable .event .tbtn { float: none; margin: 0; order: 10; }
    .timetable .event .perf { margin: 0.5em 0; width: 100%; line-height: 1.5; }
    .timetable .event .perf .ttl { font-size: 120%; }
    .timetable .event .pushkin { right: 0; }

    .timetable-text { margin: 0; font-style: italic; font-size: 90%; }

    .static { display: block; background: none !important; }
    .static a { color: #000; }
    .static hr { border: 1px solid rgba(0, 0, 0, 0.5); border-width: 0 0 1px 0; }
    .static > tbody { display: block; }
    .static > tbody > tr { display: flex; flex-direction: column; height: auto; }
    .static > tbody > tr > td { width: 100%; height: auto; border: none; }
    .static .h80 td { height: 0; }
    .static td.info { width: 100%; }
    .static td.info img { width: 100%; height: auto; }

    .tickets-form { width: 100%; }
    .tickets-form tr { display: flex; flex-direction: column; margin-bottom: 10px; }
    .tickets-form tr td { display: block; width: 100%; }
    .tickets-form input, .tickets-form select, .tickets-form textarea { font: inherit; width: 100%; }
    .tickets-form input, .tickets-form textarea { padding: 3px 5px; box-sizing: border-box; }

    .news { display: block; background: none !important; }
    .news a { color: #000; }
    .news > tbody { display: block; }
    .news > tbody > tr { display: flex; flex-direction: column; height: auto; }
    .news > tbody > tr > td { width: 100%; height: auto; border: none; }
    .news .one { padding: 0 0 20px 0; }
    .news .one .dt { margin-left: -1em; }    
    .news .one .ttl { font-size: 120%; margin: .5em 0; }
    .news .one img { width: 100%; height: auto; }
    .news td.list { width: 100%; }

    .anticorruption { flex: none; width: 100%; order: 19; margin-top: 40px; padding: 0; font-size: 70%; line-height: 1.3em; }
    .copyright-left { flex: none; width: 100%; order: 21; margin-top: 40px; padding: 0 0 40px 0; }
    .copyright-right { flex: none; width: 100%; order: 20; margin-top: 40px; padding: 0; }
    .prtnr { width: 100%; padding: 30px 0; }
    .prtnr img { width: 100%; }
    /* disable */
    /* .content-frame { display: none; } */

    #lbCenter, #lbBottomContainer { max-width: 100% !important; left: 50vw !important; margin-left: -50vw !important; position: fixed !important; width: 100% !important; }
    #lbCenter { top: 0 !important; height: 100vh !important; }
    #lbBottomContainer { top: auto !important; bottom: 0 !important; }
    #lbImage { width: calc(100% - 20px); background-position: center !important; }
    #lbImage > div { width: 100% !important; }
    #lbPrevLink:hover, #lbNextLink:hover { background-position-y: center !important; }
}