@charset "utf-8";@media (min-width: 320px) and (max-width:767px) {
    .branding-injection.futureplay {
        background-image:url(../image/branding/futureplay/bg-mobile.png)
    }

    .branding-injection.bcgame {
        background-image: url(../image/branding/bcgame/bcgame-branding.png)
    }

    .branding-injection.thunderpick {
        background-image: url(../image/branding/thunderpick/branding/esports-mobile.png)
    }

    .branding-injection.thunderpick.football {
        background-image: url(../image/branding/thunderpick/branding/football-mobile.png)
    }

    .branding-injection.thunderpick.basketball {
        background-image: url(../image/branding/thunderpick/branding/basketball-mobile.png)
    }

    .branding-injection.lunubet {
        background-image: url(../image/branding/lunubet/branding/lunubet-mobile.png)
    }

    .branding-injection.fairspin {
        background-image: url(../image/branding/fairspin/branding/esports-mobile.png)
    }

    .branding-injection.fairspin.football {
        background-image: url(../image/branding/fairspin/branding/football-mobile.png)
    }

    .branding-injection.fairspin.basketball {
        background-image: url(../image/branding/fairspin/branding/basketball-mobile.png)
    }

    .branding-injection.ybets {
        background-image: url(../image/branding/ybets/branding/esports-mobile.jpg)
    }

    .branding-injection.ybets.football {
        background-image: url(../image/branding/ybets/branding/football-mobile.jpg)
    }

    .branding-injection.ybets.basketball {
        background-image: url(../image/branding/ybets/branding/basketball-mobile.jpg)
    }

    .branding-injection.immerion {
        background-image: url(../image/branding/immerion/branding/esports-mobile.jpg)
    }

    .branding-injection.immerion.football {
        background-image: url(../image/branding/immerion/branding/football-mobile.jpg)
    }

    .branding-injection.immerion.basketball {
        background-image: url(../image/branding/immerion/branding/basketball-mobile.jpg)
    }

    .branding-injection.rainbet {
        background-image: url(../image/branding/rainbet/branding/esports-mobile.png)
    }

    .branding-injection.rainbet.football {
        background-image: url(../image/branding/rainbet/branding/football-mobile.png)
    }

    .branding-injection.rainbet.basketball {
        background-image: url(../image/branding/rainbet/branding/basketball-mobile.png)
    }

    header .user {
        max-width: calc(100% - 221px)
    }

    header .user .info {
        max-width: calc(100% - 60px)
    }

    header .user .name {
        width: 100%;
        text-decoration: none;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .container {
        width: calc(100vw - 20px);
        margin: 0 auto;
        padding: 0 10px
    }

    body #body .bg.branding .container {
        margin-top: 120px
    }

    body.parimatch {
        background-image: none
    }

    .content-block.article .betting-navigation .content {
        white-space: nowrap
    }

    .content-block.article .betting-navigation .content a {
        display: block;
        min-width: calc(100vw - 60px)!important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    header .mobile-nav {
        display: block;
        position: fixed;
        background-color: var(--block-bg);
        border-top: 1px var(--border-primary-color) solid;
        width: 100vw;
        height: 54px;
        line-height: 54px;
        bottom: 0;
        left: 0;
        text-align: center;
        padding-bottom: env(safe-area-inset-bottom,0);
        -webkit-overflow-scrolling: touch
    }

    header .mobile-nav .container {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        margin-top: 10px
    }

    header .mobile-nav .button {
        display: inline-block;
        width: 33px;
        height: 33px;
        border: 1px solid;
        border-color: var(--block-bg);
        border-radius: 5px;
        cursor: pointer;
        background-position: center center;
        background-repeat: no-repeat
    }

    header .mobile-nav .button,header .mobile-nav .button.mob-sidebar-button {
        background-image: url(../svg/burger-black.svg)
    }

    header .mobile-nav .button.mob-gift-button {
        background-image: url(../svg/gift-black.svg)
    }

    header .mobile-nav .button.active {
        border-color: #212121
    }

    .bodybanner,.content-block.article.betting .thumbnail .top-match .authors-choise,.content-block.article.betting .thumbnail .top-match .b-header,.page-title.preauth .content .users-count,header .sections {
        display: none
    }

    header .sections a {
        display: block;
        line-height: 20px;
        padding: 5px;
        font-size: .8em;
        color: var(--color-gray)
    }

    footer {
        padding-bottom: calc(env(safe-area-inset-bottom) + 110px)
    }

    footer .container {
        padding: 10px
    }

    footer .logo,header .sections a {
        margin-right: 0;
        margin-bottom: 10px
    }

    footer .footer-toggles {
        flex-direction: column
    }

    footer .toggle-navigation .toggle {
        margin-left: 0;
        margin-top: 10px
    }

    footer .button-links {
        flex-direction: row;
        justify-content: space-between
    }

    footer .button-links:first-child {
        margin-bottom: 10px
    }

    footer .app-links {
        flex-direction: column
    }

    footer .app-links a {
        margin-right: 0!important;
        margin-bottom: 10px!important
    }

    footer .app-links a:last-child {
        margin-bottom: 0!important
    }

    footer .footer-line:last-child {
        align-items: center
    }

    footer .copyrights,footer .links-block.lines {
        align-items: center
    }

    footer .footer-line {
        flex-direction: column
    }

    footer .plus18 {
        padding-right: 0;
        padding-top: 40px;
        background-image: url(../svg/plus-18.svg);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: 40px
    }

    .breadcrumbs {
        margin-bottom: 10px
    }

    .page-title {
        font-size: 1.5em;
        line-height: 35px
    }

    .page-title.preauth {
        font-size: 1em
    }

    .page-title.preauth .content,.page-title.preauth .header,.page-title.preauth .slider {
        padding-left: 0;
        width: 100%!important;
        margin-left: 0;
        margin-bottom: 15px
    }

    .page-title.preauth .content {
        margin-bottom: 0
    }

    .banner.top-match,.page-title.preauth {
        flex-direction: column
    }

    .banner.top-match .header {
        width: 100%!important;
        flex-direction: row;
        justify-content: space-between
    }

    .banner.top-match .header .date-time {
        margin-right: 15px
    }

    .banner.top-match .header .tournament {
        width: auto;
        max-width: calc(50% - 20px)
    }

    .banner.top-match .teams,.content-block.article.betting .thumbnail .top-match .teams {
        width: 100%!important;
        background-position: bottom 10px center;
        background-size: 80px
    }

    .banner.top-match .teams .team,.content-block.article.betting .thumbnail .top-match .teams .team {
        padding: 5px;
        width: calc(50% - 10px)
    }

    .banner.top-match .teams .team .name,.content-block.article.betting .thumbnail .top-match .teams .team .name {
        width: calc(100% - 65px)
    }

    .banner.top-match .teams .team .logo,.content-block.article.betting .thumbnail .top-match .teams .team .logo {
        margin: 0 5px
    }

    .banner.top-match .bet-promo,.content-block.article.betting .thumbnail .top-match .bet-promo {
        margin-top: 15px;
        width: 100%!important;
        padding-left: 0
    }

    .banner.top-match .bet-promo .promo,.content-block.article.betting .thumbnail .top-match .bet-promo .promo {
        margin-top: 10px
    }

    .content-block.article.betting .thumbnail.available {
        height: 270px
    }

    .content-block.article.betting .thumbnail .top-match {
        flex-direction: column;
        height: 150px
    }

    .shortcode-block.bet-calculator .element,.shortcode-block.bookamkers-details .bookmaker .main {
        flex-direction: column
    }

    .shortcode-block.bookamkers-details .bookmaker .main .supports {
        display: none
    }

    .shortcode-block.bookamkers-details .bookmaker .main .bonus,.shortcode-block.bookamkers-details .bookmaker .main .button,.shortcode-block.bookamkers-details .bookmaker .main .highlights,.shortcode-block.bookamkers-details .bookmaker .main .info,.shortcode-block.bookamkers-details .bookmaker .main .review {
        padding: 10px 0;
        border-top: 1px var(--border-secondary-color) solid;
        width: calc(100% - 20px)
    }

    .shortcode-block.bookamkers-details .bookmaker .main .info {
        border-top: 0;
        min-width: calc(100% - 20px)!important
    }

    .shortcode-block.bookamkers-details .bookmaker .main .info .bookmaker-logo {
        margin-bottom: 10px
    }

    .shortcode-block.bookamkers-details .bookmaker .main .bonus,.shortcode-block.bookamkers-details .bookmaker .main .info {
        flex: 1 1 0px;
        min-width: 100%
    }

    .shortcode-block.bet-calculator .element .calc-results,.shortcode-block.bet-calculator .element .inputs,.shortcode-block.bet-calculator .element .type-switcher {
        width: 100%
    }

    .shortcode-block.bet-calculator .element .type-switcher span:nth-child(4),.shortcode-block.bet-calculator .element .type-switcher span:nth-child(5) {
        margin-bottom: 15px
    }

    .shortcode-block.odds-switcher .element .calc-results {
        flex-direction: column
    }

    .shortcode-block.odds-switcher .element .calc-results div.block {
        width: calc(100% - 20px)
    }

    .content-block.article .body .series .tournament,.content-block.article .body .teams-org .team {
        min-width: calc(100% - 20px)
    }

    .content-block.article .body .infobox {
        flex-direction: column;
        align-items: flex-start
    }

    .content-block.article .body .infobox.w-image .content {
        margin-left: 0;
        margin-top: 20px
    }

    .home-news .article {
        width: calc(100% - 2px)!important;
        margin-right: 0!important;
        margin-bottom: 10px!important
    }

    .home-news .article.f-width .thumbnail {
        height: 150px!important
    }

    .home-news .article:last-child {
        margin-bottom: 0!important
    }

    .page-navigation .additional-links {
        width: calc(100% - 80px);
        float: left
    }

    .page-navigation .text-country {
        width: calc(100% - 65px);
        justify-content: flex-end;
        max-width: none
    }

    .page-navigation .live-link {
        width: 45px;
        justify-content: flex-end
    }

    .page-navigation .games-selector .name {
        width: 50px
    }

    .page-navigation .games-selector .current-game {
        width: auto
    }


    .page-navigation .countries-picker {
        float: none
    }

    .page-navigation .countries-picker .scrollable,.page-navigation .days-picker .scrollable {
        display: flex;
        flex-direction: row;
        width: calc(100% - 50px);
        overflow-x: scroll;
        float: none;
        margin-right: 5px
    }

    .page-navigation .match-links .scrollable {
        display: flex;
        flex-direction: row;
        width: calc(100% - 10px);
        overflow-x: scroll;
        float: none
    }

    .page-navigation .countries-picker .scrollable span.item,.page-navigation .days-picker .scrollable span.item {
        min-width: 43px!important
    }

    .page-navigation .countries-picker .scrollable span.item.all {
        min-width: auto!important
    }

    .content-block.matches .header .tournament-link,.content-block.matches .header .tournament-link h2 {
        max-width: 210px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .content-block.archive-matches .match .match-content,.content-block.matches .match .match-content,.tournament-groups .tournament-grid .match .match-content {
        flex-direction: column!important
    }

    .content-block.archive-matches .match .info .time,.content-block.matches .match .info .time,.tournament-groups .tournament-grid .match .info .time {
        display: inline-block;
        float: left
    }

    .content-block.archive-matches .match .info .status,.content-block.matches .match .info .status,.tournament-groups .tournament-grid .match .info .status {
        margin: 0 0 0 15px
    }

    .content-block.matches .match .info .status-live,.tournament-groups .tournament-grid .match .info .status-live {
        margin: 0 0 0 15px;
        line-height: 12px;
        padding-bottom: 8px;
        width: auto
    }

    .content-block.matches .match .info .status-live .round,.tournament-groups .tournament-grid .match .info .status-live .round {
        width: 5px;
        height: 5px
    }

    .content-block.matches .match .content,.tournament-groups .tournament-grid .match .content {
        width: 100%
    }

    .content-block.archive-matches .match .content {
        flex-direction: column;
        width: 100%
    }

    .content-block.archive-matches .match .teams {
        margin-left: 0
    }

    .content-block.archive-matches .match .tournament {
        width: 100%;
        margin-top: 10px
    }

    .content-block.matches .match .teams,.tournament-groups .tournament-grid .match .teams {
        width: calc(100% - 160px);
        line-height: 30px;
        margin-left: 0
    }

    .content-block.matches .match.running .teams,.content-block.matches .match.upcoming .teams {
        width: calc(100%);
    }

    .content-block.matches .match.bets-unavailable .teams,.content-block.matches .match.finished .teams {
        width: calc(100% - 115px)!important
    }

    .content-block.matches .match.bets-unavailable .additional,.content-block.matches .match.finished .additional {
        width: 55px!important
    }

    .content-block.sidebar-matches .match.finished .teams {
        width: calc(100% - 206px)
    }

    .content-block.matches .match.finished .teams {
    }

    .tournament-groups .tournament-grid .match.finished .teams {
        width: calc(100% - 206px)
    }

    .content-block.sidebar-matches .match.finished .additional {
        width: 71px
    }

    .content-block.matches .match.finished .additional {
    }

    .tournament-groups .tournament-grid .match.finished .additional {
        width: 71px
    }

    .content-block.matches .match .teams .team .logo,.tournament-groups .tournament-grid .match .teams .team .logo {
        margin-right: 5px;
        height: 20px
    }

    .content-block.matches .match .teams .team .name,.tournament-groups .tournament-grid .match .teams .team .name {
        width: calc(100% - 30px)
    }

    .content-block.matches .match .additional,.tournament-groups .tournament-grid .match .additional {
        /* width:200px; */
        /* line-height:30px; */
    }

    .content-block.matches .match .additional .odds .odd .bookmaker,.tournament-groups .tournament-grid .match .additional .odds .odd .bookmaker {
        height: 30px
    }

    .content-block.matches .match .additional .odds .odd .value,.content-block.matches .match .additional .tips .tip .points,.tournament-groups .tournament-grid .match .additional .odds .odd .value,.tournament-groups .tournament-grid .match .additional .tips .tip .points {
        line-height: 15px
    }

    .content-block.match-details .match .team .name {
        width: 100%;
        float: left;
        text-align: left!important
    }

    .content-block.match-details .match .team .name a {
        line-height: 24px
    }

    .content-block.match-details .match .team:first-child .name .country {
        justify-content: flex-start;
        flex-direction: row
    }

    .content-block.match-details .match .team:last-child .name {
        width: 100%;
        float: right;
        text-align: right!important
    }

    .content-block.match-details .match .team:last-child .name .country {
        flex-direction: row-reverse
    }

    .content-block.match-details .match .team:first-child .name .country .flag {
        margin-left: 0!important;
        margin-right: 10px!important
    }

    .content-block.match-details .match .team:last-child .name .country .flag {
        margin-left: 10px;
        margin-right: 0
    }

    .content-block.match-details .match .team .score {
        float: left
    }

    .content-block.match-details .match .team:first-child .score {
        float: right
    }

    .shortcode-block.match-details .match .team .name {
        width: 100%;
        float: left;
        text-align: left!important;
        margin-top: 20px!important
    }

    .shortcode-block.match-details .match .team:first-child .name .country {
        justify-content: flex-start
    }

    .shortcode-block.match-details .match .team:last-child .name {
        width: 100%;
        float: right;
        text-align: right!important
    }

    .shortcode-block.match-details .match .team:last-child .name .country {
        justify-content: flex-end
    }

    .shortcode-block.match-details .match .team .score {
        float: left
    }

    .shortcode-block.match-details .match .team:first-child .score {
        float: right
    }

    .shortcode-block.match-odds .bookmaker {
        align-items: flex-start
    }

    .shortcode-block.match-odds .bookmaker .bookmaker-logo {
        width: 100px
    }

    .shortcode-block.match-odds .bookmaker .content {
        width: calc(100% - 120px);
        flex-direction: column
    }

    .shortcode-block.match-odds .bookmaker .content .claim,.shortcode-block.match-odds .odds {
        width: 100%
    }

    .shortcode-block.match-odds .bookmaker .content .promo {
        width: calc(100% - 2px);
        margin-bottom: 10px
    }

    .shortcode-block.match-odds .bookmaker .promo .text {
        margin-bottom: 10px
    }

    .content-block.user-description .user-details,.shortcode-block.match-prediction {
        flex-direction: column
    }

    .content-block.user-description .user-details img.avatar {
        margin: 0 auto 20px
    }

    .shortcode-block.match-prediction .content {
        width: 100%;
        margin-bottom: 10px
    }

    .shortcode-block.match-prediction .promo {
        width: calc(100% - 2px);
        margin-left: 0
    }

    .match-bookmaker-promo .bookmaker {
        align-items: flex-start
    }

    .match-bookmaker-promo .bookmaker .bookmaker-logo {
        width: 100px
    }

    .match-bookmaker-promo .bookmaker .content {
        width: calc(100% - 120px);
        flex-direction: column;
        min-height: 100px
    }

    .match-bookmaker-promo .bookmaker .content .claim,.match-bookmaker-promo .odds {
        width: 100%;
        min-height: 40px
    }

    .match-bookmaker-promo .bookmaker .content .promo {
        width: calc(100% - 2px);
        margin-bottom: 10px
    }

    .match-bookmaker-promo .bookmaker .promo .text {
        margin-bottom: 5px
    }

    .match-bets .teams {
        width: calc(100% - 30px)!important
    }

    .match-bets .bet-info .main {
        width: calc(100% - 20px)!important
    }

    .match-bets .bookmaker-promo {
        display: none
    }

    .past-matches .past-matches-timeline .past-match .details {
        width: calc(100% - 117px)
    }

    .past-matches .past-matches-timeline .past-match .details.empty {
        width: 0!important
    }

    .content-block.tournaments .tournament,.shortcode-block.tournaments .tournament {
        flex-direction: column!important
    }

    .content-block.tournaments .tournament .info {
        width: 100%;
        flex-direction: row;
        line-height: 20px;
        justify-content: flex-start;
        align-content: center;
        padding-bottom: 5px;
        margin-bottom: 10px;
        border-bottom: 1px #ebebeb solid
    }

    .content-block.tournaments .tournament.mainp .info {
        width: 100%;
        flex-direction: row
    }

    .content-block.tournaments .tournament.mainp .info .game {
        width: 20px;
        height: 20px;
        background-size: 15px;
        margin-right: 10px
    }

    .content-block.tournaments .tournament.mainp .info .date-status {
        display: flex;
        flex-direction: row;
        width: auto
    }

    .content-block.tournaments .tournament .info .time {
        display: inline-block;
        float: left
    }

    .content-block.tournaments .tournament .info .status {
        margin: 0 0 0 15px
    }

    .content-block.tournaments .tournament .content,.content-block.tournaments .tournament.mainp .content {
        flex-direction: column!important;
        width: 100%
    }

    .content-block.tournaments .tournament .content .tnmt,.content-block.tournaments .tournament.all-list .content .tnmt,.content-block.tournaments .tournament.mainp .content .tnmt {
        width: 100%
    }

    .content-block.tournaments .tournament .content .tnmt .logo,.content-block.tournaments .tournament.all-list .content .additional .bl-left .country {
        margin-left: 0
    }

    .content-block.tournaments .tournament .content .tnmt .name {
        width: calc(100% - 60px)
    }

    .content-block.tournaments .tournament .content .additional,.content-block.tournaments .tournament.all-list .content .additional {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px var(--border-secondary-color) solid;
        flex-direction: column;
        justify-content: space-between
    }

    .content-block.tournaments .tournament.all-list .content .additional {
        flex-direction: row
    }

    .content-block.tournaments .tournament.minor .content .tnmt .name {
        margin-left: 0;
        width: calc(100% - 60px)
    }

    .content-block.tournaments .tournament.minor .content .tnmt .logo {
        display: block
    }

    .content-block.tournaments .tournament.all-list .content .additional .bl-left {
        justify-content: flex-start
    }

    .content-block.tournaments .tournament.mainp .content .additional {
        width: 100%;
        justify-content: space-between
    }

    .content-block.tournaments .tournament .content .additional .bl-left {
        width: 100%;
        margin-right: 0;
        flex-direction: row;
        justify-content: space-between
    }

    .content-block.tournaments .tournament .content .additional .country {
        margin-left: 15px;
        line-height: 25px
    }

    .content-block.tournaments .tournament .content .additional .country .flag,.shortcode-block.tournaments .tournament .content .additional .country .flag {
        margin-top: 2.5px
    }

    .content-block.tournaments .tournament .content .additional .bl-right {
        width: auto;
        margin-right: 0;
        flex-direction: row;
        justify-content: flex-end
    }

    .content-block.tournaments .tournament .content .additional .bl-right .winner .team .name,.shortcode-block.tournaments .tournament .content .additional .bl-right .winner .team .name {
        width: auto;
        max-width: 100px
    }

    .shortcode-block.tournaments .tournament .info {
        width: 100%;
        flex-direction: row;
        line-height: 20px;
        justify-content: flex-start;
        align-content: center;
        padding-bottom: 5px;
        margin-bottom: 10px;
        border-bottom: 1px #ebebeb solid
    }

    .shortcode-block.tournaments .tournament.mainp .info {
        width: 100%;
        flex-direction: row
    }

    .shortcode-block.tournaments .tournament.mainp .info .game {
        width: 20px;
        height: 20px;
        background-size: 15px;
        margin-right: 10px
    }

    .shortcode-block.tournaments .tournament.mainp .info .date-status {
        display: flex;
        flex-direction: row
    }

    .shortcode-block.tournaments .tournament .info .time {
        display: inline-block;
        float: left
    }

    .shortcode-block.tournaments .tournament .info .status {
        margin: 0 0 0 15px
    }

    .shortcode-block.tournaments .tournament .content,.shortcode-block.tournaments .tournament.mainp .content {
        flex-direction: column!important;
        width: 100%
    }

    .content-block.collected-trophies .trophy .info,.shortcode-block.tournaments .tournament .content .tnmt,.shortcode-block.tournaments .tournament.mainp .content .tnmt {
        width: 100%
    }

    .shortcode-block.tournaments .tournament .content .tnmt .logo {
        margin-left: 0
    }

    .shortcode-block.tournaments .tournament .content .tnmt .name {
        width: calc(100% - 60px)
    }

    .shortcode-block.tournaments .tournament .content .additional {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px var(--border-secondary-color) solid;
        flex-direction: column;
        justify-content: space-between
    }

    .shortcode-block.tournaments .tournament.mainp .content .additional {
        width: 100%;
        justify-content: space-between
    }

    .shortcode-block.tournaments .tournament .content .additional .bl-left {
        width: 100%;
        margin-right: 0;
        flex-direction: row;
        justify-content: space-between
    }

    .shortcode-block.tournaments .tournament .content .additional .country {
        margin-left: 15px;
        line-height: 25px
    }

    .shortcode-block.tournaments .tournament .content .additional .bl-right {
        width: auto;
        margin-right: 0;
        flex-direction: row;
        justify-content: flex-end
    }

    .content-block.collected-trophies .trophy {
        flex-direction: column
    }

    .content-block.collected-trophies .trophy .content {
        width: 100%;
        padding-top: 10px;
        margin-top: 10px;
        border-top: 1px #ebebeb solid;
        justify-content: space-between
    }

    .content-block.user-details .content .collect .redeem-trophy {
        display: block;
        margin-left: 0;
        margin-top: 15px;
        width: 100%
    }

    .content-block.teams .team,.content-block.users .user {
        flex-direction: column!important
    }

    .content-block.users .user .content {
        flex-direction: column!important;
        width: 100%
    }

    .content-block.users .user .content .usr {
        width: 100%;
        margin-left: 0;
        border-bottom: 1px var(--border-secondary-color) solid;
        padding-bottom: 10px;
        margin-bottom: 10px
    }

    .content-block.users .user .content .usr .logo {
        margin-right: 10px
    }

    .content-block.users .user .content .usr .name {
        width: calc(100% - 60px)
    }

    .content-block.users .user .content .additional {
        margin-left: 0;
        width: 100%
    }

    .content-block.users .user .content .additional .bl-collected {
        min-width: 0
    }

    .content-block.teams .team .content .additional .bl-right {
        display: none
    }

    .content-block.teams .team .info {
        width: 100%;
        flex-direction: row;
        line-height: 20px;
        justify-content: flex-start;
        align-content: center;
        padding-bottom: 5px;
        margin-bottom: 10px;
        border-bottom: 1px #ebebeb solid
    }

    .content-block.teams .team .info .place {
        margin-bottom: 0
    }

    .content-block.teams .team .info .score {
        margin-left: 15px
    }

    .content-block.teams .team .content {
        flex-direction: row!important;
        width: 100%
    }

    .content-block.teams .team .content .tm {
        width: calc(100% - 100px);
        margin-left: 0
    }

    .content-block.teams .team .content .additional {
        width: 100px
    }

    .content-block.teams .team .content .additional .next-in {
        font-size: .85em
    }

    .content-block.teams .team .content .tm .logo {
        margin-left: 0
    }

    .tournament-groups .tournament-grid .grid-line .team {
        width: 34%
    }

    .tournament-groups .tournament-grid .grid-line .count {
        width: 16%
    }

    .content-block.achievements .achievement .info {
        width: 50px
    }

    .content-block.achievements .achievement .info .logo {
        margin: 0;
        float: none
    }

    .content-block.achievements .achievement .info .price {
        transform: rotate(0deg);
        transform-origin: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        height: 10px;
        float: none;
        padding-bottom: 10px;
        position: static;
        margin-top: 0;
        width: 50px
    }

    .content-block.achievements .achievement .content {
        flex-direction: column;
        width: calc(100% - 70px)
    }

    .content-block.achievements .achievement .content .description {
        margin-right: 0
    }

    .content-block.tournament-details .line {
        flex-direction: column
    }

    .content-block.tournament-details .line.top-places,.shortcode-block.tournament-details .line.top-places {
        flex-direction: row
    }

    .content-block.achievements .achievement .content .description,.content-block.tournament-details .info {
        width: 100%;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px #ebebeb solid
    }

    .content-block.tournament-details .additional {
        width: 100%
    }

    .shortcode-block.tournament-details .line {
        flex-direction: column
    }

    .shortcode-block.tournament-details .info {
        width: 100%;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px #ebebeb solid
    }

    .shortcode-block.tournament-details .additional {
        width: 100%
    }

    .shortcode-block.team-details .team {
        flex-direction: column
    }

    .shortcode-block.team-details .info {
        width: 100%
    }

    .shortcode-block.team-details .content {
        width: 100%;
        flex-direction: column
    }

    .shortcode-block.team-details .content .tips-stat,.shortcode-block.team-details .content .wins-stat {
        width: 100%;
        margin-top: 10px;
        padding-top: 10px;
        border-left: 0;
        border-top: 1px var(--border-secondary-color) solid;
        padding-right: 0
    }

    .content-block.user-details .user {
        flex-direction: column
    }

    .content-block.user-details .info {
        width: 100%
    }

    .content-block.user-details .content {
        width: 100%;
        flex-direction: column;
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px #ebebeb solid
    }

    .content-block.user-details .content .tips-stat {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px
    }

    .content-block.user-details .content .user-progress {
        width: 100%
    }

    #sidebar,header .betting-menu .content,header .user .user-tips .content {
        top: 55px!important;
        height: calc(100vh - 55px - env(safe-area-inset-bottom))!important;
        padding-bottom: env(safe-area-inset-bottom)
    }

    header .user .user-tips .content .navigation {
        max-height: calc(100dvh - 130px - env(safe-area-inset-bottom))!important
    }

    #sidebar .navigation {
        height: calc(100dvh - 55px - env(safe-area-inset-bottom))!important
    }

    header .betting-menu .content .navigation {
        max-height: calc(100dvh - 55px - env(safe-area-inset-bottom))!important
    }

    .b13,.b156,.b16,.b23,.b46,.b516,.user-interactions .user-form {
        float: none;
        width: calc(100% - 2px);
        margin: 0 auto!important
    }

    footer .footer-navigation a,footer .footer-navigation span {
        display: block!important;
        margin: 0 auto 10px;
        max-width: 230px
    }

    .b13 {
        margin-top: 20px!important
    }

    .breadcrumbs span,.breadcrumbs span.separator,.pop-up,.user-interactions .promo,header .games,header .games-short {
        display: none
    }

    .breadcrumbs span.pre-last {
        display: block!important
    }

    .breadcrumbs span.pre-last span.element {
        padding-left: 15px;
        background-image: url(../svg/to-left-black.svg);
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 10px
    }

    .pop-up {
        position: fixed;
        width: 95vw;
        z-index: 5
    }

    .media-query:before {
        bottom: 90px;
        display: none
    }

    .admin-fixed {
        bottom: 105px;
        display: none
    }

    .notifications-center {
        width: calc(100vw - 40px);
        right: 20px;
        bottom: calc(76px + env(safe-area-inset-bottom))
    }

    .content-block.team-details .team {
        flex-direction: column
    }

    .content-block.team-details .info {
        width: 100%
    }

    .content-block.team-details .content {
        width: 100%;
        flex-direction: column
    }

    .content-block.team-details .content .tips-stat,.content-block.team-details .content .wins-stat {
        width: 100%;
        margin-top: 10px;
        padding-top: 10px;
        border-left: 0;
        border-top: 1px var(--border-secondary-color) solid;
        padding-right: 0
    }

    .content-block.user-tips .match .match-content,.cookies-popup,.match-tips-promo .reg-promo {
        flex-direction: column
    }

    .content-block.user-tips .match .match-content .info {
        display: flex;
        width: 100%;
        flex-direction: row;
        line-height: 20px;
        justify-content: flex-start;
        align-content: center;
        padding-bottom: 5px;
        margin-bottom: 10px;
        border-bottom: 1px var(--border-secondary-color) solid
    }

    .content-block.user-tips .match .info .date-time {
        flex-direction: row;
        width: calc(100% - 30px)
    }

    .content-block.user-tips .match .game {
        width: 20px;
        height: 20px;
        background-size: 15px
    }

    .content-block.user-tips .match .info .status {
        margin-top: 0;
        margin-left: 10px
    }

    .content-block.user-tips .match .content {
        width: 100%;
        flex-direction: row
    }

    .content-block.user-tips .match .teams {
        margin-left: 0;
        width: calc(100% - 50px)
    }

    .content-block.user-tips .match .tip {
        width: 50px;
        justify-content: flex-end
    }

    .content-block.user-tips .match .tip .bet-before,.match-tips-promo .promo .team .points {
        display: none
    }

    .not-found img {
        width: 95%;
        height: auto
    }

    .match-tips-promo .promo .vs {
        margin: 0 5px
    }

    .match-tips-promo .promo .team {
        width: calc(50% - 15px);
        position: relative
    }

    .match-tips-promo .promo .team .team-content {
        width: 100%
    }

    .match-tips-promo .promo .team.team-first .team-content {
        margin-right: 10px
    }

    .match-tips-promo .promo .team.team-second .team-content {
        margin-left: 10px
    }

    .match-tips-promo .promo .team .logo {
        position: absolute;
        width: 20px;
        height: 20px;
        padding: 0;
        margin-top: 5px
    }

    .match-tips-promo .promo .team.team-first .logo {
        margin-right: 10px
    }

    .match-tips-promo .promo .team.team-second .logo {
        margin-left: 10px
    }

    .match-tips-promo .promo .team .team-content .name {
        width: calc(100% - 40px)
    }

    .match-tips-promo .promo .team.team-first .team-content .name {
        margin-right: 30px
    }

    .match-tips-promo .promo .team.team-second .team-content .name {
        margin-left: 30px
    }

    .match-tips-promo .reg-promo .slider {
        width: 100%;
        margin-bottom: 10px
    }

    .match-tips-promo .reg-promo .content {
        width: 100%;
        margin-left: 0
    }

    .content-block.matches .match .content .h2h {
        width: 65px;
        justify-content: flex-start
    }

    .content-block.match-players .lineup-team .players .player .name .country,.content-block.matches .match .content .h2h .timeline {
        display: none
    }

    .cookies-popup {
        bottom: calc(15px + env(safe-area-inset-bottom));
        width: calc(100vw - 70px);
        left: 10px
    }

    .cookies-popup.active {
        bottom: calc(125px + env(safe-area-inset-bottom))
    }

    .cookies-popup .policy-info {
        text-align: center;
        line-height: 20px;
        margin-bottom: 10px
    }

    .cookies-popup a.confirm {
        padding: 10px;
        margin-left: 0
    }

    .content-block.player-details .player,.footer-links .footer-links-list {
        flex-direction: column
    }

    .content-block.player-details .info {
        width: 100%;
        padding-bottom: 10px
    }

    .content-block.player-details .team .info {
        padding-top: 10px
    }

    .content-block.player-details .content {
        width: 100%;
        border-top: 1px var(--border-secondary-color) solid
    }

    .content-block.player-details .content .details div.name {
        width: 100%;
        border-bottom: 1px var(--border-secondary-color) solid;
        padding: 10px 0;
        margin-bottom: 10px
    }

    .content-block.player-details .content .details div.age,.content-block.player-details .content .details div.birthday {
        width: 50%
    }

    .content-block.player-details .content .details {
        border-left: 0;
        flex-wrap: wrap;
        padding-bottom: 10px
    }

    .match-map-stats .stats-block .stats-line,.match-map-stats .stats-block .team-line {
        width: 640px
    }

    .match-map-stats .stats-block .stats-line .stats-data,.match-map-stats .stats-block .team-line .stats-data {
        width: 500px
    }

    .banner.bookmakers-top {
        background-image: url(../image/bookmakers-bg-mob.jpg);
        flex-direction: column
    }

    .banner.bookmakers-top .container {
        flex-direction: column;
        padding: 0!important
    }

    .banner.bookmakers-top.footer.active .banner-bg {
        padding-bottom: calc(env(safe-area-inset-bottom) + 10px)
    }

    .banner.bookmakers-top .bookmaker-logo {
        width: calc(100% - 110px);
        align-items: flex-end;
        justify-content: flex-end;
        padding-left: 110px;
        background-size: 110px
    }

    .banner.bookmakers-top .bookmaker-logo .promo {
        text-align: right
    }

    .banner.bookmakers-top .bookmaker-logo .promo-title,.gift-button {
        display: none
    }

    .banner.bookmakers-top .bet-promo {
        margin-top: 10px;
        width: 100%
    }

    .banner.bookmakers-top .bet-promo .promo-container .promocode .code {
        padding: 0;
        height: 38px;

    }

    .banner.bookmakers-top .bet-promo.no-code .button {
        min-width: auto;
        width: 100%;
        margin-left: 0
    }

    .content-block.match-details .header .title,.content-block.predictions .prediction-new .info .tournament {
        max-width: 200px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .content-block.match-details .header .title {
        max-width: 210px
    }

    .content-block.predictions .prediction-new .prediction-content {
        flex-direction: column;
        column-gap: 0;
        row-gap: 20px
    }

    .content-block.predictions .prediction-new .prediction-content .left {
        padding-right: 0;
        border-right: 0;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 10px
    }

    .content-block.predictions .prediction-new .prediction-content .left .team {
        flex-direction: row;
        justify-content: flex-start;
        width: auto
    }

    .content-block.predictions .prediction-new .prediction-content .left .team .logo {
        display: inline-block;
        width: 25px;
        height: 25px;
        margin: 0 10px 0 0;
        -o-object-fit: contain;
        object-fit: contain;
        vertical-align: middle
    }

    .content-block.predictions .prediction-new .prediction-content .left .team .name {
        text-align: left;
        width: auto
    }

    .content-block.predictions .prediction-new .prediction-content .left .bk {
        margin-left: 20px;
        margin-top: 0
    }

    .content-block.predictions .prediction-new .prediction-content .chances {
        flex-direction: row;
        column-gap: 20px;
        row-gap: 0;
        align-items: center;
        justify-content: center
    }

    .content-block.predictions .prediction-new .prediction-content .chances div {
        flex: 1;
        background-color: rgba(144,144,144,.1);
        padding: 10px;
        border-radius: 5px
    }

    .content-block.predictions .prediction {
        flex-direction: column
    }

    .content-block.predictions .prediction .left,.content-block.predictions .prediction .right {
        width: 100%
    }

    .content-block.predictions .prediction .right {
        flex-direction: row
    }

    .content-block.predictions .prediction .right .team {
        flex-direction: column;
        width: 25%
    }

    .content-block.predictions .prediction .right .team .logo {
        width: 50px;
        height: 50px;
        margin: 0!important
    }

    .content-block.predictions .prediction .right .chances {
        width: 75%;
        min-height: 80px
    }

    .content-block.predictions .prediction .right .team .name {
        display: none
    }

    .content-block.match-details .match .predictions {
        flex-flow: column
    }

    .content-block.match-details .match .stats.w-draw .chance {
        width: calc(33% - 6px)!important;
        height: auto!important;
        padding: 10px 0
    }

    .content-block.match-details .match .stats-details.w-draw .stats-detail {
        width: calc(33% - 6px)!important;
        flex-direction: column;
        height: auto!important;
        padding: 10px 0
    }

    .banner.bookmakers-top .bookmaker-logo .promo,.content-block.match-details .match .stats-details.w-draw .stats-detail .sd {
        width: auto!important
    }

    .content-block.match-details .match .stats-details.w-draw .stats-detail .sd+.sd {
        border-top: solid 2px #fff;
        border-left: 0;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
        width: auto!important;
        margin-top: 10px;
        padding-top: 10px
    }

    .content-block.match-details .match .predictions .prediction {
        width: 100%!important
    }

    .content-block.match-details .match .predictions .prediction.empty {
        display: none!important
    }

    .content-block.match-details .match .info .tournament {
        width: 180px
    }

    .match-s-tracker,.match-tracker {
        height: 655px!important;
        margin-left: -1px;
        width: calc(100% + 1px)!important
    }

    .match-s-tracker {
        height: 345px!important
    }

    .faq-page .interlinking__list {
        flex-direction: column;
        row-gap: 10px
    }

    .faq-page .interlinking__list .interlinking__item .interlinking__item-image {
        width: 100%;
        aspect-ratio: 1/.6!important;
        height: auto
    }
}

/* 移动端样式 */
@media screen and (max-width: 768px) {
  .games-selector {
    display: flex;
    overflow-x: auto; /* 水平滚动 */
    padding: 10px;
  }
  
  .current-game {
    padding: 6px 12px; /* 移动端更小的内边距 */
    font-size: 12px; /* 更小的字体 */
    white-space: nowrap; /* 防止文字换行 */
    flex-shrink: 0; /* 防止缩小 */
  }
  
  .current-game .icon {
    width: 16px;
    height: 16px;
  }
}

/* 更小屏幕的移动端 */
@media screen and (max-width: 480px) {
  .current-game {
    padding: 4px 8px;
    font-size: 11px;
  }
  
  .current-game .icon {
    width: 14px;
    height: 14px;
  }
}