.matchcenter .maxWidth{    display: inline-block; width: 100%;  margin: 0;float: right;}
.matchcenter .dropDownContainer { display: inline-block; width: 100%; float: right; margin-bottom: 15px; position: relative }
.matchcenter .dropDownContainer .placeholder { display: inline-block; float: right; width: 250px; height: 46px; text-align: right; line-height: 46px; border: 1px solid #e8e8e8; padding: 0 10px; background-color: #fff;   font-size: 13px; color: #000; border-radius: 4px }
.matchcenter .dropDownContainer .placeholder:before { content: 'F'; color: #000; font-size: 11px; float: left; font-weight: bold; line-height: 46px }
.matchcenter .dropDownContainer .placeholder.active { border: 1px solid rgba(2, 119, 189, .5) }
.matchcenter .dropDownContainer ul { display: none; position: absolute; margin-top: 5px; right: 0; background-color: #fff; z-index: 10; padding-top: 5px; top: 36px; width: 250px; max-height: 470px; overflow: hidden; overflow-y: auto; border-radius: 0 0 4px 4px; box-shadow: inset 0 0 0 #1d1d1d, 0 2px 10px rgb(0 0 0 / 20%); transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; }
.matchcenter .dropDownContainer ul li { display: inline-block; width: 100%; float: right; padding: 6px 10px; border-bottom: 1px solid #e8e8e8; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; }
.matchcenter .dropDownContainer ul li a { display: inline-block; float: right; width: 100%;   font-size: 13px; color: #000 }
.matchcenter .dropDownContainer ul li:hover { background-color: #ddd }
.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:last-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 .remainContent .proNews {display: inline-block;padding-top: 20px;width: 100%;background-color: #fff; border-radius: 6px; border: 1px solid #e8e8e8;margin-bottom:40px;float:right}
.mainTour .remainContent .proNews .title h2{ margin-right: 16px;}
.mainTour .remainContent .proNews .title a{margin-left:16px}
.mainTour .remainContent .proNews ul { padding: 0 16px;min-height:unset}

@media screen and (min-width:1280px) and (max-width:1359px) {
    .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; }

     .euroInner .matchcenter .maxWidth { width: 100%; margin: 0 }
    .euroInner .matchcenter .matchesList .ul .liItem .leftCol { width: 100px }
    .euroInner .matchcenter .matchesList .ul .liItem .allData { width: calc(100% - 100px) }
    .euroInner .matchcenter .matchesList .ul .liItem .channel { width: 88px }
    .euroInner .matchcenter .matchesList .ul .liItem .channel:before { line-height: 1.8 }
    .euroInner .matchcenter .matchesList .ul .liItem .topData { padding: 15px 10px 45px }
    .euroInner .matchcenter .matchesList .ul .liItem .channel { left: 10px }
    .euroInner .matchcenter .matchesList .ul .liItem .leftCol { padding: 20px 10px }

     .euroInner .matchcenter .matchesList .ul .liItem .bottomData .teamDtl { padding: 0 8px }
    .euroInner .matchcenter .matchesList .ul .liItem .bottomData .teamDtl p { font-size: 13px }
}

@media screen and (min-width:1152px) and (max-width:1279px) {
     .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 }

 .euroInner .matchcenter .maxWidth { width: 100%; margin: 0 }
    .euroInner .matchcenter .matchesList .ul .liItem .leftCol { width: 100px }
    .euroInner .matchcenter .matchesList .ul .liItem .allData { width: calc(100% - 100px) }
    .euroInner .matchcenter .matchesList .ul .liItem .channel { width: 88px }
    .euroInner .matchcenter .matchesList .ul .liItem .channel:before { line-height: 1.8 }
    .euroInner .matchcenter .matchesList .ul .liItem .topData { padding: 15px 10px 45px }
    .euroInner .matchcenter .matchesList .ul .liItem .channel { left: 10px }
    .euroInner .matchcenter .matchesList .ul .liItem .leftCol { padding: 20px 10px }

     .euroInner .matchcenter .matchesList .ul .liItem .bottomData .teamDtl { padding: 0 8px }
    .euroInner .matchcenter .matchesList .ul .liItem .bottomData .teamDtl p { font-size: 13px }
}

@media screen and (min-width:1024px) and (max-width:1151px) {
     .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 }

  .euroInner .matchcenter .maxWidth { width: 100%; margin: 0 }
    .euroInner .matchcenter .matchesList .ul .liItem .leftCol { width: 100px }
    .euroInner .matchcenter .matchesList .ul .liItem .allData { width: calc(100% - 100px) }
    .euroInner .matchcenter .matchesList .ul .liItem .channel { width: 88px }
    .euroInner .matchcenter .matchesList .ul .liItem .channel:before { line-height: 1.8 }
    .euroInner .matchcenter .matchesList .ul .liItem .topData { padding: 15px 10px 45px }
    .euroInner .matchcenter .matchesList .ul .liItem .channel { left: 10px }
    .euroInner .matchcenter .matchesList .ul .liItem .leftCol { padding: 20px 10px }
    .euroInner .matchcenter .matchesList .ul .liItem .bottomData .teamDtl { padding: 0 10px 0 20px }
        .euroInner .matchcenter .matchesList .ul .liItem .bottomData .teamDtl p { font-size: 13px }

          .euroInner .matchcenter .matchesList .ul .liItem .bottomData .teamDtl { padding: 0 8px }
    .euroInner .matchcenter .matchesList .ul .liItem .bottomData .teamDtl p { font-size: 13px }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
     .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); }

      .matchcenter .matchesList .ul .liItem .topData .matchStatus { top: 106px; font-size: 11px; }
    .matchcenter .matchesList .ul .liItem .teamsData .MResult span.time{margin:30px 0 0}
    .matchcenter .matchesList .ul .liItem .leftCol .details { font-size: 11px }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
         .matchcenter .dropDownContainer .placeholder { width: 100%; height: 40px; line-height: 40px; font-size: 12px }
    .matchcenter .dropDownContainer .placeholder:before { line-height: 40px }

 .matchcenter .maxWidth { width: 100%; margin: 0 0 20px }
 .matchcenter .matchesList .ul .liItem .allData { width: 100%; border-left: 0 }
 .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; }
 .matchcenter .matchesList .ul .liItem .leftCol .button { margin-bottom: 0 }
 .matchcenter .matchesList .ul .liItem .leftCol .details { margin-left: 10px }
 .matchcenter .matchesList .ul .liItem .topData { padding: 15px 10px 0}
 .matchcenter .matchesList .ul .liItem .channel { top: 10px; left: 10px }
 .matchcenter .matchesList .ul .liItem .topData .matchStatus { top: 106px; font-size: 11px;}
 .matchcenter .matchesList .ul .liItem .teamsData .teamA,
 .matchcenter .matchesList .bottomData .teamA {padding-left: 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 .teamsData .teams img { margin: 0 calc((100% - 24px) / 2) 10px;}
  .matchcenter .matchesList .ul .liItem .teamsData .teamB, .matchcenter .matchesList .bottomData .teamB {  padding-right: 10px; }
 .matchcenter .matchesList .ul .liItem .bottomData .teamDtl { padding: 0 10px }
 .matchcenter .matchesList .ul .liItem .bottomData .teamDtl p { font-size: 12px }
 .matchcenter .matchesList .ul .liItem .bottomData .teamDtl span.time { margin-right: 5px }
 .matchcenter .matchesHp .more { width: calc(100% + 24px); margin-right: -12px }
 .matchcenter .dropDownContainer .placeholder { width: 100% }
 .matchcenter .dropDownContainer ul { width: 100% }
 .matchcenter .matchesList .ul .liItem .teamsData .teamCntnr { width: 100%; margin: 0 }
 .matchcenter .matchesList .ul .liItem .bottomData .teamDtl p span.onGoal { font-size: 11px }
 .matchcenter .matchesList .ul .liItem .bottomData { padding: 25px 0 }

     .matchcenter.mainTourPage .matchesList .ul .liItem .teamsData .MResult .penaltyRes{bottom:-46px}
    .matchcenter .matchesList .ul .liItem .teamsData{padding:40px 10px 20px}
    .mtchDtlsRslt li .resultDiv .result .penaltyRes { bottom: -16px }
    .mtchDtlsRslt li .resultDiv .result .penaltyRes span { font-size: 12px }
    .lastMatch.RelatedMatchstats .item:last-child { height: 86px }
    .lastMatch.RelatedMatchstats .item ul li { padding: 12px; height: 86px }
    .lastMatch.RelatedMatchstats .item ul li .teamA, .lastMatch.RelatedMatchstats .item ul li .teamB { width: calc((100% - 90px)/ 2); margin-top: 2px }
    .lastMatch.RelatedMatchstats .item ul li .teamA img, .lastMatch.RelatedMatchstats .item ul li .teamB img { height: 34px }
    .lastMatch.RelatedMatchstats .item ul li .teamA .team, .lastMatch.RelatedMatchstats .item ul li .teamB .team { font-size: 12px }
    .lastMatch.RelatedMatchstats .item ul li .resultDiv { width: 90px; margin-top: 0 }
    .lastMatch.RelatedMatchstats .item ul li .resultDiv .result { font-size: 24px }
    .lastMatch.RelatedMatchstats .item ul li .resultDiv .matchStatus .status.details { margin-top: 4px; margin-bottom: 0; font-size: 11px !important; line-height: 2.2 }
    .lastMatch.stats.RelatedMatchstats .item ul li .resultDiv .matchStatus { margin-top: 10px; }
    .lastMatch.stats.RelatedMatchstats .articleContainer .item ul li .resultDiv .matchStatus { margin-top: 16px; }
}