@media screen and (max-width: 1060px){
.lenkom_calendar {width: 100%}
.lenkom_calendar .calendar {width: 100%}
.lenkom_calendar .calendar .left {width: 75%}
.lenkom_calendar .calendar .right {width: 150px}
.centrauto .slider-rekomenduem .slider-rekomenduem-box img {width: 95%}
.centrauto .center .acters .acters-slider img {width: 95%}
.centr-slider .centrauto .center .rest-slider img {width: 95%}
.afishamaintop .centrauto .center .kubok-slider img {width: 95%; padding: 0 10px; box-sizing: border-box}
.uzor {width: 95%; background-size: 95%; background-position: center;}
p {padding: 0 10px 0 10px; box-sizing: border-box}
.centrauto .center .oteatre .hudruk {padding: 0 10px 0 10px; box-sizing: border-box}

#afishamain .event .date {font-size: 18px; padding-left: 10px;}
#afishamain .event .title {padding-left: 15px; font-size: 18px; }
#afishamain .event .title .boldeing {font-size: 24px; }
#afishamain .event .date .boldeing {font-size: 24px;}
}

@media screen and (max-width: 900px){
#afishamain .event .price a {padding: 10px 30px; font-size: 15px;}
#afishamain .event .price {width: 190px; padding-right: 10px; ; }
#afishamain .event {padding: 20px 10px}
#afishamain #mainafisha .event .right .titles {font-size: 26px;}
}

@media screen and (max-width: 850px){
#afishamain #mainafisha .event {width: 100%; height: auto; min-width: 100%}
}

