@media (min-width: 1920px) {
    .need-help .line-chat span {
        display: none
    }
}

@media (min-width: 1920px) {
    .need-help.sv .btn-support+.btn-support {
        margin-left: 5px
    }
}

@media (max-width: 960px) {
    header .wrapper-inner>.header-user-info .need-help {
        display: none
    }
    .menu-main .need-help {
        position: relative;
        display: block;
        z-index: 999;
        text-align: right;
        margin-right: 0
    }
}

@media (max-width: 640px) {
    .menu-main .need-help {
        margin-right: 10px
    }
}

@media (max-width: 640px) {
    .inner {
        padding: 0 8px
    }
}

@media (max-width: 960px) {
    .columns-2 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
}

@media (min-width: 1920px) and (max-width: 19999px) {
    .lg-only {
        display: block
    }
}

@media (min-width: 1920px) {
    .lg-more {
        display: block
    }
}

@media (max-width: 1919px) {
    .lg-less {
        display: block
    }
    .lg-hide {
        display: none
    }
    .col-lg-1 {
        position: relative;
        float: left;
        width: 8.33333%;
        min-height: 1px
    }
    .col-lg-2 {
        position: relative;
        float: left;
        width: 16.66667%;
        min-height: 1px
    }
    .col-lg-3 {
        position: relative;
        float: left;
        width: 25%;
        min-height: 1px
    }
    .col-lg-4 {
        position: relative;
        float: left;
        width: 33.33333%;
        min-height: 1px
    }
    .col-lg-5 {
        position: relative;
        float: left;
        width: 41.66667%;
        min-height: 1px
    }
    .col-lg-6 {
        position: relative;
        float: left;
        width: 50%;
        min-height: 1px
    }
    .col-lg-7 {
        position: relative;
        float: left;
        width: 58.33333%;
        min-height: 1px
    }
    .col-lg-8 {
        position: relative;
        float: left;
        width: 66.66667%;
        min-height: 1px
    }
    .col-lg-9 {
        position: relative;
        float: left;
        width: 75%;
        min-height: 1px
    }
    .col-lg-10 {
        position: relative;
        float: left;
        width: 83.33333%;
        min-height: 1px
    }
    .col-lg-11 {
        position: relative;
        float: left;
        width: 91.66667%;
        min-height: 1px
    }
    .col-lg-12 {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .md-only {
        display: block
    }
}

@media (min-width: 1280px) {
    .md-more {
        display: block
    }
}

@media (max-width: 1279px) {
    .md-less {
        display: block
    }
    .md-hide {
        display: none
    }
    .col-md-1 {
        position: relative;
        float: left;
        width: 8.33333%;
        min-height: 1px
    }
    .col-md-2 {
        position: relative;
        float: left;
        width: 16.66667%;
        min-height: 1px
    }
    .col-md-3 {
        position: relative;
        float: left;
        width: 25%;
        min-height: 1px
    }
    .col-md-4 {
        position: relative;
        float: left;
        width: 33.33333%;
        min-height: 1px
    }
    .col-md-5 {
        position: relative;
        float: left;
        width: 41.66667%;
        min-height: 1px
    }
    .col-md-6 {
        position: relative;
        float: left;
        width: 50%;
        min-height: 1px
    }
    .col-md-7 {
        position: relative;
        float: left;
        width: 58.33333%;
        min-height: 1px
    }
    .col-md-8 {
        position: relative;
        float: left;
        width: 66.66667%;
        min-height: 1px
    }
    .col-md-9 {
        position: relative;
        float: left;
        width: 75%;
        min-height: 1px
    }
    .col-md-10 {
        position: relative;
        float: left;
        width: 83.33333%;
        min-height: 1px
    }
    .col-md-11 {
        position: relative;
        float: left;
        width: 91.66667%;
        min-height: 1px
    }
    .col-md-12 {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .sm-only {
        display: block
    }
}

@media (min-width: 960px) {
    .sm-more {
        display: block
    }
}

@media (max-width: 959px) {
    .sm-less {
        display: block
    }
    .sm-hide {
        display: none
    }
    .col-sm-1 {
        position: relative;
        float: left;
        width: 8.33333%;
        min-height: 1px
    }
    .col-sm-2 {
        position: relative;
        float: left;
        width: 16.66667%;
        min-height: 1px
    }
    .col-sm-3 {
        position: relative;
        float: left;
        width: 25%;
        min-height: 1px
    }
    .col-sm-4 {
        position: relative;
        float: left;
        width: 33.33333%;
        min-height: 1px
    }
    .col-sm-5 {
        position: relative;
        float: left;
        width: 41.66667%;
        min-height: 1px
    }
    .col-sm-6 {
        position: relative;
        float: left;
        width: 50%;
        min-height: 1px
    }
    .col-sm-7 {
        position: relative;
        float: left;
        width: 58.33333%;
        min-height: 1px
    }
    .col-sm-8 {
        position: relative;
        float: left;
        width: 66.66667%;
        min-height: 1px
    }
    .col-sm-9 {
        position: relative;
        float: left;
        width: 75%;
        min-height: 1px
    }
    .col-sm-10 {
        position: relative;
        float: left;
        width: 83.33333%;
        min-height: 1px
    }
    .col-sm-11 {
        position: relative;
        float: left;
        width: 91.66667%;
        min-height: 1px
    }
    .col-sm-12 {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .xs-only {
        display: block
    }
}

@media (min-width: 640px) {
    .xs-more {
        display: block
    }
}

@media (max-width: 639px) {
    .xs-less {
        display: block
    }
    .xs-hide {
        display: none
    }
    .col-xs-1 {
        position: relative;
        float: left;
        width: 8.33333%;
        min-height: 1px
    }
    .col-xs-2 {
        position: relative;
        float: left;
        width: 16.66667%;
        min-height: 1px
    }
    .col-xs-3 {
        position: relative;
        float: left;
        width: 25%;
        min-height: 1px
    }
    .col-xs-4 {
        position: relative;
        float: left;
        width: 33.33333%;
        min-height: 1px
    }
    .col-xs-5 {
        position: relative;
        float: left;
        width: 41.66667%;
        min-height: 1px
    }
    .col-xs-6 {
        position: relative;
        float: left;
        width: 50%;
        min-height: 1px
    }
    .col-xs-7 {
        position: relative;
        float: left;
        width: 58.33333%;
        min-height: 1px
    }
    .col-xs-8 {
        position: relative;
        float: left;
        width: 66.66667%;
        min-height: 1px
    }
    .col-xs-9 {
        position: relative;
        float: left;
        width: 75%;
        min-height: 1px
    }
    .col-xs-10 {
        position: relative;
        float: left;
        width: 83.33333%;
        min-height: 1px
    }
    .col-xs-11 {
        position: relative;
        float: left;
        width: 91.66667%;
        min-height: 1px
    }
    .col-xs-12 {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px
    }
}

@media (min-width: 320px) and (max-width: 639px) {
    .xxs-only {
        display: block
    }
}

@media (min-width: 320px) {
    .xxs-more {
        display: block
    }
}

@media (max-width: 319px) {
    .xxs-less {
        display: block
    }
    .xxs-hide {
        display: none
    }
    .col-xxs-1 {
        position: relative;
        float: left;
        width: 8.33333%;
        min-height: 1px
    }
    .col-xxs-2 {
        position: relative;
        float: left;
        width: 16.66667%;
        min-height: 1px
    }
    .col-xxs-3 {
        position: relative;
        float: left;
        width: 25%;
        min-height: 1px
    }
    .col-xxs-4 {
        position: relative;
        float: left;
        width: 33.33333%;
        min-height: 1px
    }
    .col-xxs-5 {
        position: relative;
        float: left;
        width: 41.66667%;
        min-height: 1px
    }
    .col-xxs-6 {
        position: relative;
        float: left;
        width: 50%;
        min-height: 1px
    }
    .col-xxs-7 {
        position: relative;
        float: left;
        width: 58.33333%;
        min-height: 1px
    }
    .col-xxs-8 {
        position: relative;
        float: left;
        width: 66.66667%;
        min-height: 1px
    }
    .col-xxs-9 {
        position: relative;
        float: left;
        width: 75%;
        min-height: 1px
    }
    .col-xxs-10 {
        position: relative;
        float: left;
        width: 83.33333%;
        min-height: 1px
    }
    .col-xxs-11 {
        position: relative;
        float: left;
        width: 91.66667%;
        min-height: 1px
    }
    .col-xxs-12 {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px
    }
}

@media (max-width: 767px) {
    .textbox table th {
        font-size: 14px
    }
    .textbox table th,
    .textbox table td {
        line-height: 16px;
        width: 20%
    }
    .textbox table th:not(:first-child),
    .textbox table td:not(:first-child) {
        width: 40%
    }
}

@media (max-width: 499px) {
    .textbox table th,
    .textbox table td {
        font-size: 12px;
        line-height: 14px
    }
}

@media (max-width: 409px) {
    .textbox table {
        margin-left: -20px;
        width: calc(100% + 40px)
    }
    .textbox table th {
        font-size: 10px
    }
}

@media (max-width: 640px) {
    .form-search .input-outer,
    .form-search .select {
        overflow: visible
    }
}

@media (max-width: 640px) {
    .form-search .input-outer .searcher,
    .form-search .select .searcher {
        position: absolute;
        left: 0;
        width: 95vw;
        z-index: 10
    }
}

@media (max-width: 1280px) {
    .form-search .input-outer input[type='text'],
    .form-search .select input[type='text'] {
        width: 220px
    }
}

@media (max-width: 960px) {
    .form-search .input-outer input[type='text'],
    .form-search .select input[type='text'] {
        width: 290px
    }
}

@media (max-width: 640px) {
    .form-search .input-outer input[type='text'],
    .form-search .select input[type='text'] {
        width: 100%
    }
}

@media (max-width: 1279px) {
    .developer-filter {
        position: absolute;
        top: 100%;
        left: 0;
        padding: 14px 20px
    }
}

@media (max-width: 959px) {
    .developer-filter {
        position: relative;
        padding: 0
    }
}

@media (max-width: 959px) {
    .developer-filter-title {
        padding-left: 45px;
        padding-right: 25px
    }
}

@media (max-width: 959px) {
    .developer-filter-title:before,
    .developer-filter-title:after {
        right: 10px
    }
}

@media (max-width: 959px) {
    .developer-filter-title:after {
        right: 11px
    }
}

@media (max-width: 959px) {
    .developer-filter-title-icon {
        left: 16px;
        width: 16px
    }
}

@media (max-width: 959px) {
    .developer-filter .checkbox,
    .developer-filter .checkbox-no-js {
        margin: 15px
    }
}

@media (max-width: 639px) {
    .developer-filter .checkbox,
    .developer-filter .checkbox-no-js {
        display: -webkit-inline-box;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: -webkit-inline-flex;
        display: inline-flex;
        width: 45%;
        margin-right: 0;
        text-align: left
    }
    .developer-filter .checkbox:nth-child(even),
    .developer-filter .checkbox-no-js:nth-child(even) {
        margin-left: 0
    }
}

@media (max-width: 639px) {
    .profile .js-file-upload-form .upload-section.input label,
    .profile .document-list .upload-section.input label {
        display: block
    }
    .profile .js-file-upload-form .upload-section.input p,
    .profile .document-list .upload-section.input p {
        line-height: 24px
    }
}

@media (max-width: 639px) {
    .profile .js-document-uploading .document-uploading {
        display: block;
        margin: 0 auto
    }
}

@media (max-width: 639px) {
    .avatar .user-avatar-container label+form .save {
        display: block;
        margin: 20px auto 0
    }
}

@media (max-width: 640px) {
    ul.inline {
        background: #fff
    }
}

@media (max-width: 640px) {
    ul.inline li {
        width: 100%;
        text-align: center
    }
}

@media (max-width: 640px) {
    table.table-points thead .points-title th {
        font: 15px/16px "Roboto", sans-serif
    }
}

@media (max-width: 640px) {
    table.table-points thead .points-header th {
        font: 14px/20px "Roboto", sans-serif
    }
}

@media (max-width: 640px) {
    table.table-points th,
    table.table-points td {
        font: 12px/16px "Roboto", sans-serif;
        padding: 6px 10px
    }
}

@media (max-width: 640px) {
    .cuboid {
        width: 100%
    }
    .cuboid+.cuboid {
        margin-top: 14px
    }
}

@media (max-width: 340px) {
    .btable>div>div {
        font: 12px/14px "Roboto", sans-serif;
        padding: 5px
    }
}

@media (max-width: 660px) {
    .btable>div>div {
        font: 13px/14px "Roboto", sans-serif;
        padding: 6px
    }
}

@media (max-width: 1280px) {
    .lottery-results .btable {
        position: relative;
        margin: 0
    }
    .lottery-results .btable+.btable {
        margin: 0
    }
    .lottery-results .btable+.btable>div:first-child {
        display: none
    }
}

@media (min-width: 1280px) {
    .btable.tournament-result+div>div:first-child {
        display: block
    }
}

@media (max-width: 959px) {
    .mark.orange {
        min-width: 43px;
        max-width: calc(100% - 16px);
        line-height: 31px;
        font-size: 8px;
        padding: 0 10px
    }
    .mark.orange:before {
        content: '';
        border: 16px solid transparent;
        border-top: 31px solid #ff4800;
        border-right: 0;
        position: absolute;
        left: -16px;
        top: 0;
    }
}

@media (max-width: 639px) {
    .mark.orange .i-star {
        margin-right: 5px
    }
}

@media (max-width: 639px) {
    .mark.orange .i-star+span {
        display: none
    }
}

@media (max-width: 639px) {
    .mark.green,
    .badges .new-event {
        min-width: 43px;
        height: 42px;
        font-size: 10px;
        line-height: 15px;
        max-width: calc(100% - 10px);
        padding: 0 10px
    }
    .mark.green:before,
    .badges .new-event:before {
        content: '';
        border: 10px solid transparent;
        border-top: 15px solid #10a043;
        border-right: 0;
        position: absolute;
        left: -10px
    }
}

@media (max-width: 639px) {
    .mark.green.mark--top:before,
    .badges .mark--top.new-event:before {
        content: '';
        border: 15px solid transparent;
        border-top: 15px solid #10a043;
        border-right: 0;
        position: absolute;
        left: -15px
    }
}

@media (max-width: 767px) {
    .mark.mark--bottom.mark--right {
        font-size: 10px
    }
}

@media (max-width: 639px) {
    .i-cup {
        width: 22px;
        height: 22px
    }
}

@media (max-width: 959px) {
    .i-star {
        width: 26px;
        height: 26px
    }
}

@media (max-width: 639px) {
    .i-130x130.i-gift {
        background-position: 0 100%
    }
}

@media (max-width: 1279px) {
    ul.tabs {
        display: block;
        height: 100%
    }
    ul.tabs li {
        display: block;
        line-height: 75px;
        text-align: center;
        width: 100%
    }
    ul.tabs li span:before {
        margin: 0 auto
    }
}

@media (max-width: 1279px) {
    .tabs-content {
        float: none;
        position: absolute;
        top: 0;
        left: 45px;
        bottom: 0;
        height: 100%
    }
    .tabs-content .tabs-panel:first-child {
        display: none
    }
    .tabs-content .tabs-panel:first-child.active {
        display: block
    }
    .tabs-content .tabs-panel.active .close {
        display: block
    }
}

@media (max-width: 1279px) {
    .menu-games-title+#menu-games {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        position: absolute;
        top: 100%;
        left: 0;
        padding: 25px 20px
    }
}

@media (max-width: 959px) {
    .menu-games-title+#menu-games {
        position: relative;
        padding: 0
    }
}

@media (max-width: 959px) {
    .menu-games-title {
        padding-left: 45px;
        padding-right: 25px
    }
}

@media (max-width: 959px) {
    .menu-games-title:before,
    .menu-games-title:after {
        right: 10px
    }
}

@media (max-width: 959px) {
    .menu-games-title:after {
        right: 11px
    }
}

@media (max-width: 959px) {
    .menu-games-title-icon {
        left: 9px;
        width: 25px
    }
}

@media (max-width: 767px) {
    .menu-user {
        position: relative;
        top: 0;
        padding-bottom: 70px
    }
}

@media (max-width: 767px) {
    .menu-user:before {
        display: none
    }
}

@media (max-width: 959px) {
    .menu-user__header {
        -webkit-align-items: flex-start;
        align-items: flex-start
    }
}

@media (max-width: 959px) {
    .menu-user__btn-wrap {
        display: block
    }
}

@media (max-width: 639px) {
    .menu-user__btn-wrap {
        position: absolute;
        bottom: 20px;
        left: 0;
        width: 100%;
        text-align: center
    }
}

@media (max-width: 639px) {
    .menu-user__links {
        display: none
    }
}

@media (max-width: 639px) {
    .menu-user__footer {
        display: none
    }
}

@media (max-width: 639px) {
    .menu-main .menu-user.open {
        margin-bottom: 20px
    }
}

@media (min-width: 1551px) and (max-width: 1919px) {
    #main-swiper .swiper-slide .slide-content {
        margin-right: -730px
    }
}

