@media only screen and (max-width: 1599px) {
    .desktop .right-sidebar {
        width: 335px;
        min-width: 335px
    }

    .desktop .main-content {
        max-width: calc(100% - 625px)
    }

    .desktop .main-content.no-left-sidebar {
        max-width: calc(100% - 375px)
    }

    .desktop .main-content.no-right-sidebar {
        max-width: calc(100% - 340px)
    }

    .desktop .live-match-page .right-sidebar .live-match-tracker, .desktop .live-page .right-sidebar .live-match-tracker {
        height: 173px;
    }
}

@media only screen and (max-width: 1499px) {
    .desktop .outrights-page .outright-markets .outright-competitor {
        flex: 0 1 calc(50% - 10px)
    }
}

@media only screen and (max-width: 1399px) {
    .desktop .header-menu-row, .header-row {
        padding: 0
    }

    .desktop .main-coupon-v1 .item-info-wrapper {
        min-width: 310px
    }

    .desktop .main-coupon-v1 .match-markets-wrapper {
        width: calc(100% - 310px)
    }

    .desktop .left-sidebar {
        width: 260px;
        min-width: 260px
    }

    .desktop .main-content {
        max-width: calc(100% - 635px)
    }

    .desktop .main-content.no-right-sidebar {
        max-width: calc(100% - 300px)
    }
}

@media only screen and (max-width: 1366px) {
    .bonus-teps > app-widget-host, .desktop .bonus-content > app-widget-host {
        flex-direction: column
    }

    .desktop .bonus-content .content-box {
        padding: 50px 20px;
    }

    .desktop .bonus-content .content-box > app-widget-host {
        align-items: center;
        text-align: center
    }
}

@media only screen and (max-width: 1304px) {
    .home-featured-game .match-teams .match-home-team {
        text-align: left;
        padding-left: 10px
    }

    .home-featured-game .match-teams .match-away-team {
        text-align: right;
        padding-right: 10px
    }
}

@media only screen and (max-width: 1399px) {
    .desktop .main-coupon-v1 .item-info-wrapper {
        border-right: 0
    }

    .desktop .main-coupon-v1 .is-live-booked {
        display: none
    }
}

@media only screen and (max-width: 1254px) {
    .desktop .main-coupon-v1 .is-live-booked {
        display: flex
    }

    .desktop .home-today-top {
        position: unset
    }

    .desktop .home-today .sports-filter {
        max-width: 100%
    }

    .desktop .main-coupon-v1 .item-info-wrapper {
        padding: 5px 7px 0 0
    }

    .desktop .main-coupon-v1 .match-markets-wrapper {
        padding: 10px 0
    }

    .desktop .desktop div[class*=mobile]-outcome {
        display: flex
    }

    #root .casino-container .games .game {
        flex: 0 0 calc(33.333333% - 8px)
    }
}

@media only screen and (max-width: 1254px) {
    .bottom-header-menu li > a.menu-link:before {
        display: none
    }
}

