@media screen and (max-width: 950px){
.centr-slider .pagebody .rest-slider img {width: 99%}
.eventgallery .block {width: 33.333%; }
.facejob .blok img {width: 100%; }
}

@media screen and (max-width: 750px){
body {font-size: 16px;}
a {font-size: 16px}
.menu-top {height: 89px;}
#eventpage .menupage {}
#category .menupage {}
.menu-top .box .right .phone {font-size: 14px; padding: 0 10px 0 0}
.delete {display: none}
.main-photo .title .name {font-size: 40px;}
.main-photo .title .name1 {font-size: 35px; margin-top: -10px}
.pagebody .list_best .box {padding: 10px 5px 10px 5px; margin-bottom: 20px;}
.pagebody .list_best .box .info .title {font-size: 18px; margin: 20px 0 5px 0}
.pagebody .list_best .box .info .text {font-size: 16px;}
.pagebody .list_best .box .picture img {width: 35%}
.pagebody .main_uslugi {}
.pagebody .title_best {font-size: 40px; margin-bottom: -10px;}
#mainafisha .event .title {height: 80px; padding: 0 15px;}
#mainafisha .event .title a {font-size: 24px; }
#mainafisha .event .text {font-size: 18px;}
#mainafisha .event .price {font-size: 18px;}
#mainafisha .event .box {margin: 0 5px;  }
.mainstep .box .stepall {flex-wrap: wrap; width: 100%;}
.mainstep .box .stepall .steptop { padding: 0 10px 40px 10px; position: relative; width: 50%;}
.mainstep .box .stepall .stepbottom { padding: 0 10px 40px 10px; position: relative; width: 50%;}
.mainstep .box .stepall .steptop .picture {margin-bottom: 20px; }
.mainstep .box .stepall .stepbottom .picture {margin-top: 20px; }
.pagebody .mainproektphone .left a {font-size: 26px; }
.mainproekt .left .proektvid div {padding: 15px 5px 15px 0; }
.footer .privacy {padding: 10px 10px; font-size: 10px}
.footer .privacy a {font-size: 10px}
.footer .box .right .callback_popup {padding: 12px 20px;}
.footer .box .right .adress {font-size: 16px; }
.footer .box .left .info {font-size: 18px; margin-top: 5px;}
.footer .box {flex-wrap: wrap; padding: 0 20px;}
.footer .box .right .mail a {font-size: 16px;}
.footer a {font-size: 16px;}
.footer .box .left { width: 100%; justify-content: left; padding: 0 0 20px 0; display: flex;}
#eventpage .footer {padding-top: 60px; }
.footer .box .center { width: 100%; justify-content: left; display: flex;}
.footer .box .right { width: 100%; justify-content: flex-start; display: flex; text-align: left; margin-top: 20px;}
.footer .box .left .logo .home a {font-size: 20px;     font-weight: bold;}
.pagebody .event-info .event-block #free {margin-right: 10px;}
.pagebody .event-info {padding: 30px 15px 40px 15px; background-size: contain; flex-wrap: wrap;}
.pagebody .event-info .event-block.dva {width: 50%; margin-top: 20px;}
.pagebody .event-info .event-block {padding: 0;}
.pagebody .event_text {flex-wrap: wrap;}
.pagebody .event_text .left {width: 100%; padding: 0}
.pagebody .event_text .right {width: 100%;}
.event_price table {}
.event_price table td {padding: 10px 4px; }
.preimushestva .left .box .button #speedbay_popup {padding: 12px 30px; margin: 25px 0 15px 0}
.preimushestva .right .plus div {padding: 0; font-size: 14px}
.preimushestva .right .minus div {padding: 0; font-size: 14px}
.preimushestva .right .plus div:before {font-size:20px; }
.preimushestva .right .minus div:before {font-size:20px; }
.preimushestva .left .box .text {font-size: 16px;}
.preimushestva .right h3 {font-size: 22px;}
.rewies_message {padding: 10px 10px 10px 10px;}
.event-comment .box {margin: 0 0 10px 0}
.rewies_message .box .title {margin: 10px 0 0 0; }
.rewies_message .box .text {font-size: 14px;}
.rewies_message .otvet a { font-size: 13px}
.pagebody .rekomenduem {font-size: 40px; margin-bottom: -10px; margin-top: 70px;}
.pagebody .event_text .right img {width: 70%;}
.pagebody .event_text .right {text-align: center; margin-bottom: 40px; margin-top: 20px;}
.repertuar-event {width: 33.333%; margin: 20px 0; box-sizing: border-box; padding: 0 10px}
.corpbox .left {width: 100%; padding: 0 0 0 0; }
.corpbox .right {width: 100%}

.zakaz_ok .box {margin-left: -150px; }
.footer {padding-bottom: 80px;}
.preimushestva .left {padding: 40px 15px; width: 50%; }
.main-photo-event .title .name1 {font-size: 20px; margin-bottom: 15px;}
.pagebody .event-pochemu .event-pochemu-box {width: 100%; padding: 0 0; margin-bottom: 15px;}
.pagebody .event-pochemu {margin: 0 0 20px 0; }
.pagebody .event-pochemu .icons img {width: 35px}
.pagebody .event-pochemu .icons {width: 80px; height: 80px; }
.pagebody .count .box {padding: 0 10px; }
.pagebody .count .box .title {font-size: 35px; font-weight: bold;}
.pagebody .count {margin: 50px 0 70px 0; }
.event-comment .text {; font-size: 14px}
.pagebody .deshevle {font-size: 18px; }
.pagebody .deshevle span {font-size: 12px; }
p {font-size: 16px; }
.main-photo-event .title .name {font-size: 40px;}
.menu-top .box .center a {padding: 12px 10px; }
.triblok .icon { display: none;}
.menu-top .box .left img {height: 40px; }
.menu-top .box .left .home a {font-size: 20px; }
.pagebody .main_zakaz { flex-wrap: wrap;}
.pagebody .main_zakaz .left {width: 100%; padding: 0 0 0 0}
.pagebody .main_zakaz .right {width: 100%; margin-top: 20px; padding: 10px 15px;}
.pagebody .main_zakaz .content_block.hide {max-height: 200px;}
.footermap {height: 550px; }
.footermap .contacts {padding: 20px 40px; margin-top: 50px; font-size: 20px;}
.footermap .contacts a {font-size: 20px;}
.mainstep:before {background: none; }
.preimushestva .right .title {margin: 0 20px -20px 0}
.menu-top-adres .box .right .mail {display: none; }
.pagebody .content_block2.hide2 {max-height: 110px;}
.pagebody .content_toggle2 {display:  inline-block;}
.pagebody .content_block2.hide2:after {content: "";display: block; height: 100px;	position: absolute;	left: 0; right: 0;bottom: 0; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fdfdfb 75%)}
.mobilemenu-box .box .menubox div a {font-size: 22px; }
.mobilemenu-box .box .menubox .tegi a {font-size: 22px;}
.mobilemenu-box .box .menubox div {font-size: 18px;}
.mobilemenu-box .box .menubox .adres .mail a {font-size: 18px; ;}
.main_right {text-align: left}
.mainzvonok .box .price {text-align: left}
h3 {margin: 20px 0; }
.main_calc{padding:10px 0 0 0}
.bl_calc{margin:20px 0 0 0; padding: 0 10px;}
.bl_calc .line .coll{width: 100%;}
.bl_calc .line .coll.coll_2{width: 100%;}
.bl_calc .line .coll .bottom .polzunok .ui-slider-handle{width:32px;height:32px; margin-top:-8px;}
.tabs label {width: 48%; display: flex; align-items: center;}
.tabs {display: flex; flex-wrap: wrap;}
.event_free {flex-wrap: wrap;}
.event_free .box {width: 50%; font-size: 18px; padding: 0 0 20px 0;}
.event_free .box img {width: 70%}
.event_free.maintop .box {font-size: 15px;}
.preimushestva .right .plus {width: 100%; }
.preimushestva .right .minus {width: 100%; }
.preimushestva .right {width: 50%;  padding: 0 0 0 20px; }
#mainafisha .event {width: 33.333%;}
.house .blok {padding: 0 10px 10px 10px; width: 33.3333%}
.house .blok .title {font-size: 16px; }
.event_free_text {margin-bottom: 20px}
.pagebody .deshevle {padding: 40px 20px 20px 20px;}
.event_free.main .box {width: 50%;}
.event_free.main {flex-wrap: wrap;}
.event_free.main .box .iamg {width: 100%; }
.mainzvonok .box {flex-wrap: wrap;}
.mainzvonok .box .right {padding-left: 0; width: 100%}
.mainzvonok .box .right img {width: 100%}
.mobilemenu-box .center-menu a {font-size: 20px; }
.triblok .blok .info span a {font-size: 22px;}
.mainstep {padding: 20px 0 5px 0; }