@media (max-width: 1550px) {
    #main-swiper .swiper-slide .slide-content {
        right: 45px;
        margin-right: 0
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    #main-swiper .swiper-slide .slide-content {
        right: 14px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    #main-swiper .swiper-slide .slide-content {
        width: auto;
        right: 0;
        left: 0
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    #main-swiper .swiper-pagination {
        left: 35px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    #main-swiper .swiper-pagination {
        left: 5px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    #main-swiper .swiper-pagination {
        left: 0;
        right: 0;
        margin: 0 auto
    }
}

@media (max-width: 639px) {
    #main-swiper {
        display: none
    }
}

@media (max-width: 1279px) {
    .game-block.game-new-swiper .swiper-button-next,
    .game-block.game-new-swiper .swiper-button-prev {
        display: none
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .game-block.game-new-swiper .swiper-slide {
        width: 25%
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .game-block.game-new-swiper .swiper-slide {
        width: 33.333%
    }
}

@media (max-width: 639px) {
    .game-block.game-new-swiper .swiper-slide {
        width: 50%
    }
}

@media (max-width: 1209px) {
    #deposit-gifts .swiper-container {
        margin-top: 25px
    }
    #deposit-gifts .swiper-scrollbar {
        display: block
    }
}

@media (max-width: 959px) {
    #deposit-gifts .swiper-pagination {
        bottom: 30px;
        top: initial
    }
    #deposit-gifts .swiper-pagination-bullet {
        height: 8px;
        display: inline-block;
        width: 8px;
        background-color: #969596;
        transition: .15s;
        vertical-align: middle;
        opacity: 1
    }
    #deposit-gifts .swiper-pagination-bullet-active {
        -o-transform: scale(1.6);
        -moz-transform: scale(1.6);
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
        background-color: #ff3f00
    }
    #deposit-gifts .swiper-container {
        padding-bottom: 70px
    }
    #deposit-gifts .swiper-scrollbar {
        display: none
    }
}

