.mob-icons,
.mob-header,
.banner-top_mobile,
.lesson-mob-visible,
ul#menu li.menu-hide-desktop{
    display: none;
}

@media (max-width: 1024px){

    .header__left-block,
    .header__right-block,
    .event-bg,
    .banner-top_desktop,
    .header__menu,
    .breadcrumb-navigation{
        display: none;
    }
    .banner-top_mobile,
    .mob-icons,
    ul#menu li.menu-hide-desktop,
    .mobile-show{
        display: block !important;
    }
    .mobile-show_inline{
        display: inline-block !important;
    }
    .mobile-show_flex{
        display: flex !important;
    }
    .mobile-hidden{
        display: none !important;
    }

    body.body-fixed{
        overflow: hidden;
        position: fixed;
    }
    #carcas{
        width: 100% !important;
        max-width: 100%;
        padding: 0;
        margin: 0;
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        min-height: 100vh;
    }
    .main-content-page{
        width: calc(100% - 40px);
        margin: 0 auto;
        flex: 1;
    }
    .footer-block{
        margin: 0 10px;
    }
    div#content{
        margin-bottom: 20px;
    }
    .social{
        margin: 40px 0;
    }
    .header{
        position: relative;
    }
    .header__logo{
        width: 146px;
    }
    .header__content{
        padding: 7px 0;
    }
    .mob-icons__user{
        position: absolute;
        right: 20px;
        top: 26px;
        z-index: 100;
        cursor: pointer;
    }
    .mob-icons__gamburger{
        position: absolute;
        left: 20px;
        top: 20px;
        height: 26px;
        width: 25px;
        cursor: pointer;
    }
    .mob-icons__gamburger > span{
        position: absolute;
        top: 50%;
        height: 2px;
        width: 25px;
        background: #000;
        z-index: 100;
        cursor: pointer;
    }
    .mob-icons__gamburger > span::before,
    .mob-icons__gamburger > span::after{
        position: absolute;
        content: '';
        height: 2px;
        width: 25px;
        background: #000;
        transition: all 0.4s;
        cursor: pointer;
    }
    .mob-icons__gamburger > span::after{
        bottom: -6px;
    }
    .mob-icons__gamburger > span::before{
        top: -6px;
    }
    .mob-icons__gamburger_active > span::after{
        transform: rotate(45deg) translate(-6px, -4px);
    }
    .mob-icons__gamburger_active > span::before{
        transform: rotate(-45deg) translate(-4px, 3px);
    }
    .mob-icons__gamburger_active > span{
        background-color: transparent;
    }
    .mob-icons__user_active span{
        cursor: pointer;
        width: 20px;
        height: 20px;
        display: inline-block;
        outline: none;
    }
    .mob-icons__user_active span::after,
    .mob-icons__user_active span::before{
        content: '';
        position: absolute;
        cursor: pointer;
        height: 2px;
        width: 25px;
        top: 9px;
        right: -2px;
        background: #000;
        transition: all 0.4s;
    }
    .mob-icons__user_active span::after{
        transform: rotate(45deg);
    }
    .mob-icons__user_active span::before{
        transform: rotate(-45deg);
    }

    .mob-icons__user_active svg{
        display: none;
    }

    .mob-header{
        display: block;
        width: 384px;
        background: #ffffff;
        height: 100%;
        position: fixed;
        top: 0;
        z-index: 100;
        transition: all 0.4s;
        overflow: auto;
    }
    .mob-header::before{
        content: '';
        width: calc(100% - 384px);
        position: fixed;
        top: 0;
        z-index: 1;
        pointer-events: none;
        opacity: 0;
        background: rgba(0,0,0,0.6);
        height: 100vh;
        transition: all .2s ease-in;
    }

    .mob-header_left.mob-header_active{
        left: 0;
    }
    .mob-header_left{
        left: -150%;
    }
    .mob-header_left::before{
        right: 0;
    }

    .mob-header_right.mob-header_active{
        right: 0;
    }
    .mob-header_right{
        right: -150%;
    }
    .mob-header_right::before{
        left: 0;
    }

    .mob-header_active::before{
        opacity: 1;
    }
    .mob-header__logo{
        height: 64px;
        border-bottom: 1px solid #000000;
        padding-top: 7px;
    }
    .mob-header__search{
        padding: 15px 20px 10px;
    }
    .mob-header__menu ul#menu li{
        display: block;
        padding: 16px 20px;
        border-bottom: 1px solid #e5e5e5;
        background: #ffffff;
        max-width: 100%;
        box-sizing: border-box;
    }
    .mob-header__menu ul#menu{
        margin: 0;
    }
    .layout__col_small,
    .layout__col_beeg{
        width: 50%;
    }
    .registration-col{
        padding: 0;
        margin-bottom: 0;
        min-height: auto;
    }
    .registration__item-name{
        margin-bottom: 7px;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: -0.7px;
    }
    .registration__title{
        top: auto;
        right: auto;
        transform: none;
        position: relative;
        font-size: 50px;
        letter-spacing: -0.5px;
        margin-bottom: 10px;
    }
    .poster__title{
        transform: none;
        position: relative;
        font-size: 50px;
        letter-spacing: -0.5px;
        margin-bottom: 10px;
    }
    .registration__item{
        margin-bottom: 20px;
    }
    .registration__more-link{
        font-size: 18px;
        letter-spacing: -1px;
    }
    .main-event{
        min-height: 257px;
        padding: 25px 15px;
        margin-bottom: 25px;
        box-sizing: border-box;
    }
    .main-event__author{
        font-size: 16px;
        line-height: 20px;
    }
    .main-event__title{
        font-size: 60px;
        line-height: 60px;
        margin-bottom: 15px;
        letter-spacing: -1px;
    }
    .main-event__action{
        position: absolute;
        top: 200px;
        left: 50%;
        transform: translateX(-50%);
    }
    .main_block{
        margin: 0;
        width: 100%;
    }
    .layout__col_beeg .layout__row .layout__col_beeg{
        width: 100%;
        margin: 0;
    }
    .news__item {
        margin-bottom: 25px;
    }
    .news__item-image{
        height: 180px;
        margin-bottom: 15px;
    }
    .news__item-title{
        margin-bottom: 8px;
        font-size: 16px;
        line-height: 18px;
    }
    .news__item-description{
        font-size: 14px;
        line-height: 18px;
    }
    .popular__item-action {
        right: 15px;
        bottom: 10px;
    }
    .popular__item-author {
        left: 15px;
        bottom: 10px;
    }
    .poster-col{
        padding-top: 32px;
        margin-top: 42px;
    }
    .registration-title{
        font-size: 60px;
        opacity: 0.2;
        top: -5px;
    }
    .lesson__title{
        font-size: 50px;
    }
    .poster__item-name{
        margin-bottom: 2px;
        font-size: 18px;
        text-transform: none;
    }
    .poster__item{
        margin-bottom: 20px;
    }
    .dance-block{
        background-image: none !important;
        min-height: auto;
    }
    .layout__col_adv{
        display: none;
    }
    .side-col__banner{
        display: none;
    }
    .social__list{
        max-width: 350px;
        -ms-display: flex;
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        padding: 0 20px;
    }
    .social__item{
        margin: 0;
    }
    .footer{
        padding-top: 20px;
        padding-bottom: 0;
    }
    .footer__menu{
        margin: 0;
    }
    .footer__menu-list{
        display: flex;
        justify-content: space-between;
    }
    .footer__menu-item{
        margin: 0;
        font-size: 14px;
        line-height: 18px;
    }
    .footer__menu-item_payment img{
        width: 180px !important;
    }
    .footer__copyright{
        font-size: 10px;
        opacity: 0.5;
    }
    .footer__logo{
        margin-top: 15px;
    }
    .footer__logo-img{
        width: 146px;
    }
    .mob-right__item{
        display: block;
        border-bottom: 1px solid #e5e5e5;
        text-decoration: none;
        font-size: 16px;
        line-height: 22px;
        font-weight: 700;
        padding: 15px 20px;
        text-transform: uppercase;
    }
    .mob-right__social{
        width: 220px;
        display: flex;
        justify-content: space-between;
        position: absolute;
        bottom: 25px;
        left: 50%;
        transform: translateX(-50%);
    }
    .mob-left__social{
        width: 220px;
        display: flex;
        justify-content: space-between;
        position: relative;
        bottom: 25px;
        margin: 0 auto;
    }
    .dance-news__title{
        margin-bottom: 30px;
        padding-top: 10px;
        letter-spacing: -1px;
        font-size: 26px;
        line-height: 35px;
    }
    .dance-news__item{
        margin-bottom: 25px;
    }
    .dance-news__item-name{
        margin-bottom: 10px;
    }
    .main-content__banner_top{
        margin-bottom: 13px;
    }
    .main-content__banner_top img{
        max-width: calc(100% - 40px) !important;
        height: auto !important;
        margin: 0 auto;
        display: block;
    }
    .news__more{
        margin-bottom: 45px;
        width: 100%;
    }
    .popular__list{
        margin: 0;
        display: flex;
        justify-content: space-between;
    } 
    .popular__item{
        margin: 0;
        width: 232px;
    }
    .popular__item-image{
        height: 232px;
        overflow: hidden;
        margin-bottom: 15px;
    }
    .popular__item-img{
        max-width: 100%;
        min-height: 100%;
    }
    .popular__item-description{
        font-size: 14px;
        line-height: 18px;
    }
    .popular__item-title{
        margin-bottom: 5px;
    }
    .popular__title{
        margin-bottom: 25px;
    }
    .popular{
        padding: 0;
    }
    .layout__col_beeg .layout__row .layout__col_small{
        width: 100%;
    }
    .lesson__item-name{
        margin-bottom: 10px;
        letter-spacing: -0.7px;
    }
    .lesson__item{
        margin-bottom: 25px;
    }
    .lesson-col{
        padding-top: 55px;
        margin-bottom: 40px;
    }

    .scrollTop{
        left: auto !important;
        right: 10px !important;
    }

    /* ---------------- new style --------------------------- */

    div.col_left{
        float: none;
        width: 100%;
        font-family: 'Roboto', sans-serif;
    }
    div.col_right{
        float: none;
        text-align: center;
        width: 100%;
        margin-top: 40px;
    }
    .banner-schools{
        display: inline-block;
        margin: 0;
    }
    .one_news_anons{
        float: none;
        margin: 25px auto 0;
        width: 100%;
        /* max-width: 300px; */
        height: auto;
        border: none;
    }
    .one_news_text{
        line-height: 20px;
        margin-top: 6px;
        font-family: 'Roboto Condensed', sans-serif;
    }
    .one_news__type{
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        margin-top: 15px;
    }
    .news-page{
        position: relative;
    }
    .news-page img{
        max-width: 100% !important;
    }
    .oneOtherBlock{
        border: none;
    }
    .news-page .one_news_date{
        display: none;
    }
    .events-page .one_news__right{
        padding-top: 20px;
    }
    .one_news_image{
        margin-top: 0;
        background-color: #979797;
        height: 150px;
        overflow: hidden;
    }
    .one_news__left{
        max-width: 50%;
    }
    .all_news__container{
        /* -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        flex-wrap: wrap; */
    }
    .all_events_info{
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        margin-top: 15px;
    }
    .news-page .all_news_info{
        margin-top: 0;
        position: absolute;
        bottom: 0;
        left: 0;
        justify-content: space-between;
        width: 100%;
        padding: 0 15px 10px;
        box-sizing: border-box;
    }
    .all_news_info .one_news__author-name,
    .all_news_info .one_news__author{
        font-size: 12px;
        color: #ffffff;
        margin-right: 0;
        padding: 0;
        font-family: 'Roboto', sans-serif;
        min-height: 14px;
        display: inline-block;
    }
    .all_events_info .one_news__author-name,
    .all_events_info .one_news__author{
        font-size: 12px;
        color: #a3a3a3;
        margin-right: 0;
        padding: 0;
        font-family: 'Roboto', sans-serif;
    }
    .all_news_info .one_news__author-name,
    .all_events_info .one_news__author-name{
        font-weight: 400;
    }
    .all_news_info .one_news__author,
    .all_events_info .one_news__author{
        font-weight: 700;
        text-transform: uppercase;
        font-family: 'Roboto Condensed', sans-serif;
    }
    .all_events_info .commentCount{
        font-size: 12px;
        color: #a3a3a3;
    }
    .news-page .commentCount,
    .news-page .counterIcon{
        color: #ffffff;
        font-size: 12px;
        font-family: 'Roboto Condensed', sans-serif;
        bottom: -20px;
        position: relative;
    }
    .news-page .commentCount{
        background-image: url('/local/templates/inner/img/icon-comment.svg');
    }
    .news-page .counterIcon{
        background-image: url('/local/templates/inner/img/icon-eye.svg');
        background-position: 0 3px;
        padding-left: 20px;
    }
    .news__more_m30{
        margin: 30px 0;
        text-align: center;
    }
    .pr_header{
        min-height: auto;
        margin-top: 0;
    }
    .detailImage{
        overflow: hidden;
        height: 200px;
    }
    .detailImage img{
        max-width: 100%;
    }
    .prInformation{
        padding: 10px;
        width: calc(100% - 20px);
        bottom: 10px;
        left: 10px;
        margin: 0;
        box-sizing: border-box;
    }
    #newsname{
        font-size: 18px;
        line-height: 20px;
        font-weight: 700;
        text-transform: uppercase;
        padding: 0;
    }
    .pr_header .all_news_info{
        position: relative;
        padding: 0;
        margin-top: 10px;
    }
    .pr_header .all_news_info .one_news__author-name{
        font-size: 9px;
    }
    .pr_header .all_news_info .one_news__author{
        font-size: 10px;
    }
    .ya-share2__icon::after{
        font-size: 9px !important;
    }
    .ya-share2__counter{
        display: none !important; 
    }
    .ya-share2__badge{
        width: 72px;
    }
    .ya-share2__icon{
        height: 20px !important;
    }
    .anotherDiv,
    .blogSocialBlock{
        border: none;
        text-align: left;
        padding: 10px 0;
    }
    .oneOtherBlock img{
        float: none;
        width: 100px;
        height: 60px;
    }
    .oneOtherBlock{
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        padding: 15px 0;
        border-top: solid 1px #cccccc;;
    }
    .otherNews .otherList .oneOtherBlock:first-child{
        border-top: none;
    }
    .otherCont{
        float: none;
        display: inline-block;
        width: calc(100% - 110px);
        padding-left: 10px;
        padding-top: 0;
    }
    .otherName{
        font-size: 14px;
        padding: 0;
    }
    .adverDetal{
        display: none;
    }
    .newsBorder{
        border: none;
    }
    .news-detail-other__button{
        padding: 7px 0;
        width: 100%;
        border-radius: 3px;
        background-color: #a9389e;
        display: block;
    }
    .comment{
        width: 100%;
        margin-left: 0;
        padding-top: 0;
    }
    body .comment .comment_div{
        width: 100% !important;
        height: auto;
        border: none;
        float: none;
    }
    .comment_text{
        width: 100%;
        box-sizing: border-box;
        border-radius: 3px;
        height: 110px;
        float: none;
        background-color: #e9e9e9;
        color: #bab3b3;
    }
    .comment-captcha{
        margin-top: 17px;
    }
    body .comment .comment_send,
    .afisha-filter-block__button{
        width: 100% !important;
        float: none;
        text-align: center;
        border-radius: 2px;
        background-color: #a9389e;
        margin-top: 16px;
        height: 32px;
    }
    .send{
        padding-top: 7px;
        padding-left: 0;
    }
    .comment-captcha-block{
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        overflow: hidden;
    }
    .comment-captcha-block__text{
        max-width: 150px;
        height: 30px;
        bottom: 0;
        border-radius: 3px;
        border: 1px solid #c6c6c6;
        margin-left: 5px;
        box-sizing: border-box;
    }
    .comment-captcha-block__img{
        width: 142px;
        height: 30px;
    }
    .com_header_div{
        font-size: 18px;
        font-weight: 700;
        font-family: 'Roboto Condensed', sans-serif;
    }
    .lelvelcom{
        border: none;
    }
    .tag-block-mobile{
        margin: 0 -7px;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 40px;
    }
    .tag-block-mobile__text{
        margin-left: 15px;
        /* margin-top: 15px; */
        display: inline-block;
        max-width: 120px;
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        font-family: 'Roboto Condensed', sans-serif;
    }
    .tag-block-mobile__link{
        border-radius: 10px;
        background-color: #a9389e;
        display: inline-block;
        margin: 0 7px 15px;
        color: #ffffff;
        font-size: 12px;
        padding: 8px 25px 8px 31px;
        position: relative;
        text-decoration: none;
        text-transform: uppercase;
        font-family: 'Roboto Condensed', sans-serif;
        box-sizing: border-box;
        max-height: 30px;
    }
    .tag-block-mobile__link::before{
        content: '';
        display: block;
        position: absolute;
        top: 9px;
        left: 7px;
        border-radius: 5px;
        width: 9px;
        height: 9px;
        border: 1px solid #94117e;
        background: white;
    }
    .adptiv-img{
        max-width: 100%;
        height: auto;
    }
    .afisha-top{
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
    }
    .afisha-top-title{
        font-size: 20px;
        font-weight: 700;
        line-height: 22px;
        margin: 0 !important;
        padding: 0 !important;
    }
    .afisha-top-filter{
        color: #858585;
        font-family: "Roboto Condensed", sans-serif;
        font-size: 14px;
        padding: 4px 7px;
        border: 1px solid #b4b4b4;
    }
    .filters-checkbox .e-type{
        margin-top: 10px;
        width: 100%;
    }
    .filters-checkbox .e-type label{
        text-transform: uppercase;
        font-family: 'Roboto', sans-serif;
        font-size: 13px;
        font-weight: 700;
    }
    .e-type input[type="radio"]{
        display: none;
    }
    .filters-checkbox .e-type input[type="checkbox"] + label span,
    .filters-checkbox .e-type input[type="radio"] + label span{
        background: #ffffff;
        border-radius: 50%;
        width: 15px;
        height: 15px;
        position: relative;
        border: 1px solid #cccccc;
        margin: -2px 10px 0 0;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: middle;
    }
    .filters-checkbox .e-type input[type="checkbox"]:checked + label span,
    .filters-checkbox .e-type input[type="radio"]:checked + label span
    {
        background-color: #a9389e;
        border-radius: 50%;
        width: 15px;
        height: 15px;
        position: relative;
        border: 1px solid #a9389e;
    }
    .filters-checkbox .e-type input[type="checkbox"]:checked + label span::before,
    .filters-checkbox .e-type input[type="radio"]:checked + label span::before{
        position: absolute;
        content: '';
        border: 2px solid #ffffff;
        height: 6px;
        width: 9px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        border-top: none;
        border-right: none;
        left: 2px;
        top: 1px;
    }
    .afisha-filter-block{
        position: fixed;
        z-index: 99;
        background: white;
        width: 100%;
        height: calc(100vh - 72px);
        width: calc(100% - 20px);
        margin: 0 -10px;
        padding: 0 10px;
    }
    .afisha-filter-block__button{
        -webkit-appearance: none;
        color: white;
        border: none;
        box-sizing: border-box;
        width: 100%;
        line-height: 32px;
    }
    .schools-page-tabs{
        margin-top: 30px;
    }
    .schools-page-filters{
        margin-top: 20px;
    }
    .schools-page-filters__item{
        margin-top: 10px;
    }
    .schools-page-filters__name{
        color: #393939;
        font-family: "Roboto Condensed",sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 22px;
    }
    .schools-page-form{
        display: none;
    }
    .schools-page-form.active{
        display: block;
    }
    .schools-page-filters__checkboxes{
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
    }
    .schools-page-filters__checkboxes.filters-checkbox .e-type label{
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 22px;
        text-transform: none;
    }
    .schools-page-filters__checkboxes.filters-checkbox .e-type input[type="checkbox"] + label span{
        margin-right: 6px;
    }
    .schools-page-filters__checkboxes.filters-checkbox .e-type{
        margin-top: 0;
    }
    .site-btn,
    .ad-buttons .site-btn,
    .auth_form_main button, #register_submit_button.site-btn{
        width: 100% !important;
        float: none;
        text-align: center;
        border-radius: 2px;
        background-color: #a9389e;
        box-sizing: border-box;
        height: 32px;
        line-height: 32px;
        color: #ffffff;
        font-size: 14px;
        text-transform: uppercase;
        display: block;
        padding: 0;
        font-family: "Roboto Condensed", sans-serif;
        font-weight: 700;
    }
    .schools-page-filters__button{
        margin-top: 15px;
    }
    .schools-page-filters__addPlace{
        margin-top: 20px;
    }
    .schools-page-filters__map{
        margin-top: 30px;
        height: 300px;
        width: 100%;
        background-color: #808080;
        display: none;
    }
    .schools-page-filters__map.active{
        display: block;
    }
    .school__logo_mobile{
        height: 50px;
        width: 50px;
        text-align: center;
        border: 1px solid #dbdbdb;
        border-radius: 50%;
        background-size: contain;
    }
    .school__top{
        padding-top: 0;
    }
    .school__top .school__logo{
        margin: 0;
        height: auto;
        width: auto;
    }
    .school__top .school__info {
        margin-left: 60px;
    }
    .school__info h1{
        margin: 0 !important;
        font-size: 16px;
        line-height: 22px;
    }
    .school__top .school__link-other{
        width: 100%;
        float: none;
    }
    .school__top .school__link-social{
        margin: 10px 0 15px;
    }
    .school__top .school__text p{
        font-size: 14px;
        font-family: Georgia;
        color: #000000;
        line-height: 18px !important;
        margin-bottom: 15px !important;
    }
    .school__top .school__text img{
        max-width: 100% !important;
        height: auto !important;
    }
    .school__top .school__link a{
        font-size: 9px;
        font-weight: 700;
        font-family: "Roboto Condensed", sans-serif;
        text-decoration: none;
    }
    .school__top .social-link a{
        width: 22px;
        height: 22px;
    }
    .school__top .social-link a img{
        max-width: 100%;
        max-height: 100%;
    }
    .school__top .school-list .school-item .address{
        width: 100%;
        float: none;
        margin: 25px 0 0;
        color: #009fe3;
        font-family: "Roboto Condensed", sans-serif;
        font-size: 12px;
        font-weight: 700;
        background: url(/img/icon-mobile-point.svg) no-repeat left 0;
        padding: 0 0 0 20px;
    }
    .school__top .school-list .school-item .contacts{
        float: none;
        width: 100%;
    }
    .school__top .school-list .school-item .contacts a{
        font-weight: 700;
        font-size: 12px;
        font-family: "Roboto Condensed", sans-serif;
    }
    .school__top .school-list .school-item:before{
        display: none;
    }
    .school__top .school-list .school-item:last-child{
        border-bottom: none;
    }
    .choreographer-photo .bx-wrapper li{
        height: auto;
    }
    .choreographer-photo .bx-wrapper .bx-prev{
        left: 5px;
    }
    .choreographer-photo .bx-wrapper .bx-next{
        right: 5px;
    }
    .choreographer-photo .bx-next::after,
    .choreographer-photo .bx-prev::after{
        content: '';
        position: absolute;
        top: 6px;
        border: 1px solid #ffffff;
        height: 7px;
        width: 7px;
        border-left: none;
        border-bottom: none;
    }
    .choreographer-photo .bx-next::after{
        right: 8px;
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }
    .choreographer-photo .bx-prev::after{
        right: 5px;
        -ms-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
    }
    .choreographer-photo .bx-wrapper .bx-controls-direction a{
        width: 20px;
        height: 20px;
        margin-top: -10px;
        background-color: #393939;
        border-radius: 10px;
        background-image: none;
        opacity: 0.9;
    }
    .choreographer-photo .bx-wrapper .bx-pager{
        padding-top: 15px;
        font-size: 12px;
        color: #393939; 
    }
    .choreographer-photo{
        border-bottom: none;
        padding-bottom: 30px;
    }
    .choreographer-photo:after{
        display: none;
    }
    .advancedFilter__item{
        margin-top: 7px;
    }
    .map_popup{
        top: 40px;
        left: 50%;
        transform: translateX(-50%);
        right: auto;
        min-width: 300px;
        box-sizing: border-box;
    }
    .advertImage{
        height: 100px;
        width: 100px;
        overflow: hidden;
        float: left;
    }
    .advertImage img{
        max-height: 100%;
    }
    .advetImage img{
        max-width: 100%;
    }
    .advertInfo{
        float: right;
        width: calc(100% - 110px);
        margin-left: 0;
        height: auto;
    }
    .otherAdvert a{
        max-width: 65%;
        font-size: 14px;
    }
    .oneAdvertName{
        font-size: 20px;
        line-height: 26px;
        text-align: left;
    }
    .oneAdvertAdvanceInfo .advertDate{
        float: none;
    }
    .advertUser{
        font-weight: 700;
        padding-top: 15px;
    }
    .advertAllPost{
        float: none;
        margin-top: 0;
        text-align: right;
    }
    div.all_advertauthor_cont{
        margin-right: 0;
    }
    .otherAdverts{
        font-family: "Roboto Condensed",sans-serif;
        font-size: 20px;
        font-weight: 700;
        line-height: 1;
        text-align: left;
    }
    .advertText{
        display: none;
    }
    .advertDesc{
        height: auto;
    }
    .advertDate,
    .advertTown,
    .advertHeading,
    .advertView{
        color: #979797;
        font-family: Roboto, sans-serif;
        font-size: 12px;
        font-weight: 400;
        margin: 0;
        float: none;
    }
    .advert-mobileReverse{
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        -webkit-flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        -o-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
    }
    .oneAdvert{
        padding-bottom: 0;
        border-bottom: none;
    }
    .contact_img{
        height: 80px;
        width: 80px;
    }
    #contact_block .contact_text{
        margin-left: 10px;
        padding-top: 0;
    }
    #contact_block div{
        margin-right: 0;
    }
    div.col_left h2.contact__bigText{
        font-size: 28px;
        line-height: 31px;
        margin-top: 35px !important;
    }
    h2{
        margin-top: 15px !important;
    }
    .socialContacts p{
        font-size: 14px;
        margin-right: 10px;
    }
    div.text_content{
        font-size: 14px;
        margin: 0;
    }
    #contact_block b{
        font-size: 16px;
    }
    .socialContacts img{
        width: 22px;
        height: 22px;
        margin-right: 4px;
    }
    div.custom_block{
        margin: 0 0 20px;
    }
    .custom_block:last-child{
        margin: 0 0 40px;
    }
    div.custom_block h3.name_art{
        margin-bottom: 20px;
    }
    a.big_but_two{
        border: 1px solid #c649cd;
        width: 100%;
        box-sizing: border-box;
    }
    .vcard{
        margin-top: 35px;
    }
    div#icon_block div.blocks{
        width: 140px;
        height: auto;
        overflow: hidden;
        margin-right: 10px;
        float: none;
    }
    div#icon_block div.blocks a{
        font-family: "Roboto Condensed", sans-serif;
        font-size: 14px;
        font-weight: 400;
    }
    .flex-list{
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        flex-wrap: wrap;
        margin-right: -10px;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
    }
    .search-page__header{
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        overflow-x: auto;
    }
    .search_result_action .bookmarkName{
        border-bottom: 1px solid #c649cd;
    }
    .bookmarkName{
        border-bottom: 1px solid #cacaca;
    }
    .bookmarkCount{
        font-size: 14px;
        line-height: 20px;
        color: #cacaca;
        font-weight: 700;
        font-family: "Roboto Condensed", sans-serif;
    }
    .searchBookmark ul li{
        margin-right: 20px;
    }
    .searchBookmark ul li a{
        font-size: 14px;
        color: #cacaca;
        white-space: nowrap;
    }
    .search_result_action .bookmarkCount{
        color: black;
    }
    .searchResultBody .searchResultName{
        color: #009fe3;
        font-family: "Roboto Condensed", sans-serif;
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 7px;
    }
    .searchResultBody .searchResultText,
    .searchResultBody .searchResultDate{
        font-size: 14px;
        font-weight: 400;
    }
    .searchResultBody .searchResultDate{
        margin-bottom: 5px;
    }
    div.head_search_form{
        border-radius: 3px;
        border: 1px solid #cfcfcf;
        height: 30px;
        box-sizing: border-box;
    }
    div.head_search_form input.search_text_new{
        height: 30px;
        line-height: 30;
        box-sizing: border-box;
        width: calc(100% - 28px) !important;
        padding: 1px 0 3px 7px;
    }
    div.head_search_form input{
        padding: 5px;
    }
    .videowrapper {
        position: relative;
        padding-bottom: 56.45%;
        height: 0;
    }
    .videowrapper iframe{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .just-image{
        max-width: 100%;
        height: auto;
    }
    .googleForms-iframe{
        height: 1620px;
        max-width: 100%;
    }
    .image404 img{
        max-width: 100%;
    }
    .header404{
        color: #000000;
        font-family: "Roboto Condensed",sans-serif;
        font-size: 20px;
        font-weight: 700;
        line-height: 22px;
        margin-bottom: 20px;
    }
    .description404{
        color: #000000;
        font-family: "Roboto Condensed",sans-serif;
        font-size: 16px;
        font-weight: 700;
        margin-top: 20px;
    }
    .description404 a{
        color: #009fe3;
    }
    .dance_type li a{
        color: #000000;
        font-family: "Roboto Condensed",sans-serif;
        font-size: 12px;
        font-weight: 400;
    }
    .all_link_title{
        display: none;
    }
    .left_info_block, .center_info_block, .right_info_block{
        float: none;
        width: 100%;
    }
    .links__list{
        width: 100%;
        display: block;
        position: relative;
    }
    .links__list::after{
        position: absolute;
        content: '';
        right: 12px;
        top: 2px;
        border-bottom: 1px solid #000000;;
        border-right: 1px solid #000000;;
        width: 8px;
        height: 8px;
        transition: all 0.3s;
        transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }
    .links__list.active::after{
        -ms-transform: rotate(-135deg) translate(-4px, -4px);
        -o-transform: rotate(-135deg) translate(-4px, -4px);
        transform: rotate(-135deg) translate(-4px, -4px);
        -webkit-transform: rotate(-135deg) translate(-4px, -4px);
    }
    .auth_form_main div#auth_fields input{
        background: #ffffff !important;
        border-radius: 3px;
        border: 1px solid #cacaca;
        box-sizing: border-box;
        display: block;
        float: none;
        width: 100%;
        margin-bottom: 10px;
        padding: 7px 10px;
    }
    .popup_auth{
        width: calc(100% - 40px);
        box-sizing: border-box;
        padding: 25px 10px 30px;
        top: 55px;
    }
    .auth_form_main .social_auth #vk,
    .auth_form_main .social_auth #fb,
    .auth_form_main .social_auth #od{
        border-radius: 3px;
        float: none;
        width: 100%;
        box-sizing: border-box;
        font-size: 12px;
    }

    .auth_form_main .social_auth #vk{
        border: 1px solid #597da3;
    }
    .auth_form_main .social_auth #fb{
        border: 1px solid #3b5998;
    }
    .auth_form_main .social_auth #od{
        border: 1px solid #ed812b;
    }
    .social_auth{
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    #auth_form_reg div#auth_fields div#PERSONAL_GENDER label{
        color: #cacaca;
        font-family: "Roboto Condensed",sans-serif;
        font-size: 12px;
        font-weight: 700;
        line-height: 22px;
        border-radius: 3px;
        border: 1px solid #cacaca;
        padding: 6px 25px;
        margin-left: 0;
    }
    .auth_form_main div#auth_but a{
        border-radius: 3px;
        border: 1px solid #a9389e;
        color: #a9389e !important;
        font-family: "Roboto Condensed",sans-serif;
        font-size: 12px;
        font-weight: 700;
        line-height: 22px;
        padding: 7px 15px;
    }
    .auth_form_main div#auth_but span{
        color: #000000;
        font-family: "Roboto Condensed",sans-serif;
        font-size: 12px;
        font-weight: 700;
        line-height: 22px;
    }
    .auth_form_main div#registr_but span{
        margin-bottom: 15px;
        display: block;
    }
    .one_videos_image{
        width: 145px;
        height: 145px;
        overflow: hidden;
        margin: 0;
        background-color: #000000;
    }
    .one_videos_image img{
        max-height: 100%;
        /* max-width: 100%; */
        width: auto;
        height: auto;
    }
    .one_videos_anons{
        width: 145px;
        float: none;
        height: auto;
        border-bottom: 0;
        margin-right: 10px;
        margin-top: 20px;
    }
    .one_videos_text{
        font-family: "Roboto Condensed",sans-serif;
        font-weight: 400;
        margin-top: 10px;
    }
    .one_videos_auth a{
        color: #979797;
        font-family: "Roboto Condensed",sans-serif;
        font-size: 12px;
        font-weight: 400;
        margin-left: 10px;
    }
    .one_videos_date{
        color: #a9389e;
        font-family: "Roboto Condensed Light";
        font-size: 9px;
        font-weight: 300;
    }
    .commentCount,
    .counterIcon{
        color: #979797;
        font-family: "Roboto Condensed",sans-serif;
        font-size: 12px;
        font-weight: 400;
    }
    .header-menu-search{
        padding: 0 10px 15px;
    }
    div.video-gallery{
        padding-top: 0;
    }
    h1{
        margin-top: 15px !important;
    }
    .catalog-menu a span{
        font-size: 16px;
        font-weight: 700;
        color: #009fe3;
    }
    .school-list-small .school-list_item{
        float: none;
        width: 100%;
        padding-right: 0;
    }
    .school-list-small .school-list_item-adress,
    .school-list-small .school-list_item-phone{
        font-family: "Roboto Condensed",sans-serif;
        font-size: 12px;
        background-position: 0 0;
    }
    .school-list-small .school-list_item-name{
        text-transform: uppercase;
    }
    .all_news-title{
        border-bottom: none;
        font-weight: 700;
    }
    .events-block{
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        flex-wrap: wrap;
        margin: 0 -10px;
    }
    .events-block .one_news_anons{
        width: calc(50% - 20px);
        margin: 25px 10px 0;
        max-width: 220px;
    }
    .events-block .one_news_image{
        max-height: 140px;
    }
    .one_news_auth a{
        color: #979797;
        font-family: "Roboto Condensed",sans-serif;
        font-size: 12px;
        font-weight: 400;
    }
    .one_news_date{
        font-size: 9px;
        font-family: "Roboto Condensed",sans-serif;
        font-weight: 300;
    }
    .school-list-small{
        margin-top: 10px;
    }
    .school-list-small .title{
        font-family: "Roboto Condensed",sans-serif;
        font-size: 20px;
        font-weight: 700;
    }
    .right_label input,
    .left_label input{
        width: 100%;
        box-sizing: border-box;
        border-radius: 3px;
        border: 1px solid #cacaca;
        background: #ffffff;
    }
    .right_label,
    .left_label{
        width: 100%;
        float: none;
        margin-left: 0;
    }
    .profile_edit_block{
        border-top: none;
        padding: 0 0 30px;
    }
    .col_label{
        color: #393939;
        font-family: "Roboto Condensed",sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 22px;
        text-align: left;
        text-transform: none;
    }
    .right_label textarea{
        height: 120px;
        border-radius: 3px;
        border: 1px solid #cacaca;
        background: #ffffff;
        width: 100%;
        box-sizing: border-box;
    }
    .one_field{
        margin-bottom: 10px;
    }
    .profileEditHeader{
        font-family: "Roboto Condensed",sans-serif;
        font-size: 20px;
        font-weight: 700;
        line-height: 22px;
    }
    .col_label_bold{
        font-family: "Roboto Condensed",sans-serif;
        font-size: 12px;
        font-weight: 700;
        line-height: 22px;
        text-transform: uppercase;
    }
    .radio_button_sex, .search_partner_edit, .im_dace_edit{
        float: none;
        margin: 5px 0 0;
        box-sizing: border-box;
        width: 100%;
        display: block;
        text-align: center;
        color: #cacaca;
        font-family: "Roboto Condensed",sans-serif;
        font-size: 12px;
        font-weight: 700;
        border-radius: 3px;
        border: 1px solid #cacaca;
    }
    .one_field .active{
        background: #ffffff;
        border: 1px solid black;
        color: black;
    }
    .right_label_double{
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
    }
    .right_label_double .radio_button_sex,
    .right_label_double .search_partner_edit{
        width: 50%;
    }
    .right_label_double .radio_button_sex:first-child,
    .search_partner_edit:first-child{
        margin-right: 10px;
    }
    .edit_avatar_control{
        float: none;
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
    }
    .edit_avatar_control div:last-child{
        border-radius: 3px;
        border: 1px solid #a9389e;
        color: #a9389e;
        font-family: "Roboto Condensed",sans-serif;
        font-size: 14px;
        font-weight: 700;
        float: none;
        width: 145px;
        text-align: center;
        box-sizing: border-box;
        margin-left: 0;
    }
    .customInputLabel{
        border-radius: 3px;
        background-color: #a9389e;
        color: white;
        margin-right: 10px;
        margin-left: 0;
        float: 0;
        font-family: "Roboto Condensed",sans-serif;
        font-size: 14px;
        font-weight: 700;
        width: 145px;
        text-align: center;
        box-sizing: border-box;
    }
    .popoplogo{
        max-width: 100%;
    }
    #auth_form_inc .action_descr{
        line-height: 30px;
    }
    .user_name{
        float: none;
    }
    .avatar-block{
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        align-items: center;
    }
    .edit_avatar{
        text-align: center;
        width: 130px;
        height: 130px;
        border: 1px solid #979797;
        background-color: #d8d8d8;
        border-radius: 50%;
        overflow: hidden;
    }
    .edit_avatar img{
        max-width: 100%;
        border-radius: 0;
        max-height: 100%;
        width: 100%;
        height: 100%;
    }
    .edit_avatar_control{
        margin-top: 20px;
        margin-bottom: 25px;
    }
    .deleteProfile{
        border-radius: 2px;
        background-color: #e2e2e2;
        font-weight: 700;
        width: 100%;
        color: #393939;
        font-family: "Roboto Condensed",sans-serif;
        font-size: 14px;
        text-align: center;
    }
    .formButton{
        width: 50%;
        border-radius: 3px;
        border: 1px solid #a9389e;
        color: #a9389e;
        font-family: "Roboto Condensed",sans-serif;
        font-size: 14px;
        font-weight: 700;
        line-height: 22px;
        text-align: center;
        box-sizing: border-box;
        margin: 0;
        padding: 6px 0;
    }
    .formButton.formButtonInput{
        margin-right: 10px;
    }
    .site-tabs {
        width: 100%;
        display: flex;
    }
    .site-tabs__item {
        flex-grow: 1;
        flex-basis: 0;
        text-align: center;
        line-height: 27px;
        color: #393939;
        font-family: "Roboto Condensed", sans-serif;
        font-weight: 400;
        font-size: 14px;
        text-transform: uppercase;
        border-bottom: 2px solid rgba(57, 57, 57, 0.1);
        transition: all 0.2s ease-out;
        cursor: pointer;
        outline: none;
        text-decoration: none;
    }
    .site-tabs__item.active {
        border-bottom: 2px solid rgba(198, 73, 205, 0.6);
    }
    .tabs_caption{
        margin-top: 25px;
        border-bottom: none;
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        margin-bottom: 20px;
    }
    .tabs_caption li{
        color: #393939;
        font-family: "Roboto Condensed",sans-serif;
        font-size: 13px;
        font-weight: 400;
        line-height: 22px;
        border: none;
        background: #ffffff;
        border-bottom: 2px solid rgba(57, 57, 57, 0.1);
        transition: all 0.2s ease-out;
        width: 50%;
        padding: 7px 0;
    }
    .tabs_caption li.active{
        border-bottom: 2px solid rgba(198, 73, 205, 0.6);
    }
    .superPopup{
        width: 90%;
    }
    .list_value div{
        color: #393939;
        font-family: Arial;
        font-size: 14px;
        line-height: 22px;
    }
    .delete_element{
        margin-top: 7px;
    }
    .title-tips{
        font-size: 14px;
        font-family: Roboto;
        font-weight: 400;
    }
    .check-list-top span{
        display: block;
        font-family: "Roboto Condensed",sans-serif;
        font-size: 16px;
        font-weight: 700;
    }
    .check-list-top a{
        color: #009fe3;
        font-family: "Roboto Condensed",sans-serif;
        font-size: 14px;
        font-weight: 700;
        margin: 15px 25px 15px 0;
        line-height: 16px;
    }
    .check-list--txt_type li{
        width: 49%;
    }
    .check-list-additional .check-list--txt_type li{
        width: 100%;
    }
    .check-list--img_type li{
        width: 145px;
        height: 100px;
        box-sizing: border-box;
        margin: 5px;
        outline: none;
    }
    .check-list--img_type a{
        width: 145px;
        height: 100px;
        box-sizing: border-box;
        background-size: contain;
    }
    .check-list--img_type a:after{
        width: 143px;
        height: 98px;
        box-sizing: border-box;
    }
    .check-list--img_type a span{
        color: #979797;
        font-family: "Roboto Condensed",sans-serif;
        font-size: 10px;
        font-weight: 700;
        text-transform: uppercase;
        top: 5px;
        left: 5px;
    }
    .check-list--img_type li:nth-child(3n+1){
        margin-left: 5px;
    }
    .check-list--img_type ul{
        margin: 0 -5px;
        text-align: left;
    }
    .check-list-additional{
        top: 30px;
        left: 5%;
        box-sizing: border-box;
        margin-left: 0;
        max-width: 90%;
        padding: 20px;
    }
    .btn-prpl{
        height: 30px;
        line-height: 30px;
        width: 100%;
        font-family: "Roboto Condensed",sans-serif;
        font-size: 14px;
        font-weight: 700;
        border-radius: 3px;
        padding: 0;
    }
    .check-list--txt_type input + label{
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        text-transform: none;
        letter-spacing: -0.5px;
        padding-left: 0;
        background: none;
    }
    .check-list--txt_type input + label span{
        background: #ffffff;
        border-radius: 50%;
        width: 15px;
        height: 15px;
        position: relative;
        border: 1px solid #cccccc;
        margin: -2px 10px 0 0;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: middle;
    }
    .check-list--txt_type input:checked + label span{
        background-color: #a9389e;
        border: 1px solid #a9389e;
    }
    .check-list--txt_type input:checked + label span::before{
        position: absolute;
        content: '';
        border: 2px solid #ffffff;
        height: 6px;
        width: 9px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        border-top: none;
        border-right: none;
        left: 2px;
        top: 1px;
    }
    .check-list--txt_type input[type="checkbox"]:checked + label{
        background: none;
    }
    .avatar{
        margin-top: 0;
        width: auto;
        border-radius: 50%;
        border: 1px solid #979797;
        background-color: #d8d8d8;
        width: 50px;
        height: 50px;
        box-sizing: border-box;
        position: relative;
        margin-bottom: 0;
        left: calc(50% - 25px);
    }
    .avatar img{
        width: 50px;
        height: 50px;
        border-radius: 0;
        position: absolute;
        top: 0;
        left: 0;
    }
    .second{
        border-top: none;
    }
    .edit_div{
        padding-top: 0;
    }
    .profile_header .edit, 
    .profile_header .avatar,
    .profile_header .social {
        float: none;
    }
    .my_prifile{
        width: 100% !important;
    }
    .name{
        margin-top: 15px;
        color: #393939;
        font-family: Roboto,sans-serif;
        font-size: 24px;
        font-weight: 400;
    }
    .study{
        margin-top: 8px;
        color: #393939;
        font-family: Roboto,sans-serif;
        font-size: 12px;
        font-weight: 400;
    }
    .study_desc{
        color: #009fe3;
        font-family: Roboto,sans-serif;
        font-size: 12px;
        font-weight: 400;
        text-decoration: underline;
    }
    .personal_info{
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        border-top: 1px solid rgba(57, 57, 57, 0.1);
        border-bottom: 1px solid rgba(57, 57, 57, 0.1);
        padding-top: 0;
        padding-bottom: 0;

    }
    .personal_info div{
        padding: 4px 0;
    }
    .personal_info div:last-child{
        float: none;
    }
    .profile_header .booble{
        padding-left: 20px;
        margin-left: 0;
        background-position: 0 4px;
    }
    div.my_panel{
        border-right: none;
        padding-right: 0;
        width: 100%;
        float: none;
        margin-right: 0;
    }
    .panel_menu{
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
    }
    .my_panel .panel_menu li{
        display: inline-block;
        width: 50%;
        text-align: center;
    }
    .my_panel .panel_menu li a{
        font-family: "Roboto Condensed",sans-serif;
        font-size: 16px;
        font-weight: 700;
        line-height: 22px;
        text-transform: uppercase;
    }
    .social_auth a{
        margin: 5px;
    }
    .advertName{
        font-weight: 700;
    }
    .one_news_image img{
        width: auto;
        height: auto;
    }
    ul#menu li a{
        display: block;
        width: 100%;
    }
    #auth_form_reg,
    .auth_form_enter{
        height: 500px;
        overflow-y: scroll; 
        -webkit-overflow-scrolling: touch;
    }
    .popup_auth form{
        padding-bottom: 115px;
    }
}
@media (min-width: 320px) and (max-width: 369px) {
    .catalog-menu a._w2{
        width: 300px;
        height: 210px;
    }
    .catalog-menu a._w1 {
        width: 145px;
    }
    .catalog-menu a._h2{
        height: 210px;
    }
    .catalog-menu a._h1 {
        height: 100px;
    }
    .photos{
        margin-right: 0;
    }
}
@media(max-width: 767px){

    .lesson-desk-visible{
        display: none;
    }

    .lesson-mob-visible{
        display: block;
    }

    .mob-header_active::before{
        display: none;
    }

    .main-content__banner_top img{
        max-width: calc(100% - 20px) !important;
    }
    .poster-col,
    .dance-news-col{
        margin-bottom: 40px;
    }
    .poster-col{
        margin-top: 0;
    }
    .dance-block{
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .first-info{
        display: flex;
        flex-direction: column-reverse
    }
    .layout__col_small,
    .layout__col_beeg{
        width: 100%;
    }
    .footer__menu-list{
        flex-direction: column;
    }
    .footer__menu-item{
        text-align: center;
        padding: 5px 0;
    }
    .footer__menu-item_payment img{
        width: 300px !important;
    }
    .footer__copyright{
        font-size: 12px;
        text-align: center;
    }
    .social{
        margin: 30px 0;
    }
    .mob-header{
        width: 100%;
    }
    .main-content-page{
        width: calc(100% - 20px);
    }
    .main-event{
        margin: 0 -10px 25px;
    }
    .main-event__action{
        top: 190px;
    }
    .news__item-image{
        height: 150px;
    }
    .popular {
        margin: 0 -10px;
    }
    .popular__list{
        flex-direction: column;
    }
    .popular__item{
        width: 100%;
        margin-bottom: 25px;
    }
    .popular__item-img{
        min-width: 100%;
    }
    .popular{
        padding: 0 10px;
    }
    .popular__title{
        font-size: 26px;
        line-height: 30px;
        letter-spacing: -0.5px;
    }
    .main-content__banner_top{
        margin-top: 15px;
        margin-bottom: 5px;
    }
}