@media screen and (max-width: 1130px) {
    .eduna_ukraine {
        display: none;
    }
}

@media (min-width: 768px) {
    .text-action {
        width: 160px;
    }
    .d-md-none {
        display: none!important;
    }
    .l-0 {
        left: 0;
    }
    .l-5 {
        left: 5px;
    }
    .l-10 {
        left: 10px;
    }
    aside{
        min-height: 1590px;
    }
    .mobile-button-radioplayer {
        display: flex;
        align-items: center;
        background: #ff4065;
        color: #fff;
        border-radius: 3px;
        font-size: 23px;
        height: 55px;
        width: 100%;
        padding: 0 18px;
        text-decoration: none;
    }
    .mobile-button-radioplayer:visited,
    .mobile-button-radioplayer:hover {
        color: #fff;
    }
    .mobile-button-radioplayer img {
        width: auto !important;
        height: 32px !important;
        margin-right: 12px;
    }

    .block-article-container_news span {
        width: 100%!important;
    }

    .block-article-container_news img {
        display: block;
        margin: 0 auto!important;
    }
}

@media (max-width: 768px) {
    .send-soc-desctop,
    .d-mobile-none {
        display: none!important;
    }
    /*.happy_notification {
        background: #fff!important;
    }*/
    .header-mobile-slogan {
        width: 100%;
        height: 25px;
    }
    header.top {
        height: auto!important;
    }
    .header-mobile-slogan img {
        display: block;
        width: 80vw;
        margin: auto;
    }
    .happy_notification .message-social a {
        width: 50vw;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 17px;
        color: #fff
    }

    .happy_notification .message-social .soc-viber {
        background:#784e98;
    }
    .happy_notification .message-social .soc-telegram {
        background:#29a1d5;
    }
    .new-radio:hover {
        color: #fff!important;
        text-decoration: none;
    }
    .new-radio .mobile-song,
    .new-radio .mobile-song:hover {
        text-decoration: none;
    }
    .new-radio {
        display: flex!important;
        padding: 5px 8px;
        background:#de20be;
        text-decoration: none;
    }
    .new-radio span,
    .new-radio b {
        color: #fff!important;
    }
    .box-mobile-song {
        font-size:16px;
        display: flex;
        flex-direction: column;
    }
    .fs-25-px {
        font-size: 25px;
    }
    .mb-mob-10-px {
        margin-bottom: 10px;
    }
    .mr-mob-10-px {
        margin-right: 10px;
    }
    .new-radio .box-mobile-song * {
        font-size: 16px;
    }
    .new-radio * {
        line-height: initial!important;
    }
    .mobile-button-webcam {
        display: flex;
        width: 100%;
        height: 40px;
        background-color: #0088e8;
        color: #fff;
        font-size: 18px;
        text-decoration: none;
        justify-content: center;
        align-items: center;
    }
    .mobile-button-webcam:hover {
        color: #fff;
    }
    .mobile-button-play {
        background-color: #de20be;
        width: 45px;
        height: 45px;
        display: flex!important;
        justify-content: center;
        align-items: center;
        text-decoration: none;
    }
    .mobile-button-play i {
        color: #fff;
        font-size: 30px;
    }
    .content-wrap aside.box-right {
        margin-bottom: 0!important;
    }
    .slider {
        border: none!important;
        margin-bottom: 51px;
    }
    .bx-viewport {
        overflow: initial!important;
    }
    .bx-pager {
        display: none!important;
    }
    #panel {
        overflow-x: hidden;
    }
    .bx-controls-direction > a {
        background: url('/static/img/slider_jssor/img/arrow_slider.png') no-repeat 100% !important;
        background-size: auto;
        background-size: cover !important;
        width: 8vw !important;
        height: 10vw !important;
        top: 52% !important;
        opacity: 0.3;
        z-index: 1 !important;
        outline: none;
    }
    .bx-wrapper .bx-prev {
        left: 10px!important;
    }
    .bx-wrapper .bx-next {
        right: 10px!important;
        transform: scaleX(-1);
    }
    .box-top-100>div,
    .list__box {
        width: 100%;
    }
    .box-top-100>div>div:first-child {
        width: max-content;
        margin: auto;
    }
    .box-top-100>div>div:last-child {
        margin: 8px auto;
    }
    .box-top-100 .audio-player-small {
        width: 141px !important;
    }
    .mobile-button-radioplayer {
        margin: 10px;
        padding: 12px 20px;
        font-size: 26px;
        color: #fff;
        background: #ff4065;
        display: flex;
        align-items: center;
        border-radius: 3px;
        text-decoration: none;
    }
    .mobile-button-radioplayer:hover {
        color: #fff;
        text-decoration: none;
    }
    .mobile-button-radioplayer img {
        max-height: 35px;
        margin-right: 10px;
    }
    .block-article-container_news * {
        max-width: 100%;
        width: 100%!important;
        height: auto!important;
    }
}