@media (max-width: 767px) {
    .header__content .btns {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-align-items: center;
        align-items: center;
        margin-right: 0
    }
}

@media (max-width: 767px) {
    .menu-main-container .header-user-info {
        width: 50%
    }
}

@media (max-width: 767px) {
    .menu-main-container .header-user-info .lang {
        display: block
    }
}

@media (min-width: 640px) {
    .menu-main ul#menu-main li.li-logout {
        display: none
    }
}

@media (min-width: 1200px) {
    .menu-main ul#menu-main:before,
    .menu-main ul#menu-main:after {
        content: '';
        display: block;
        height: 40px;
        width: 1px;
        position: absolute;
        top: 50%;
        margin-top: -20px;
        left: 0;
        background: rgba(255, 255, 255, 0.23)
    }
    .menu-main ul#menu-main:after {
        left: auto;
        right: 0
    }
}

@media (max-width: 1480px) {
    .header__content .wrapper-inner {
        height: 80px
    }
    .logo-outer {
        left: 60px
    }
    .logo-outer a {
        margin-left: 0
    }
    .menu-main-open {
        display: block;
        top: 30px
    }
    .lang ul {
        top: 40px;
        z-index: 2
    }
}

@media (max-width: 1460px) {
    .betting-links__item {
        padding: 8px 1vw;
    }
}

