@media only screen and (max-width: 1280px) {
    .rating__title {
        font-size: 18px;
    }
    .rating__name {
        font-size: 14px;
    }

    #news .news__item_text {
        display: block;
    }

    .news__main_title {
        margin: 5px 0;
        font-size: 20px;
    }

    .news__item_title {
        font-size: 16px;
    }
    .bg__cell, .uk-table {
        font-size: 14px;
    }

    .uk-table td.table__name {
        font-size: 14px;
    }

    .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
        padding: 0px 5px;
        font-size: .7rem;
    }

    .rating__list {
        flex-direction: column;
    }
    .rating__item {
        width: 100%;
        height: 120px;
    }


}

@media only screen and (max-width: 1023px) {
    #article .news__main_img {
        width: 100%;
        float: none;

    }

    span.bg__cell {
        border-radius: 1px;
    }
    .uk-table th.bg__cell {
        padding: 0;
        font-size: 5px;
    }

    .uk-table th {
        padding: 0px;
        font-size: 5px;
    }
    .uk-table td {
        padding: 1px 1px;
        border-radius: 3px;
    }
    .bg__cell, .uk-table {
        font-size: 5px;
    }
    
    #index .rating {

    }
    .section__title {

        font-size: 24px;
    }

    .uk-table td.table__name {
        font-size: 5px;
    }

    #article .news__main {
        width: 100%;
    }
    .last__events {
        width: 100%;
        order: 1;
    }
    .news__block {
        flex-direction: column;
    }
    .news__list {
        width: 100%;
    }
    #news .news__list {
        width: 100%;
        order: 1;
    }
    .news__item_text {
        display: flex;
    }
    .news__main {
        width: 100%;
    }
    .slider__group {
        flex-direction: column;
    }
    .promotion {
        display: none;
    }
    .promotion_calendar {
        display: block;
        width: 100%;
        order: 0;
    }
    .search {
        order: 2;
    }
    .rating {
        width: 100%;
    }
    .slider__box {
        width: 100%;
    }

    .menu__top {
        display: none;
    }
    .menu__top_mobile {
        display: flex;
        order: 3;
    }
    .line__menu {
        justify-content: space-between;
    }
    .uk-navbar-toggle {
        color: var(--color-active);
    }

    .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        min-height: 60px;
        padding: 0 15px;
        font-size: .875rem;
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        text-decoration: none;
    }

    .uk-navbar-toggle.uk-open, .uk-navbar-toggle:focus, .uk-navbar-toggle:hover {
        color: var(--color-active);
    }

    .uk-offcanvas {
        top: 93px;
     }
    .uk-offcanvas-bar {
        position: absolute;
        top: 0;
        bottom: 0;
        left: -270px;
        box-sizing: border-box;
        width: 270px;
        padding: 20px 20px;
        overflow-y: auto;
        background-color: var(--background-color);
        background-image: -webkit-gradient(linear, left top, right top, from(var(--background-color)), to(var(--accent-color)));
        background-image: -webkit-linear-gradient(left, var(--background-color), var(--accent-color));
        background-image: linear-gradient(90deg, var(--background-color), var(--accent-color));
        opacity: .95;
        -webkit-overflow-scrolling: touch;
    }
   .slider .rating__list {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }



}

@media only screen and (max-width: 823px) {
    .rating__title {
        font-size: 14px;
    }
    .rating__name {
        font-size: 10px;
    }
    #index .rating__name {
        font-size: 14px;
    }


}
@media only screen and (max-width: 768px) {
    .uk-container-mobile {
        margin: 0;
        padding: 0;
    }
    .slider__content_title {
        font-size: 26px;
    }
    .slider__content_date {
        font-size: 16px;
    }
    .slider__members_title {
        font-size: 14px;
    }
    .slider__members_date {
        font-size: 14px;

    }
    .uk-table th.bg__cell {
        font-size: 6px;
    }
    .uk-table th.table__name {
        text-align: left;
        color: var(--accent-color);
        font-size: 6px;
        font-weight: bold;
        padding: 0;
    }

    .mobile_dn {
        display: none;

    }
    .online__count {
        left: 0;
    }

}