.menupage .box {    flex-wrap: wrap;     justify-content: flex-end; padding: 20px 10px;}
.menupage .box .cat a {font-size: 24px}
.menupage { height: auto; }
.menupage .box .cat {padding: 7px 18px;}

.footer .box .right .blok {display: block;    flex-wrap: wrap;    justify-content: flex-end;}
.footer .box .right .promo {}
.pagebody .event-garant .garant {flex-wrap: wrap}
.pagebody .event-garant .garant .blok {width: 50%; margin-top: 30px;padding-right: 10px;margin-bottom: 10px;}

.footer li {display: inline-block;margin: 0 0 20px 0;}
.footer li a {font-size: 22px; border: 1px solid #ffc312;    border-radius: 5px;    padding: 5px;}
.menupage .cat .submenu.submenu2 {left: -150px}
.facejob .blok {width: 50%; padding: 10px 10px; }
.menu-top-adres .box .left .home {font-size: 18px}
.event_free .box .iamg {width: 40%}
.event_free .box .text {width: 60%;}
.tegif {display: none}
#callback_block .title {font-size: 20px;}
#callback_block #send_callback {font-size: 20px;}
#callback_block .pole input {font-size: 22px; }
#callback_block .textzag p {font-size: 18px;}
.zakaz_ok .box .text {font-size: 20px;}
.zakaz_ok a {font-size: 24px; color: #fff;}
.zakaz_ok .box .close img {width: 50px; }

.callback-contacts .pole input {font-size: 24px; }
.callback-contacts .pole textarea {font-size: 24px;}
.callback-contacts .callback-contacts-button {font-size: 20px; }
.pagebody .mainproektphone .info {font-size: 18px;}
.pagebody .event-garant .garant .blok .text {font-size: 18px; }
body .pagebody .callback_popup {font-size: 20px;}
.menupage .cat .submenu li a {font-size: 20px}
.main-photo-event .breadcrumb li {font-size: 18px; }
.main-photo-event .breadcrumb li a { font-size: 18px; }
.main-photo-event .button div a {padding: 12px 35px; font-size: 20px; }
#callback_block .fancybox-button {height: 80px; width: 80px;}
.footer .box .right .callback_popup {font-size: 20px}
}

@media screen and (max-width: 650px){
#none { display: none;}
.main-photo .title .name1 {font-size: 28px; margin-top: -20px}
.main-photo .title .name2 {font-size: 22px;}
.utp_top .utp_top_title {font-size: 22px; }
.menu-top .box .center a {padding: 12px 10px; }
.menu-top .box .center {display: none; }
.menu-top .box .right {width: 65%; }
.pagebody .list_best .box {width: 50%; margin-bottom: 10px;}
.pagebody .list_best .box .picture img {width: 28%}
.pagebody .list_best {margin-bottom: 10px}
.mainzvonok {padding: 20px 0 30px 0; margin-bottom: 20px; }
.main-text {max-height: 200px; overflow: hidden;}
#mainafisha .event {width: 50%; margin-bottom: 20px;}
.centr-slider {margin-top: 10px; padding: 10px 0 30px 0; margin-bottom: 10px;}
.pagebody .mainabout .left {width: 35%; padding: 20px 10px 0 0}
.pagebody .mainabout .right {}

.mainproekt .left {width: 100%; }
.mainproekt .right {width: 100%; padding: 0 0 0 10px; text-align: center;}
.mainproekt .right img {width: 70%}
body .pagebody .callback_popup {padding: 12px 20px;}
.mainproekt {margin-top: -30px;}
.repertuar-event a {font-size: 14px; }
.repertuar-event {width: 50%; }
.callback-main {padding: 0; }
.eventgallery .block {width: 50%; }
}