@media (max-width: 1345px) {
    .betting-links__item {
        padding: 8px 0.5vw;
    }
}

@media (max-width: 1280px) {
    .header--betting {
        margin-top: 52px;
    }
    .header--betting .menu-main-open {
        top: 84px
    }
    .header--betting .menu-main-open.open {
        top: 26px
    }
    .logo-outer {
        width: 140px;
        height: 35px
    }
}

@media (max-width: 767px) {
    .header__content .btns.signed {
        margin-right: 0
    }
    .header--betting .menu-main-open.open {
        top: 32px
    }
    .header .menu-main-open {
        width: 18px;
        height: 12px
    }
    .header .menu-main-open span:nth-child(2) {
        top: 6px
    }
    .header .menu-main-open span:nth-child(3) {
        bottom: -3px
    }
    .header .menu-main-open.open span {
        width: 20px
    }
    .header .menu-main-open.open span:nth-child(1) {
        top: 6px
    }
    .header-user-info .btns .btn span[class^="i-"] {
        margin-top: 0
    }
    .header-user-info .btns .btn-cashier-sm {
        -webkit-align-items: center;
        align-items: center;
        width: auto;
        height: auto;
        padding: 7px 15px;
        font-size: 12px;
        line-height: 1;
        text-transform: inherit;
        background: #10a043;
        border-radius: 3px
    }
    .header-user-info .btns .btn-cashier-sm span {
        order: 2
    }
    .header-user-info .btns .btn-cashier-sm .cashier-sm-icon {
        width: 16px;
        height: 15px;
        margin-right: 7px
    }
    .header-user-info .btns .btn-cashier,
    .header-user-info .btns .btn.user-signin {
        display: none
    }
    .header-user-info .btns .btn-cashier-sm,
    .header-user-info .btns .btn-signin-sm {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }
    .header-user-info .btns .btn-signin-sm {
        margin-right: 15px
    }
    .header-user-info .btns .btn-register {
        width: auto;
        height: auto;
        padding: 0;
        margin-right: 0;
        line-height: 1;
        background: transparent;
        border: 0;
        border-radius: 0;
        text-align: center
    }
    .header-user-info .btns .btn-register span:not([class^="i-"]) {
        display: none
    }
    .header-user-info .btns .btn-register span[class^="i-"] {
        margin-right: 0
    }
    .header-user-info .btns .btn-register .i-check-reg {
        width: 22px;
        height: 26px;
        /*background: url(../img/mediareg-sm-36b37c331774a428d2f755caae32cf39884a3c9d4fcb7de9330a3d1253bd1c11.svg) 50% 0 no-repeat;*/
    }
    .header+section {
        margin-top: 125px;
    }
    .slider_sc {
        height: 0;
    }
    .header+section.statuses,
    .header+section.cabinet {
        margin-top: 0
    }
    .logo-outer {
        left: 35px;
        width: 120px;
        height: 20px
    }
    .user-data .name {
        display: none
    }
    .menu-main {
        padding: 0
    }
    .menu-main .menu-user {
        display: block;
        background: #0d1b23;
        padding: 10px 20px
    }
    .menu-main .menu-user__status {
        display: none
    }
    .menu-main .menu-user__name span {
        display: none
    }
    .menu-main .menu-user__meta-top {
        padding: 0;
        border-bottom: 0
    }
    .menu-main .menu-user__meta-bottom {
        padding: 0
    }
    .menu-main .menu-user__meta-bottom span:nth-child(3) {
        display: none
    }
    .menu-main .menu-user__meta-bottom .menu-user__btn-wrap {
        display: none
    }
    .menu-main .menu-user__userpic {
        width: 55px;
        height: 55px;
        margin: 0 12px 0 0
    }
    .menu-main ul#menu-main {
        overflow: auto
    }
    .menu-main ul#menu-main li.li-user-profile {
        display: block
    }
    .menu-main .btns {
        display: block;
        position: relative;
        right: auto;
        top: auto;
        margin-bottom: 24px;
        z-index: 999
    }
    .menu-main .btns.signed {
        display: none
    }
    .menu-main .btns--logged {
        display: none
    }
    .menu-main .btns .btn {
        display: block;
        margin: 0 auto;
        min-width: 198px;
        max-width: 260px;
        text-align: center
    }
    .menu-main .btns .btn.btn-cashier,
    .menu-main .btns .btn.btn-signin-sm {
        display: none
    }
    .menu-main .btns .btn+.btn {
        margin-top: 15px
    }
    .lang {
        display: none
    }
    .user-info {
        display: none
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .logo-outer {
        max-width: 150px
    }
}

@media (max-width: 639px) {
    .header {
        margin-top: 0
    }
    .header--betting {
        margin-top: 50px
    }
    .menu-main .btns .btn.btn-cashier {
        margin: 0 auto 32px
    }
}

@media (max-width: 600px) {
    #wrapper.overlap {
        z-index: 1001
    }
}

@media (max-width: 1279px) {
    footer ul a {
        font-size: 12px
    }
}

