.cz-handheld-toolbar, .menuSidebar, #header-wrapper-sp, .settingBar {
    display: none;
}
#loadApp{
    margin-top: 30px;
}
#oddsChange,
#panluDiv,
#sbOddsCorner {
    position: absolute;
    z-index: 100;
    top: 100px;
    visibility: hidden;
}

#oddsChange,
[id^="oddsChange_"] {
    left: 200px;
}

#panluDiv {
    left: 148px;
}

#sbOddsCorner {
    left: 100px;
    width: 400px;
}

.bn3 {
    max-width: 1208px;
    width: 100%;
    margin: 16px auto 0px auto;
}

.bn4 {
    flex-shrink: 1;
    flex-grow: 1;
}

.bn4 a {
    padding: 0 18px 0 11px;
    display: inline-block;
}

.bn4 img {
    max-width: 100%;
}

#AdLayer3 {
    display: flex;
    justify-content: space-around;
}

#AdLayer3 > div {
    flex: 0 0 50%;
    gap: 16px;
}

#AdLayer1 a img, #AdLayer2 a img {
    width: 100%;
}

#info.database .area-tab ul li.menu-search {
    width: 15%;
    flex-shrink: 1;
    flex-grow: 1;
}

#info.database .area-tab ul li.menu-search input {
    max-width: calc(100% - 40px);
}

.follow_btn {
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
}

.follow_btn.on {
    color: #070f03;
    background-color: #fff0d2;
    border-color: #e29c14;
}

.icon-font-collect-on:before, .icon-font-collect-off:before {
    width: 14px;
    height: 14px;
}

.bgE3F1EB {
    background-color: #E3F1EB !important;
}

.data-sync .main_title {
    font-family: "Inter";
}

.menu-slide .owl-nav {
    display: none !important;
}

.custom-select-02 .custom-select {
    /* padding-right: 2px !important; */
}
#favLeagueIcon{
    display: none;
}

@container iframe-table (max-width: 800px){
    .button-df:hover .six-in-one-custom-select {
        color: #fff !important;
    }
}

@media screen and (max-width: 1024px) {
    .button-df:hover .six-in-one-custom-select {
        color: #fff !important;
    }
}

.custom-select-02 .custom-options .custom-option.active {
    transition: .3s all ease-in-out;
    background-color: #E3F1EB;
}

.dark .custom-select-02 .custom-options .custom-option.active {
    background-color: #00301D;
}

.filterLi2.xz .dropdown-menu .dropdown-menu-inner .option, .filterLi2.xz .dropdown-toggle {
    text-transform: capitalize;
}
.carousel-23-112{
    overflow: hidden;
}
 @container iframe-table (max-width: 800px){
    .bn3 {
        display: none !important;
    }

    body {
        --headerHeight: 82px;
        --footerHeight: 66px;
        overflow-x: hidden;
    }

    body #header-wrapper, body #main #left, body #main #right, .crumbs,
    .footer {
        display: none !important;
    }

    .main-content {
        padding: 0 18px 84px;
    }

    #info.database {
        padding: 0;
    }

    #main,
    #info,
    #main3 {
        /*padding-left: 87px !important;*/
        /*padding-right: 8px !important;*/
    }

    #main {
        box-sizing: border-box;
        width: 100%;
    }


    #oddsChange,
    [id^="oddsChange_"],
    #panluDiv,
    #sbOddsCorner {
        width: calc(90% - 10px);
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%);
        z-index: 110;
        position: fixed;
    }

    #live {
        width: 100%;
        display: block;
    }

    .mcontent {
        width: auto !important;
    }

    body, #container #info.matchDetail, html #layuicss-layer, html, .crumbs,
    body #main #min,
    body #main #view-data {
        width: 100% !important;
        min-width: unset !important;
    }

    #showoptional2, #showCountry, #showFilterBox {
        width: 100% !important;
        min-width: unset !important;
        left: 0 !important;
        right: 0;
    }

    .footer {
        box-sizing: border-box;
        position: relative;
        z-index: 1;
    }

    .bottomBar-sp {
        background-color: #e5e5e5;
    }

    .dark .bottomBar-sp {
        background-color: #030405;
    }

    .filterLi2.xz .dropdown-menu .dropdown-menu-inner .option {
        text-transform: capitalize;
    }
    body #min #tools ul{
        justify-content: end !important;
    }
    #min .tools ul li{
        flex-basis: 30%;
    }

    #info.vue .page-leastanding #div_Table1 {
        display: none;
    }
}
@media only screen and (max-width: 1024px) {
    .bn3 {
        display: none !important;
    }

    body {
        --headerHeight: 82px;
        --footerHeight: 66px;
        overflow-x: hidden;
    }

    body #header-wrapper, body #main #left, body #main #right, .crumbs,
    .footer {
        display: none !important;
    }

    .main-content {
        padding: 0 18px 84px;
    }

    #info.database {
        padding: 0;
    }

    #main,
    #info,
    #main3 {
        /*padding-left: 87px !important;*/
        /*padding-right: 8px !important;*/
    }

    #main {
        box-sizing: border-box;
        width: 100%;
    }


    #oddsChange,
    [id^="oddsChange_"],
    #panluDiv,
    #sbOddsCorner {
        width: calc(90% - 10px);
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%);
        z-index: 110;
        position: fixed;
    }

    #live {
        width: 100%;
        display: block;
    }

    .mcontent {
        width: auto !important;
    }

    body, #container #info.matchDetail, html #layuicss-layer, html, .crumbs,
    body #main #min,
    body #main #view-data {
        width: 100% !important;
        min-width: unset !important;
    }

    #showoptional2, #showCountry, #showFilterBox {
        width: 100% !important;
        min-width: unset !important;
        left: 0 !important;
        right: 0;
    }

    .footer {
        box-sizing: border-box;
        position: relative;
        z-index: 1;
    }

    .bottomBar-sp {
        background-color: #e5e5e5;
    }

    .dark .bottomBar-sp {
        background-color: #030405;
    }

    .filterLi2.xz .dropdown-menu .dropdown-menu-inner .option {
        text-transform: capitalize;
    }
    body #min #tools ul{
        justify-content: end !important;
    }
    #min .tools ul li{
        flex-basis: 30%;
    }

    #info.vue .page-leastanding #div_Table1 {
        display: none;
    }
}