@media only screen and (max-width: 550px) {
    .results .result {
        max-width: 100%;
    }

    .results .result:nth-child(-n+4){
        max-width: 100%;
    }

    .results .result:nth-child(-n+2){
        max-width: 100%;
    }
    .mdn {
        display: none;
    }
    .uk-container {
        padding-left: 5px;
        padding-right: 5px;
    }
    .count {
        width: 18px;
        height: 18px;
        font-size: 14px;
        margin-right: 2px;
    }
    .news__main_text a {
        padding: 0;

    }

    .section__title {
        margin: 10px 0;
    }

    .rating__item:nth-child(odd) {
        margin-right: 0;
    }
    .rating__item {
        height: 90px;
    }
    .rating__place {
        padding: 5px 10px;
    }

    * {
        line-height: 1;
    }
    .uk-table {
        line-height: 1.2;
    }
    .uk-button_small {
        margin: 0;
    }
    #index .uk-button_small {
        margin-top: 10px;
    }


    .news__main_title {
        font-size: 18px;
    }
    .news__main_date {
        font-size: 14px;
    }

    .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
        min-height: 15px;
    }
    .logo__top {

        width: 100px;
        padding: 5px 0;
    }

    #article .news__item_img {
        width: 100%;
    }
    .news__main_text {
        font-size: 14px;
    }

    .bg__cell, .uk-table {
        font-size: 5px;
    }
    .uk-table th.bg__cell {
        padding: 0;
    }

    *+.uk-table {
        margin-top: 0;
    }
    .uk-table td {
        padding: 1px;
        border-radius: 3px;
    }
    .uk-table td.table__name {
        font-size: 5px;
    }
    span.bg__cell {
        padding: 0;
    }
    .search__form {
        display: none;
    }

    .search__icon {
        display: block;
        position: absolute;
        right: 70px;
        top: 13px;
        z-index: 9999;
    }
    .search__form {
        top: 46px;
        position: absolute;
        z-index: 10;
        opacity: .85;
        right: 0;
    }



    #rating .news__item_text {
        display: none;
    }

    .gallery__item_img iframe {
        width: 300px!important;
        height: 168px!important;
    }

    #article .news__main_img {
        width: 100%;
    }
    #article .news__main {
        width: 100%;
    }
    .uk-container-mobile {
        margin: 0;
        padding: 0;
    }
    .rating__list_item {
        padding: 5px;
    }
    .news__list {
        padding: 0;
    }
    #index article {
        opacity: 0;
        margin-bottom: 40px;
    }

    .news__item {
        flex-direction: column;
        margin-bottom: 40px;
    }
    .line__login {
        height: 22px;
    }
    .news__item_img {
        width: 100%;
    }
    #edl .news__item_img {
        width: 100%;
    }
    .uk-offcanvas-bar {
        position: absolute;
        top: -23px;
    }
    main {
        margin-top: 71px;
    }
    .line__bottom {
        position: fixed;
        width: 100%;
        top: 22px;
    }
    .line__top {
        position: fixed;
        width: 100%;
        top: 0;
    }
    .news__item_content {
        width: 100%;
    }
    #article .news__item_content {
        width: 100%;

    }
    .news__item_title {
        font-size: 16px;
        margin-top: 5px;
    }

    .events__header {
        font-size: 24px;
        padding: 10px 0;
    }
    #news .news__item_img {
        width: 100%;
    }
    #news .news__item_content {
        width: 100%;
    }

    .slider__content_title {
        font-size: 16px;
    }
    .slider__content_date {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .slider__members_date {
        font-size: 14px;

    }
    .uk-button_big {
        margin-top: 0;
    }
    .slider__content {
        left: 3%;
        top: 3%;
    }
    .slider__members {
   			 left: 5%;
        bottom: 3%;
    }

    .slider__content_title {
        font-size: 14px;
    }


    .rating__name b {
        padding: 0 3px;
    }
    #index .rating__name b {
        padding: 0;
        width: 20px;
        text-align: center;
    }
    .footer__group {
        flex-direction: column;
        justify-content: space-between;
    }
    .footer__right {
        order: 1;
    }
    .footer__center {
        order: 2;
        padding: 10px 0;
    }
    .footer__left {
        order: 3;
    }
    .uk-button_big {
        padding: 3px 3px;
        font-size: 10px;
        line-height: 14px;
        margin: 5px 0;
    }
    .double__select {
        height: 24px;
        margin: 5px 0 0;
        font-size: 14px;
    }
    .countdown {
        margin-top: 0;
        line-height: 1;
    }
    .reg__btn {
        border: none;
        padding: 5px 10px;
        margin: 5px 0;
        background: #0f5e35;
        color: #fff;
        border-radius: 5px;
        font-size: 12px;
    }
    .line__login_link>span {
        font-size: 14px;
    }

    .br_mobile {
        display: inline;
    }
    .tire_mobile {
        display: none;
    }

    #article .slider__members_title span.mobile_dn {
        display: none;
    }
}

@media only screen and (max-width: 375px) {
    .uk-container-mobile {
        margin: 0;
        padding: 0;
    }

    .rating__name {
        font-size: 8px;
    }
    .rating__title {
        font-size: 12px;
    }
    #index .rating__name {
        font-size: 14px;
    }
    #index .rating__name b {
        padding: 0;
        width: 20px;
        text-align: center;
    }



}
@media only screen and (max-width: 320px) {




}

@media only screen and (max-height: 400px) and (min-width: 768px) {

}