.body-comming #left,
.body-comming .bottomBar-sp{
    display: none !important;
}
.body-comming #min{
    margin-left: 0 !important;
}
#header-wrapper-sp,
.r-sidebar-mobile{
    display: none;
}
.show-large{
    display: block;
}
.hide-large{
    display: none;
}
#soccer>#container{
    position: relative;
    z-index: 1;
}
.nav_select #nav2{
    width: unset;
}
.score_home,.score_away,.dash-ratio{
    font-weight: bold;
    color:#0089F1;
}
#teammain-6in1 table.dataItem:nth-of-type(2n + 1) tr td{
    background-color: #f0f0f0;
}
#teammain-6in1 table.dataItem:nth-of-type(2n + 1) tr td.Leaguestitle,
#teammain-6in1 table.dataItem tr td.Leaguestitle{
    background-color: #d0d0d0;
}

.dark #teammain-6in1 .b1{
    background-color: #333 !important;
}

.dark #teammain-6in1 table.dataItem:nth-of-type(2n + 1) tr td{
    background-color: #282828;
}
.dark #teammain-6in1 table.dataItem:nth-of-type(2n + 1) tr td.Leaguestitle,
.dark #teammain-6in1 table.dataItem tr td.Leaguestitle{
    background-color: #333;
}


.pagewrap-contact .step-Second{
    margin-bottom: 0;
}
.pagewrap-content *{
    max-width: 100% !important;
}
.pagewrap-content{
    padding: 20pt 15pt 20pt 15pt !important;
}
.pagewrap-content p{
    margin: 20px 0;
}
.pagewrap-content ul{
    padding-bottom: 20px;
}

.dark .pagewrap-content h3{
    color: #fff;
}

.pagewrap-content h2{
    padding-bottom: 0;
}

.pagewrap-content h2:first-of-type{
    font-size: 32px  !important;
    line-height: 1.3  !important;
}

.pagewrap-contact{
    position: relative;
    z-index: 1;
    margin-top: 11px !important;
}
body .container-mcontent #main3{
    min-height: 680px;
}

#bottomFly{
    position: fixed !important;
    top: initial !important;
    bottom: 0 !important;
}

#bottomFlyMobile{
    position: fixed !important;
    top: initial !important;
    bottom: 0 !important;
}

#tools-mobile {
    display: none;
    gap: 10px;
    margin-top: 7px;
    margin-bottom: 10px;
    margin-top: 7px;
}

#topAdDivNew2 {
    display: none;
}

.match-detail-row {
    display: none;
}


.league_banner img {
    height: 40px;
}

.league_banner td div {
    display: flex;
    justify-content: center;
}

.odds_detail input[type="radio"], .odds_detail input[type="checkbox"]{
    vertical-align: text-bottom;
}

@media (max-width: 1399px) {

}

