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



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

@media (max-width: 5000px) {

}

@media (max-width: 5000px) {
  #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{
    width: auto;
    float: none;
    position: relative;
  }

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

  #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;
    padding: 0 10px;
  }


  #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: 5000px) {
  .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: 5000px) {

  #menuMainSw .swiper-wrapper .swiper-slide {
    flex: 1;
    width: auto;
  }
  #menuMainSw .swiper-wrapper .swiper-slide:last-of-type{
    margin-right: 0px !important;
  }
  .mcontent #Community-wrapper #left {
    width: 640px;
  }
  .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%;
    cursor: pointer;
  }

  /*#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;
    max-width: 640px;
  }

  #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: 618px !important;
    top: 118px;
    position: fixed;
    left: 50%;
    transform: translateX(-50.6%);
  }
  .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;
  }

  body #tools.tools {
    display: none;
  }

  #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: 5000px) {
  #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: 5000px) {
  .searchWin .popupbox.sch{
    width: 100% !important;
  }
  .searchWin{
    position: fixed;
    width: 100% !important;
    max-width: 640px;
    left: 50% !important;
    top: 52% !important;
    /*-webkit-transform: translate(-50%, -50%);*/
    /*-moz-transform: translate(-50%, -50%);*/
    /*-ms-transform: translate(-50%, -50%);*/
    /*-o-transform: translate(-50%, -50%);*/
    transform: translate(-50%, -50%);
    transition: none;
    z-index: 5;
  }
  #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%;
  }
  .l0:hover:after {
    left: -42px;
  }

}

@media screen and (max-width: 5000px) {
  .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: 5000px) {
  .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: 5000px) {
  .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 #backTop,
  #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: 5000px) {
  #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: 5000px) {
  #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: 5000px) {
  .bottomBar-sp {
    padding: 8px 8px;
  }

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


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

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

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

@media (max-width: 5000px){
  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;
  }
}


#topAdDivNew1 {
  background-color: #e5e5e5;
  text-align: center;
}
.dark #topAdDivNew1 {
  background-color: initial;
}
@media (max-width: 5000px){
  #topAdDivNew img , #topAdDivNew1 img, #topAdDivNew2 img {
    width: 100%;
  }
  .league_banner {
    margin: 0 -10px;
  }
  .mobile-banner {
    margin: 0 -10px;
  }
  .crumbs {
    display: none;
  }
  .slide_btn_container_mobile {
    display: block !important;
  }
  .slide_btn_container_desktop {
    display: none !important;
  }
  .topAdDivNew1 {
    max-width: 632px;
  }
  .topnhacai_container {
    max-width: 632px;
    display: none;
  }
  /*#bottomFlyMobile {*/
  /*  max-width: 632px;*/
  /*}*/
}
@media (max-width: 5000px){
  .footer {
    display: none;
  }
  #footer-wrapper-sp {
    display: block !important;
  }

  body #header-wrapper-sp .mainBar-sp {
    display: none;
  }

  .backTopMobile,
  .feedbackMobile,
  #btnFilterLeague {
    display: block;
    cursor: pointer;
  }

  body #returnTop #btnFilterLeague {
    background: rgba(73, 127, 25, .9) !important;
    color: #fff;
    cursor: pointer;
  }

  body #returnTop span {
    width: 45px;
    height: 45px;
    line-height: 45px;
    display: block;
    text-align: center;
    box-shadow: 1px 3px 8px rgba(0, 0, 0, .2);
    border-radius: 50%;
    margin: 5px 5px 10px 5px;
    font-size: 28px;
  }

  body #returnTop a:link, body #returnTop a:visited {
    /* color: #0b73c5; */
    text-decoration: none;
  }
  body #returnTop a:hover, body #returnTop .f11:hover {
    color: unset;
  }


  body #header-wrapper-sp .select ul.GameList {
    background: #fff;
    padding: 5px;
    top: 40px;
    border-radius: 16px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .5);
  }

  body #header-wrapper-sp .select ul.GameList {
    width: 200px;
    max-width: 300px;
  }

  body #header-wrapper-sp .select ul.GameList {
    display: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    color: #1b1b1b;
  }
  body #header-wrapper-sp .select ul.GameList::before {
    content: '';
    width: 0;
    height: 0;
    transform: rotate(-45deg) translateX(-5px);
    position: absolute;
    top: -8px;
    left: 50%;
    border: solid 5px #fff;
    border-left-color: transparent;
    border-bottom-color: transparent;
  }
  body #header-wrapper-sp .select {
    font-size: 14px;
    line-height: 28px;
    height: 28px;
    color: #fff;
    background: rgba(255, 255, 255, .15);
    /*margin: 12px 8px 0 0;*/
    padding: 0 22px 0 0 !important;
    border-radius: 20px;
    font-weight: 500;
    cursor: pointer;
    float: right;
    left: auto;
    position: relative;
  }

  body #header-wrapper-sp .select::before {
    margin-top: -3px;
  }

  body #header-wrapper-sp .select::before {
    content: "";
    position: absolute;
    right: 8px;
    top: 55%;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #fff;
  }

  body #header-wrapper-sp .select .icon {
    font-size: 18px;
    margin: 2px;
    padding: 0;
    background: transparent;
    float: left;
    width: 24px;
    height: 24px;
    line-height: 24px;
  }

  body #header-wrapper-sp .iconfont {
    color: #fff;
    text-align: center;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
  }


  body #header-wrapper-sp .select.on ul.GameList {
    display: block;
  }

  .icon-footballclass2:before {
    content: "\e618";
  }
  body #header-wrapper-sp .select ul.GameList li.on .name, body #header-wrapper-sp .select ul.GameList li.on .iconfont {
    color: #497f19;
  }

  body #header-wrapper-sp .select ul.GameList li .iconfont {
    width: 30px;
    height: 30px;
    line-height: 36px;
    font-size: 22px;
    color: #595959;
    background: none !important;
    margin: 0;
  }
  .icon-font-basketballclass:before {
    content: "\e644";
  }

  body #header-wrapper-sp .select ul.GameList li .name {
    float: left;
    margin-left: 4px;
    color: #595959;
  }

  .icon-font-Tennis-y:before {
    content: "\e689";
  }

  body #header-wrapper-sp .select ul.GameList li a {
    display: block;
    overflow: hidden;
    line-height: 36px;
  }

}

@media (max-width: 768px) {
  #showoptional2 {
    width: 100% !important;  /* hoặc tuỳ bạn */
    top: 29px;
    position: absolute;
    left: 0px;
  }
  .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%);
  }
  #returnTop {
    display: none;
  }
}