﻿.matchesCenter .dayDtlsContent { display: none; display: inline-block; float: right; width: 100%; position: relative; z-index: 1; }
.matchesCenter .dayDetailsTtl { display: inline-block; width: 100%; margin: 0; float: right; position: relative; }
.matchesCenter .dayName { display: inline-block; float: right }
.matchesCenter .dayName h2 { float: right; display: inline-block; color: #000;   font-size: 18px; font-family:droidBold, Arial;    line-height: 1.5;}
.matchesCenter .dayName h2 span{font-weight:700}
.matchesCenter .noStatsDiv { display: inline-block; width: 100%; float: right; position: relative; height: 200px; background: #fff; border: 1px solid #e0e0e0; margin-top: 10px }
.matchesCenter .noStatsDiv .noStats { display: inline-block; width: 100%; float: right; }
.matchesCenter .noStatsDiv .noStats p { position: absolute; top: 50%; transform: translateY(-50%);   font-size: 14px; color: #000; width: 100%; text-align: center }


.matchcenter .matchesList, .matchcenter .matchesList .ul { display: inline-block; float: right; width: 100% }
.matchcenter .matchesList { margin-bottom: 30px }
.matchcenter .matchesList .ul .liItem { display: inline-block; float: right; width: 100%; background-color: #fff; border-radius: 6px; position: relative; margin-bottom: 10px; padding: 0; border: 1px solid #e8e8e8; min-height: unset }
.matchcenter .matchesList .ul .liItem:last-child { margin-bottom: 0 }
.matchcenter .matchesList .ul .liItem .allData { display: inline-block; width: calc(100% - 130px); float: right; border-left: 1px solid #EFEFEF; position: relative }
.matchcenter .matchesList .ul .liItem.future { border-right: 4px solid #2F7AA0 }
.matchcenter .matchesList .ul .liItem.now { border-right: 4px solid #277635 }
.matchcenter .matchesList .ul .liItem.finish { border-right: 4px solid #AAAAAA }
.matchcenter .matchesList .ul .liItem.cancel { border-right: 4px solid #ff1a3b }
.matchcenter .matchesList .ul .liItem.postponed { border-right: 4px solid #ff832b }
.matchcenter .matchesList .ul .liItem .topData { display: inline-block; float: right; width: 100%; position: relative; padding: 15px 20px 0 }
.matchcenter .matchesList .ul .liItem .topData .date { display: inline-block; width: auto; float: right; font-family: droidLight, arial; font-size: 12px; color: #464646 }
.matchcenter .matchesList .ul .liItem .topData .date span { display: inline-block; float: left; margin-right: 6px }
.matchcenter .matchesList .ul .liItem .channel { display: inline-block; float: left; font-family: droidLight, arial; font-size: 12px; color: #AAAAAA; position: absolute; top: 15px; left: 20px }
.matchcenter .matchesList .ul .liItem .channel:before { content: 'z'; color: #AAAAAA; font-size: 11px; float: left; margin-right: 5px; line-height: 2; }
.matchcenter .matchesList .ul .liItem .topData .matchStatus { display: inline-block; width: auto; min-width: 65px; position: absolute; left: 50%; top: 15px; transform: translateX(-50%); text-align: center; height: 22px; font-size: 12px; font-family: droidLight, arial }
.matchcenter .matchesList .ul .liItem .topData .matchStatus span { line-height: 1.8; border: 1px solid #CCCCCC; padding: 0 10px; border-radius: 4px; font-weight:bold}
.matchcenter .matchesList .ul .liItem.future .topData .matchStatus span { border: 1px solid #2F7AA0; color: #2F7AA0; }
.matchcenter .matchesList .ul .liItem.now .topData .matchStatus span { border: 1px solid #277635; color: #277635; }
.matchcenter .matchesList .ul .liItem.finish .topData .matchStatus span { border: 1px solid #5F5F5F; color: #5F5F5F; }
.matchcenter .matchesList .ul .liItem.postponed .topData .matchStatus span { border: 1px solid #ff832b; color: #ff832b; }
.matchcenter .matchesList .ul .liItem.cancel .topData .matchStatus span { border: 1px solid #ff1a3b; color: #ff1a3b; }
.matchcenter .matchesList .ul .liItem.postponed .teamsData .MResult span.time{display:none}

.matchcenter .matchesList .ul .liItem .teamsData { display: inline-block; float: right; width: 100%; position: relative; padding: 40px 20px }
.matchcenter .matchesList .ul .liItem .teamsData .teamCntnr { display: inline-block; width: 400px; margin: 0 calc((100% - 400px) /2); float: right }
.matchcenter .matchesList .ul .liItem .teamsData .teams { display: inline-block; width: calc((100% - 100px)/ 2); text-align: center; margin-top: 0; position: relative }
.matchcenter .matchesList .ul .liItem .teamsData .teams .cntnr { display: inline-block; width: 40px; margin: 0 calc((100% - 40px) /2) }
.matchcenter .matchesList .ul .liItem .teamsData .teamA { float: right; padding-left: 30px }
.matchcenter .matchesList .ul .liItem .teamsData .teamB { float: left; padding-right: 30px }
.matchcenter .matchesList .ul .liItem .teamsData .teams img { height: 24px; width: 24px; border: none; display: inline-block; }
.matchcenter .matchesList .ul .liItem .teamsData .teams p { display: inline-block; margin: 0; color: #000; font-family: droidBold,Arial; font-size: 13px; line-height: 24px; text-align: center; width: calc(100% - 24px); }
.matchcenter .matchesList .ul .liItem .teamsData .teamA img { float: left; }
.matchcenter .matchesList .ul .liItem .teamsData .teamB img { float: right; }
.matchcenter .matchesList .ul .liItem .teamsData .teamA p { float: left; padding-left: 10px; text-align: left }
.matchcenter .matchesList .ul .liItem .teamsData .teamB p { float: right; padding-right: 10px; text-align: right }
.matchcenter .matchesList .ul .liItem .teamsData .MResult { display: inline-block; width: 100px; text-align: center; margin-top: 0; line-height: 24px; position: relative }
.matchcenter .matchesList .ul .liItem .teamsData .MResult span { color: #AAAAAA; margin: 0 8px }
.matchcenter .matchesList .ul .liItem .teamsData .MResult span.time{width: 100%;display: inline-block;color: #6F6F6F;font-family: CenturyGothicLight;font-size: 14px;text-align: center;margin:4px 0 0}
.matchcenter .matchesList .ul .liItem .teamsData .MResult span.score { color: #535353; font-size: 20px; font-family: ykLight,arial; margin: 0; font-weight: bold }
.matchcenter .matchesList .ul .liItem .teamsData .MResult .penaltyRes { bottom: -24px; }
.matchcenter .matchesList .ul .liItem .teamsData .MResult .penaltyRes span { margin: 0; font-size: 14px }
.matchcenter .matchesList .ul .liItem .bottomData { display: inline-block; width: 100%; float: right; border-top: 1px solid #EFEFEF; position: relative; padding: 15px 20px 20px }
.matchcenter .matchesList .ul .liItem .bottomData .teamDtl { display: inline-block; width: calc((100% - 12px)/ 2); padding: 0 20px; margin-top: 4px }
.matchcenter .matchesList .ul .liItem .bottomData .teamDtl .dtls { display: inline-block; width: 100%; float: right; margin-bottom: 15px }
.matchcenter .matchesList .ul .liItem .bottomData .teamDtl .dtls:last-child { margin-bottom: 0 }
.matchcenter .matchesList .ul .liItem .bottomData .teamDtl p { display: inline-block; width: auto; float: left; color: #000; font-size: 12px; font-family: droidLight, arial; line-height: 15px }
.matchcenter .matchesList .ul .liItem .bottomData .teamDtl a:hover p { color: #0277bd }
.matchcenter .matchesList .ul .liItem .bottomData .teamDtl p span.onGoal { color: #CCCCCC; margin-left: 5px }
.matchcenter .matchesList .ul .liItem .bottomData .teamDtl span.time { font-family: Arial; font-size: 12px; float: left; margin-right: 8px; line-height: 15px }
.matchcenter .matchesList .ul .liItem .bottomData .teamDtl span.time:before { content: '`'; color: #000 }
.matchcenter .matchesList .ul .liItem .bottomData .teamADtl { float: right }
.matchcenter .matchesList .ul .liItem .bottomData .teamBDtl { float: left }
.matchcenter .matchesList .ul .liItem .bottomData .teamADtl p { text-align: left }
.matchcenter .matchesList .ul .liItem .bottomData .teamBDtl p { text-align: right; float: right }
.matchcenter .matchesList .ul .liItem .bottomData .teamBDtl span.time { float: right; }
.matchcenter .matchesList .ul .liItem .bottomData span.ball { display: inline-block; width: 12px; height: 100% }
.matchcenter .matchesList .ul .liItem .bottomData span.ball:before { content: 'y'; font-size: 12px; color: #000 }
.matchcenter .matchesList .ul .liItem .leftCol { display: inline-block; float: left; width: 130px; padding: 0; text-align: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%) }
.matchcenter .matchesList .ul .liItem .leftCol .button { display: inline-block; width: 80px; height: 30px; border-radius: 4px; text-align: center; margin-top: 10px }
.matchcenter .matchesList .ul .liItem .leftCol .button:first-child { margin-top: 0 }
.matchcenter .matchesList .ul .liItem .leftCol .details { background-color: transparent; color: #000; font-family: droidLight, arial; font-size: 12px; border: 1px solid #CCCCCC; line-height: 30px }
.matchcenter .matchesList .ul .liItem .leftCol .result { background-color: #0277bd; color: #fff; font-family: droidLight, arial; font-size: 12px; line-height: 30px }
.tourMatches:before { content: ''; background: #0277bd; background-size: cover; position: absolute; top: 0; width: 100%; height: 4px; left: 0; border-radius: 6px 6px 0 0 }
.matchcenter .matchesList .bottomData .teamA, .matchcenter .matchesList .bottomData .teamB { float: right; width: calc((100% - 80px) / 2); text-align: center; margin-top: 0; min-height: 20px }
.matchcenter .matchesList .bottomData .teamA { padding-left: 30px }
.matchcenter .matchesList .bottomData .teamA a { float: left }
.matchcenter .matchesList .bottomData .teamB { padding-right: 30px }
.matchcenter .matchesList .bottomData .teamB a { float: right }
.matchcenter .matchesList .bottomData .teamA img, .matchcenter .matchesList .bottomData .teamB img { height: 70px; width: auto; border: none; display: inline-block }
.matchcenter .matchesList .bottomData .teamA img { margin-right: 20px; float: left }
.matchcenter .matchesList .bottomData .teamB img { margin-left: 20px; float: right }
.matchcenter .matchesList .bottomData .teamA p, .matchcenter .matchesList .bottomData .teamB p { display: inline-block; margin: 0; color: #000; font-family: droidBold, Arial; font-size: 18px; line-height: 4.4; text-align: center; }
.matchcenter .matchesList .bottomData .teamA p { float: left }
.matchcenter .matchesList .bottomData .teamB p { float: right }
/** Match Scorer **/
.matchcenter .matchesList .bottomData .matchScorer { display: inline-block; float: right; width: 100%; margin-top: 0 }
.matchcenter .matchesList .bottomData .matchScorer .goal { display: inline-block; margin-bottom: 10px }
.matchcenter .matchesList .bottomData .teamA .matchScorer .goal { float: left; margin-right: 20px }
.matchcenter .matchesList .bottomData .teamB .matchScorer .goal { float: right; margin-left: 20px }
.matchcenter .matchesList .bottomData .matchScorer .icon-goal:before { content: "y"; font-size: 24px; float: right; margin-left: 5px; height: 23px; width: 23px; line-height: 1; background: #fff; border-radius: 50%; color: #222; }
.matchcenter .matchesList .bottomData .matchScorer .goal .time { float: right; display: inline-block; margin-left: 5px; font-family: ykLight,arial; font-size: 14px; color: #7e7e7e; line-height: 1.8; }
.matchcenter .matchesList .bottomData .matchScorer .goal .time:before { content: "'"; float: right; margin-left: 2px }
.matchcenter .matchesList .bottomData .matchScorer .goal .player { float: right; display: inline-block;   font-size: 13px; color: #000; line-height: 1.8; }
.matchcenter .matchesList .bottomData .matchScorer .goal .player:hover { color: #0277bd }
.matchcenter .matchesList .bottomData .matchScorer .owngoal.icon-goal:before { content: "y"; font-size: 24px; float: right; margin-left: 5px; height: 23px; width: 23px; line-height: 1; background: #fff; border-radius: 50%; color: #ff1a3b; }
.matchcenter .matchesList  .liItem .bottomData .resultDiv,
.matchcenter .matchesList .ul .liItem .bottomData span.ball { height: 20px; float: right; width: 80px; position: relative; }
.matchcenter .matchesList  .liItem .bottomData .matchScorer .goal.icon-goal:before { display: none; content: ""; background: url(https://media.gemini.media/img/yallakora/staticimages/ball.svg?ref=5.0) center center no-repeat; background-size: 16px; width: 20px; height: 20px; border-radius: 0; }
.matchcenter .matchesList  .liItem .bottomData .matchScorer .owngoal.icon-goal:before { display: none; content: ""; background: url(https://media.gemini.media/img/yallakora/staticimages/Images/ownGoal1.svg?ref=5.0) center center no-repeat; background-size: 20px; width: 20px; height: 20px; border-radius: 0; }
.matchcenter .matchesList  .liItem .bottomData .teamA .matchScorer .goal:before { float: left; margin-right: 6px }
.matchcenter .matchesList  .liItem .bottomData .teamB .matchScorer .goal:before { float: right; margin-left: 6px }
.matchcenter .matchesList  .liItem .bottomData .matchDetails .icon-time:before { content: "N"; }
.matchcenter .matchesList  .liItem .bottomData .matchScorer .goal .time { color: #AAAAAA; line-height: 21px; font-size: 13px; position: relative }
.matchcenter .matchesList  .liItem .bottomData .matchScorer .goal .time:before { margin: 0 }
.matchcenter .matchesList  .liItem .bottomData .matchScorer .goal .time:after { content: ","; position: absolute; bottom: 0; font-size: 15px }
.matchcenter .matchesList  .liItem .bottomData .matchScorer .goal .time:last-of-type:after { display: none }
.matchcenter .matchesList  .liItem .bottomData .teamA .matchScorer .goal .playerName { display: inline-block; float: left; margin-right: 6px; }
.matchcenter .matchesList  .liItem .bottomData .teamA .matchScorer .goal .time { float: left; margin-right: 6px; margin-left: 0 }
.matchcenter .matchesList  .liItem .bottomData .teamA .matchScorer .goal .time:after { right: -4px }
.matchcenter .matchesList  .liItem .bottomData .teamB .matchScorer .goal .playerName { display: inline-block; float: right; margin-left: 6px; }
.matchcenter .matchesList  .liItem .bottomData .teamB .matchScorer .goal .time { float: right; margin-left: 6px; margin-right: 0 }
.matchcenter .matchesList  .liItem .bottomData .teamB .matchScorer .goal .time:after { left: -4px }
.matchcenter .matchesList  .liItem .bottomData .matchScorer .goal .player { line-height: 1.8; font-size: 12px; }
.matchcenter .matchesList  .liItem .bottomData .matchScorer .goal.owngoal .player:after { content: "(عكسي)"; display: inline-block; color: rgba(255,255,255,0.5) }
.matchcenter .matchesList  .liItem .bottomData .teamA .matchScorer .goal .player { float: left }
.matchcenter .matchesList  .liItem .bottomData .teamB .matchScorer .goal .player { float: right }
.matchcenter .matchesList  .liItem .bottomData .teamA .matchScorer .goal { margin-right: 0; width: 100%; margin-bottom: 6px }
.matchcenter .matchesList  .liItem .bottomData .teamB .matchScorer .goal { margin-left: 0; width: 100%; margin-bottom: 6px }
.matchcenter .matchesList  .liItem .bottomData .team .matchScorer .goal:last-of-type { margin-bottom: 0 }
.matchcenter .matchesList  .liItem .bottomData .resultDiv.playerScorers.icon-goal:before,
.matchcenter .matchesList .ul .liItem .bottomData span.ball:before { content: ""; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); background: url(https://media.gemini.media/img/yallakora/staticimages/ball.svg?ref=5.0) center center no-repeat; background-size: 16px; width: 20px; height: 20px; border-radius: 0; }
.matchcenter .matchesList  .liItem .bottomData .resultDiv.playerScorers.icon-redcard:before { content: ""; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); background: url(https://media.gemini.media/img/yallakora/staticimages/redCard.svg?ref=5.0) center center no-repeat; background-size: 16px; width: 20px; height: 20px; border-radius: 0; }

.proPlayer.matchcenter .mtchCntrContainer .title a.tourTitle { background: none; padding: 0; float: right; border-radius: 0; width: calc(100% - 314px); position: relative; }
.proPlayer.matchcenter .mtchCntrContainer .title a.tourTitle .imgCntnr { display: inline-block; float: right; width: 36px; height: 36px; border-radius: 50%; background: #fff; overflow: hidden; border: 1px solid #e8e8e8; position: relative }
.proPlayer.matchcenter .mtchCntrContainer .title a.tourTitle .imgCntnr img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: auto; height: auto; max-width: 26px; max-height: 26px; }
.proPlayer.matchcenter .mtchCntrContainer .title a.tourTitle h2 { line-height: 36px; padding-right: 8px }
.proPlayer.matchcenter .mtchCntrContainer .title { height: 50px; padding: 7px 16px; background: #000; border-radius: 6px; margin-bottom: 4px }
.proPlayer.matchcenter .mtchCntrContainer .title h2 { color: #fff; font-size: 16px }
.proPlayer.matchcenter .mtchCntrContainer .title:after { background: none; margin-top: 0 }
.proPlayer.matchcenter .mtchCntrContainer .title .links { display: inline-block; float: left; line-height: 36px; width: 314px }
.proPlayer.matchcenter .mtchCntrContainer .title .links .more { float: right; margin-left: 30px; background: none; cursor: pointer; color: #4BC2FF !important; padding: 0;   font-size: 13px }
.proPlayer.matchcenter .mtchCntrContainer .title .links .more:last-of-type { margin-left: 0 }
.proPlayer.matchcenter .mtchCntrContainer .title .links .more.moreMenuBtn { position: relative; display: none }
.proPlayer.matchcenter .mtchCntrContainer .title .links .more.moreMenuBtn .moreMenu { position: absolute; top: calc(100% + 3px); left: -17px; width: 150px; background: #000; z-index: 1; opacity: 0; visibility: hidden; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; }
.proPlayer.matchcenter .mtchCntrContainer .title .links .more.moreMenuBtn.openMainMenu .moreMenu { opacity: 1; visibility: visible }
.proPlayer.matchcenter .mtchCntrContainer .title .links .more.moreMenuBtn .moreMenu a { width: 100%; background: none; border-radius: 0; font-size: 12px !important; padding: 2px 10px; text-align: right; border-bottom: 1px solid rgba(255,255,255,0.2); }
.proPlayer.matchcenter .mtchCntrContainer .title .links .more.moreMenuBtn .moreMenu a:hover { color: #4BC2FF !important }

.proPlayer .remainContent .listing ul li.video .secName.mediaIcon, .proPlayer .remainContent .listing ul li.album .secName.mediaIcon, .proPlayer .remainContent .listing ul li.sed .secName.mediaIcon, .proPlayer .remainContent .listing ul li.infograph .secName.mediaIcon {
    display: inline-block;
}

.tabolaaContainer{background-color:#fff;padding:15px 20px;margin-bottom:25px;display:inline-block;border-radius:6px;width:100%;height:975px;overflow:hidden}
.tabolaaContainer .trc_rbox_header_span{font-family:droidBold, Arial;margin-bottom:10px;float:left}
.tabolaaContainer .thumbnails-a .syndicatedItem .video-title{    font-family: droidLight, Arial !important;}
@media screen and (min-width:1680px) and (max-width:1919px) {
        .tabolaaContainer{height:870px}

}

@media screen and (min-width:1600px) and (max-width:1679px) {
        .tabolaaContainer{height:870px}

}
@media screen and (min-width:1536px) and (max-width:1599px) {
     .proPlayer .remainContent .listing ul li { width: calc((100% - 32.1px)/ 3) }
    .proPlayer .remainContent .listing ul li:nth-of-type(4n) { margin-left: 0 }
    .proPlayer .remainContent .listing ul li:nth-of-type(3n) { margin-left: 0 }
    .tabolaaContainer{height:870px}
}

@media screen and (min-width:1440px) and (max-width:1535px) {
     .proPlayer .remainContent .listing ul li { width: calc((100% - 32.1px)/ 3) }
    .proPlayer .remainContent .listing ul li:nth-of-type(4n) { margin-left: 0 }
    .proPlayer .remainContent .listing ul li:nth-of-type(3n) { margin-left: 0 }
        .tabolaaContainer{height:870px}
}

@media screen and (min-width:1360px) and (max-width:1439px) {
    .proPlayer .remainContent .listing ul li { width: calc((100% - 32.1px)/ 3) }
    .proPlayer .remainContent .listing ul li:nth-of-type(4n) { margin-left: 0 }
    .proPlayer .remainContent .listing ul li:nth-of-type(3n) { margin-left: 0 }
        .tabolaaContainer{height:870px}
}

@media screen and (min-width:1280px) and (max-width:1359px) {
        .tabolaaContainer{height:790px}

     .matchcenter .matchesList .ul .liItem .teamsData .teamA,
    .matchcenter .matchesList .bottomData .teamA { padding-left: 10px; }
    .matchcenter .matchesList .ul .liItem .teamsData .teamB,
    .matchcenter .matchesList .bottomData .teamB { padding-right: 10px; }
    .proPlayer.matchcenter .mtchCntrContainer .title .links .more { display: none }
    .proPlayer.matchcenter .mtchCntrContainer .title .links { width: 34px }

       .proPlayer .remainContent .listing ul li { width: calc((100% - 32.1px) / 3) }
    .proPlayer .remainContent .listing ul li:nth-of-type(4n) { margin-left: 0 }
    .proPlayer .remainContent .listing ul li:nth-of-type(3n) { margin-left: 0 }

        .proPlayer.matchcenter .mtchCntrContainer .title .links .more.moreMenuBtn {
        display: inline-block;
    }
}

@media screen and (min-width:1152px) and (max-width:1279px) {
            .tabolaaContainer{height:680px}


      .matchcenter .matchesList .ul .liItem .teamsData .teamA,
    .matchcenter .matchesList .bottomData .teamA { padding-left: 10px; }
    .matchcenter .matchesList .ul .liItem .teamsData .teamB,
    .matchcenter .matchesList .bottomData .teamB { padding-right: 10px; }
    .matchcenter .matchesList .ul .liItem .teamsData .teams p { font-size: 12px; }
    .matchcenter .matchesList .ul .liItem .allData { width: 100%; border: none }
    .matchcenter .matchesList .ul .liItem .topData { padding: 15px 10px 0 }
    .matchcenter .matchesList .ul .liItem .teamsData { padding: 40px 10px 30px }
    .matchcenter .matchesList .ul .liItem .channel { left: 10px }
    .matchcenter .matchesList .ul .liItem .leftCol { display: inline-block; float: right; width: 100%; border-top: 1px solid #EFEFEF; padding: 20px 0; position: relative; left: auto; top: auto; transform: none }
    .proPlayer.matchcenter .mtchCntrContainer .title a.tourTitle { width: calc(100% - 34px); }
    .proPlayer.matchcenter .mtchCntrContainer .title .links .more { display: none }
    .proPlayer.matchcenter .mtchCntrContainer .title .links { width: 34px }
    .proPlayer.matchcenter .mtchCntrContainer .title .links .more.moreMenuBtn { display: inline-block }

      .proPlayer .remainContent .listing ul li { width: calc((100% - 16.1px) / 2) }
    .proPlayer .remainContent .listing ul li:nth-of-type(4n) { margin-left: 0 }
    .proPlayer .remainContent .listing ul li:nth-of-type(2n) { margin-left: 0 }
}

@media screen and (min-width:1024px) and (max-width:1151px) {
                .tabolaaContainer{height:680px}

     .matchcenter .matchesList .ul .liItem .teamsData .teamA,
    .matchcenter .matchesList .bottomData .teamA { padding-left: 10px; }
    .matchcenter .matchesList .ul .liItem .teamsData .teamB,
    .matchcenter .matchesList .bottomData .teamB { padding-right: 10px; }
    .matchcenter .matchesList .ul .liItem .teamsData .teams p { font-size: 12px; }
    .matchcenter .matchesList .ul .liItem .allData { width: 100%; border: none }
    .matchcenter .matchesList .ul .liItem .topData { padding: 15px 10px 0 }
    .matchcenter .matchesList .ul .liItem .teamsData { padding: 40px 10px 30px }
    .matchcenter .matchesList .ul .liItem .channel { left: 10px }
    .matchcenter .matchesList .ul .liItem .leftCol { display: inline-block; float: right; width: 100%; border-top: 1px solid #EFEFEF; padding: 20px 0; position: relative; left: auto; top: auto; transform: none }
    .proPlayer.matchcenter .mtchCntrContainer .title a.tourTitle { width: calc(100% - 34px); }
    .proPlayer.matchcenter .mtchCntrContainer .title .links .more { display: none }
    .proPlayer.matchcenter .mtchCntrContainer .title .links { width: 34px }
    .proPlayer.matchcenter .mtchCntrContainer .title .links .more.moreMenuBtn { display: inline-block }

      .proPlayer .remainContent .listing ul li { width: calc((100% - 16.1px) / 2) }
    .proPlayer .remainContent .listing ul li:nth-of-type(4n) { margin-left: 0 }
    .proPlayer .remainContent .listing ul li:nth-of-type(2n) { margin-left: 0 }
}

@media only screen and (max-width: 1023px) {
                .tabolaaContainer{height:990px}

    .proPlayer .importantPlayer ul li:first-child .desc p { position: relative }
    .proPlayer .remainContent .listing ul li .imageCntnr { width: 100%; padding-bottom: 66.5% }
    .proPlayer .remainContent .VerticalSection.listing ul li .imageCntnr{padding-bottom:178%}
    .proPlayer .remainContent .listing ul li .desc { width: 100%; margin-top: 0 }
    .proPlayer .remainContent .Pcnt ul li:first-child { margin-right: 16px }
    .proPlayer.Videos .listing ul li .secName { right: 95px; width: 25px; height: 20px; overflow: hidden; padding: 0; top: 0; }
    .proPlayer.Videos .listing ul li .secName .icon { width: 25px; height: 20px }
    .proPlayer.Videos .listing ul li .secName { right: 125px }
}


@media screen and (min-width: 320px) and (max-width: 767px) {
                .tabolaaContainer {height:2110px;width:340px;margin-bottom: 10px;margin:0 calc((100% - 340px) /2);padding:0 30px;overflow-y:auto} 
    .tabolaaContainer .thumbnails-feed .videoCube .video-label-box .video-title{font-size:14px;margin-bottom: 6px;}
 .tabolaaContainer .videoCube a.video-cta-style .video-label-flex-cta-item{font-size:13px;    margin-bottom: 8px;}

     
    .matchcenter .dropDownContainer .placeholder { width: 100%; height: 40px; line-height: 40px; font-size: 12px }
    .matchcenter .dropDownContainer .placeholder:before { line-height: 40px }
    .matchcenter .matchesList .ul .liItem .teamsData .teamA,
    .matchcenter .matchesList .bottomData .teamA { padding-left: 10px; }
    .matchcenter .matchesList .ul .liItem .teamsData .teamB,
    .matchcenter .matchesList .bottomData .teamB { padding-right: 10px; }
    .matchcenter .matchesList .ul .liItem .teamsData .teams img { margin: 0 calc((100% - 24px) / 2) 10px; }
    .matchcenter .matchesList .ul .liItem .teamsData .teams p { width: 100%; font-size: 11px; line-height: 1.6; text-align: center; padding: 0; }
    .matchcenter .matchesList .ul .liItem .allData { width: 100%; border: none }
    .matchcenter .matchesList .ul .liItem .topData { padding: 15px 10px 0 }
    .matchcenter .matchesList .ul .liItem .teamsData { padding: 40px 10px 10px }
    .matchcenter .matchesList .ul .liItem .channel { left: 10px }
    .matchcenter .matchesList .ul .liItem .leftCol { display: inline-block; float: right; width: 100%; border-top: 1px solid #EFEFEF; padding: 10px 0; position: relative; left: auto; top: auto; transform: none }
    .proPlayer.matchcenter .mtchCntrContainer .title a.tourTitle { width: calc(100% - 34px); }
    .proPlayer.matchcenter .mtchCntrContainer .title .links .more { display: none }
    .proPlayer.matchcenter .mtchCntrContainer .title .links { width: 30px }
    .proPlayer.matchcenter .mtchCntrContainer .title .links .more.moreMenuBtn { display: inline-block; font-size: 12px }
    .matchesCenter .toursDropdown { width: 120px; height: 40px; line-height: 30px; margin-left: 0 }
    .matchesCenter .toursDropdown select { height: 40px; font-size: 12px; }
    .matchesCenter .icon-date:before { font-size: 20px; }
    .matchesCenter .dateBtn{margin-left:8px}
    .matchesCenter .toursDropdown:after { line-height: 40px }
   /* .matchesCenter .dayName,
    .matchesCenter .toursMatchesNum { width: 100% }*/
    .matchesCenter .dayName h2,
    .matchesCenter .toursMatchesNum p { font-size: 13px;line-height:2 }
    .matchesCenter .dayName h2 { width: 100% }
    .matchesCenter .tab .dayTabLinks { width: 60px; padding: 0 5px 6px; }
    .matchesCenter .tab .dayTabLinks .day { width: 50px; height: 50px }
    .matchesCenter .tab .dayTabLinks .day p { font-size: 18px }
    .matchesCenter .tab .dayTabLinks .day span { font-size: 8px }
    .matchesCenter .tab .dayTabLinks .dayName { font-size: 11px }
    .matchesCenter .tab .dayTabLinks.active:after { width: 50px }
    .matchesCenter .tab .flickity-button { height: 74px }
    .mainTour .flickity-button.previous:before,
    .mainTour .flickity-button.next:before { line-height: 74px }
    .matchcenter .matchesList .ul .liItem .topData .matchStatus { top: 106px; font-size: 11px; }
    .matchcenter .matchesList .ul .liItem .teamsData .MResult span.time{margin:30px 0 0}
    .proPlayer.matchcenter .mtchCntrContainer .title { padding: 10px }
    .proPlayer.matchcenter .mtchCntrContainer .title a.tourTitle .imgCntnr { width: 30px; height: 30px }
    .proPlayer.matchcenter .mtchCntrContainer .title a.tourTitle .imgCntnr img { max-width: 26px; max-height: 26px; }
    .proPlayer.matchcenter .mtchCntrContainer .title a.tourTitle h2 { line-height: 30px; font-size: 13px;        overflow: hidden;  white-space: nowrap;text-overflow: ellipsis;width: calc(100% - 30px); }
    .proPlayer.matchcenter .mtchCntrContainer .title .links { line-height: 30px }
    .matchcenter .matchesList .ul .liItem .leftCol .details { font-size: 11px }


      .proPlayer .remainContent .listing ul li:first-child { width: 100%; margin-left: 0; height: auto; margin-bottom: 20px; }
    .proPlayer .remainContent .listing ul li:first-child .imageCntnr { padding-bottom: 67%; width: 100%; height: auto;}
    .proPlayer .remainContent .listing ul li:first-child .desc { height: auto; padding: 0 10px; width: 100%;right:0;left:0; position: absolute; bottom: 0; background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box; }
    .proPlayer .remainContent .listing ul li { margin-right: 0; width: 100%; height: 66px; margin-bottom: 20px; border: 0 }
    .proPlayer .remainContent .listing ul li .imageCntnr { width: 100px; padding-bottom: calc((100px * 66.5)/ 100);float: right }
    .proPlayer .remainContent .VerticalSection.listing ul li:first-child{width:280px}
    .proPlayer .remainContent .VerticalSection.listing ul li:first-child .imageCntnr{padding-bottom:178%}
      .proPlayer .remainContent .VerticalSection.listing ul li .imageCntnr { position: relative; overflow: hidden; padding-bottom: 178%; display: inline-block; float: right; width: 100%}
      .proPlayer .remainContent .VerticalSection.listing ul li:first-child .desc{ width: 100%; float: right;position:relative;bottom:unset;left:unset;right:unset;background:#fff;padding:10px}
      .proPlayer .remainContent .VerticalSection.listing ul li:first-child .desc p{color:#000}
      .proPlayer .remainContent .VerticalSection.listing ul li{height:auto;width:280px;margin-left:16px}
     .proPlayer .remainContent .VerticalSection.listing ul li .imageCntnr { position: relative; overflow: hidden; padding-bottom: 178%; display: inline-block; float: right; width: 100% }
     .proPlayer .remainContent .VerticalSection.listing ul li .desc { width: 100%; cursor: pointer; display: inline-block; float: right; padding: 10px }
     .proPlayer .remainContent .VerticalSection.listing ul li:first-child .desc .time{display:inline-block;}
     .proPlayer .remainContent .VerticalSection.listing ul li .secName, .proPlayer .remainContent .VerticalSection.listing ul li .secName .icon{    width: 50px;height: 35px;background-color: #000;right:auto;left:0}
   .proPlayer .remainContent .VerticalSection.listing ul li .secName .icon:before{font-size:14px}
   .mainTour .VerticalSection .flickity-button{display:none}




     /*.proPlayer .remainContent .listing ul li a .imageCntnr img{top: 50%;left: 50%;transform: translate(-50% , -50%);right: auto;bottom: auto;height: auto;}*/
    .proPlayer .remainContent .listing ul li .desc { background: #fff; height: 100%; width: calc(100% - 100px); padding: 0 10px 0 0; position: relative; float: left; }
    .proPlayer .remainContent .listing ul li:first-child .desc p { font-size: 16px; max-height: 56px; padding: 0; color: #fff; height: auto }
    .proPlayer .remainContent .listing ul li:first-child .desc { padding: 0 10px 10px 0 }
    .proPlayer .remainContent .listing ul li:first-child .desc .time { display: none }
    .proPlayer .remainContent .listing ul li:first-child .desc p.date { color: #fff; font-size: 11px; padding: 10px 0 0 0; margin-bottom: 5px; margin-top: 8px; }
    .proPlayer .remainContent .listing ul li .desc p { font-size: 13px; max-height: 40px; color: #000; }
    .proPlayer .remainContent .listing ul li .desc p.date { bottom: 5px; right: 0; line-height: 1; height: auto; font-size: 10px; margin-top: 13px; color: #AAAAAA }

    .proPlayer.Videos .listing ul li .secName { right: 95px; width: 25px; height: 20px; overflow: hidden; padding: 0; top: 0; }
    .proPlayer.Videos .listing ul li .secName .icon { width: 25px; height: 20px }
    .proPlayer .remainContent .listing ul li:first-child .secName, .proPlayer .remainContent .listing ul li:first-child .secName .icon { width: 50px; height: 35px; background-color: #000 }
    .proPlayer .remainContent .listing ul li:first-child .secName { right: auto; left: 0 }
    .proPlayer .remainContent .listing ul li:first-child .secName .icon:before { font-size: 14px }
    .proPlayer .remainContent .listing ul li .secName, .proPlayer .remainContent .listing ul li .secName .icon { width: 25px; height: 20px; background-color: #000 }
    .proPlayer .remainContent .listing ul li .secName { right: 75px }
    .proPlayer .remainContent .listing ul li .secName .icon:before { font-size: 8px }

               .mainTour .featuredArea .pattern2 ul li .desc p,
    .mainTour .remainContent .proNews .listing ul li .desc p,
    .mainTour .remainContent .listing.multimedia ul li .desc p { max-height: 41px; font-size: 13px; -webkit-line-clamp: 2; }
}