@media (max-width: 1199px) {
    #CompanySel {
        display: block;
    }

    body, html{
        min-width: initial !important;
    }
    img{
        max-width: 100%;
    }

    #top,
    .mcontent,
    .crumbs,#fulltab,
    #topAdDiv,
    #top-tools,
    .footer .bottom{
        padding-left: 50px;
        padding-right: 50px;
    }
    .mcontent,
    #main,
    .crumbs,
    .top-tools,
    .topAdDiv,
    #top .top,
    #newtop,
    #topAdDiv,
    .top-tools-c,
    .footer .bottom,
    #info{
        max-width: 100%;
        width: 100% !important;
    }
    .footer .bottom,
    .crumbs,
    #info,
    #topAdDiv{
        box-sizing: border-box;
    }
    #allSclassList{
        display: grid;
        grid-template-columns: repeat(9, 1fr);
        gap: 14px;
    }
    #allSclassList .divList {
        margin-left: 0;
        margin-right: 0;
        box-sizing: border-box;
        width: 100%;
    }

    #header-wrapper{
        min-width: auto !important;
    }
    .r-sidebar-mobile{
        display: block;
    }
    #AdLayer1,
    #AdLayer2,
    #left_float_ad,
    #right{
        display: none;
    }
    #topAdDiv, #ad_middle_3, #ad_middle_2, #bottomFly, tr.ad_m, #ad_middle_2{
        display: none !important;
    }
    #topAdDiv img{
        max-width: 100%;
    }
    #main #min{
        margin-left: 165px;
        width: auto;
        float: none;
        position: relative;
    }

    #mintable .league_banner img {
        width: 100%;
        height: 34px;
    }

    #mintable .league_banner a {
        height: 34px;
    }

    #mintable .hot-banner {
        display: none;
    }

    #mintable.hot_filter .league_banner {
        display: none;
    }

    #mintable.hot_filter .league_banner.hot-banner {
        display: flex !important;
    }


    #mintable table,
    #mintable table tbody{
        display: block;
    }
    #mintable table table{
        display: table;
    }
    #mintable table table tbody{
        display: table-row-group;
    }

    #mintable tr{
        display: flex;
    }

    #guessDiv table tr{
        display: table-row!important;
        background-color: red;
    }

    #mintable .match-detail-row {
        display: none;
    }

    .league_banner img{
        height: revert-layer;
    };

    #mintable tr tr{
        display: table-row;
    }
    #mintable tr td{
        width: 100%;
    }
    #mintable tr td[id^="flashLive_"]{
        height: auto;
    }
    #mintable tr tr td{
        width: 20%;
    }
    .dark #mintable .tds:hover,
    .dark #mintable .tds:hover td{
        background: transparent !important;
    }
    #mintable tr.adtext-bg{
        display: none;
        padding-top: 5px;
        border-bottom: 1px solid #bfbfbf66;
        display: none;
    }
    #mintable .Leaguestitle td:first-of-type{
        width: 30px;
    }
    #mintable tr.scoretitle>*{
        display: none;
    }
    #mintable tr.scoretitle #oddsHead{
        display: none !important;
        position: absolute;
        top: 10px;
        right: 10px;
        border-bottom: 0;
        text-align: right;
        width: auto;
    }
    #mintable tr.scoretitle #oddsHead #CompanySel{
        background-color: var(--second-color) !important;
    }

    #mintable tr.tds {
        display: grid;
        grid-template-columns: 30px 1fr 25px 40px 45px 45px 45px 45px;
        grid-template-rows: auto auto;
        align-items: center;
        height: auto;
        border-bottom: 2px solid #bfbfbf66;
        padding-bottom: 10px;
        padding-top: 5px;
        justify-items: center;
        background-color: #fff;
    }

    .dark  #mintable tr.tds {
        background-color: inherit;
    }

    .p-schedule #mintable tr.tds{
        /* grid-template-columns: 30px 1fr 25px 40px 45px;  */
    }

    #mintable tr.tds td{
        grid-row: 2 / span 2;
        border-bottom: 0;
        display: block;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        align-self: center;
    }

    #mintable tr.tds td:first-of-type,
    #mintable tr.tds .td-fav,
    #mintable tr.tds .td-timeData, #mintable tr.tds td[name="timeData"],
    #mintable tr.tds td.status{
        grid-row: 1;
    }

    #mintable tr.tds td[id^="ht_"],
    #mintable tr.tds .td-ht,
    #mintable tr.tds td[id^="gt_"],
    #mintable tr.tds .td-gt{
        grid-column: 1  / span 2;
        align-items: center;
        text-align: left !important;
        position: relative;
        padding-left: 8px;
        margin-top: 6px;
        margin-bottom: 6px;
    }

    body #table_live .tds .hdpstar {
        position: relative;
        order: 2;
        padding: 0 4px;
    }

    #mintable tr[id^="trF_"]{
        position: relative;
        z-index: 1;
    }

    #mintable tr.tds td[id^="ht_"],
    #mintable tr.tds .td-ht{
        grid-row: 2;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: end;
    }

    #mintable tr.tds td [id^="horder_"],
    #mintable tr.tds .td-ht .td-horder{
        order: 3;
    }
    #mintable tr.tds td [id^="yellow1_"],
    #mintable tr.tds .td-ht .td-team-yellow{
        order: 2;
    }
    #mintable tr.tds td [id^="redcard1_"],
    #mintable tr.tds .td-ht .td-team-redcard{
        order: 1;
    }

    #mintable tr.tds td[id^="gt_"],
    #mintable tr.tds .td-gt {
        grid-row: 3;

    }
    #mintable tr.tds .dash-ratio,
    #mintable tr.tds td [id^="hht_"] .dash-ratio,
    #mintable tr.tds .td-corner .dash-ratio,
    #mintable tr.tds .handpoint .dash-ratio,
    #mintable tr.tds .td-score .dash-ratio,
    #mintable tr.tds .conner_span .dash-ratio,
    #mintable tr.tds .td-hht-score .dash-ratio{
        display: block;
        opacity: 0;
    }

    #mintable tr.tds .default-dash-ratio,
    #mintable tr.tds td [id^="hht_"] .default-dash-ratio,
    #mintable tr.tds .td-corner .default-dash-ratio,
    #mintable tr.tds .handpoint .default-dash-ratio,
    #mintable tr.tds .td-score .default-dash-ratio,
    #mintable tr.tds .conner_span .default-dash-ratio,
    #mintable tr.tds .td-hht-score .default-dash-ratio{
        opacity: 1;
    }

    #mintable tr.tds .team-hg,
    #mintable tr.tds .td-gorder,
    #mintable tr.tds .td-horder{
        color: #888;
    }

    #mintable tr.tds .td-score{
        grid-column: 4;
        padding-right: 10px;

    }

    #mintable tr.tds td.status{
        grid-column: 2 / span 4;
        padding-bottom: 5px;
        padding-right: 50px;
        padding-left: 50px;
        position: relative;
    }
    #mintable tr.tds td.status br{
        display: none;
    }
    #mintable tr.tds td.status:after{
        position: absolute;
        right: 16px;
        top: 1px;
        content: '';
        width: 14px;
        height: 11.9px;
        background: url(../../images/icons/event-corner.svg) no-repeat;
        background-size: contain;
        background-position: center;
    }
    #mintable tr.tds td.status,

    #mintable tr.tds .td-score,
    #mintable tr.tds .td-hht-score{
        text-align: right;
    }

    #mintable tr.tds .tvLinkBtn{
        grid-column: 3;
    }
    #mintable tr.tds .td-corner{
        grid-column: 5;
    }
    #mintable tr.tds .toolimg{
        grid-row: 1;
        grid-column: 6 / span 3;
        text-align: right !important;
        padding-bottom: 27px;
    }
    #mintable tr.tds .toolimg .matchdata-icon:hover:after{
        display: none;
    }
    #mintable tr.tds .toolimg span{
        float: none;
    }
    #mintable tr.tds .td-timeData, #mintable tr.tds td[name="timeData"]{
        display: block !important;
        grid-column: 2;
        padding-bottom: 6px;
    }
    #mintable tr.tds td:first-of-type,
    #mintable tr.tds .td-fav,
    #mintable tr.tds .td-timeData, #mintable tr.tds td[name="timeData"]{
        text-align: left !important;
    }
    #mintable tr.tds .td-timeData, #mintable tr.tds td[name="timeData"] {
        grid-column: 2;
    }
    #mintable tr.tds td:first-of-type,
    #mintable tr.tds .td-fav {
        grid-column: 1;

    }
    #mintable tr.tds .td-hht-score{
        grid-column: 3;
    }

    #mintable tr.tds .td-hht-score {
        color: #8C8C8C;
        text-align: center;
    }

    #mintable tr.tds .tvLinkBtn{
        display: none !important;
    }

    #mintable tr.tds .oddstd-1{
        grid-column: 6;
        border-left: 1px solid;
    }
    #mintable tr.tds .oddstd-2{
        grid-column: 7;
    }
    #mintable tr.tds .oddstd-3{
        grid-column: 8;
    }
    #mintable tr.tds .oddstd p{
        padding: 5px 0;
    }
    #mintable tr.tds .oddstd-1 .odds1,
    #mintable tr.tds .oddstd-2 .odds1,
    #mintable tr.tds .oddstd-3 .odds1{
        padding-top: 0;
    }
    #mintable tr.tds .oddstd-1 .odds3,
    #mintable tr.tds .oddstd-2 .odds3,
    #mintable tr.tds .oddstd-3 .odds3{
        padding-bottom: 0;
    }
    #mintable tr.tds .oddstd .odds1,
    #mintable tr.tds .oddstd .odds2{
        border-bottom: 1px solid #bfbfbf66;
    }
    #mintable tr.tds .oddstd p:last-of-type{
        border-bottom: 0;
    }
    #mintable tr td.text-info{
        padding-top: 5px;
        padding-bottom: 1px;
    }
    body #tools.tools>.f11{
        flex: 1;
        line-height: 1.5;
        margin-top: 5px;
    }
    body #tools.tools{
        display: flex;
        height: auto;
        flex-wrap: wrap;
        justify-content: end;
        align-items: center;
    }

    body #tools.tools>ul{
        border-color: var(--second-color);
        border-bottom: 3px solid var(--second-color);
        flex-basis: 100%;
    }
    body #teammain-6in1 #tools.tools>ul{
        border-bottom: 0;
    }
    .mcontent{
        box-sizing: border-box;
    }
    .page404{
        padding-top: 50px !important;
        padding-bottom: 50px !important;
        min-height: auto !important;
    }
    #tools li{
        height: 28px;
    }
    #CompanySel{
        height: 28px;
        outline: 0;
        border-radius: 3px 3px 0px 0px;
    }
    .pagewrap-contact .info{
        text-align: center;
    }
    .pagewrap-contact .step-primary{
        display: block;
    }
    .pagewrap-contact .step{
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
    }
    #mintable tr .ant .btns{
        width: calc(100% - 10px);
        margin-right: calc(-50% + 8px);
    }
    .ant .matchdata .databtns .btns span{
        width: 50% !important;
        box-sizing: border-box;
    }
    .page-1x2-odds .match-odds-menu{
        max-width: 100%;
        height: auto;
    }

}
@media (max-width: 1160px) {
    .wrap-table-section,
    #divFooterFload{
        max-width: 100%;
        overflow-x: auto;
    }
    .wrap-table-section #dataList,
    .wrap-table-section #divHeadFloat,
    #divFooterFload .oddDivBox{
        width: 1040px !important;
    }
    .wrap-table-section #dataList.dataList-nodata{
        width: 100% !important;
    }
    #oddsList_tab tr td:nth-of-type(2),
    #divFooterFload tr td.gbg,
    #divFooterFload tr th:nth-of-type(2){
        position: sticky;
        background-color: #fff;
        left: 0;
    }
    #divFooterFload tr th:nth-of-type(2),
    #divFooterFload tr td.gbg{
        left: -23px;
    }
    #oddsList_tab tr.tbg2 td{
        background-color: #f5f5f5;
    }
    .dark #divFooterFload tr th,
    .dark #oddsList_tab tr td{
        background-color: #353535;
    }
    .dark #oddsList_tab tr.tbg2 td{
        background-color: #282828;
    }

}
@media (max-width: 1024px) {

#menuMainSw .swiper-wrapper .swiper-slide {
    flex: 1;
    width: auto;
}
.theme .theme-style{
    background-color: #205C04 !important;
}