@media screen and (max-width: 768px) {
    html, body {
        overflow-x: hidden;
        background: none !important;
    }
    .block-podcasts-content>.admixer_mobile {
        display: flex!important;
    }
    .admixer_mobile{
        display: block;
        position: relative;
        max-height: 600px;
        width: 100%;
    }
    .admixer_mobile_300x600 {
        margin: 10px 0;
    }
    .mobile-footer .soc-icon-width-app {
        width: 100vw;
    }
    .mobile-footer .soc-icon-width-app img {
        max-width: 100%;
        display: block;
    }
    .mobile-footer .soc-icon-width .facebook {
        background: #3b5998;
    }
    .mobile-footer .soc-icon-width .instagram {
        background: #d93175;
    }
    .mobile-footer .soc-icon-width .viber {
        background: #7b519d;
    }
    .mobile-footer .soc-icon-width .youtube {
        background: #cf2226;
    }
    .mobile-footer .soc-icon-width a {
        height: 25vw;
        width: 25vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .mobile-footer .soc-icon-width img {
        width: 77px;
        height: 77px;
    }
    .mobile-footer .channel-centre-title {
        background-color: #e3e3e3;
        color: #424242;
        padding: 8px 10px;
        line-height: 26px;
        font-size: 19px;
    }
    footer {
        display: none;
    }
    .mobile-show {
        display: block;
    }
    .medium-hide, aside {
        display: none !important;
    }
    .logo-container {
      margin: auto !important;
      float: none;
      display: block !important;
    }
    html, body, header.top .header-top-wrap, .page-wrap, .main-wrap, .block-nofull,
    .bx-wrapper .bx-viewport, header.top {
        width: 100% !important;
    }
    header .header-top-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    header.top .logo-container {
        width: 160px;
        margin: 0!important;
    }
    header .header-top-wrap>.top-links,
    header .header-top-wrap>.clear {
        display: none;
    }
    .grid {
      padding: 0px !important;
    }
    .block-nofull {
      height: auto !important;
      margin-left: 0px;
    }
    .slider-title {
      font-size: 14px;
      line-height: 15px; 
      height: auto;
      padding: 10px;
    }
    .slider .bx-wrapper .bx-prev, .slider .bx-wrapper .bx-next {
      top: 35%;
    }
    .block-afisha-mini-content-poster:not(:last-child) {
      margin-right: 10px;
      margin-bottom: 10px;
    }
    .block-podcasts-content {
      height: auto !important;
    }
    .humburger-container {
        display: flex !important;
        background: #de20be;
        /*position: absolute;*/
        height: 45px;
        width: 45px;
        cursor: pointer;
        align-items: center;
        justify-content: center;
        /*left: 10px;*/
    }
    .toggle-button {
        display: block;
        background: transparent url("/static/img/hamburger.png") no-repeat;
        width: 22px;
        height: 18px;
    }
    .slideout-menu {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        z-index: 0;
        width: 253px;
        overflow-y: scroll !important;
        display: none;
    }
    .slideout-open {
        overflow: hidden;
    }
    .slideout-panel {
        position: relative;
        z-index: 1;
        margin-top: -10px !important;
    }
    .slideout-open .slideout-menu,.slideout-open .btn-radio-play {
        display: block !important;
        border-right: 1px solid rgb(221, 208, 176);
    }
    .slideout-open body {
        overflow: hidden;
        height: 100%;
        width: 100%;
        list-style: none;
    }
    .main_dark_color {
        background: var(--main-color-1) !important;
    }
    .mobile-menu ul {
        height: 100%;
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .mobile-menu li a {
        color: #fff;
        text-decoration: none;
    }
    .mobile-menu li ul {
        display: none;
    }
    .mobile-menu li ul li {
        width: 95%;
        min-height: 0;
    }
    .mobile-menu .sub-menu a {
        position: relative;
        left: 5px;
        top: 0px;
        display: block;
        width: 100%;
        padding: 5px 0;
        font-size: 15px !important;
        color: #fff;
    }
    .a_active {
        height: auto;
    }
    .mobile-menu .a_active .sub-menu {
        display: block !important;
        width: 100%;    
        margin: 5px 0;
    }
    .mobile-menu .down_arrow {
        background: transparent url("/static/img/blue_arrow_menu.png");
        width: 11px;
        height: 7px;
        position: absolute;
        top: 20px !important;
        right: 20px !important;
        transition-duration: 0.5s;
    }
    .mobile-menu .a_active .down_arrow {
        transform: rotate(180deg);
    }
    .menu-block-li {
        list-style: none;
        background: var(--main-color-2);
        color: #fff;
        padding: 10px 0;
        padding-left: 10px;
        text-decoration: none;
        width: 100%;
        position: relative;
        font-size: 1.2em;
        border-bottom: 1px solid #f1f1f1;
    }
    .menu-block-li a {
        width: 100%;
        display: block;
    }

    .mobile-menu .down_arrow {
        position: absolute;
        top: 10px;
        right: 10px;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }
    .a_active .main-submenu {
        display: block;
    }
    .mobile-menu .a_active .down_arrow {
        transform: rotate(180deg);
    }
    .mobile-menu .main-submenu li {
        font-size: 15px;
    }

    .block-content-image {
      padding-left: 4px;
    }
    .button-listen {
        margin-left: 50px;
    }
    .player-btns {
        padding: 5px;
    }
    .block-parad .block-top {
        width: 103%;
        margin-left: -4px;
    }
    #up-arrow {
        background: url("/static/img/kissfm_ontop_btn.png");
        max-width: 60px;
        max-height: 60px;
        min-width: 40px;
        min-height: 40px;
        width: 13vw; height: 13vw;
        display: none;
        position: fixed;
        z-index: 10;
        right: 20px;
        bottom: 20px;
        border-radius: 30px;
        background-size: 100% auto;
        cursor: pointer;
    }
    .efir-btn {
        height: 43px;
    }

    .mobile_listen_btn {
        background: url("/static/img/kissfm_play.png") no-repeat;
        width: 33px;
        height: 34px;
        margin-top: -52px;
        margin-right: 20px;
    }

    .footer-soc-icon-width {
        display: flex !important;
        justify-content: center;
        -webkit-box-pack: center;
    }
    footer  {
        background: #000 !important;
    }
    .podcasts-main-block {
        width: 100% !important;
        margin-top: 10px;
    }
    .podcasts-main-block .wm-content {
        max-width: unset;
    }
    .prev_date {
        display: block !important;
    }
    .playlist-item .song {
        color: #000;
    }
    .playlist-item .artist {
        font-size: unset;
    }
    .block-playlist-container {
        padding: 0;
    }
    .video-responsive {
        overflow:hidden;
        padding-bottom:56.25%;
        position:relative;
        height:0;
    }
    .video-responsive iframe{
        left:0;
        top:0;
        height:100%;
        width:100%;
        position:absolute;
    }
/*}

@media screen and (max-width: 730px) {*/
    .medium-show {

        /*display: block !important;*/
    }
    aside {
        height: unset;
    }
    .grid {
     /*   display: table !important;*/
        -webkit-flex-direction: row !important;
        border: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        min-width: 310px !important;
        width: 100% !important;
    }
    aside {
        display: table-header-group !important;
        width: 100% !important;
        margin: 0 !important;
        margin-bottom: 5px !important;
    }
    section {
        display: table-footer-group !important;
        width: 100% !important;
        margin: auto !important;
        min-width: 310px !important;
    }
    .block-afisha-content-image {
        height: auto !important;
    }
    .block-dj-info-lasttrack {
        float: none;
    }
    .top-links-social, .minipromo, .block-media-mini-content-mini, .photo .comments-soc-block, .block-top-full-link, .mobile-hide {
        display: none !important;
    }
    .block-podcasts-main .all-podcasts {
        display: block !important;
    }
    .main-page-media,.playlist-item, .block-podcasts-main .block-top-full, .block-media-mini-content-main-popup, iframe {
        width: 100% !important;
    }
    .block-media-mini-content-mini {
        float: left;
        margin-left: 5px
    }
    footer {
        padding: 0 10px 37px !important;
    }
    .block-top-full-link {
        margin-left: 0px !important;
    }
    .block-media-mini-content-main-popup-text {
        text-align: -webkit-center;
        width: 100%;
    }
    .block-media-mini-content-main, .block-media-mini-content-main img, .block-article-container iframe,
    .block-news img {
        width: 100%;
        height: auto;
    }
    .block-podcasts-content .bx-viewport {
        height: 158px;
    }
    .block-nofull-notop {
      margin-left: 0px !important;
    }
    .audio-player-small {
        width: 175px !important;
    }
    .main-page-media {
        margin: 5px 0;
    }
    .block-afisha-content, .block-afisha-content-image, .block-news-content {
        width: 100% !important;
        display: block;
    }
    .block-news-content-image img {
        display: block;
        margin: auto;
    }
    .block-afisha-content-title, .block-news-content-title {
        text-align: center;
    }
    .block-afisha .block-top {
        margin-bottom: 16px !important;
    }
    .block-afisha ul.list-link, .block-news-content-text, .gallery-preload-btn, .playlist-navigation {
        display: none; 
    }
    .select-filter-afisha {
        width: 120px;
    }
    .block-article-container img, .block-parad img, .block-media-content-main a img,
    .block-media-content-main, .block-news-content-image, .djs-alphabet-search, #djsInfo img,
    .block-dj-container img, .online-img img, #ymaps-map-id_134192554323659964081  {
        width: 100% !important;
        height: auto !important;
    }
    .block-article-container, .block-parad, .block-dj-info, .block-dj .block-article-list,
    .block-article-list, .indents {
        padding: 0 4px !important;
    }

    .comments-soc-block, .comments-tab-content, #vk_comments, .block-parad-track-info-name, 
    .block-media-content, .block-media-content-main-popup, .block-media-content-main-popup-text,
    .block-podcast-info-track, .block-nofull-notop {
      width: 100% !important;
    }
    .block-parad-track-info {
        width: 80% !important;
    }
    .block-parad-track {
        height: auto;
    }
    .audio-player-big {
        width: 242px;
    }
    #djsDetails, .block-dj-container, #ymaps-map-id_134192554323659964081 {
        margin-left: 0px !important;
        padding: 0 4px !important;
    }
    .cities {
        margin: auto;
        float: none;
    }
    .ptop10 .form {
        margin-left: -7px; 
    }
    .block-dj-info-img {
        padding-top: 10px;
    }
    .region-office-img {
        margin-right: 10px;
    }
    .ymaps-map {
        height: 200px !important;
    }
    .region-office {
        width: 100%;
    }
    .social-likes_notext {
        height: 19px;
    }
    .slider .bx-controls-direction {
      display: block;
    }
    .bx-wrapper .bx-controls-direction a.bx-prev.disabled, .block-podcasts-content .bx-wrapper .bx-prev {
        background: url(/static/img/design2014/slider_left_arrow.png) no-repeat !important;
        width: 56px !important;
        height: 68px !important;
        top: 40% !important;
        left: -10px !important;
        display: block;
    }
    .block-podcasts-content .bx-wrapper .bx-next {
        background: url(/static/img/design2014/slider_right_arrow.png) no-repeat !important;
        width: 56px !important;
        height: 68px !important; 
        top: 40% !important;
        right: -10px !important;
        display: block;
    }

    .podcasts-main-block, .podcasts-main-block .block-top-full, 
    .news-main-block, .news-main-block .block-top-full {
        width: 100% !important;
    }
    .block-podcasts-content {
        padding: 0 6px; 
    }
    .main-wrap>div {
        padding: 0;
    }
    
    .block-media-mini-content-main, .block-media-mini-content-main img {
        width: 100% !important;
        height: auto !important;
    }
    .block-podcasts-content-slide-info-track {
        width: 100%;
    }
    .efir-btn {
        height: 40px;
        border-radius: 4px;
        margin: auto;
        margin-top: 10px;
    }
    .dron-donate {
        padding: 0 10px;
    }
    .dron_text {
        background: url(/static/img/title_text_mobile.png) no-repeat !important;
        height: 40px !important;
        width: 250px !important;
        margin-right: 10px !important;
        background-size: contain !important;
        background-position: right !important;
    }
    .dron_btn {
        background: url(/static/img/help_btn_mobile.png) no-repeat !important;
        height: 36px !important;
        width: 110px !important;
        background-size: contain !important;
        background-position: left !important;
    }
}