@media only screen and (min-width: 1000px) {
    .body {
        width:var(--responsive-width);
    }

    .betslip-sidebar {
        display: block;
        /* position:fixed; */
        /* right:calc((100vw - var(--site-max-width)) / 2); */
        /* transform:translate(calc(100% + 4px)); */
        width: calc((var(--site-width) - var(--site-max-width)) / 2);
        max-width: 400px;
        /* height:100%; */
        overflow: auto;
        min-width: var(--right-sidebar-min-width);
    }

    .fixed-menu.bottom {
        display: none;
    }

    .quickbetslip {
        display: none;
    }

    .sports-sidebar {
        display: block;
        /* position:fixed; */
        width: calc((var(--site-width) - var(--site-max-width)) / 2);
        left: calc((var(--site-width) - var(--site-max-width)) / 2);
        /* transform:translate(calc(-100% - 4px)); */
        /* height:100%; */
        /* overflow: auto; */
        max-width: 400px;
        /* overflow-x: hidden; */
        order: -1;
        min-width: var(--left-sidebar-min-width);
    }

    body .mobile-large .ui-dialog.bottom-modal-navigation {
        bottom: 0px!important;
        width: var(--responsive-width)!important;
        max-width: 400px!important;
        height: 100%!important
    }

    #root .hide-on-small {
        display: block;
    }

    #root div[class*=mobile] .league-select-go {
        top: unset;
    }

    #root div[class*=mobile] .league-select-page .nav-sport {
        top: unset;
    }

    .sports-sidebar .select-filter-header {
        display: none;
    }

    #root .select-filter-window {
        max-width: var(--site-max-width);
        width: var(--responsive-width);
    }

    #root.select-day .select-filter-window {
        bottom: 0px;
    }

    #root .bet-book-container .beto-betslip-check form {
        flex-direction: row;
        /* align-items: unset; */
    }

    #root .bet-book-container .beto-betslip-check button {
        margin-left: 5px;
        margin-top: 0px;
        max-width: 100px;
        border-radius: 5px;
        /* height:100%; */
        /* min-height: unset; */
        align-self: stretch;
    }

    .betslip-sidebar .bet-book-container {
        margin: 10px 0px
    }

    .betslip-sidebar .fastbet-title {
        padding: 15px;
        background-color: var(--c-blue-c);
        width: 100%;
        color: var(--c-white-e);
        text-align: center;
        margin-bottom: 10px;
        display: none;
    }

    .betslip-sidebar .betslip .betslip-title {
        background-color: var(--c-blue-c);
        padding: 15px;
        height: auto;
        border-radius: 0px;
        margin-top: 10px;
    }

    .betslip-sidebar .betslip .betslip-title::before {
        display: none;
    }

    #root .betslip-sidebar .betslip .betslip-title .betslip-arrow {
        display: none;
    }

    .selector.sports-selector {
        display: none;
    }

    div[class*=mobile] .booking-notifications-wrapper > div:not(:empty) {
        bottom: 0px;
        z-index: 100;
        position: unset;
        transform: none;
        ; }

    body div[class*=mobile] .ui-dialog.betslip-check-view {
        bottom: 0px!important;
    }

    .body ~ .beto-betslip-notifications, .body ~ .beto-betslip-book-notifications {
        display: none;
    }

    #root div[class*=mobile] .header {
        width: 100%;
        order: -2;
        max-width: unset;
        background-color: unset;
        display: flex;
        justify-content: center;
        position: sticky;
        top: 0px;
    }

    #root div[class*=mobile] .header > app-widget-host {
        max-width: calc(var(--site-max-width) + 800px)
    }

    div[class*=mobile] .footer > app-widget-host {
        width: var(--responsive-width);
        margin: 0 auto;
    }

    app-markets-switch-list.market-list-open {
        max-width: var(--site-max-width);
        width: var(--responsive-width);
        bottom: 0px;
    }

    .main-coupon-v1 .match-markets-wrapper .match-odd {
        background-color: var(--c-emphasis-d);
        color: var(--c-white-e)
    }

    .match-markets-wrapper .match-odd.odd-locked {
        background-image: url(/v1.118/r/images/bestbet/icons/odd-locked-white.svg);
        background-size: 20px;
    }

    .match-markets-wrapper .match-odd.odd-locked {
        background-color: var(--c-emphasis-d)
    }

    ::-webkit-scrollbar {
        height: 6px;
        width: 10px;
        display: block;
    }

    body::-webkit-scrollbar {
        width: 10px;
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background-color: var(--c-emphasis-c);
    }

    ::-webkit-scrollbar-track {
        border-radius: 0;
        background-color: transparent;
    }

    #root .template-rows-wrapper .template-row-wrapper .market-template-row .item-cell .locked-odd {
        background-color: var(--c-emphasis-d);
        background-image: url(/v1.118/r/images/bestbet/icons/odd-locked-white.svg);
        background-size: 20px;
    }

    app-markets-switch-list.market-list-open {
        animation-name: movedesktop;
    }

    #root div[class*=mobile] .main-coupon-v1 .sports-coupon .match-info .match-teams > div {
        font-size: 16px;
        color: var(--c-blue-c);
        font-weight: bold;
        /* line-height: 13px; */
    }

    .main-coupon-v1 .events-item-wrapper {
        background-color: #2222;
    }

    body#root .header .sports-search-block .ui-autocomplete-panel {
        width: 300px;
    }

    #root .header .sports-search-block {
        max-width: 200px;
        margin: 0 10px;
        display: block;
    }

    .sports-search-modal {
        display: none;
    }

    .navbar-sports-filter-wrapper ul {
        top: unset;
        position: sticky;
        z-index: 22;
        background-color: var(--c-primary-d)
    }

    #root .sports-time-filter-container {
        top: 0px;
    }

    .sort-by-container ~ .fixed.beto-sports-coupon:not(.box-filter) .sports-filter {
        width: var(--responsive-width);
        max-width: var(--site-max-width)!important;
    }

    .sort-by-container + .fixed.beto-sports-coupon .market-drop-down-heading select {
        right: calc((var(--responsive-width) /2) - 50px)
    }

    #root .betslip-notifications:not(.betslip-booking-notifications) {
        position: unset;
    }

    .markets-content-wrapper .match-odd {
        background-color: var(--c-emphasis-d);
        border: 1px solid var(--c-emphasis-d)
    }

    .markets-content-wrapper .odd-outcome, .markets-content-wrapper .odd {
        color: var(--c-white-e)
    }

    #root .header-bottom-menu .tab.e-sports {
        margin-right: 40px;
    }

    #root .ui-dialog.bottom-modal-account {
        height: calc(100% - 56px);
        bottom: 0px!important;
        width: var(--responsive-width);
        max-width: var(--site-max-width)!important;
    }

    #root .casino .casino-showcase-container .game {        
        flex: 0 0 calc(30% - 8px);
        border-radius: 5px
    }
    #root .casino .casino-showcase-container .all-wrap .game {        
        flex: 0 0 calc(33.333333% - 8px);
        border-radius: 5px
    }

    .casino .casino-showcase-container .game:nth-child(3n) {
        /* margin-right: 0px; */
    }

    #root .view-page-sports-today .fixed .sports-filter {
        width: var(--responsive-width);
        max-width: var(--site-max-width)!important;
    }

    .betbook-open {
        max-height: unset;
        overflow: unset;
    }

    #root .header-bottom-menu .tab {
        width: calc(var(--responsive-width) / 9)
    }

    #root .view-page-sports-select .sports-page-filter {
        top: unset
    }

    #root div[class*=mobile].view-page-sports-select .league-select-page .nav-sport {
        top: unset
    }

    #root div[class*=mobile].view-page-sports-select .league-select-go {
        top: unset
    }

    #fc_frame, scroll-up #fc_frame {
        right: 5px!important;
        bottom: 5px!important
    }

    .scroll-down #fc_frame {
        bottom: 5px!important
    }

    #root div[class*=mobile-large] .header .telegram-link {
        margin-right:auto;
        margin-left:15px;
    }

    #root .mobile-large .header-top-menu {
        padding: 20px 0px;
        height: auto;
    }
    #root .mobile-large .header .logo-section {
        margin-left:auto;;
    }
}