body.dark{
    background-color: #030405 !important;
}
.tablewrap-scroll{
    overflow-x: auto;
}
.info-mobile .tablewrap-scroll #div_Table2{
    width: max-content;
}
.info-mobile select{
    outline: 0;
}
.body-comming .mcontent{
    min-height: auto;
}
#menuMainSw    .swiper-wrapper{
    justify-content: center;
}
#header-wrapper-sp .theme-div{
    right: 16px;
    top: 10px;
    margin-top: 0;
}
.dark #header-wrapper-sp .theme-style:before {
    left: 50%;
    background-image: url(../../images/dark.png);
    background-repeat: no-repeat;
    background-color: #fff;
}
.info-mobile .nav_select{
    overflow-x: auto;
}
/*CSS table standing*/
.info-mobile .nav_select ul{
    display: flex;
    flex-wrap: nowrap;
    gap:3px;
}
.info-mobile .nav_select{
    padding:5px
}
.info-mobile .nav_select ul>li{
    margin: 0 !important;
    BOX-SIZING: border-box;
    text-align: center;
    text-wrap: nowrap;
}
.info-mobile .nav_select ul>li.dropDiv.select{
    width:100% !important;
}
.info-mobile .nav_select ul>li.tools{
    width:100% !important
}
html body.info-mobile #info #i_main .info_title .info_title_left .img{
    margin-right: 5px;
}
.info-mobile #ScoreGroupTab{
    width: 100%;
}
.info-mobile .outteam{
    var(--Monotone-Grey-900, #070F03);
    text-align: right;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap:2px;
}
.info-mobile #ScoreGroupTab tr:nth-child(2) td:nth-child(2){
    background-color: #e6e6e6 !important;
}
.info-mobile #ScoreGroupTab td:nth-child(2),.info-mobile.callhalf_class td:nth-child(1),.info-mobile.callhalf_class th:nth-child(1){
    width: max-content !important;
    padding-right: 10px;
    position: sticky;
    left: 0;
    z-index: 1;
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.info-mobile.dark #ScoreGroupTab tr td.groupTabTitle{
    background-color: #111 !important;
}
.info-mobile #ScoreGroupTab tr:nth-child(odd) td:nth-child(2):not(.groupTabTitle), .info-mobile.callhalf_class tr:nth-child(odd) td:nth-child(1):not(.groupTabTitle){
    background-color: #f7f7f7;
}
.info-mobile #ScoreGroupTab tr:nth-child(even) td:nth-child(2):not(.groupTabTitle), .info-mobile.callhalf_class tr:nth-child(even) td:nth-child(1):not(.groupTabTitle){
    background-color: #fff;
}

.info-mobile.dark  #ScoreGroupTab tr:nth-child(odd) td:nth-child(2), .info-mobile.dark.callhalf_class tr:nth-child(odd) td:nth-child(1){
    background-color: #222;
}

.info-mobile.dark  #ScoreGroupTab tr:nth-child(even) td:nth-child(2), .info-mobile.dark.callhalf_class tr:nth-child(even) td:nth-child(1){
    background-color: #333;
}
body.info-mobile #i_main .outteam>*{
    margin: 0 !important;
}
html body.info-mobile #i_main{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.info-mobile .info_title{
    display: flex;
}
.info-mobile .follow_btn{
    font-size: 12px;
}
#TableRenderMb{
    display: block !important;
}
#TableRenderMb .bottom-table{
    display: flex !important;
}
#TableRenderMb  .match .bottom-table .odds > div{
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
}
#TableRenderMb  .match .team{
    display: flex;
    position: relative;
    overflow: hidden;
}
#TableRenderMb .match{
    border-radius: 4px;
    background: var(--Monotone-Grey-100, #FBFBFB);
    padding: 8px 6px;
}
.dark #TableRenderMb .match{
    background: #333;
}
.dark #TableRenderMb .match:nth-of-type(2n + 2){
    background: #222;
}
#TableRenderMb .match-time{
    margin-bottom: 8px;
}

body.info-mobile #info{
    padding: 8px 16px 8px 8px !important;
}
.nav_quick{
    padding-left: 0 !important;
}
#main3, #info{
    padding-left: 16px;
    padding-right: 16px;
}
.cupmatch_class #mainTableDiv{
    display: none !important;
}
.leateam_class .match .round{
    display: block !important;
}
body #i_main .match-time .status {
    color: #06f !important;
    font-weight: bold;
    margin-left: auto;
}
.mobile-filter-odd{
    margin-top: 12px;
}
#i_main .bottom-table .odds>div+div{
    border-top:1px solid #bfbfbf66;
    padding-top:2px;
    margin-top: 2px;
}
#i_main .bottom-table .odds{
    border-left: 1px solid #bfbfbf66;
}
#i_main .bottom-table .odds>*{
    height: 100% !important;
    justify-content: center !important;
    width:100% !important;
    background:transparent !important;
}
#i_main .bottom-table .extra{
    display: none;
}
#i_main .bottom-table .odds>*>*{
    flex:1;
    text-align: center;
    font-size: 12px;
}
#i_main .bottom-table .odd-text{
    display: none !important;
}
#i_main .bottom-table .odds{
    display: flex;
    flex-direction: column;
}
#i_main .bottom-table>*{
    flex:1;
}
body #i_main .match-time>.round{
    margin-right: 10px;
    background: #3a7f1a;
    padding: 4px 8px;
    border-radius: 2px;
    color: #fff !important;
}
#i_main .match-time {
    background: #e1e1e2;
    padding-right: 5px;
    border-radius: 2px;
    width: 100%;
    padding:4px;
    flex: unset !important;
    text-align: left;
    align-items: baseline;
    display: flex;
}
.dark #i_main .match-time{
    background: transparent;
    color: #fff;
    border-bottom: 1px solid var(--border-4);
}
#i_main .match-time *{
    font-size: 12px !important;
    color: #222 !important;
}
.dark #i_main .match-time *{
    color: #fff !important;
}
#i_main .match>div{
    flex:1
}
#i_main .match>div.score{
    flex:unset;
    width:50px;
}
#i_main .match>div.bottom-table{
    max-width: 150px;
}
.flex-score{
    display: flex;
    justify-content: flex-end;
    height: 100%;
    align-items: center;
    padding-right: 5px;
}
.flex-score .redf+.redf span{
    font-weight: bold !important;
    color:red;
}
.flex-score span:not(.dash-ratio){
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}
.flex-score>strong{
    display: flex !important;
    flex-direction: column;
    width: 25px;
    min-height: 55px;
    justify-content: space-between;
}
#i_main .dash-ratio{
    display: none;
}
#i_main .dash-ratio.default-dash-ratio{
    display: block;
}
#i_main .match .team{
    height: 100%;
    margin: 0 !important;
    flex-direction: column;
    justify-content: flex-start !important;
    align-items: baseline !important;
}
#i_main .team-name{
    font-size: 12px;
}
#i_main .outteam .sup{
    color: #888 !important;
    margin-left: 6px !important;
}
#i_main #TableRenderMb .outteam span sup{
    display: none;
}
#i_main .match .team>div{
    position:relative !important;
    left: unset !important;
    right: unset !important;
    top: unset !important;
    bottom: unset !important;
}
#i_main .outteam.first{
    flex-direction: row-reverse;
}
.box-set{
    display: none;
}
#div_Table1{
    /* width: max-content !important; */
}
.leastanding_class #tableId .tdlink tbody tr td:last-child {
    width: 200px;
    text-align: center;
}