@media (max-width: 959px) {
    footer ul {
        margin: 20px 0 15px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    footer .payments {
        padding: 0 45px 10px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    footer .payments>.wrapper {
        padding: 8px 0 0
    }
}

@media (max-width: 639px) {
    footer .payments>.wrapper {
        border-bottom: 1px solid rgba(16, 160, 67, 0.15);
        padding: 10px 0
    }
    footer .payments .ico {
        margin: 6px 15px
    }
}

@media (max-width: 639px) {
    footer .services {
        -o-transform: scale(0.84);
        -moz-transform: scale(0.84);
        -webkit-transform: scale(0.84);
        transform: scale(0.84);
        margin: 5px 12px
    }
}

@media (max-width: 960px) {
    footer {
        position: relative;
        float: left
    }
}

@media (max-width: 639px) {
    .game-outer {
        background: none
    }
}

@media (max-width: 679px) {
    .game .game-info-icon.mobile {
        width: 30px;
        height: 30px;
        top: 10px;
        left: 10px
    }
}

@media (max-width: 480px) {
    .game .game-info-icon.mobile {
        top: 8px;
        left: 8px;
        width: 25px;
        height: 25px
    }
}

@media (max-width: 639px) {
    .game .play {
        width: 54px;
        max-height: 54px
    }
}

@media (max-width: 639px) {
    .game-outer .game-stats {
        display: none
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .game-block.lucky-game .game-outer.lucky-user {
        width: 66.666%
    }
}

@media (max-width: 767px) {
    .game-block.lucky-game .game-outer .lucky-info {
        height: auto
    }
}

@media (max-width: 959px) {
    .welcome-text div {
        display: inline-block;
        margin-right: 5px
    }
    .lucky-win div {
        display: inline-block;
        vertical-align: middle;
        margin: 0 3px
    }
}

@media (max-width: 1420px) {
    .game-block.lucky-game .lucky-user-inner {
        padding: 10px
    }
    .game-block.lucky-game .lucky-user-inner .lucky-title {
        font-size: 16px;
        padding-bottom: 7px;
        margin-bottom: 2px
    }
    .game-block.lucky-game .lucky-user-inner .lucky-sum {
        font-size: 20px
    }
}

@media (max-width: 479px),
(min-width: 640px) and (max-width: 767px) {
    .game {
        -webkit-align-items: flex-start;
        align-items: flex-start
    }
    .game-title {
        font-size: 12px;
        padding: 17% 0;
        padding-bottom: 0;
        max-width: 97%;
        margin: 0 auto
    }
}

@media (max-width: 639px) {
    .lucky-section .wrapper {
        padding: 0 7px
    }
    .game-block.lucky-game .game-outer {
        padding: 5px
    }
    .game-block.lucky-game .game-outer .lucky-info {
        padding: 7px
    }
    .game-block.lucky-game .game-outer.lucky-user {
        width: 100%
    }
}

@media (max-width: 839px) {
    .game-outer .game-description {
        width: calc(100% + 20px);
        left: -10px
    }
}

@media (max-width: 839px) {
    .game-outer .game-description:before,
    .game-outer .game-description:after {
        margin-left: 43px
    }
}

@media (max-width: 639px) {
    .game-outer .game-description:before,
    .game-outer .game-description:after {
        margin-left: 39px
    }
}

@media (max-width: 679px) {
    .game-outer .game-description.mobile {
        width: calc(100% + 20px);
        left: -10px;
        top: 59px
    }
}

@media (max-width: 480px) {
    .game-outer .game-description.mobile {
        width: calc(100% + 46px);
        left: -23px;
        top: 51px
    }
}

@media (max-width: 839px) {
    .game-outer .game-description.mobile:before,
    .game-outer .game-description.mobile:after {
        margin-left: 40px
    }
}

@media (max-width: 679px) {
    .game-outer .game-description.mobile:before,
    .game-outer .game-description.mobile:after {
        margin-left: 32px
    }
}

@media (max-width: 480px) {
    .game-outer .game-description.mobile:before,
    .game-outer .game-description.mobile:after {
        margin-left: 38px
    }
}

@media (max-width: 1280px) {
    section.subnavigation {
        overflow: visible
    }
}

@media (max-width: 959px) {
    section.subnavigation .form-search {
        max-width: initial
    }
}

@media (max-width: 640px) {
    section.subnavigation .form-search.form-search-searchable~* {
        display: none
    }
}

@media (max-width: 639px) {
    section.subnavigation {
        margin-top: 80px
    }
    section.subnavigation.statuses,
    section.subnavigation.cabinet {
        margin-top: 0
    }
}

@media (max-width: 639px) {
    section.subnavigation--betting {
        margin-top: 130px
    }
}

@media (max-width: 1480px) {
    section.subnavigation #menu-games .menu-games_second {
        display: none
    }
}

@media (max-width: 960px) {
    section.subnavigation #menu-games {
        display: none
    }
}

@media (max-width: 959px) {
    section.subnavigation #menu-games li {
        margin: 15px
    }
}