@media screen and (max-width: 550px) {
    .block-podcasts-content-slide-info-track {
        width: 250px;
    }

    .block-podcasts-filter .block-podcasts-content-slide {
        width: 100%;
    }

    .mobile_width_100 {
        width: 100% !important;
    }
    .clear-hor-16-mobile {
        clear: both;
        height: 16px;
    }
}

@media screen and (max-width: 440px) {
    .block-top-title {
        font-size: 14px;
        height: auto;
        min-line-height: 20px;
    }
    td {
        text-align: left !important;
    }
    td select, .form tr:not(#trphone) .text, .form .textarea {
       width: 98% !important;
    }
    .block-top .block-link .left, .audio-player-big .mejs-controls .mejs-download-button  {
        display: none;
    }
    .select-filter-afisha {
      width: 105px;
    }
    .pariM {
        width: 90% !important;
    }
    .block-top-title>h1 {
        margin: 0.6em 0;
    }
}

@media screen and (max-width: 400px) {
    .shedule-time {
       height: 100px !important;
    }
    .shedule-content {
        float: left;
        margin-left: 55px;
    }
  
    .recaptcha {
        padding: 0px !important;
        float: none !important;
    }

    .block-podcasts-content-slide-info-track {
      width: 145px;
      height: auto;
    }
    .button-booking {
        float: left;
        margin-bottom: 5px;
    }
    .button-download {
        display: none;
    }
    .top40_links {
        width: 94% !important;
    }
}