.leastanding_class #tableId .tdlink tbody tr th:last-child {
    width: 200px;
    text-align: center;
}
#tableId .tdlink > tbody > tr:nth-child(odd) > td:nth-child(2){
    background: #f7f7f7 !important;
}
.dark #tableId .tdlink > tbody > tr:nth-child(odd) > td:nth-child(2){
    background: #222 !important;
}
#tableId .tdlink > tbody > tr > td:nth-child(2){
    background: #fff;
    padding-right: 5px !important;
    padding-left: 5px !important;
}
.dark #tableId .tdlink > tbody > tr > td:nth-child(2){
    background: #282828;
}
.info-mobile:not(.hfstats_class):not(.scorestats_class):not(.goaltime_class) #tableId .tdlink > tbody > tr > td:nth-child(2),
.info-mobile:not(.hfstats_class):not(.scorestats_class):not(.goaltime_class)  #tableId .tdlink > tbody > tr > th:nth-child(2) {
    width: max-content;
    padding-right: 10px;
    position: sticky;
    left: -1px;
    z-index: 1;
}
.hfstats_class #tableId .tdlink > tbody > tr > td:nth-child(1) ,
.hfstats_class #tableId .tdlink > tbody > tr > th:nth-child(1),
.scorestats_class #tableId .tdlink > tbody > tr > td:nth-child(1) ,
.scorestats_class #tableId .tdlink > tbody > tr > th:nth-child(1) ,
.goaltime_class #tableId .tdlink > tbody > tr > th:nth-child(1),
.goaltime_class #tableId .tdlink > tbody > tr > td:nth-child(1)
{
    width: max-content;
    padding-right: 10px;
    position: sticky;
    left: 0;
    z-index: 1;
    background: transparent;
}
#i_main .match{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#i_main .match>div:not(.match-time){
    min-height: 55px;
    justify-content: space-between !important;
    gap: 0 !important;
}
.show-large{
    display: none !important;
}
.hide-large{
    display: block !important;
}
.mobile__checkbox{
    display: none;
}
#Table4 .match{
    margin-bottom: 0 !important;
    padding-top : 15px;
    padding-bottom: 15px;
    border-radius: 0;
}
#Table4 .match+.match{
    margin-top: 4px;
}
#MainDiv #Table1 tr:first-child th:first-child,
#MainDiv #Table1 tr:nth-child(n+4) td:first-child {
    width: max-content;
    padding: 0 5px;
    position: sticky;
    left: -1px;
    z-index: 1;
    background-color: #e8f6f1 !important;
    max-width: 70px;
}
.dark #MainDiv #Table1 tr:first-child th:first-child,
.dark #MainDiv #Table1 tr:nth-child(n+4) td:first-child {
    background-color: #444 !important;
}
#MainDiv #Table1 tr:nth-child(3) th {
    width: max-content !important;
    max-width: 90px !important;
    padding-left: 5px;
    padding-right: 5px;
    min-width: 70px;
    box-sizing: border-box;
}
#MainDiv #Table1 *{
    color:#070F03 !important;
}
#MainDiv #Table1 .alterbg span{
    min-width: 60px;
    display: inline-block;

}
#MainDiv .tdlink.sub-head th,#MainDiv .tdlink th,#MainDiv .tdlink.sub-head.lea-head th{
    background-color: #f7f7f7 !important;
    border-color: var(--border-4);
}
.dark #MainDiv #Table1 *{
    color: #fff !important;
}
.dark #MainDiv .tdlink.sub-head th,
.dark #MainDiv .tdlink th,
.dark #MainDiv .tdlink.sub-head.lea-head th{
    background-color: #333 !important;
}
#MainDiv #Table1{
    width: 100% !important;
}
.scorestats_class #Table1,.goaltime_class #Table1{
    width: 100% !important;
}
.techlist_class .toolBar{
    position: absolute;
    z-index: 999;
    display: none;
    flex-wrap: wrap;
    padding: 15px;
    padding-top: 20px;
}
.close-popup{
    position: absolute;
    top: 0;
    font-size: 20px;
    font-weight: bold;
    right: 0;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.techlist_class #Table3{
    width:100% !important;
    display: block !important;
}
.techlist_class #tableId #Table3.tdlink > tbody > tr > td:nth-child(2){
    min-width: 200px !important;
}
#i_data{
    position: relative;
}
.techlist_class .toolBar>div:first-child{
    float: none!important;
    width: 100%;
    margin-bottom: 8px;
}
.techlist_class .toolBar>div:nth-child(2){
    float: unset;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.techlist_class #selectDataType{
    width:100% !important;
}
.techlist_class .toolBar>div:nth-child(2)>input{
    width: 100%;
    background: #00301c;
}
.techlist_class .toolBar>div:nth-child(2)>span{
    width:100%;
    text-align: center;
}
.techlist_class .toolBar>div:nth-child(2)>select{
    width: calc(50% - 2.5px);
}
.techlist_class .nav_select{
    padding-bottom: 10px;
}
.techlist_class .filter-techlist{
    width: 100%;
    background: #00301c;
    color: #fff;
    height: 30px;
    cursor: pointer;
    text-align: center;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    border-radius: 4px;
    font-size: 12px;
    margin-bottom: 4px;
    text-transform: uppercase;
}

#mainData .pager {
    float: none!important;
    display: flex;
    justify-content: center;
}

