.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;
    }
}