@media only screen and (max-width: 768px) {

    #introduce1 {
        white-space: break-spaces;
    }

    body .mcontent.Schedule #main #min {
        padding-top: 10px;
    }

    .add-div .add-info2:hover:after {
        right: 0;
        left: unset;
    }

    .dark #game-rate .odds-badge.odds-badge_ {
        background-color: #13553a !important;
    }

    .dark #game-rate .odds-badge {
        background-color: #2b3a34 !important;
    }

    html body #info #i_main .data.page-schedule .tdsolid #Table4 .match .team .outteam .team-name {
        text-wrap: wrap !important;
        line-height: 1.3;
    }

    html body #info #i_main .data.page-schedule .tdsolid #Table4 .match .team {
        height: 30px;
    }

    #info .data:not(#mainTitle):not(#lastUpdateTime) table.scorestats tr:nth-of-type(1) th:nth-of-type(2), #info .data:not(#mainTitle):not(#lastUpdateTime) table.scorestats tr:nth-of-type(2) th:nth-of-type(1) {
        position: sticky;
    }

    body #main #table_live tr[id^=tr1_].tds .status-time-match {
        top: 58px !important;
    }
    .main-content {
        padding: 0 8px 84px;
    }
    #min .tools ul li{
        flex-basis: 50%;
    }
    body #min #tools ul{
        flex-wrap: nowrap !important;
    }
}

@media only screen and (max-width: 500px) {
    .date-picker.piker-mobile > div.timeBox-mobile {
        width: 100% !important;
    }

    .date-picker.piker-mobile > div.timeBox-mobile {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

}

@media only screen and (max-width: 390px) {

}


.roundslide {
    display: none;
}

@media only screen and (max-width: 1024px) {
    .round-table {
        display: none;
    }

    .roundslide {
        display: flex;
        margin-bottom: 12px;
    }

    .roundslide-list {
        display: flex;
        overflow-x: auto;

        div {

            font-size: 10px;
            text-align: center;
            align-items: center;
            display: flex;
            border: 0px;
            border-right: 1px solid #F2F2F2;
            width: 30px;
            justify-content: center;
            background-color: #fff;
            flex: none;
        }
    }

    .roundslide-text {
        background-color: #E3F1EB;
        display: flex;
        width: 48px;
        height: 48px;
        padding: 0 12px;
        justify-content: center;
        align-items: center;
        text-align: center;
        position: sticky;
        left: 0;
    }
}

.lsm2 {
    text-align: center;
    border: 1px solid #ccc;
}

.round_now {
    font-weight: bold;
    background-color: orange;
}