#OddsFilter #goalTable td{
    width: auto;
}
#OddsFilter #goalTable td:first-of-type{
    width: 22px;
}
.filter-techlist.active:after {
    content: '';
    width: 100vw;
    height: 100vh;
    position: fixed;
    background: #000;
    opacity: .5;
    top: 0;
    z-index: 999;
}
/*CSS table standing*/
    .crumbs, .footer .bottom, .mcontent.Schedule{
        box-sizing: border-box;
    }
    #top, .mcontent, .crumbs, #fulltab, #topAdDiv, #top-tools{
        box-sizing: border-box;
        margin-bottom: 15px;
        padding: 0;
    }
    .crumbs{
        margin-top: 10px;
        margin-bottom: 10px;
        padding-left: 8px;
        padding-right: 11px;
    }
    #header-wrapper{
        display: none;
    }
    .header-wrapper-sp{
        display: block;
    }
    .fixed-sp {
        position: fixed;
        top: 0;
        z-index: 102;
    }

    div#header-wrapper-sp {
        display: block;
        width: 100%;
        background-color: var(--primary-color) !important;
    }

    .dark #header-wrapper-sp {
        background-color: #22481f !important;
    }

    div#header-wrapper-sp .topBar-sp {
        height: 24px;
        padding: 12px 8px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    div#header-wrapper-sp .topBar-sp .topBar-left-sp .Choose-tool {
        margin-left: 8px;
        height: 20px;
        margin-top: 2px;
    }

    div#header-wrapper-sp .topBar-sp .topBar-left-sp .Choose-tool img {
        margin-left: 0px;
    }

    div#header-wrapper-sp .topBar-sp .topBar-right-sp .Choose-tool {
        margin-right: 8px;
        height: 20px;
    }

    body #header-wrapper-sp .topBar-sp .topBar-left-sp .Choose-tool .img-tool {
        border-radius: 0 !important;
    }

    div#header-wrapper-sp .topBar-sp .size-20 {
        height: 20px;
        width: 20px;
    }

    div#header-wrapper-sp .topBar-sp .topBar-right-sp {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px
    }

    div#header-wrapper-sp .topBar-middle-sp a img {
        height: 24px;
    }

    div#header-wrapper-sp .topBar-middle-sp a {
        display: inline-block;
    }

    div#header-wrapper-sp .mainBar-sp {
        padding: 0 8px;
    }

    div#header-wrapper-sp .mainBar-sp .authBox {
        display: flex;
        justify-content: space-between;
    }

    div#header-wrapper-sp .mainBar-sp .authBox > div {
        width: calc(100%);
        height: 36px;
        padding: 8px 24px;
        border: none;
    }

    div#header-wrapper-sp .menu-icon {
        display: flex;
        width: 28px;
        height: 28px;
        justify-content: center;
        align-items: center;
        background-color: rgba(255, 255, 255, 0.15);
        border-radius: 50%;
    }

    /*#menuSp {*/
    /*    padding-top: 12px;*/
    /*    height: 22px;*/
    /*    width: calc(100% - 87px);*/
    /*    margin-left: 87px;*/
    /*    background-color: #e5e5e5;*/
    /*}*/
    .dark #menuSp {
        background-color: #030405;

    }

    .bottomBar-sp {
        background-color: #e5e5e5;
        transform: translateY(1px);
    }

    .dark .bottomBar-sp {
        background-color: #030405;
        padding: 11px 8px 0;
    }

    div.bottomBar-sp #menuSp .sp-item-menu {
        /*display: inline-block;*/
        padding: 6px;
        border-radius: 4px;
        background-color: #f2f2f2;
    }

    .swiperMenu {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
    }

    div.bottomBar-sp #menuSp .sp-item-menu a {
        text-align: center;
        justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: column;
        height: 44px;
    }

    .swiper-slide a {
        text-decoration: none !important;
    }

    #menuSp .swiperMenu .swiper-slide {
        /*width: auto;*/
        width: 63px;
        margin-right: 4px;
    }

    .menuMainSp .swiperMainMenu .swiper-slide {
        /*width: auto;*/
        width: 76px;
        margin-right: 4px;
    }
    #menuSp .swiperMatchList .swiper-slide {
        /*width: auto;*/
        width: 192px;
    }
    .bottomBar-sp {
        padding: 11px 8px 0;
    }

    div.bottomBar-sp #menuSp .swiper-slide.swiper-slide-active .sp-item-menu {
        /*border-bottom: 1px solid var(--primary-color);*/
    }

    div.bottomBar-sp #menuSp .swiper-box-icon {
        width: 100%;
        padding-bottom: 2px;
        height: 22px;
        margin-right: 0;
        text-align: center;
    }

    div.bottomBar-sp #menuSp .swiper-box-icon img {
        width: 20px;
    }

    div.bottomBar-sp #menuSp .sp-item-menu span {
        font-size: 10px;
        height: 100%;
        line-height: 1.1;
        flex-shrink: 1;
        flex-grow: 1;
        display: flex;
        text-align: center;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu {
        background-color: #EFF9EA;

    }

    .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu span {
        color: #005030;
        font-weight: 600;
    }

    body #header-wrapper-sp .bottomBar-sp #menuSp .swiperMenu .swiper-slide.swiper-slide-active .sp-item-menu a {

    }

    .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.on span {
        font-weight: 600;
    }

    .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu .swiper-menu-icon {
        display: none;
    }

    .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu .swiper-menu-icon.icon-active {
        display: inline;
    }

    .settingBar {
        z-index: 1050;
        width: 100%;
        top: 0;
        display: block;
        left: -100%;
        position: fixed;
        background-color: #e5e5e5;
        overflow-y: auto;
        overflow-x: hidden;
        transition: 1s cubic-bezier(.36, -0.01, 0, .77);
        height: 100%;
    }

    .settingBar.closed {
        left: 0;
    }

    .heading-bar {
        background-color: var(--primary-color);
        height: 37px;
        justify-content: space-between;
        align-items: center;
        color: #fff;
    }

    .heading-bar > div {
        width: 33.333333%;
    }

    .heading-bar-left i {
        font-size: 18px;
        margin-left: 8px;
    }

    .heading-bar-right i {
        font-size: 18px;
        margin-right: 8px;
    }

    .heading-bar-middle span {
        font-size: 14px;
        text-align: center;
        width: 100%;
        display: inline-block;
        line-height: 20px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .closeBar {
        min-width: 50px;
    }

    .contentBar {
        padding: 12px 8px;
    }

    .table-setting.d-flex {
        justify-content: space-between;
        align-items: center;
        min-width: 21px;
        color: #070F03;
        margin-bottom: 12px;
    }

    .st-left {
        /*font-weight: bold;*/
    }

    .st-right input {
        display: none;
    }

    .st-right .switch .switch-style:before {
        top: 2px;
        width: 17px;
        height: 17px;
    }

    .st-right .switch .switch-style {
        height: 21px;
        margin-top: 0;
        width: 39px;
        background: #717171;
    }

    .dark .st-right .switch > input[type="checkbox"] + .switch-style {
        background: #717171 !important;
    }

    .st-right .switch > input[type="checkbox"]:checked + .switch-style {
        background: linear-gradient(90deg, #0C935D 0%, #022D1C 100%) !important;
    }

    .st-right .theme .theme-style {
        height: 21px;
        width: 39px;
    }

    .soundSetting .selectbox {
        border: 1px solid #B3C5BE;
        border-radius: 4px;
        display: flex;
        height: 30px;
    }

    .soundSetting .selectbox span {
        background-color: #D6E4DF;
        padding: 0 10px;
        min-width: 27px;
        display: inline-block;
        text-align: center;
        color: #070F03;
        /*font-weight: bold;*/
        font-size: 14px;
        line-height: 30px;
        border-right: 1px solid #B3C5BE;
    }

    .soundSetting .selectbox span.on {
        background-color: #004026;
        color: #ffffff;
    }

    .soundSetting .selectbox span:last-child {
        border-right: 0;
    }

    .icon-dark.swiper-menu-icon, .icon-dark.swiper-menu-icon.icon-active{
        display: none;
    }

    body.dark .icon-dark.swiper-menu-icon ,body.dark  .icon-dark.swiper-menu-icon.active-menu {
        display: inline;
    }

    .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu .swiper-menu-icon.icon-active{
        display: inline;
    }
    .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu .swiper-menu-icon.icon-active.icon-dark{
        display: none;
    }

    body.dark div.bottomBar-sp #menuSp .sp-item-menu a .swiper-box-icon .swiper-menu-icon {
        display: none;
    }

    body.dark .icon-dark.swiper-menu-icon {
        display: block;
    }

    body.dark div.bottomBar-sp #menuSp .sp-item-menu a .swiper-box-icon .swiper-menu-icon.icon-dark {
        display: inline;
    }

    body.dark div.bottomBar-sp #menuSp .sp-item-menu a .swiper-box-icon .swiper-menu-icon.icon-dark.icon-active {
        display: none;
    }

    body.dark .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu .swiper-menu-icon.icon-dark {
        display: none;
    }
    body.dark .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu .swiper-menu-icon.icon-active{
        display: none;
    }
    body.dark .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu .swiper-menu-icon.icon-active.icon-dark{
        display: inline;
    }
    body.dark div.bottomBar-sp #menuSp .sp-item-menu span{
        color: #d4d4d4 !important;
    }
    body.dark .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu span{
        color: #10E18D !important;
    }
    body.dark div.bottomBar-sp #menuSp .sp-item-menu {
        background: #1A1A1A;
    }
    #menuMainSw {
        margin-bottom: 9px;
        max-height: 58px;
        overflow: hidden;
    }

    #menuMainSw .swiper-box {
        display: flex;
        text-decoration: none !important;
        justify-content: center;
        align-items: center;
        /*width: calc(100% - 8px);*/
        height: 44px;
        animation: .5s;
        border-radius: 5px;
        background-color: #205C04;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;

    }

    .dark #menuMainSw .swiper-box {
        background-color: #1c1e1b;
    }
    .swiperMenu{
        max-height: 58px;
        overflow: hidden;
    }

    .swiper-box-icon {
        width: 32px;
        height: 32px;
        margin-right: 6px;
    }

    .swiper-box-icon img {
        width: 100%;
    }

    .swiper-box-icon .swiper-menu-icon.icon-active {
        display: none;
    }

    .container-mix {
        max-width: 1208px;
        margin-right: auto;
        margin-left: auto;
    }

    #menuMainSw  .swiper-box.active {
        background-color: #ffffff;
    }

    #menuMainSw .swiper-box.active span {
        color: #005030;
        font-weight: 700;
    }

    #menuMainSw .swiper-box.active .swiper-box-icon .swiper-menu-icon {
        display: none;
    }

    #menuMainSw .swiper-box.active .swiper-box-icon .swiper-menu-icon.icon-active {
        display: block;
    }


    #menuMainSwSub {
        background-color: var(--second-color);
        border-radius: 4px 4px 0 0;
    }

    #menuMainSwSub .menu-sub-item {
        padding: 5px 0 2px;
        border-bottom: 3px solid var(--second-color);
    }

    #menuMainSwSub .menu-sub-item a {
        display: block;
        width: 100%;
        text-decoration: none;
        line-height: 35px;
        text-align: center;
        border-right: 1px solid #005030;
    }

    #menuMainSwSub .menu-sub-item a .text-mb {
        color: white;
        position: relative;
        font-size: 14px;
        font-weight: bold;
    }

    #menuMainSwSub .menu-sub-item a .newMark {
        position: absolute;
        right: -100%;
        top: -5px;
        height: 13px;
        line-height: 13px;
        font-size: 10px;
        font-weight: normal;
        background: #fb2b1c;
        color: #fff;
        padding: 0;
        border-radius: 2px 0;
        z-index: 7;
        width: 28px;
        text-align: center;
    }

    #menuMainSwSub .menu-sub-item a .fav_count {
        top: 0;

    }

    #menuMainSwSub .menu-sub-item.on, #menuMainSwSub .menu-sub-item:hover {
        border-bottom-color: #ffffff;
        background: #337359;
    }

    .sub-icon-box {
        display: none;
    }

    #menuMainSw .swiper-box {
        flex-direction: column;
        height: 44px;
        padding: 7px 6px;
        justify-content: space-between;
        align-items: center;
        flex-shrink: 0;
        border-radius: 8px;
    }

    .menuMainSp {
        width: 100%;
        overflow: hidden;
    }

    #menuMainSw .swiper-box-icon {
        width: 28px;
        height: 28px;
        margin-right: 0;
        margin-bottom: 4px;
    }

    #menuMainSw .swiper-box span {
        font-size: 10px;
        text-align: center;
        letter-spacing: 0.3px;
        color: #99b9ac;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #header-wrapper-sp.sticky {
        position: fixed;
        top: 0;
        z-index: 999;
    }

    #header-wrapper-sp.sticky .mainBar-sp, #header-wrapper-sp.sticky .bottomBar-sp {
        display: none;
    }

    .sw001 {
        padding: 0 8px;
    }

    .container-mix.mix-mb, .container-mix.mix-mb #menuMainSwSub {
        background-color: #e6e6e6;
    }

    #menuMainSwSub .swiper-slide {
        width: auto;
    }

    .sub-icon-box {
        text-align: center;
        display: block;
        margin-bottom: 2px;
    }

    #menuMainSwSub .menu-sub-item.on .sub-icon-box img.sub-icon-box-icon {
        display: none;
    }

    #menuMainSwSub .menu-sub-item.on .sub-icon-box img.sub-icon-box-icon.sub-icon-box-icon-active {
        display: inline-block;
    }

    .sub-icon-box img, .sub-icon-box {
        height: 20px;
    }

    .sub-icon-box-icon.sub-icon-box-icon-active {
        display: none;
    }

    #menuMainSwSub .menu-sub-item a .ct-t {
        flex-grow: 1;
        flex-shrink: 1;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #menuMainSwSub .menu-sub-item a .text-mb {
        font-size: 10px;
        line-height: 1.1;
        color: #717171;
        display: inline-table;
        width: 100%;
        text-align: center;
    }

    #menuMainSwSub .menu-sub-item a {
        border-right: 0;
        display: flex;
        width: 100%;
        line-height: 14px;
        height: 100%;
        flex-direction: column;
        justify-content: center;
    }

    #menuMainSwSub .menu-sub-item {
        background-color: #f2f2f2;
        padding: 6px;
        border-bottom: 0;
        width: 63px;
        height: 51px;

        align-items: center;
        flex-shrink: 0;
        border-radius: 4px;
    }

    #menuMainSwSub .menu-sub-item a .fav_count {
        position: unset;
        display: block;
        margin-left: 50%;
        transform: translateX(-50%);
    }

    #menuMainSwSub .menu-sub-item.on, #menuMainSwSub .menu-sub-item:hover {
        background: #E9F6F1;
    }

    #menuMainSwSub .menu-sub-item.on a .text-mb {
        color: #005030;
    }

    .dark .swiper-slide .menu-icon {
        display: block;
    }

    .dark .swiper-slide a span {
        color: #bbbbbb !important;
    }

    .dark .table-setting.d-flex {
        color: #ffffff !important;
    }

    .dark .swiper-slide .menu-icon.hide {
        display: none
    }

    .dark .settingBar {
        background-color: #030405 !important
    }

    .dark .soundSetting .selectbox {
        border: 1px solid #243B32;
    }

    .dark .soundSetting .selectbox span {
        background-color: #001F13;
        color: #fff;
        border-right: 1px solid #243B32;
    }
    .dark #menuMainSw .swiper-box.active span {
        color: #005030 !important
    }

    /*.dark #menuSp .swiper-slide.swiper-slide-active a span{*/
    /*    color: #005030 !important*/
    /*}*/
    .dark .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu span {
        color: #005030 !important;;
        font-weight: 600 !important;
    }

    .dark .bottomBar-sp #menuSp .swiper-slide a span {
        color: #717171 !important;
    }
    .dark #match-list-box .selectbox__frame-number{
        color: #FFB800 !important;
    }
    .dark .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu{
        background-color: #374033 !important
    }
    #min #Layer1{
        position: fixed !important;
    }
    #showoptional2, #showCountry, #showFilterBox{
        left: 0;
    }
    #ad_right_1,
    #div_ad_float{
        display: none;
    }
    #min #Layer1{
        width: 70% !important;
    }
    #showoptional2, #showCountry, #showFilterBox{
        width: 100% !important;
    }
    .date-now-none .date-picker > ul{
        display: flex;
        overflow-x: auto;
        padding-bottom: 5px;
    }

    .footer .bottom{
        flex-wrap: wrap;
    }
    .bottom-item{
        width: 100% !important;
    }
    .footer-logo{
        max-width: 311px !important;
        margin: initial;
    }

    #mintable tr.adtext-bg td,
    .adtext1{
        height: auto;
        padding-bottom: 3px;
    }
    #switchLeagueBlock,
    #sbOddsCorner{
        display: none !important;
    }
    #mintable tr td .add-div{
        text-align: center;
    }

    #teammain-6in1 #odds{
        overflow-x: auto;
    }

    #teammain-6in1 table {
        width: 1024px;
        border-collapse: separate;
        border: none;
        margin-bottom: 0 !important;
        border-color: #fff;
        border-spacing: 0;

    }
    #teammain-6in1 table .oodstable-t td{
        background-color: #e5e5e5;
    }

    #teammain-6in1 table td{
        border-right: 1px solid #d0d0d0;
        border-bottom: 1px solid #d0d0d0;
        background-color: #fff;
        box-sizing: border-box;
    }

    #teammain-6in1 table tr td.td-hidematch{
        border-left: 1px solid #d0d0d0;
    }
    #teammain-6in1 table.dataItem .underLine{
        text-align: left;
    }
    #teammain-6in1 table.dataItem tr td.Leaguestitle{
        position: sticky;
        left: 0;
        z-index: 1;
        background: var(--table_header);
    }
    #teammain-6in1 table.dataItem tr td.Leaguestitle{
        border-left: 1px solid #d0d0d0;
    }


    #teammain-6in1 table td.sl{
        position: sticky;
        left: 0;
        z-index: 1;

    }

    #teammain-6in1 table td.sl{
        left: 0;

    }

    .dark #teammain-6in1 table,
    .dark #teammain-6in1 table td{
        background-color: #333;
    }
    .dark #teammain-6in1 table td{
        border-color: #585858;
    }
    .dark #teammain-6in1 table,
    .dark #teammain-6in1 table tr td.td-hidematch,
    #teammain-6in1 table.dataItem tr td.Leaguestitle{
        border-color: #585858;
    }
    .dark #teammain-6in1 table.dataItem:nth-of-type(2n + 1) tr td{
        background-color: #282828;
    }
    #teammain-6in1 #Layer1{
        max-width: 100%;
        box-sizing: border-box;
        width: 70% !important;
    }
    #allSclassList{
        grid-template-columns: repeat(8, 1fr);
    }
    .dark #tools li span:hover{
        color: #fff !important;
    }
    #header-wrapper-sp .favCount-mobile{
        position: absolute;
        right: 1px;
        top: 1px;
        font-size: 10px;
        width: 15px;
        height: 15px;
        box-sizing: border-box;
        padding: 0;
        text-align: center;
    }
    .add-div .add-info2:hover:after{
        display: none;
    }
    #bottomFly{
        max-width: 100%;
        width: calc(100% - 185px) !important;
    }

    #bottomFly img{
        max-width: 100%;
    }



    #ad_middle_2{
        display: flex;
    }
    .container-mcontent{
        margin-top: 10px;
    }
    #introduce_div table tr td p{
        white-space: initial;
        text-align: justify;
    }
    #info #i_main #introduce_div .data:not(#mainTitle):not(#lastUpdateTime) table tr td,
    #info #i_main2 #introduce_div .data:not(#mainTitle):not(#lastUpdateTime) table tr td{
        padding: 10px !important;
    }

    #tools-mobile {
        display: flex !important;
    }

    #topAdDivNew2 {
        display: block !important;
        margin: 0px -8px 5px -8px;
        text-align: center;
    }

    #mintable tr .match-detail-box {
        display: flex;
        justify-content: space-between;
        padding: 7px 8px;
        border-top: 1px ;
        background-color: #F2F2F2;
    }

    .dark #mintable tr .match-detail-box {
        background-color: #282828;
    }

    #mintable .Detail-icon {
        margin-right: 9px;
    }

    #mintable tr .match-detail-box.show .match-detail-dropdown {
        transform: rotate(180deg);
    }

    .league_banner {
        margin-bottom: 5px;
    }

    .date-picker {
        margin-top: 10px;
    }

    .match-detail-dropdown {
        background: url(../../vn/images/icon_arrow_right-black.svg);
        width: 14px;
        height: 14px;
        display: block;
    }

    .dark  .match-detail-dropdown {
        background: url(../../vn/images/icon_arrow_right-white.svg);
    }

    #mintable .match-detail-row {
        background-color: #fff;
        border-top: 1px solid #bfbfbf66;
        display: flex;
        margin-bottom: 5px;
    }

    #mintable tr.tds {
        border-bottom: 0;
    }

    #mintable tr.tds .toolimg .matchdata-icon {
        display: none;
    }

    #mintable tr.tds td.status {
        padding: 0 22px 0 0;
        color: #E00606;
        top: -3px;
    }

    #mintable tr.tds td.status:after {
        right: -25px
    }

    .conner_span {
        display: none;
    }

    #mintable tr.tds {
        grid-template-columns: 30px 1fr 25px 24px 6px 45px 45px 45px;
    }

    #mintable tr.tds .toolimg .mobile.conner_span {
        display: inline-block;
        width: 30px;
        color: #8C8C8C;
        line-height: 6px;
        position: absolute;
        left: 25px;
        top: 8px;
        padding-left: 4px;
    }

    #mintable tr.tds .toolimg .mobile.conner_span .dash-ratio {
        display: inline-block;
        opacity: 1;
        color: #8C8C8C;
        padding: 0 2px;
    }
}
@media (max-width: 840px) {
    #switchLeagueBlock,
    .min-setting-element{
        margin-top: 7px;
        margin-bottom: 5px;
    }


    body #teammain-6in1 .Leaguestitle span{
        position: sticky;
        left: 4px;
        z-index: 1;
    }

    .min-setting-element{
        order: 2;
    }
    #tools li{
        height: 28px;
    }
    #tools .odds_setting{
        margin-bottom: 4px;
        /* float: left; */
    }
    body #tools.tools>.clear{
        display: none;
    }
    body #tools.tools>.f11{
     margin-top: 0;
    }
    #allSclassList{
        grid-template-columns: repeat(6, 1fr);
    }
    #info .Area{
        overflow-x: auto;
    }
    #info .Area ul{
        width: 800px;
        margin-bottom: 0;
        height: 30px;
        line-height: 30px;
    }
    #info .Area li a{
        font-size: 12px;
        line-height: 30px;
    }
    div#header-wrapper-sp .mainBar-sp {
        padding: 0 8px;
    }
}
@media (max-width: 767px) {
    .searchWin .popupbox.sch{
        width: 100% !important;
    }
    .searchWin{
        width: 90% !important;
        left: 50% !important;
        -webkit-transform: translateX(-50%); /* Hỗ trợ cho Safari cũ */
        -moz-transform: translateX(-50%); /* Hỗ trợ cho Firefox cũ */
        -ms-transform: translateX(-50%); /* Hỗ trợ cho IE9+ */
        -o-transform: translateX(-50%); /* Hỗ trợ cho Opera cũ */
        transform: translateX(-50%);
    }
    body .mcontent{
        min-width: auto !important;
    }
    #main #left,
    #main #min{
        width: 100%;
        float: none;
    }
    #main #left{
        display: none;
    }
    #main #min{
        margin-left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 8px;
    }

    #main #left{
        margin-right: 0;
        min-height: auto;
        margin-bottom: 20px;
        justify-content: space-between;
    }

    .searchWin .sch .popuptit{
        padding: 10px !important;
    }
    .searchWin .popuptit .typebtn.sort{
        margin-top: 10px !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .searchWin .scorelists .htname,
    .searchWin .scorelists .gtname{
        width: 100px;
    }
    #min #Layer1 {
        width: 90% !important;
    }
    .div_inner_bottom_span_ul{
        width: 300px !important;
    }
    .correct-score .real-score{
        width: 200px;
        overflow-x: auto;
    }
    .correct-score .real-score .box-correct{
        width: 495px;
    }
    #bottomFly{
        width: calc(100% - 20px) !important;
    }

    .nodatapage .alogo{
        font-size: 46px !important;
        margin-bottom: 30px;
    }
    .nodatapage .explain{
        font-size: 20px;
    }
    .nodatapage .iconsbtn a, .dark .nodatapage .iconsbtn a{
        min-width: 80px !important;
    }
    .nodatapage .backbtn {
        background: #226204;
        color: #fff;
        width: 150px !important;
        padding: 0 10px;
        margin: 0 auto;
        border-radius: 4px;
        display: block;
    }
    .searchWin .close{
        top: 20px !important
    }

    .scorestats_class #Table1, .goaltime_class #Table1{
        width: max-content !important;
    }

    .hfstats_class #tableId .tdlink > tbody > tr > td:nth-child(1) ,
    .hfstats_class #tableId .tdlink > tbody > tr > th:nth-child(1),
    .scorestats_class #tableId .tdlink > tbody > tr > td:nth-child(1) ,
    .scorestats_class #tableId .tdlink > tbody > tr > th:nth-child(1) ,
    .goaltime_class #tableId .tdlink > tbody > tr > th:nth-child(1),
    .goaltime_class #tableId .tdlink > tbody > tr > td:nth-child(1)
    {
        width: max-content;
        padding-right: 10px;
        position: sticky;
        left: 0;
        z-index: 1;
        background: #fff;
    }
    .hfstats_class #tableId .tdlink > tbody > tr > th:nth-child(1),
    .scorestats_class #tableId .tdlink > tbody > tr > th:nth-child(1),
    .goaltime_class #tableId .tdlink > tbody > tr > th:nth-child(1){
        background-color: #e6e6e6;
    }

    .hfstats_class #tableId .tdlink > tbody > tr:nth-child(odd) > td:nth-child(1) ,
    .scorestats_class #tableId .tdlink > tbody > tr:nth-child(odd) > td:nth-child(1) ,
    .goaltime_class #tableId .tdlink > tbody > tr:nth-child(odd) > td:nth-child(1){
        background-color: #f7f7f7 !important;
    }

    .dark.hfstats_class #tableId .tdlink > tbody > tr > td:nth-child(1),
    .dark.scorestats_class #tableId .tdlink > tbody > tr > td:nth-child(1),
    .dark.goaltime_class #tableId .tdlink > tbody > tr > td:nth-child(1){
        background-color: #282828 !important;
    }

    .dark.hfstats_class #tableId .tdlink > tbody > tr > th:nth-child(1),
    .dark.scorestats_class #tableId .tdlink > tbody > tr > th:nth-child(1),
    .dark.goaltime_class #tableId .tdlink > tbody > tr > th:nth-child(1){
        background-color: #222;
    }

    .dark .hfstats_class #tableId .tdlink > tbody > tr:nth-child(odd) > td:nth-child(1) ,
    .dark .scorestats_class #tableId .tdlink > tbody > tr:nth-child(odd) > td:nth-child(1) ,
    .dark .goaltime_class #tableId .tdlink > tbody > tr:nth-child(odd) > td:nth-child(1){
        background-color: #222 !important;
    }

    #mintable tr.scoretitle #oddsHead{
        right: 16px;
        display: none;
    }
    #div_goal{
        width: calc(100% - 28px) !important;
        left: 14px !important;
        box-sizing: border-box !important;
    }
    #div_goal table{
        max-width: 100%;
        width: 100%;
    }

}