@media (max-width: 639px) {
    section.subnavigation #menu-games li {
        display: -webkit-inline-box;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: -webkit-inline-flex;
        display: inline-flex;
        width: 45%;
        margin-right: 0;
        text-align: left
    }
    section.subnavigation #menu-games li:nth-child(even) {
        margin-left: 0
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    section .wrapper,
    .section .wrapper,
    .header__content .wrapper,
    #main-swiper .wrapper,
    .line .wrapper {
        padding: 0 45px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    section .wrapper,
    .section .wrapper,
    .header__content .wrapper,
    #main-swiper .wrapper,
    .line .wrapper {
        padding: 0 14px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    section .wrapper,
    .section .wrapper,
    .header__content .wrapper,
    #main-swiper .wrapper,
    .line .wrapper {
        padding: 0 20px
    }
}

@media (max-width: 639px) {
    section .wrapper,
    .section .wrapper,
    .header__content .wrapper,
    #main-swiper .wrapper,
    .line .wrapper {
        padding: 0 14px
    }
}

@media (max-width: 639px) {
    section.cabinet>.wrapper {
        padding: 0
    }
}

@media (max-width: 639px) {
    .slider_sc {
        display: none
    }
}

@media (max-width: 1279px) {
    .game-block.game-new-swiper,
    .search-results .game-block.founded.game-new-swiper,
    .game-block.board.game-new-swiper {
        padding: 30px 0
    }
}

@media (max-width: 639px) {
    .game-block,
    .search-results .game-block.founded,
    .game-block.board {
        margin: 0
    }
}

@media (max-width: 959px) {
    .widgets {
        margin: 10px 0
    }
}

@media (max-width: 1279px) {
    .live-games-info {
        width: 100%;
        padding: 0 20px
    }
}

@media (max-width: 639px) {
    section.index .recommended-title {
        position: relative;
        margin-bottom: 10px
    }
    section.index .recommended-title .mark {
        font-size: 18px;
        height: initial;
        padding-top: 10px
    }
    section.index .recommended-title .mark:before,
    section.index .recommended-title .mark:after {
        display: none
    }
}

@media (max-width: 639px) {
    .game-block.second {
        margin: 20px 0
    }
}

@media (max-width: 639px) {
    .index .game-block {
        padding-top: 0
    }
}

@media (min-width: 1280px) {
    .game-block .game-outer:nth-of-type(5n) {
        margin-right: 0
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .game-block .game-outer {
        width: 23.7%;
        margin-right: 1.7%;
        padding-top: 16.6666%
    }
    .game-block .game-outer:nth-of-type(5n) {
        margin-right: 1.7%;
    }
    .game-block .game-outer:nth-child(n+9) {
        display: none
    }
    .game-block .game-outer:nth-of-type(4n) {
        margin-right: 0
    }
    .game-block.board .game-outer:nth-child(n+9),
    .game-block.founded .game-outer:nth-child(n+9) {
        display: block
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .game-block .game-outer {
        width: 31.8%;
        margin-top: 15px;
        margin-right: 2.3%;
        padding-top: 22.2219%
    }
    .game-block .game-outer:nth-of-type(5n) {
        margin-right: 2.3%;
    }
    .game-block .game-outer:nth-child(n+10) {
        display: none
    }
    .game-block .game-outer:nth-of-type(3n) {
        margin-right: 0
    }
    .game-block.board .game-outer:nth-child(n+10),
    .game-block.founded .game-outer:nth-child(n+10) {
        display: block
    }
    .game-block.live-games .game-outer .mark.green,
    .game-block.live-games .game-outer .badges .new-event,
    .badges .game-block.live-games .game-outer .new-event {
        max-width: calc(100% - 25px);
        min-width: calc(100% - 45px);
        height: 38px;
        line-height: 15px;
        padding: 5px 5px 0
    }
    .game-block.live-games .game-outer .mark.green:after,
    .game-block.live-games .game-outer .badges .new-event:after,
    .badges .game-block.live-games .game-outer .new-event:after {
        border-width: 22px;
        border-top-width: 38px
    }
}

@media (max-width: 639px) {
    .game-block .game-outer {
        width: 49%;
        margin-top: 15px;
        margin-right: 2%;
        padding-top: 33.3333%
    }
    .game-block .game-outer:nth-of-type(5n) {
        margin-right: 2%;
    }
    .game-block .game-outer:nth-child(n+7) {
        display: none
    }
    .game-block .game-outer:nth-of-type(even) {
        margin-right: 0
    }
    .unavailable-game .game-block .game-outer {
        width: 33.333%;
        padding-top: 22.2219%
    }
    .game-block .game-outer .game {
        margin: 2px
    }
    .game-block.board .game-outer:nth-child(n+7),
    .game-block.founded .game-outer:nth-child(n+7) {
        display: block
    }
    .unavailable-game .game-block.board .game-outer:nth-child(n+7),
    .unavailable-game .game-block.founded .game-outer:nth-child(n+7) {
        display: block
    }
    .game-block.live-games .game-outer .mark {
        right: 0
    }
    .game-block.live-games .game-outer .mark.green,
    .game-block.live-games .game-outer .badges .new-event,
    .badges .game-block.live-games .game-outer .new-event {
        max-width: 100%;
        min-width: 100%;
        height: 38px;
        line-height: 15px;
        padding: 5px 5px 0
    }
}

@media (max-width: 639px) {
    .currency-page,
    .change-password-page {
        padding: 0
    }
}

@media (max-width: 1919px) {
    .widget.widget-tourneys:before,
    .widget.widget-latest-wins:before {
        padding-top: 60%
    }
}

@media (max-width: 1279px) {
    .widget.widget-tourneys:before,
    .widget.widget-latest-wins:before {
        padding-top: 71.42%
    }
}

@media (max-width: 959px) {
    .widget.widget-tourneys,
    .widget.widget-latest-wins {
        width: 100%;
        margin: 15px 0
    }
    .widget.widget-tourneys:before,
    .widget.widget-latest-wins:before {
        padding-top: 58.33%
    }
}

@media (max-width: 639px) {
    .widget.widget-tourneys,
    .widget.widget-latest-wins {
        margin: 12px 0;
        min-height: 334px;
        height: auto
    }
    .widget.widget-tourneys:before,
    .widget.widget-latest-wins:before {
        padding: 0
    }
}

@media (max-width: 1919px) {
    .widget.widget-tourneys .widget-detail {
        top: 61.1%
    }
}

@media (max-width: 1279px) {
    .widget.widget-tourneys .widget-detail {
        bottom: 17px;
        top: 52%;
        padding-top: 0
    }
    .widget.widget-tourneys .widget-description {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        height: 70%;
        width: 60%
    }
    .widget.widget-tourneys .widget-description .bg-grey_title,
    .widget.widget-tourneys .widget-description .h4 {
        line-height: 24px;
        padding-top: 7px
    }
    .widget.widget-tourneys .tourneys-prizepool {
        display: table;
        height: 70%;
        padding-top: 10%;
    }
    .widget.widget-tourneys .tourneys-prizepool .tourneys-prizepool-value {
        display: table-cell;
        vertical-align: middle
    }
}

@media (max-width: 959px) {
    .widget.widget-tourneys .mark.orange {
        line-height: 37px;
        font-size: 12px;
        max-width: calc(100% - 20px)
    }
    .widget.widget-tourneys .mark.orange:before {
        content: '';
        border: 20px solid transparent;
        border-top: 37px solid #ff4800;
        border-right: 0;
        position: absolute;
        left: -20px
    }
    .widget.widget-tourneys .widget-detail {
        bottom: 20px;
        top: 63%
    }
    .widget.widget-tourneys.default {
        min-height: initial
    }
    .widget.widget-tourneys.default:before {
        display: none
    }
    .widget.widget-tourneys.default .widget-inner {
        position: relative
    }
    .widget.widget-tourneys.default .info {
        padding: 50px 20px
    }
}

@media (max-width: 639px) {
    .widget.widget-tourneys.default .info {
        padding: 25px 20px
    }
    .widget.widget-tourneys .mark.orange {
        line-height: 26px;
        font-size: 10px;
        max-width: calc(100% - 14px)
    }
    .widget.widget-tourneys .mark.orange:before {
        content: '';
        border: 14px solid transparent;
        border-top: 26px solid #ff4800;
        border-right: 0;
        position: absolute;
        left: -14px
    }
    .widget.widget-tourneys .widget-inner {
        position: relative
    }
    .widget.widget-tourneys .widget-detail {
        position: relative;
        top: auto;
        bottom: auto;
        right: auto;
        left: auto;
        padding: 0 13px;
        text-align: center
    }
    .widget.widget-tourneys .widget-detail .widget-description,
    .widget.widget-tourneys .widget-detail .tourneys-prizepool {
        text-align: left;
        display: block
    }
    .widget.widget-tourneys .widget-detail .tourneys-prizepool {
        overflow: hidden;
        float: none;
        clear: both;
        display: block;
        height: auto;
        padding: 3px 0 14px
    }
    .widget.widget-tourneys .widget-detail .tourneys-prizepool .tourneys-prizepool-value {
        display: block
    }
    .widget.widget-tourneys .widget-description {
        display: block;
        height: auto;
        width: 100%
    }
    .widget.widget-tourneys .widget-description .bg-grey_title,
    .widget.widget-tourneys .widget-description .h4 {
        padding-top: 14px
    }
    .widget.widget-tourneys .tourney-links {
        position: relative;
        right: auto;
        bottom: auto;
        display: inline-block;
        margin: 0 0 35px
    }
    .widget.widget-tourneys .tourney-links a {
        margin-left: 0
    }
    .widget.widget-tourneys .swiper-pagination {
        right: 0;
        left: 0;
        margin: 0 auto
    }
}

@media (max-width: 1279px) {
    .gamemode .widget.widget-tourneys .widget-image {
        display: none
    }
    .gamemode .widget.widget-tourneys .widget-detail {
        padding-top: 30px
    }
}

@media (max-width: 1579px) {
    .gamemode.ratio_16_9 .widget.widget-tourneys .widget-image {
        display: none
    }
}

@media (max-width: 1919px) {
    .widget.widget-latest-wins .latest-winners li:nth-of-type(n+7) {
        display: none
    }
}

@media (max-width: 959px) {
    .widget.widget-latest-wins {
        height: auto;
        min-height: 334px
    }
    .widget.widget-latest-wins:before {
        padding: 0
    }
}

@media (max-width: 639px) {
    .widget.widget-latest-wins .latest-winners li {
        width: 100%
    }
    .widget.widget-latest-wins .latest-winners li:nth-of-type(n+4) {
        display: none
    }
}

@media (max-width: 959px) {
    .widget.widget-jackpot .separate-jackpots .btn-wrapper {
        width: 100%;
        padding-top: 20px
    }
}

@media (max-width: 860px) {
    .widget.widget-jackpot .separate-jackpots .separate-jackpot-wrapper .separate-jackpot .separate-jackpot-value {
        font-size: 20px;
    }
}

@media (max-width: 639px) {
    .widget.widget-jackpot .separate-jackpots .separate-jackpot-wrapper .separate-jackpot .separate-jackpot-img {
        z-index: 1;
        width: 100%;
        height: 35px;
        padding: 5px 10px
    }
    .widget.widget-jackpot .separate-jackpots .separate-jackpot-wrapper .separate-jackpot .separate-jackpot-img__multi {
        position: absolute
    }
}

@media (max-width: 639px) {
    .widget.widget-jackpot .separate-jackpots .separate-jackpot-wrapper .separate-jackpot .separate-jackpot-value .values .value .type {
        padding: 2px 6px;
        margin-right: 5px
    }
}

@media (min-width: 639px) {
    .widget.widget-jackpot .separate-jackpots .separate-jackpot-wrapper .separate-jackpot .separate-jackpot-value .values {
        animation: rotation 5s infinite linear
    }
}

@media (max-width: 639px) {
    .widget.widget-jackpot .separate-jackpots .separate-jackpot-wrapper .separate-jackpot .separate-jackpot-value .values {
        padding: 0;
        padding-top: 50px;
        animation: rotationMobile 5s infinite linear
    }
}

@media (max-width: 639px) {
    .widget.widget-jackpot .separate-jackpots .separate-jackpot-wrapper .separate-jackpot .separate-jackpot-value {
        width: 100%;
        height: 35px;
        font-size: 14px;
        line-height: 19px
    }
}

@media (max-width: 639px) {
    .widget.widget-jackpot .separate-jackpots .separate-jackpot-wrapper .separate-jackpot {
        display: block;
        height: 70px
    }
}

@media (max-width: 959px) {
    .widget.widget-jackpot .separate-jackpots .separate-jackpot-wrapper {
        width: 100%
    }
}

@media (max-width: 959px) {
    .widget.widget-jackpot .separate-jackpots {
        display: block
    }
}

@media (max-width: 1919px) {
    .widget.widget-jackpot .currency-block {
        font-size: 8vw
    }
}

@media (max-width: 1279px) {
    .widget.widget-jackpot .currency-block {
        font-size: 10vw
    }
}

@media (max-width: 959px) {
    .widget.widget-jackpot {
        background: url(../img/widget-jackpot-bg.png) 50% 0 no-repeat;
        background-size: auto 100%
    }
    .widget.widget-jackpot:before,
    .widget.widget-jackpot:after {
        display: none
    }
    .widget.widget-jackpot .jackpot-inner {
        padding: 20px 0
    }
}

@media (max-width: 639px) {
    .widget.widget-jackpot .jackpot-title>span {
        font-size: 18px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .widget.widget-live-casino .offers-link {
        bottom: 10px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .widget.widget-live-casino {
        width: 50%
    }
    .widget.widget-live-casino .offers-link {
        right: 10px
    }
}

@media (max-width: 959px) {
    .widget.widget-live-casino {
        width: 100%
    }
    .widget.widget-live-casino .offers-link {
        right: 15px;
        bottom: 15px
    }
}

@media (max-width: 639px) {
    .widget.widget-live-casino .widget-outer:before {
        padding-top: calc(45.97% + 218px)
    }
    .widget.widget-live-casino .widget-description {
        width: 100%;
        padding: 0 6px;
        text-align: left
    }
    .widget.widget-live-casino .widget-detail {
        position: relative;
        top: auto;
        bottom: auto;
        right: auto;
        left: auto;
        padding: 0 13px;
        text-align: center
    }
    .widget.widget-live-casino .widget-timer-container {
        float: left;
        width: 100%;
        padding: 0
    }
    .widget.widget-live-casino .offers-link {
        position: relative;
        right: auto;
        bottom: auto;
        display: inline-block;
        margin: 10px 0 60px
    }
    .widget.widget-live-casino .swiper-pagination {
        left: 0;
        right: 0;
        bottom: 25px
    }
}

@media (max-width: 640px) {
    .bottomline-winners.line.bottomline .close {
        top: 50%
    }
}

@media (max-width: 640px) {
    .bottomline-winners-wrapper.wrapper {
        padding: 10px 20px
    }
}

@media (max-width: 1280px) {
    .bottomline-winners-list.latest-winners li {
        width: calc(100% / 3)
    }
    .bottomline-winners-list.latest-winners li:nth-child(4) {
        display: none
    }
}

@media (max-width: 960px) {
    .bottomline-winners-list.latest-winners li {
        width: 50%
    }
    .bottomline-winners-list.latest-winners li:nth-child(3) {
        display: none
    }
}

@media (max-width: 640px) {
    .bottomline-winners-list.latest-winners li {
        width: 100%
    }
    .bottomline-winners-list.latest-winners li:nth-child(2) {
        display: none
    }
}

@media (max-width: 1919px) {
    .live-casino-top .live-casino-overlay {
        min-width: 1460px;
        margin-left: -730px
    }
    .live-casino-top .wrapper {
        max-width: 1460px
    }
}

@media (max-width: 1279px) {
    .live-casino .game-outer:nth-child(n+5) {
        display: none
    }
    .live-casino .game-glock,
    .live-casino-top {
        padding: 0 14px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .live-casino .game-outer:nth-child(n+4) {
        margin-top: 10px
    }
}

@media (max-width: 959px) {
    .live-casino .game-block .wrapper {
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }
    .live-casino .game-outer:nth-child(n+5),
    .live-casino .game-outer:nth-child(n+6) {
        display: block
    }
    .live-casino .game-outer:nth-child(n+7) {
        display: none
    }
    .live-casino-top .live-casino-girl {
        position: relative;
        right: -40px
    }
}

@media (max-width: 639px) {
    .live-casino .live-casino-girl {
        width: 125px;
        height: 217px;
        margin-bottom: -36px;
        right: -10px
    }
    .live-casino .live-casino-man {
        margin-bottom: -10px;
        left: -10px;
        width: 200px;
        height: 166px
    }
    .live-casino .rec {
        bottom: auto;
        top: 20px
    }
}

@media (max-width: 1020px) {
    .egt-items {
        display: none
    }
}

@media (max-width: 1279px) {
    .game-widget {
        width: calc(100% + 28px);
        right: 14px
    }
}

@media (max-width: 959px) {
    .game-widget {
        width: calc(100% + 40px);
        right: 20px
    }
}

@media (max-width: 639px) {
    .game-widget {
        width: calc(100% + 28px);
        right: 14px;
        background-size: cover
    }
    .game-widget .lucky-header {
        display: block
    }
}

@media (max-width: 639px) {
    .game-widget .title {
        margin-top: 10px;
        border: 0
    }
    .game-widget .title div p {
        border: 0;
        padding: 0 60px
    }
    .game-widget .title div:before,
    .game-widget .title div:after {
        content: none
    }
}

@media (min-width: 1279px) {
    .recommended-group .game-outer:nth-child(n+5) {
        display: none
    }
}

@media (max-width: 1279px) {
    .recommended-group .game-outer {
        width: 25%
    }
    .recommended-group .game-outer:nth-child(n+4) {
        display: none
    }
}

@media (max-width: 959px) {
    .recommended-group .game-outer {
        width: calc(100% / 3)
    }
    .recommended-group .game-outer:nth-child(n+3) {
        display: none
    }
}

@media (max-width: 639px) {
    .recommended-group {
        margin: 20px 5px
    }
    .recommended-group .game-outer {
        margin: 15px 4%;
        width: 40%;
        padding-top: 26.6666%
    }
}

@media (max-width: 1279px) {
    .lucky-group .lucky-list .game-outer:nth-child(n+5) {
        display: none
    }
}

@media (max-width: 959px) {
    .lucky-group .lucky-list .game-outer:nth-child(n+4) {
        display: none
    }
    .lucky-group .lucky-list .lucky-user {
        width: calc(100% / 3) !important
    }
}

@media (max-width: 639px) {
    .lucky-group .lucky-list .game-outer:nth-child(n+2) {
        display: block
    }
    .lucky-group .lucky-list .lucky-user {
        display: none
    }
}

@media (max-width: 639px) {
    .lucky-group {
        margin: 15px
    }
    .lucky-group button {
        margin-top: 15px
    }
}

@media (max-width: 767px) {
    .default-popup {
        padding: 0 20px;
        font-size: 16px
    }
}

@media (max-width: 767px) {
    .default-popup__inner {
        padding: 36px 15px
    }
}

@media (max-width: 767px) {
    .default-popup__title {
        margin-bottom: 15px
    }
}

@media (max-width: 767px) {
    .default-popup__content {
        margin-bottom: 15px
    }
}

@media (max-width: 767px) {
    .default-popup__actions {
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width: 767px) {
    .default-popup__actions>*+* {
        margin-left: 0;
        margin-top: 20px
    }
}

@media (max-width: 767px) {
    .default-popup__close.close {
        right: 30px
    }
}

@media (max-width: 1280px) {
    .betting {
        margin-top: 130px !important
    }
}

@media (max-width: 640px) {
    .betting .wrapper {
        padding: 0
    }
}

@media (max-width: 1480px) {
    .betting-links {
        margin-left: 90px
    }
}

@media (max-width: 1280px) {
    .betting-links {
        position: absolute;
        left: 0;
        top: -52px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        padding-top: 10px;
        margin-left: -15px;
        background: #000
    }
    .betting-links:before,
    .betting-links:after {
        content: '';
        position: absolute;
        top: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        background: #000
    }
    .betting-links:before {
        left: -100%
    }
    .betting-links:after {
        right: -100%
    }
}

@media (max-width: 640px) {
    .betting-links {
        top: -54px
    }
}

@media (max-width: 1280px) {
    .betting-links__item {
        padding: 0;
        color: #999;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px
    }
    .betting-links__item span {
        display: block;
        position: relative;
        padding: 14px 15px
    }
    .betting-links__item span:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        width: 1px;
        height: 10px;
        background: rgba(153, 153, 153, 0.32);
        -o-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .betting-links__item.active span:after,
    .betting-links__item.active+.betting-links__item span:after,
    .betting-links__item:first-child span:after {
        display: none
    }
}

@media (max-width: 640px) {
    .betting-links__item {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        min-height: 52px;
        font-size: 12px
    }
}

@media (max-width: 1280px) {
    .betting-links__item.active {
        color: #fff;
        background: #0f171c
    }
    .betting-links__item.active:first-child:before {
        left: -55px;
        width: 59px;
        height: 57px
    }
    .betting-links__item.active:before,
    .betting-links__item.active:after {
        content: '';
        position: absolute;
        bottom: 0;
        display: none;
        width: 20px;
        height: 20px;
        background: url(/media/ear-4f6ae3dfe5b8b22fbffde27b3d64d6b8ce3c5eb9a6e80511d08ee1bfb77e2610.svg) 0 0/cover no-repeat
    }
    .betting-links__item.active:before {
        left: -20px;
        display: block;
        -o-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
    .betting-links__item.active:after {
        right: -20px;
        display: block
    }
}

@media (max-width: 767px) {
    section.bg-white {
        margin-top: 500px;
    }
}

@media (max-width: 639px) {
    section.bg-white {
        margin-top: 130px;
    }
}

@media (max-width: 479px) {
    section.bg-white {
        margin-top: 68px;
    }
}

@media (max-width: 485px) {
    .betting-links {
        display: none;
    }
    .header--betting {
        margin-top: 0;
    }
    .header--betting .menu-main-open {
        top: 34px;
    }
    .header+section {
        margin-top: 70px;
    }
}

@media (max-width: 1279px) and (min-width: 960px) {
    .game-block .game-outer:nth-of-type(4n) {
        margin-right: 0;
    }
}

@media (max-width: 959px) {
    .widget.widget-tourneys .tourneys-prizepool {
        padding-top: 7%;
    }
}

@media (max-width: 639px) {
    .widget.widget-tourneys {
        min-height: auto;
    }
}

@media (max-width: 959px) {
    .clearfix.index .mark.orange:before {
        left: -15px;
        top: -5px;
    }
}