@media screen and (max-width: 387px) {
    .block-top-link {
      margin-left: 250px;
    }
}

@media screen and (max-width: 375px) {
    .block-podcasts-content-slide-info-track {
        width: 100%;
    }
    .audio-player-small {
        width: 175px !important;
    }
    .block-podcasts-content-slide-info {
        width: 65%;
    }
}

@media screen and (max-width: 320px) {
    #recaptcha_table {
        max-width: 310px !important;
    }
    td select, .form .text, .form .textarea {
        width: 96% !important;
    }
    .block-podcasts-main {
        padding: 0 5px !important;
    }
    .block-podcasts-main li {
        margin-right: 25px !important;
    }
}

@media screen and (max-width: 350px) {
    .block-podcasts-content-slide-info-track, .block-podcasts-content-slide-info {
        width: 100% !important;
    }
    .news-main-block .block-podcasts-content-slide-info {
        text-align: center;
    }
    .audio-player-small {
        width: 175px !important;
    }
    .podcasts-main-block .block-podcasts-content-slide-image {
       display: none;
    }
    .news-main-block .block-podcasts-content-slide-image, .news-main-block .block-podcasts-content-slide-image img {
        width: 100% !important;
        height: auto !important;
    }
    .block-podcasts-content-slide {
        padding: 10px 0;
    }
}