@media screen and (max-width: 677px) {
    .league_banner td div {
        align-items: center;
    }
    .league_banner td div a {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .bottomBar-sp{
        padding-left: 8px;
        padding-right: 8px;
        transform: translateY(1px);
    }
    .crumbs{
        padding-left: 8px;
        padding-right: 8px;
    }
    .crumbs #breadcrumbs{
        margin-left: 0;
    }
}

@media (max-width: 650px) {
    .LGname {
        font-size: 12px;
    }


    #switchLeagueBlock{
        margin-top: 8px;
    }

    #allSclassList{
        grid-template-columns: repeat(5, 1fr);
    }
    #oddsChange{
        left: 20px !important;
        width: 90% !important;
        overflow-x: auto;
    }
    #oddsChange .closebtn{
        position: sticky;
        top: 0px;
        left: 95%;
    }

    body #main #min {
        background-color: #E5E5E5;
    }

    body.dark #main #min {
        background-color: #030405 !important;
    }

    .dark #mintable tr.tds {
        background-color: #282828;
    }



    #soccer .mcontent .oddstd {
        margin-top: 2px;
    }
}

@media (max-width: 575px) {
    .min-setting-element{
        margin-top: 8px;
    }
    #min #Layer1{
        width: 95% !important;
    }
    #filterList{
        padding: 10px;
        max-height: 350px;
        overflow: auto;
    }
    #filterList .name{
        display: block;
        width: 100%;
        text-align: left;
        margin-bottom: 5px;
        padding-left: 5px;
        margin-top: 10px;
    }

    #showoptional2 li, #showCountry li, #showCompany li, #showFilterBox li,
    .searchWin .sch .sch_list{
        width: 100% !important;
        box-sizing: border-box;
    }
    #myleague2, #countryListDiv, #myleague{
        max-height: 350px;
    }
    .bts .ent,.bts span{
        margin-top: 5px;
    }
    .searchWin .scorelists{
        display: grid !important;
        grid-template-columns: repeat(12, 1fr);
    }
    .searchWin .scorelists > .iconfont:is(.icon-font-collect-off, .icon-font-collect-on), .searchWin .scorelists .time{
        grid-column: span 6 / span 6;
    }
    .searchWin .scorelists > .iconfont:is(.icon-font-collect-off, .icon-font-collect-on) {
        text-align: left;
        padding-left: 6px;
    }

    .searchWin .scorelists .time {
        text-align: right;
        padding-right: 6px;
        justify-content: end;
    }

    .searchWin .scorelists> * {
        width: auto !important;
    }
    .searchWin .scorelists .state{
       display: none;
    }
    .searchWin .scorelists .htname{
        grid-column: span 5 / span 5;
    }
    .searchWin .scorelists .score{
        grid-column: span 2 / span 2;
    }
    .searchWin .scorelists .gtname{
        grid-column: span 5 / span 5;
    }
    #OddsFilter table{
        width: 100%;
    }
    #OddsFilter{
        padding-left: 10px;
        padding-right: 10px;
    }
    #bottomFly{
        max-width: 100%;
    }

    /* #mintable tr.tds .td-gorder,
    #mintable tr.tds .td-horder{
        display: block;
        clear: both;
        margin-left: 0;
    } */
    #teammain-6in1 table td.sl{
        width: 10%;
    }

    body #teammain-6in1 #tools.tools>ul{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    body #teammain-6in1 #tools.tools>ul .Preferences2{
        margin-left: 4px;
        box-sizing: border-box;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    body #teammain-6in1 #tools.tools>ul .f11{
        box-sizing: border-box;
        width: calc(100% - 130px);
    }
    #allSclassList{
        grid-template-columns: repeat(4, 1fr);
    }
    #returnTop .glove,
    #returnTop #feedBack{
        display: none;
    }
    .notes-div{
        padding: 10px 20px;
        width: 300px;
    }
    #ad_middle_2 a img, #ad_middle_3 a img{
        width: 100%;
    }
    .span-mobile-break{
        display: block;
        margin-top: 10px;
    }
    .pagewrap-content input{
        width: 100%;
    }
    #mintable tr .ant{
        overflow: auto;
    }
    #mintable tr .ant .flash,
    #mintable tr .matchdata{
        float: none;
        width: 100%;
    }
}
@media (max-width: 480px) {
    #allSclassList{
        grid-template-columns: repeat(3, 1fr);
    }
    .database-floatDiv.itemMiddle{
        left: 50% !important;
        margin-left: -170px;
    }
    .database-floatDiv.itemMiddle .div_inner_bottom_span_ul:before{
        left: 50%;
    }
    .database-floatDiv.spDiv{
        left: initial !important;
        right: 0;
    }
    body .spDiv ul{
        right: 10px !important;
    }

    #ad_middle_2 a img, #ad_middle_3 a img{
        width: 100%;
    }
    #delayShow #mainTitle .tdlink tr{
        width: 100% !important;
    }
    #delayShow #mainTitle .tdlink tr td{
        display: flex !important;
    }
    #delayShow #mainTitle .tdlink tr:first-of-type td{
        width: 100% !important;
    }
    #delayShow #mainTitle .tdlink tr{
        margin-top: 0 !important;
    }
    #delayShow #mainTitle .tdlink tr{
        position: initial !important;
    }
    #delayShow #mainTitle .tdlink.team-head tr{
        position: absolute !important;
    }
    #delayShow #mainTitle .tdlink.team-head tr:first-of-type td{
        width: calc(100% - 20px) !important;
    }
    #delayShow #mainTitle .tdlink table tr{
        padding-left: 40px;
        box-sizing: border-box;
    }
    #delayShow #mainTitle .tdlink table tr .teamicon{
        text-align: left;
        margin-right: initial;
        margin-left: initial;
    }
    #info #i_main .main_title .title_left select,
    #info #i_main2 .main_title .title_left select {
        max-width: 165px;
        box-sizing: border-box;
    }

    .pagewrap-content h2:first-of-type{
        font-size: 28px !important;
    }
    .pagewrap-contact .eng_content, .pagewrap-contact .thai_content{
        padding-left: 16px;
        padding-right: 16px;
    }
    .pagewrap-contact .eng_content .info, .pagewrap-contact .thai_content .info{
        padding-left: 0;
        padding-right: 0;
    }

}
@media (max-width: 420px) {
    #menuMainSw .swiper-wrapper {
        justify-content: initial;
    }
    #CompanySel{
        font-size: 10px;
        width: auto;
        padding-left: 1px;
        margin-right: 0;
    }
    div#header-wrapper-sp .mainBar-sp,
    .bottomBar-sp,
    .crumbs,
    #main #min,
    .footer .bottom,
    #main3, #info,
    body.info-mobile #info{
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    #mintable tr.scoretitle #oddsHead,
    #header-wrapper-sp .theme-div,
    #mintable tr.scoretitle #oddsHead,
    .pagewrap-contact .eng_content,
    .pagewrap-contact .thai_content{
        right: 8px !important;
    }


}