@media screen and (max-width: 780px){
.menu-top .left a {font-size: 14px; text-decoration: none; color: #fff}
.menu-top .right a {font-size: 14px; text-decoration: none; color: #fff}
.menu-top .left .burger {padding: 15px 10px 0 10px; }
.menu-top .left .home {padding: 20px 10px 0 10px; }
.menu-top .left .links {padding: 20px 0 0 10px;}
.menu-top .left .favorites {padding: 20px 10px 0 50px; }
.menu-top .right .search {padding: 20px 10px 0 0;}
.menu-top .right .phone {padding: 20px 10px 0 0; }
.centr-top .title .name {font-size: 80px;}
#afishamain .event .title {font-size: 16px; }
#afishamain .event .date {font-size: 16px; padding-left: 10px;}
#afishamain .event .title .boldeing {font-size: 18px; }
#afishamain .event .date .boldeing {font-size: 18px;}
}


@media screen and (max-width: 750px){
.lenkom_calendar .calendar .left {width: 65%}

#afishamain .button {margin: 20px 0 0 0}
.uzor {margin-top: 20px; margin-bottom: 10px;}
.centrauto .slider-rekomenduem a {font-size: 16px; text-decoration: none; font-weight: normal}

.centr-top .title .name2 {font-size: 18px;}
.topallpage .title .name h1 {font-size: 35px;}
.topallpage .title .name2 {font-size: 18px; margin-top: 0;}
.centr-top .title .button {margin-top: 10px;}
.centrauto .center .oteatre .hudruk .right {font-size: 18px; padding: 50px 0 0 20px; }
.event_ticket_list .left_box .date {font-size: 18px;}
.event_ticket_list .left_box .date img {width: 20px}
.event_ticket_list .right_box .sit img {width: 30px}
.page-images {width: 95%}
}

@media screen and (max-width: 700px){
p {font-size: 14px}
.afisha-podbor .seredina h2 {font-size: 20px}
h3 {font-size: 20px}
h4 {font-size: 20px}

.centrauto .company .box {font-size: 12px}
.centrauto .company .box img {width: 35%}
.afisha-podbor .seredina .selecting .title {width: 140px; line-height: 30px; font-size: 14px}
.afisha-podbor .seredina .selecting .category {width: 150px;}
.afisha-podbor .seredina .selecting .category select {width: 140px}
.afisha-podbor .seredina .selecting .scena  {width: 160px;}
.afisha-podbor .seredina .selecting .scena select {width: 150px}
.afisha-podbor .seredina .selecting .button {width: 120px;}
.afisha-podbor .seredina .selecting .button button {width: 110px; height: 40px; font-size: 12px; font-weight: normal;}
.centr-top .bottomicon .right {display: none}
.centr-top .title .button .one {}
.centr-top .title .button .two {width: 150px; height: 30px; line-height: 30px; font-size: 13px; font-weight: normal; margin: 10px;}
.centr-top .title .name {font-size: 70px;}
.centr-top .title .name2 {font-size: 16px;}
.topallpage .title .name h1 {font-size: 28px;}
.topallpage .title .name2 {font-size: 16px;}
.event_ticket_list .left_box .date {font-size: 16px;}
.rewies_message .box .text {font-size: 14px;}
.rewies_message .box .title {font-size: 17px; }

.rewies_add .left_add { width: 100%;}
.rewies_add .left_add .pole input {width: 100%;}
.howbuyimg {width: 96%}
#afishamain .event .price a {padding: 10px 20px; font-size: 12px;}
#afishamain .event .price {width: 147px; padding-right: 10px; ; }

.topallpage .title .name {font-size: 35px;}
.centrauto .title-h1 {font-size: 24px;}
.centrauto .title-h2 {font-size: 24px;}

.centrauto .center .news-main .news-blok a {font-size: 14px; }

}

@media screen and (max-width: 640px){
.afisha-podbor .seredina .selecting .title {display: none}
.menu-top .left .favorites {display: none }
.centr-top .bottomicon .left .icon {font-size: 11px; margin: 0 7px 0 7px}
.centr-top .bottomicon .left .icon img {width: 15%}
#oficialticket {}

#callback_block3 .search form input {font-size: 16px;}
#callback_block2 .search {padding: 15px}
#callback_block2 .search input {width: 200px; height: 50px; font-size: 16px;}
.event_ticket_forma .left_box {float: none; width: 100%; padding: 0 0 0 0;}
.event_ticket_forma .right_box {float: none; width: 100%; }
.event_ticket_forma .right_box .pole textarea {height: 140px; font-size: 16px; }
.event_ticket_forma .center input {width: 160px; height: 40px; font-weight: normal; margin: 20px 0 0 0; }
.event_ticket_list .right_box .sit {font-size: 12px}
.speedbay-block-info { font-size: 16px; padding: 0 0 20px 0;}
.centrauto .price_list {clear: both; font-size: 18px; margin: 15px 0 20px 0}
}

@media screen and (max-width: 560px){
.bottom .left {float: none; width: 100%}
.bottom .left .name {font-size: 18px;      padding: 30px 0 0 0; margin: 0}
.bottom .left .menu {margin: 10px 0 10px 0;}
.bottom .left .info {margin: 10px 0 10px 0; }
.bottom .right {float: none; 100%; text-align: left;}
.bottom .right .phone {margin: 10px 0 10px 0;}
.bottom .right .phone a {font-size: 16px;}
.bottom .right .worktime {margin: 0 0 10px 0; display: none}
.centrauto .slider-rekomenduem a {font-size: 14px;}
.menu-top .left .links {display: none }
.event_ticket_list .left_box .date {font-size: 14px;}
.rewies_message .box .text {font-size: 12px;}
.rewies_message .box .title {font-size: 16px; }

.mobilemenu-box .right div {margin: 15px 0 14px 0}
.mobilemenu-box .right div a {font-size: 18px; }
.centrauto .price_list {clear: both; font-size: 16px; margin: 15px 0 20px 0}
}


















/*


@media screen and (max-width: 1210px){
.elka_infoblok2 .best_scena .vetka {background: url(images/vetka.png) 50% 50%; width: 100%; background-position: center; height: 100px; position: relative; z-index: 200; margin-left: 0; background-size: cover; overflow: hidden;}
.elka_infoblok2 .best_scena. slider_scena {padding-top: 0; margin-top: -50px}
}


@media screen and (max-width: 1060px){

.menu_top .menu_box { width:100%; margin: 0 auto;}

.menu_top .menu_box a {font-size: 14px; }
.elka_top .shapka_box {width: 100%; margin: 0 auto; padding: 7px 0 0 0;}
.elka_top .shapka_box .search {margin: 30px 15px 0 15px; position: relative; float: right}
.elka_years {width: 100%}
.elka_years .vozrast_box {width: 100%; margin: 0 auto; text-align: center; margin-top: -10px; position: relative; z-index: 100; padding-left: 15px; box-sizing: border-box}
.elka_years .vozrast_box div {float: left; margin: 0 10px 5px 10px;}
.elka_top_event {width: 95%; margin: 0 auto; }
.elka_top_event .title {background: url(images/afisha_bg.jpg); width: 100%; height: 79px; font-size: 32px; color: #fff; font-family: 'Panton-BlackCaps'; line-height: 80px; padding-left: 50px; box-sizing: border-box}
.elka_top_event .center .best_event_img {width: 100%}
.elka_opisanie {width: 100%; margin: 0 auto; margin-top: 40px; padding: 0 15px 0 15px; box-sizing: border-box}
.afisha {width: 100%; margin: 0 auto; padding: 0 15px 0 15px; box-sizing: border-box}
.afisha .afisha_title {background: url(images/afisha_bg.jpg); width: 100%; height: 79px; color: #fff; font-family: 'Panton-BlackCaps'; line-height: 80px; padding-left: 50px; box-shadow: #999 2px 2px 20px; border-radius: 25px 25px 0 0; box-sizing: border-box;}
.afisha .selector div {margin: 5px 0 5px 0}
.elka_topafisha {width: 100%; margin: 0 auto; }
.elka_infoblok2 {width: 100%; margin: 0 auto; margin-top: 40px; padding: 0 15px 0 15px; box-sizing: border-box}
.elka_infoblok3 {width: 100%; margin: 0 auto; padding: 0 15px 0 15px; box-sizing: border-box}
.elka_infoblok2 .konkurs {float: none; width: 100%; text-align: center; margin-bottom: 20px}
.elka_infoblok2 .konkurs img {}
.elka_infoblok2 .best_scena {float: none; width: 95%; margin: 0 auto;}
.elka_infoblok2 .best_scena .slider_scena_img {border-radius: 0 0 0 0; width: 100%}
.elka_infoblok2 .best_scena .title {background: url(images/afisha_bg.jpg); width: 100%; box-sizing: border-box; border-radius: 25px 25px 0 0;}
.rewies {width: 100%; padding: 0 15px 0 15px; box-sizing: border-box}
.elka_bottomsite .footer_box {width: 100%; }
.elka_bottomsite .footer_box .logo {padding-left: 10px}
.elka_bottomsite .footer_box .adres {padding-right: 10px}
.footer_menu .footer_menu_box { width:100%; margin: 0 auto; text-align: center}
.footer_menu .footer_menu_box ul li {padding: 0 0 0 0; width: 14%}
.footer_menu .footer_menu_box ul {margin-left: -40px;}
.footer_menu .footer_menu_box a {font-size: 12px; }

.main .elka_opisanie {width: 100%; margin: 0 auto; margin-top: 0; padding: 0 15px 0 15px; box-sizing: border-box}
.afisha2 {width: 100%; margin: 0 auto; padding: 0 15px 0 15px; box-sizing: border-box}
.afisha2 .selector div {margin: 5px 0 5px 0}
.elka_infoblok2 h2 {text-align: center}
.elka_bottomsite2 .footer_box {width: 100%; }
.elka_bottomsite2 .footer_box .logo {float: left; width: 33%;}
.elka_bottomsite2 .footer_box .logo img {width: 90%;}
.elka_bottomsite2 .footer_box .oplata {float: left; width: 33%; text-align: left;}
.elka_bottomsite2 .footer_box .oplata img {width: 80%;}
.elka_bottomsite2 .footer_box .adres {float: left; width: 33%;}

.elka_spisokevent {width: 100%; margin: 0 auto; margin-top: 0}
.elka_spisokevent .event .date {width: 90px; font-size: 24px; padding: 0 0 0 10px;}
.elka_spisokevent .event .date span {font-size: 48px; }
.elka_spisokevent .event .image {width: 90px; margin: 0 0 0 0; }
.elka_spisokevent .event .image img {width: 60px; border-radius: 3px}
.elka_spisokevent .event .title {width: 460px; margin: 10px 0 0 0; }
.elka_spisokevent .event .price {width: 180px; font-size: 24px; }
.elka_spisokevent .event .time {width: 120px;}
.elka_spisokevent .event .buy {width: 90px;}
.elka_spisokevent h2 {padding: 0 15px 0 15px; box-sizing: border-box}

#tabs_area {width: 100%; }
#tabs_area section {padding: 10px; border-bottom: 0; border-left: 0; border-right: 0; border-radius: 0; border-top: 2px solid #2ab4b7;}
.selector_area {width: 100%; margin: 0 auto; margin-top: 0}
#afisha_area {width: 100%; margin: 0 auto; margin-top: 0}
.selector_area .selector div {margin: 5px 0 5px 0}

.elka_kroshki {width: 100%;}
.elka_pageevent {width: 100%;}
.elka_pageevent .left {width: 70%; padding: 0 15px 0 20px;}
.elka_pageevent .right {width: 30%; text-align: right}
.elka_pageevent .right img {width: 95%}
.elka_pageevent .left .info_box .info_box_all div {margin: 10px 0 15px 41px}
.elka_pageevent .left .info_box .info_box_all {float: left; width: 30%; box-sizing: border-box; padding: 0 20px 0 0; font-size: 16px}

.elka_zaly .box {width: 100%}
.elka_zaly .box h1 {padding: 0 15px 0 15px; box-sizing: border-box}
.elka_zaly .box p {padding: 0 15px 0 15px; box-sizing: border-box}


.elka_top .shapka_box .calendar {width: 100%}
.elka_top .shapka_box .calendar .left {width: 75%}
.elka_top .shapka_box .calendar .right {width: 150px}

}

@media screen and (max-width: 820px){
.elka_bottomsite2 {width: 100%; height: 452px; background: url(images/footer_bg2.png) center; position: relative; z-index: 10; margin-top: -200px}

}

@media screen and (max-width: 750px){

.event_ticket_forma {padding: 40px 30px 30px 30px; }
.event_ticket_forma .left_box .pole .spam {width: 100%}



.elka_top .shapka_box .calendar .left {width: 65%}


.elka_topafisha .event {float: none; width: 100%; height: 141px; margin-bottom: 10px; text-align: left; padding: 0 15px 0 15px; box-sizing: border-box;}
.elka_topafisha .event .box {background: #fff;; width: 100%; height: 141px; margin: initial;}
.elka_topafisha .event .box .img img {width: 100px; height: initial}
.elka_topafisha .event .box .img {float: left}
.elka_topafisha .event .box .title {margin: -140px 5px 5px 5px; background: none;}
.elka_topafisha .event .box .title a { color: #fff; font-family: 'FiraSans-ExtraBold'; font-size: 20px; text-decoration: none; background: #75afe8;     padding: 2px 15px 2px 15px;}
.elka_topafisha .event .box .box_min {margin-left: 115px}
.elka_topafisha .event .box .area {margin-left: 20px}
.elka_topafisha .event .box .date {margin-left: 20px}
.elka_topafisha .event .box .price {margin-left: 20px}

.elka_zaly .box .area {height: 180px}
}

@media screen and (max-width: 690px){
.rewies {width: 90%; }
.rewies .title {background: url(images/afisha_bg.jpg); width: 100%; height: 79px; padding-left: 50px; box-sizing: border-box;}
.rewies .slider_rewies {background: url(images/comment_bg.png) no-repeat; width: 100%; padding: 30px 40px 0 40px}
.elka_top_event {width: 90%; }
.elka_infoblok2 .best_scena {width: 90%;}
.elka_top_event .title {font-size: 20px;}
.afisha .afisha_title h2 {font-size: 18px;}
.rewies .title h3 {font-size: 20px;}
.elka_infoblok2 .best_scena .title {font-size: 20px;}
h1 {font-size: 22px;}
.elka_infoblok2 h2 {font-size: 22px;}
.elka_infoblok2 h3 {font-size: 22px;}
.rewies .slider_rewies .name {font-size: 18px;}
.rewies .slider_rewies .date {font-size: 18px;}
.footer_menu {display: none}

.elka_spisokevent .event .date {width: 80px; font-size: 18px; padding: 0 0 0 5px; line-height: 30px;}
.elka_spisokevent .event .date span {font-size: 38px; }
.elka_spisokevent .event .image {width: 80px; margin: 0 0 0 0; }
.elka_spisokevent .event .image img {width: 60px; border-radius: 3px}
.elka_spisokevent .event .title a {font-size: 16px; }
.elka_spisokevent .event .title .area {font-size: 14px; }
.elka_spisokevent .event .price {width: 160px; font-size: 18px; }
.elka_spisokevent .event .price span {font-size: 18px; }
.elka_spisokevent .event .time {width: 120px; font-size: 18px; }

.tabs input:checked + label {font-size: 15px; height: 25px;}
.tabs label {padding: 25px 35px 15px 35px; height: 25px; font-size: 15px}
#tabs_area h2 {font-size: 18px}
#tabs_area h3 {font-size: 16px}

.elka_zaly .box .area {margin: 0 5px 20px 5px;}
.elka_zaly .box .area div {padding: 10px 5px 10px 5px; height: 80px; font-size: 12px}

.elka_top .shapka_box .logo img{width: 50%}
#shapka_all .shapka_box .calendar {margin: 50px 0 0 0}
.elka_infoblok2 .best_scena .name div {margin-top: -9px; padding: 5px 10px 5px 10px; border-radius: 3px; font-size: 12px}
.elka_infoblok3 .slider_scena4 .name div {font-size: 12px}

.zvonok {padding: 30px 20px 30px 20px}
.zvonok .zvonok_button {width: 80%; font-size: 14px;}
.elka_pageevent .left .right_zakaz {float: none; width: 100%; text-align: left; margin-top: 20px}
.elka_pageevent .left .left_zakaz {float: none; width: 100%; text-align: left}
}

@media screen and (max-width: 650px){
.elka_pageevent .left .info_box .info_box_all {float: left; width: 50%; padding: 0 10px 0 0; font-size: 14px}
.elka_pageevent .left .text_info {font-size: 12px; }
#event_page p {font-size: 14px}

.event_acter .acter img {width: 100%}
.event_acter .acter {width: 30%; font-size: 16px}



#top_panel #middle_info select {height: 30px; width: 200px; font-size: 14px; border: 1px solid #dedada;}
#left_info a {font-size: 12px}
#wrapper_ticket_order #tickets_container #non_tickets .error_load {font-size: 26px; padding: 0}

.elka_zaly .box .area {height: 150px}
}

@media screen and (max-width: 590px){
.elka_top .shapka_box .search {margin: 20px 15px 0 25px; position: relative; float: right}
.elka_years .vozrast_box div a {font-size: 16px; font-weight: bold; padding: 5px 20px 5px 20px; box-shadow: #ccc 2px 2px 30px;}
p {font-size: 14px}
.rewies .slider_rewies .text a {font-size: 14px; line-height: 18px}
.elka_bottomsite .footer_box .adres strong {font-size: 16px}
.elka_bottomsite .footer_box .adres {font-size: 12px}
.menu_all {display: none}
[aria-hidden="false"] {display: block;}



#shapka_all .shapka_box .phone {margin: 10px 0 0 25px;}
.elka_bottomsite2 .footer_box .adres strong {font-size: 16px}
.elka_bottomsite2 .footer_box .adres {font-size: 12px}

.afisha .afisha_title h2 {font-size: 14px;}
.elka_spisokevent .event .date {width: 80px; font-size: 16px; padding: 0 0 0 0; line-height: 24px;}
.elka_spisokevent .event .date span {font-size: 28px; }
.elka_spisokevent .event .title a {font-size: 14px; }
.elka_spisokevent .event .title .area {font-size: 12px;}
.elka_spisokevent .event .price {width: 160px; font-size: 16px; }
.elka_spisokevent .event .price span {font-size: 16px; }
.elka_spisokevent .event .time {width: 120px; font-size: 16px; }

.tabs input:checked + label {font-size: 14px; height: 20px;}
.tabs label {padding: 20px 20px 10px 20px; height: 20px; font-size: 14px}
.elka_opisanie .text img {margin: 0 0 0 0; width: 100%; }

.elka_pageevent .left .left_zakaz a {padding: 9px 20px 9px 20px; border-radius: 15px; font-size: 14px;;}
.elka_pageevent .left .right_zakaz span {font-size: 18px; font-family: 'FiraSans-ExtraBold';}



.event_acter .acter {width: 30%; font-size: 14px}



#tickets_form #tickets_form_head {width: 100%; box-sizing: border-box}
#tickets_form #tickets_form_body {width: 100%; box-sizing: border-box}

#shapka_all .shapka_box .calendar {margin: 70px 0 0 0}
}


@media screen and (min-width: 590px) {.mobile {display: none; }}
@media screen and (max-width: 470px){

.rewies .slider_rewies .text a {font-size: 12px; line-height: 16px}
.rewies .slider_rewies .name {font-size: 16px;}
.rewies .slider_rewies .date {font-size: 16px;}
.footer_menu {display: none}
.elka_bottomsite .footer_box .adres div {margin: 10px 0 10px 0}
.elka_bottomsite2 .footer_box .adres div {margin: 10px 0 10px 0}

.tabs input:checked + label {border-radius: 10px 10px 0 0; font-size: 12px; height: 17px;}
.tabs label {padding: 10px 10px 5px 10px; height: 17px; font-size: 12px}

.elka_zaly .box .area {height: 130px}
}

@media screen and (max-width: 440px){

.elka_top .shapka_box .calendar .left {width: 50%}

}