@media (max-width: 771px) {
    .bottomBar-sp {
        padding: 11px 8px 3px 8px;
    }

    body #main #min {
        background-color: #E5E5E5;
    }
}


@media (max-width: 390px) {
    #tools .f11{
        width: 100%;
    }
    #allSclassList{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 500px) and (max-width: 1000px) {
    .swiper-slide {
        min-width: calc((100% - 20px)/5);
    }
}

@media (min-width: 500px) and (max-width: 720px) {
    .bottomBar-sp {
        padding: 11px 8px 4px 8px;
    }
}

@media (max-width: 1024px){
    html body #info #i_main .sub_menu {
        overflow-x: scroll;
        scrollbar-width: none;
        display: flex;
        flex-wrap: nowrap;
    }
     html body #info #i_main .sub_menu a {
        text-wrap: nowrap;
    }
}

#topAdDivNew {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

#topAdDivNew1 {
    margin: 0 -8px 8px -8px;
    background-color: #e5e5e5;
    text-align: center;
}
.dark #topAdDivNew1 {
  background-color: initial;
}
@media (max-width: 414px){
  #topAdDivNew img , #topAdDivNew1 img, #topAdDivNew2 img {
    width: 100%;
  }
  #bottomFlyMobile img {
    width: 100%;
  }
  .league_banner {
    margin: 0 -10px;
  }
  .mobile-banner {
    margin: 0 -10px;
  }
}