/* =========================================================================================
@Description: Main Stylesheet (Internal)
@Version: 1.0, 2017
============================================================================================ */

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');

/* Reset & Basics ============= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, adRobotoess, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; background: transparent; }
/* ol, ul { list-style: none; list-style-image: none; list-style-position: outside; list-style-type: none; } */
a img { border: 0; background: none; }
img	{ vertical-align: middle; } ins { text-decoration: none; }
del { text-decoration: line-through; }

/* Default Styles ============= */
a, .hpLink { color: #000; text-decoration: none; }
a:hover, a:focus { color: #0082c6; border: none; text-decoration: none; }
.invisible{visibility:hidden}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}


/* Utility Classes ============= */
.hide{ display:none !important; }
.alignL 	{ text-align: left !important; }
.alignR 	{ text-align: right !important; }
.alignC 	{ text-align: center !important; }
.alignJ 	{ text-align: justify !important; }
.borderLeft  { border-left: none !important;}
.borderRight{ border-right: none !important;}
.floatLeft    { float: left !important; }
.floatRight  { float: right !important; }
.last 		{ margin-right: 0px !important; }

.noSpacing  { margin: 0!important; padding: 0!important; }
.uppercase  { text-transform: uppercase!important; }
.no-border  { border: 0 none !important; }
.no-padding, .noPadding { padding: 0 !important; }
.no-margin, .noMargin  { margin: 0 !important; }
.no-float   { float: none !important; }
.no-bold    { font-weight: normal!important; }
.marginL    { margin-left: 20PX !important; }
.marginR    { margin-right: 0 !important; }
.noPadB   { padding-bottom: 0 !important; }
.noPadL   { padding-left: 0 !important; }
.noPaRoboto   { padding-right: 0 !important; }
.forBreak { display: block; }
.circle{border-radius:50%}
.center-block{display:block;margin-left:auto;margin-right:auto}
.truncate{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.no-padding{padding:0!important}
.fStyle { font-style: normal !important; }

.marginR5   { margin-right: 5px; }
.marginR10  { margin-right: 10px; }
.marginR15  { margin-right: 15px; }
.marginR20  { margin-right: 20px; }
.marginR25  { margin-right: 25px; }
.marginR30  { margin-right: 30px; }
.marginR35  { margin-right: 35px; }
.marginB5   { margin-bottom: 5px; }
.marginB10  { margin-bottom: 10px; }
.marginB15  { margin-bottom: 15px; }
.marginB20  { margin-bottom: 20px; }
.marginB25  { margin-bottom: 25px; }
.marginB25  { margin-bottom: 25px; }
.marginB30  { margin-bottom: 30px; }
.marginB35  { margin-bottom: 35px; }
.marginB40  { margin-bottom: 40px; }
.marginT5   { margin-top: 5px; }
.marginT10  { margin-top: 10px; }
.marginT15  { margin-top: 15px; }
.marginT20  { margin-top: 20px; }
.marginT25  { margin-top: 25px; }
.marginT25  { margin-top: 25px; }
.marginT30  { margin-top: 30px; }
.marginT35  { margin-top: 35px; }
.marginT40  { margin-top: 40px; }
.marginL40  { margin-left: 40px; }


/* = Default List View Style  
----------------------------------------------------------------------------------------------- */
ul.default, ol.default { color: #333333; clear: both; padding: 0 0 0 15px; margin: 0 0 15px; font: 14px/20px Roboto,arial,sans-serif;  }
ol.default { padding: 0 0 0 18px; }
ol.default li, ul.default li,  ul.arrow li{ list-style-position: outside; }
ol.default li { list-style-type: decimal; }
ul.default li { list-style-type: disc;}
ul.circle li { list-style-type: circle; }
ul.alpha li { list-style-type: lower-alpha; }
ol.roman { overflow: hidden; }
ol.roman li { list-style-type: lower-roman; }
ol.decimal li { list-style-type: decimal; }
ul.no-bullet li, ol.no-bullet li { list-style: none; }

.anim { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.pageTitle { font: 300 40px/44px "Roboto", Arial, Sans-Serif; color: #20252b; margin: 0 0 1rem 5px;  }
.sepDot{ border-bottom: 1px dashed #bbb;  display: block; clear: both; margin: 2rem 0; }


/* Page Wrapper ============= */
html, body { background-color: #f3f7ff; height: 100%; }

.secTag { color: #fff; display: inline-block; overflow: hidden; font: 500 11px/16px 'Roboto', Arial,sans-serif; border-radius: 2px; margin: 0 0 10px 0; background: #9e9e9e;  
padding: 2px 7px;  z-index: 999; text-transform: uppercase; letter-spacing: 0.5px; } 
.textColor { color: #ffffff; }

/* ================================================================================================ */
/*  Default Card Style
/* ================================================================================================ */

.smTabContent { display: black; overflow: hidden;  }

ul.smTabs { list-style: none; display: inline-block; background: #eeeeee; width: auto; border-top-left-radius: 5px;  border-top-right-radius: 5px; }
ul.smTabs li.tab{ float: left;  padding: 0; }
ul.smTabs li.tab a{ transition: all 0.25s ease-in-out; font-weight: 900; font-size: 14px; line-height: 20px; color: #7f092f; padding: 8px 15px; background: transparent; opacity: 0.5; border-radius: 0; }
ul.smTabs li.tab a:hover, .smTabs .tab a.active { color: #ffffff; background: #7f092f;opacity: 1; }

.leftSection { display: block; overflow: hidden; }

.sb-section { display: block; margin: 0 auto; overflow: hidden; }

/* Player Card */

.section__title .title-heading-center.next-result-title { color: #f68a20; }
.liveResBlock .section__title .title-heading-center { width: 100px; font-size: 14px; color: #FF8000; border: 2px solid #FF8000; padding: 5px 5px; 
margin: 0 auto 5px; -webkit-animation: background-change 1.2s infinite;
-moz-animation: background-change 1.2s infinite;
-o-animation: background-change 1.2s infinite;
-ms-animation: background-change 1.2s infinite;
animation: background-change 1.2s infinite; }
@-webkit-keyframes  background-change {
	0% { color: #a81000; }
	50% { color: #f9422f; }
	100% { color: #a81000; }
}
@-moz-keyframes  background-change {
	0% { color: #a81000; }
	50% { color: #f9422f; }
	100% { color: #a81000; }
}
@-ms-keyframes  background-change {
	0% { color: #a81000; }
	50% { color: #f9422f; }
	100% { color: #a81000; }
}
@-o-keyframes  background-change {
	0% { color: #a81000; }
	50% { color: #f9422f; }
	100% { color: #a81000; }
}
@keyframes  background-change {
	0% { color: #a81000; }
	50% { color: #f9422f; }
	100% { color: #a81000; }
}

.liveResBlock .section__title .recent-result-title {  display: inline-block; animation: none; width: auto; background: transparent; }
.liveResBlock .section__title .title-heading-center span { display: inline-block; vertical-align: middle; line-height: 1; }
.liveResBlock .section__title .title-heading-center span:nth-child(2) { margin-left: 5px; line-height: 1.1; color: #c3252f; padding: 2px 6px; }
.liveResBlock .section__title .title-heading-center::after, .liveResBlock .section__title .title-heading-center::before { background-color: #c3252f; }
.section__title .matDate {font-size: 12px; font-weight: normal;}
.section__title .matDate span { display: block; text-transform: uppercase; }
.section__title .matDate span.mtDate { margin-bottom: 2px; }
.section__title .matDate span.mtVenue { font-weight: 600; line-height: 16px; }

.result__strip .section__title .recent-result-title { color: #00bc54; border: 2px solid #00bc54; }



#onFieldPlayer {  background: #eeeeee; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;
 align-items: center; justify-content: center; clear: both; overflow: hidden; margin: 0px 8px 5px;}

 
.playerCard { position: relative; display: flex;align-items: center;  }
p.greenDot, p.redDot { margin: 0; }

.greenDot { width:16px;height:16px;position: absolute; top: 12px; text-indent: -99999px; background-image:url("../images/cricket-bat.png");background-size: 100%;background-repeat: no-repeat; transform: rotate(-22deg); }
.redDot { width: 9px; position: absolute; top: 12px; text-indent: -99999px; background-image:url("../images/cricket-ball.png");background-size: 100%;background-repeat: no-repeat;  }
.playerCard p.plyPhoto { width:35px; height: 35px; background: #fff; border-radius: 50%; display: inline-block; vertical-align: middle; 
overflow: hidden; margin: 0 6px 0 20px; }
.playerCard .plyPhoto img { width: 100%;
height: 100%;
object-fit: cover;
object-position: top center;}
.playerCard .playerContent p { margin-bottom: 0 !important; }
.playerCard .playerContent { text-align: left;  }
.playerCard .playerContent .mainStats { color: #000000; font:700 14px/20px 'roboto', Arial, Sans-Serif; }
.playerCard .playerContent .mainStats i { font-style: normal; font-weight: 400; font-size: 12px; margin-left: 3px; }
.playerCard .playerContent .plyName { padding-right: 8px; }
.playerCard .playerContent .plyName, .playerCard .playerContent .otherStats { text-transform: uppercase; color: #000000; font: 400 12px/18px 'roboto', Arial, Sans-Serif; }
.playerCard .playerContent .otherStats span { color: #666666;  }
.playerCard .playerContent .otherStats span:not(:last-child){ margin-right: 10px; }
.playerCard .playerContent .otherStats span i { font-family: 'Roboto'; font-weight: 500; font-style: normal; color: #000000; margin-left:3px; }
.playerCard .curPlyTeamLogo { position: absolute; top: 3px; z-index: 0; right: 3px;  }
.playerCard .curPlyTeamLogo img { z-index: 9999;width: 35px; opacity: 0.55; }

.name-strip p { display: inline-block; vertical-align: middle; }
.sepLine{ display:none; height:1px; background:black; clear: both;
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 200, from(#961941), to(rgba(0,0,0,0))); margin-bottom: 10px; }
p.tossDetails { text-align: center; color: #000; font: 700 16px/20px 'roboto', Arial, Sans-Serif; margin-bottom: 30px;  text-transform: uppercase;}	
.matType { display: none; font:400 13px/18px 'roboto', Arial, Sans-Serif; text-align: center; margin-bottom: 4px; }
.matType span.dayCount { color: #131313 font-weight: 700; text-transform: uppercase; font-size: 14px; }
.matType span.liveTag { font-weight: 700; font-size: 14px; border-radius: 3px; color: #d52228; text-transform: uppercase; padding: 0 5px; margin-right: 5px;  }
.matType span.matTourName { color:#000000; display: block; font-size: 14px; font-weight: 500; }

/* Team Score */
.tmLogoStrip { display: block; text-align: center; margin: 0 !important; }
.tmLogoStrip span {display: block; font: 700 16px/18px 'roboto', Arial, Sans-Serif; text-transform: uppercase; }
.tmLogoStrip span.tLogo { width: 130px; height: 130px; border: 1px solid #aaaaaa; margin-bottom: 10px; border-radius: 50%; display: inline-block; overflow: hidden;}
.tmLogoStrip span.tLogo img { max-width: 105px;width: 100%;margin: 12px;  }
.tmLogoStrip span.tmName { display: none; }

.teamScore { text-align: center; color: #000000; margin: 0 0 15px 0;  display: block; overflow: hidden; }
.teamScore span { display: block; }
.teamScore .run { font: 900 34px 'roboto', Arial, Sans-Serif; line-height: 1.1; }
.teamScore .runRate { font: 400 15px/18px 'roboto', Arial, Sans-Serif; color: #202020; }
.teamScore .runRate i { font-style: normal; }
.teamScore .runRate i:not(:last-child) { margin-right: 10px; }
.activeInn {  }

/* Center Innings */
.tvt, .tvtInn { text-transform: uppercase; text-align: center; font: 700 16px/42px 'roboto', Arial, Sans-Serif; }
.tvt { line-height: 100px; }

/* Result Strip */
.bottomStrip { display: block; color: #000; }
.bottomStrip .matResult { text-align: center; color: #000; margin: 0 25px; text-transform: uppercase; padding: 25px 0; font: 700 14px/20px 'roboto', Arial, Sans-Serif; 
display: block; border-top: 1px solid #aaaaaa; clear: both; }
.bottomStrip .matResult span { display: block; }
.bottomStrip .matResult span i {font-style: normal;}
.bottomStrip .matResult span i:not(:last-child) { margin-right: 10px;}
.bottomStrip .smLinks { }
.bottomStrip  a.mcLink { text-align: left; transition: all 0.25s ease-in-out;  font: 900 20px 'roboto', Arial, Sans-Serif; line-height: 1.2; text-transform: uppercase; overflow:hidden; 
display: block; padding: 18px; color: #fff; background: #0c4da2; }
.bottomStrip  a.mcLink i { display: inline-block; vertical-align: middle; float: right; }
.bottomStrip  a.mcLink i svg { width: 28px; margin: 0; }
.bottomStrip  a.mcLink:hover, .bottomStrip  a.mcLink:focus { background: #0c4da2; color: #fff;  }
.bottomStrip  a.vdLink:hover , .bottomStrip  a.vdLink:focus vdLink { background: #d52228; }
.bottomStrip  a.vdLink {border-right: 1px solid rgba(255,255,255,0.35); background:#0c4da2; }
.bottomStrip  a.vdLink img { display: inline-block; vertical-align: middle; width: 24px; margin-right: 10px;  }
.bottomStrip  a.vdLink span { text-align: left; display: inline-block; vertical-align: middle; }

.mcCmd, .mcBrk { color: #000000; }

/* RIGHT SECTION */
.rightSection { max-height: 445px; overflow-y: auto;  border-left: 1px solid rgba(255,255,255,0.75); display: block; padding: 20px 30px; }
.rightSection  h1 { padding: 3px 5px; display: inline-block; font: 700 15px/17px 'roboto', Arial, Sans-Serif !important; margin: 0 0 5px 0; color: #fff; text-transform: uppercase; }
.rightSection .tourDropdown { background: #d7d8da; color: #d52228; font: 500 13px/16px 'roboto', Arial, Sans-Serif; 
padding: 3px 5px; margin: 0 0 10px 0; }

.rightSection ul.matches li.card { padding: 10px; margin: 0 0 10px 0; border-radius: 0; }
.rightSection ul.matches li.card:last-child { margin-bottom: 0; }
ul.matches { margin-bottom: 10px; list-style: none; }
ul.matches li .cardTopStrip {line-height: 18px; }
ul.matches li .cardTopStrip p{ display: inline-block; vertical-align: middle; font: 400 13px/16px 'roboto', Arial, Sans-Serif; }
ul.matches li .cardTopStrip p.mthCount { color: #fff; font-size: 11px; background: #333; padding: 2px 5px; margin-right: 10px; text-transform: uppercase; font-weight: 700;  }
ul.matches li .cardTopStrip p.mthVenue { color: #d52228; text-transform: uppercase; }
ul.matches li .teamPlay { display: block; overflow: hidden; }
ul.matches li .teamPlay .tmLogoStrip { text-align: left; margin: 5px 0 0; }
ul.matches li .teamPlay .tmLogoStrip span { display: inline-block; vertical-align: middle; }
ul.matches li .teamPlay .tmLogoStrip span.tmName { font: 700 14px/18px 'roboto', Arial, Sans-Serif; color: #131313; }
ul.matches li .teamPlay .tmLogoStrip span.tmName i { font-style: normal; display: block;}
ul.matches li .teamPlay .tmLogoStrip .tLogo { margin: 0 8px 0 0; width: 35px; height: 35px; background: #ffffff; } 
ul.matches li .teamPlay .tmLogoStrip .tLogo img { width: 25px; margin: 4px; }
ul.matches li .cardBottomStrip { color: #434343; line-height: 14px; padding-bottom: 2px;}
ul.matches li .cardBottomStrip p { display: inline-block; vertical-align: middle;font: 400 12px/15px 'roboto', Arial, Sans-Serif; }
ul.matches li .cardBottomStrip p.mthTime{ margin-left: 10px;}

ul.matches.resultBox li .teamPlay .tmLogoStrip span.tmName { font: 400 13px/16px 'roboto', Arial, Sans-Serif; }
ul.matches.resultBox li .teamPlay .tmLogoStrip span.tmName i { font: 700 15px/19px 'roboto', Arial, Sans-Serif; }
ul.matches.resultBox li .teamPlay .tmLogoStrip { }
ul.matches.resultBox li .teamPlay .tmLogoStrip.teamWin { opacity: 1; }
ul.matches.resultBox li .teamPlay .tmLogoStrip.teamWin span.tmName { color: #d52228;}

ul.matches li .cardTopStrip p.mcOrder{ font-size: 12px; font-weight: 700;color: #d52228; text-transform: capitalize; margin-right: 8px;  }

/*--- FIXTURE COUNTDOWN ---*/
/* Fixture Timer */
.countdownTitle { padding: 0; margin: 10px 0; text-align: center; }

.GVdetails { padding: 0 !important; margin-bottom: 20px; }
.GVdetails span { display: inline-block; vertical-align: middle; }
.GVdetails b { display: inline-block; vertical-align: middle; font-weight: 700; font-size: 12px; }

/*===== Countdown TImer =====*/
#tournamentCountdown.fixtureTimerCountdown{ display: black; overflow: hidden; text-align: center; color: #131313; padding: 5px 10px 10px; margin: 0 auto 20px; border-radius: 5px; }
#tournamentCountdown.fixtureTimerCountdown .fixtureTimer { margin: 0; padding: 5px 10px; display: inline-block; overflow: hidden; background: #034ea2;}
#tournamentCountdown.fixtureTimerCountdown.inactive{display:none;}

#tournamentCountdown .fixtureTimer i { font-size: 56px; font-family: roboto; color: rgba(0,0,0,0.6); font-style: normal;margin-left: 10px; }
#tournamentCountdown .fixtureTimer:last-child{border:0;}
#tournamentCountdown .fixtureTimer .timervalue,#tournamentCountdown .countdownTitle{ color: #fff; font: 900 42px 'roboto', sans-serif; line-height: 1; 
display: block; text-align: center; }
#tournamentCountdown .fixtureTimer .timervalue { }
#tournamentCountdown .fixtureTimer .timerLabel { color: #fff; font-size: 12px;font-family: 'Roboto', sans-serif;font-weight: 400;text-transform: uppercase; }

.countdownTitle { font-size: 14px; font-weight: 700; display: block; overflow: hidden; font-family: 'Roboto', sans-serif;  }
.countdownTitle i{ font-style: normal; font-family: 'Roboto', sans-serif; color: #202020; font-weight: 500; display: inline-block; vertical-align: middle;  padding: 0 0 0 5px; }
.countdownTitle span { font-family: 'Roboto', sans-serif;  text-transform: uppercase; display: inline-block;vertical-align: middle; color: #c3252f;}

#fixCountDown  .tmLogoStrip span.tLogo { width: 125px; height: 125px;}
#fixCountDown .tmLogoStrip span.tLogo img {  }
#fixCountDown .tmLogoStrip span { font-size: 18px; line-height: 24px; }
#fixCountDown .bottomStrip .matResult span{ font: 700 14px/20px 'roboto', Arial, Sans-Serif; text-transform: uppercase; }
#fixCountDown .tvt { color: #202020; }
#fixCountDown .tmLogoStrip span.tmName { display: block; color: #000000; font-weight: 900; font-size: 16px; line-height:1; }

.liveResBlock { position: relative; float: left; width: 100%; }
.liveResBlock .slideBtn { margin: 0 auto;  }
.prevBtn, .nextBtn { position: absolute; }
.nextBtn { right: 20px; }
.prevBtn { left: 20px; }
.prevBtn i {}


/*===== Teams Page =====*/

.flex-grid {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
}

.section__title { text-align: center; }
.section__title .title-heading-center { color: #fff; text-transform: uppercase; font: 700 16px 'roboto', Arial, Sans-Serif; }

.teams-page__hero{position:relative;color:#fff;background-color:#202020;background-image:url(../images/teams-hero.jpg);background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;z-index:10;padding:30px 30px 40px}
.teams-page__hero::after {position: absolute;content: "";
bottom: 0; left: 0; right: 0; width: 100%;height: 40%;
background: -webkit-linear-gradient(0deg,#202020 0,rgba(32,32,32,.45) 70%,rgba(32,32,32,0));
background: -moz-linear-gradient(0deg,#202020 0,rgba(32,32,32,.45) 70%,rgba(32,32,32,0));
background: linear-gradient(0deg,#202020 0,rgba(32,32,32,.45) 70%,rgba(32,32,32,0));
z-index: -1; }

.teams-logo__list { display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
 justify-content: center; }
.teams-logo__list::before,
.teams-logo__list::after {content: ''; display: block; }
.teams-logo__list .teams-logo__items { max-width: 130px; width: 100%; margin: 0 5px; }
.teams-logo__list .teams-logo__items a { 
background: #ffffff;  border-radius: 20px;  cursor: pointer;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 10px;
max-width: 130px; width: 100%; min-height: 130px; height: 100%;
transition-property: color,background-color,border-color;transition-duration: .2s;transition-timing-function: linear; 
overflow: hidden;
-webkit-box-shadow: rgba(0, 0, 0, 0.55) 0px 3px 10px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.55) 0px 3px 10px 0px; box-shadow: rgba(0, 0, 0, 0.55) 0px 3px 10px 0px;  
 }
.teams-logo__list .teams-logo__items a img { border-style: none;vertical-align: top;max-width: 120px; height: auto;}
.teams-logo__list .teams-logo__items:hover a, .teams-logo__list .teams-logo__items:focus a,
.teams-logo__list .teams-logo__items.current a{ background-color:#181733; }

.teams-page__main, .player-page__main {  background-color: #202020; display: block; overflow: hidden;  }
.teams-page__bg { display: block; overflow: hidden; background: #fff; max-width: 1366px; width: 100%; padding: 40px; margin: 0 auto;}
.teams-page__header { display: block; overflow: hidden; margin-bottom: 30px; clear: both; }
.teams-page__header  .team-header__left { text-align: left; }
.teams-page__header  .team-header__left  .team-logo ,
.teams-page__header  .team-header__left  .team-name { display: inline-block; vertical-align: middle; }
.teams-page__header  .team-header__left  .team-logo img { max-width: 54px; width: 100%;  }
.teams-page__header  .team-header__left  .team-name { text-transform:uppercase; color: #000000; font-size: 26px; font-weight: 500; padding: 0 15px; line-height: 1.5; }
.teams-page__header  .team-header__right { text-align: right; }
.teams-page__header  .team-header__right img { width: 90px; padding: 15px 0; }
.team-list__list {display: flex; flex-wrap: wrap; }
.team-list__person-container { width: 25%; padding: 0 1rem; margin-bottom: 30px;}

.team-person {
    position: relative;
    display: block;
    cursor: pointer;
    overflow: hidden;
    background: #ffffff;
	width: 100%;
	box-shadow: 0 3px 25px rgba(150,150,150,.4);
	border-radius: 20px;
	padding-top: 40px;
	padding-bottom: 40px
}
.team-person::before {
    content: "";
    background-color:#181733;
    position: absolute; left: 0;top: 65%; right: 0; bottom: 0;z-index: 10; 
	transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;}

.team-person__container {
    padding-top: 50%;padding-bottom: 50%;
}
.team-person__picture { position: absolute;top: 0; left: 0; right: 0; text-align: center; width: 100%; height: 100%; text-align: center; }
.team-person__picture img { width: 210px;height: 100%;object-fit: contain;object-position: top center;} 
.team-person__info, .team-person__text {position: absolute;bottom: 0;left: 0; right: 0; }
.team-person__text {
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 10;
}
.team-person__info {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translateY(-2.4rem);
    transform: translateY(-2.4rem);
    text-align: center;
    color: #fff;
    margin-bottom: 1.2rem;
	background-color:#181733;
}
.team-person__info .team-person__name { text-transform: uppercase; font: 20px/22px "Roboto",Arial,sans-serif; font-weight: 900; color: #0082c6; margin-bottom: 5px; }
.team-person__info  .team-person__roll { font: 14px/16px "Roboto",Arial,sans-serif; color: #dddddd; text-transform: capitalize; margin-bottom: 10px; }
.team-person__info, .team-person__text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.team-person__stats {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    -webkit-transform: translateY(115%);
    transform: translateY(115%);
    transition: opacity .3s ease-out,-webkit-transform .3s ease-out;
    transition: transform .3s ease-out,opacity .3s ease-out;
    transition: transform .3s ease-out,opacity .3s ease-out,-webkit-transform .3s ease-out;
    padding-top: 1.1rem;
    margin-bottom: 1.1rem;
    opacity: 0;
	color: #ffffff;
}
.team-person:hover .team-person__info {
    -webkit-transform: translateY(-6rem);
    transform: translateY(-6rem);
	padding: 10px 0 0;
	
}
.team-person:hover .team-person__stats {
    -webkit-transform: translateY(-3rem);
    transform: translateY(-3rem);
    opacity: 1;
}
.player-stats__list {
    display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
    align-items: flex-end;
    max-width: 32.7rem;
    margin: 0 auto;
    opacity: 0;
    transition: opacity .3s ease-out,max-height .3s ease-out;
    max-height: 0;
    overflow: hidden;
}
.player-stats__list--show {
    opacity: 1;
    max-height: 5rem;
}
.player-stats__item {
    flex: 1;
    overflow: hidden;
    text-align: center;
    padding: 0 .4rem;
}
.player-stats__item span { display: block; font-family: "Roboto",Arial,sans-serif; text-transform: uppercase; }
.player-stats__item span.player-stats__value { font-size: 30px; line-height: 36px; font-weight: 900; }
.player-stats__item span.player-stats__title { font-size: 12px; line-height: 14px; font-weight: 400; color:  }
.person-info__view { position: absolute; left: 0; right: 0; bottom: 0; text-align: center; font: 16px/18px "Roboto",Arial,sans-serif; 
font-weight: 900; text-transform: uppercase; color: #fff; margin-bottom: 20px;
transition-property: color,background-color,border-color;transition-duration: .2s;transition-timing-function: linear; }
.person-info__view:hover {color: #fdc52c}
.team-management__section{ display: block; overflow: hidden; clear: both; margin-bottom: 20px; margin-top: 20px; padding: 0 40px; }
.team-owner, .team-coach { display: flex; align-items: center; justify-content: center; font-family; "Roboto",Arial,sans-serif; margin-bottom: 20px; }
.team-owner .team-mang__title, .team-owner .team-mang__name,
.team-coach .team-mang__title, .team-coach .team-mang__name, .team-staff__item{  
-ms-transform: skewX(-20deg); /* IE 9 */
-webkit-transform: skewX(-20deg); /* Safari */
transform: skewX(-20deg);}

.team-owner .team-mang__title .mng-text, .team-owner .team-mang__name .mng-text,
.team-coach .team-mang__name .mng-text, .team-coach .team-mang__title .mng-text,
.team-staff__name{
	-ms-transform: skewX(20deg); /* IE 9 */
    -webkit-transform: skewX(20deg); /* Safari */
    transform: skewX(20deg);
}
.team-owner .team-mang__title, .team-coach .team-mang__title { background: #0082c6; color: #fff; font-weight: 900; }
.team-owner .team-mang__name, .team-coach .team-mang__name, .team-staff__item { background: #fff; border: 1px solid #ccc;   }
.team-owner .team-mang__name,.team-coach .team-mang__name,
.team-owner .team-mang__title , .team-coach .team-mang__title{ font-size: 14px; font-weight: 500; line-height: 1.2; width: 50%; 
text-align: center; padding: 20px; text-transform: uppercase; display: inline-block; vertical-align: middle; height:55px;}
.team-coach .team-mang__title, .team-owner .team-mang__title { font-size: 16px;font-weight: 500; }

.team-support__staff { display: flex; flex-wrap: wrap; align-items: center; justify-content: center;  margin-bottom: 20px; margin-top: 20px; padding: 0 40px;  }
.team-staff__item { width: 23%;text-align: center;padding: 0 20px; margin: 0 5px 10px;min-height: 70px;height: auto;
line-height: 1.5;display: flex;justify-content: center;align-items: center; }
.team-staff__name { text-transform: uppercase; font-size: 16px; }
.team-support__staff  .section__title .title-heading-center { color: #000000; }
.team-support__staff  .section__title .title-heading-center::after, 
.team-support__staff  .section__title .title-heading-center::before { background-color: #000000;}


/*===== Player Profile Page =====*/
.player-page__main .section__title .title-heading-center  { color: #000000; }

.player-page__main  .section__title .title-heading-center::after, 
.player-page__main  .section__title .title-heading-center::before { background-color: #000000; }
.section-sub__title { display: block; overflow: hidden; clear: both; color: #034ea2; text-align: center; text-transform: uppercase; 
font-weight: 700; font-size: 16px; margin-bottom: 30px; }

.battingWrapper, .bowlingWrapper {}
.player-hero { position: relative; padding: 20px 20px 0 20px; margin-bottom: 30px; 
background-image: linear-gradient(to right, #9670c1, #3e3b84); border-top-right-radius: 30px;
border-top-left-radius: 30px; min-height: 300px; height: auto; }

.player-hero__photo {position: absolute;bottom: 0;left: 0;
max-height: calc( 100% + 2rem);width: auto;max-width: 19rem;margin-left: 1rem;overflow: hidden;}

.player-hero__photo img { max-height: calc( 100% + 2rem);width: auto;max-width: 14rem; }
.player-hero__detail { color: #fff; padding-left: calc( 19rem + 1rem); }
.player-hero__detail .player-hero__name {  color: #fff; font-size: 26px; line-height: 1.2; font-weight: 900; text-transform: uppercase; margin-bottom: 10px; }
.player-hero__detail .player-hero__roll { display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; margin: 0 30px 0 0; overflow: hidden; }
.player-hero__detail .player-hero__roll p { margin: 0 20px 20px 0; font-size: 15px; line-height: 1.1; font-weight: 500; text-transform: uppercase;  }
.player-hero__detail .player-hero__roll p span{ font-size: 14px; display: block; margin-bottom: 5px; text-transform: capitalize; font-weight: 400;}
.player-hero__stats { display: block; margin-bottom: 30px; }

.player-hero__stats .stats-box li { background-color: #181733; color: #fdc52c; display: inline-block; margin-right:10px; padding: 0.6rem 1.3rem; text-align: center;line-height: 1.2;}
.player-hero__stats .stats-box li p { margin: 0; }
.player-hero__stats .stats-box li .stats-lable { font-size: 14px; font-weight: 400;} 
.player-hero__stats .stats-box li .stats-value { font-size: 50px; font-weight: 900; line-height: 1;}

.player-hero__sponsor { }
.player-hero__sponsor a { position: absolute; top: 30px; right:30px; }
.player-hero__sponsor a  img { width: 110px; }

.player-hero__social { padding-bottom: 15px; }
.player-hero__social .social-fb,
.player-hero__social .social-tw,
.player-hero__social .social-ins { display: inline-block; vertical-align: middle; margin-right: 5px; }
.social-link { display: block; }
.player-hero__social .social-fb a svg,
.player-hero__social .social-tw a svg ,
.player-hero__social .social-ins a svg  { fill: #ffffff; width: 38px; height: 38px; }

/*-- Tables --*/
table{border-collapse:collapse;border-spacing:0;width: 100%;}
td,th{padding:0}
table.tableDefault { font-family: "Roboto",Arial,sans-serif; width: 100%; border: none; border-collapse: collapse; margin: 0 0 30px 0; }
table.tableDefault th, table.tableDefault td {  padding:8px 12px; text-align: center;}
table.tableDefault thead th { font-weight: 700; font-size: 13px; background:#181733; color: #ffffff; border: 0 none;}
table.tableDefault tbody tr td { padding: 10px; font-size: 15px; font-weight: 500; color: #000000; }
table.tableDefault tbody tr:last-child { border-bottom: 1px solid #888888; }
table.tableDefault tfoot {border: 1px solid #000000; }
table.tableDefault tfoot tr td { color: #a2a2a2; text-align: center;  background-color: #e0dedd; }
table.tableDefault tfoot tr td:hover, table.tableDefault tfoot tr td:focus{ background-color: #aaa; }
table.table-forum { border: 0 none; }
table.table-forum th, table.table-forum td { font-weight: normal; border-top: none; border-left: none; border-right: none; border-bottom: 1px dotted #BCBCBC !important; }
table.table-forum thead tr th {  border-bottom: 0 none !important; text-align: center; }
table.table-forum tbody tr td { text-align: center; width: 10%; height: 20%; } 
table.tableDefault tbody tr:nth-child(even) {background-color: #F0F0F0;}


.player-info__text { text-align: center; font-size: 15px; color: #000000; margin-bottom: 30px; }
.player-squad { border-left: 1px solid #000000; padding-left: 40px; margin-left: 40px; }
.player-squad .section__title .title-heading-center { color: #000000; }
ul.player-squad__list {border-bottom: 1px solid #aaaaaa; list-style: none;}
ul.player-squad__list li.player-squad__item { display: block;  }
ul.player-squad__list li.player-squad__item a.squadPlayerCard { border-top: 1px solid #aaaaaa;  cursor: pointer; padding: 15px; display: block;
transition-property: color,background-color,border-color;
transition-duration: .2s;
transition-timing-function: linear; }
ul.player-squad__list li.player-squad__item a.squadPlayerCard:hover,
ul.player-squad__list li.player-squad__item a.current { border-top: 1px solid #181733; background-color: #181733; box-shadow: 0 3px 20px rgba(150,150,150,.6); }
ul.player-squad__list li.player-squad__item a.squadPlayerCard:hover .player-photo,
ul.player-squad__list li.player-squad__item a.squadPlayerCard.current .player-photo  { background-color: #fff; }
ul.player-squad__list li.player-squad__item a.squadPlayerCard:hover .player-detail,
ul.player-squad__list li.player-squad__item a.current .player-detail { color: #ffffff; }
ul.player-squad__list li.player-squad__item a.squadPlayerCard .player-photo { position: relative; margin-right: 20px; overflow: hidden; width: 75px; height: 75px; border-radius: 50%; background-color: #ccc; }
ul.player-squad__list li.player-squad__item a.squadPlayerCard .player-photo img { width: 100%;height: 100%;object-fit: cover;object-position: top center;}

.player-photo, .player-detail{ display: inline-block; vertical-align: middle; }
ul.player-squad__list li.player-squad__item a.squadPlayerCard .player-detail { text-transform: uppercase; line-height: 1.5; }
ul.player-squad__list li.player-squad__item a.squadPlayerCard .player-detail p { margin:0; }
ul.player-squad__list li.player-squad__item a.squadPlayerCard .player-detail .player-detail__name { font-size: 16px; font-weight: 900; }
ul.player-squad__list li.player-squad__item a.squadPlayerCard .player-detail .player-detail__roll { font-size: 14px; font-weight: 500; }

.player-squad .section__title .title-heading-center::before,
.player-squad .section__title .title-heading-center::after {display: none; }

/*===== Fixture Widget - Home Page =====*/

#fixture-scroll__container { position: relative;  }
#fixture-scroll__container .section__title { margin-top: 30px; }
#fixture-scroll__container .dataViewport { height: auto !important;  }
.matches-widget__list { overflow: hidden; min-height: 200px; height: 100%; }
.matches-widget__list .col{max-width: 25% !important;width: auto !important; padding: 0 15px; }
.matches-widget__list .col { padding: 0 30px 0 0 !important;}
.next-prev-controls { position: absolute; top: 0; right: 0; z-index: 99;}
.next-prev-direction {   -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
 display: flex;

-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.next-prev-direction a { position: relative; border-radius: 50%;width: 40px;height: 40px;background: rgba(255,255,255,0.25);
font-size: 12px; font-weight: 700; margin: 0 5px 10px; 
transition-property: background-color,opacity;
transition-duration: .2s;
transition-timing-function: linear; }
.mcPrevArrow::after, .mcNextArrow::after {position: absolute; color: #ffffff; 
left: 50%;top: 50%;transform: translate(-50%, -50%); }
.mcPrevArrow::after { content:"Prev"; }
.mcNextArrow::after { content:"Next"; }
.next-prev-direction  .disabled{ opacity: 0.5; cursor: default; }
.next-prev-direction  .disabled:hover { background: #034ea2; }
.next-prev-direction a:hover { background-color: #034ea2; }

.matches-item { display: block;background: #090c17;
    margin-left: 10px;
    margin-right: 10px;
    min-height: 200px;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 12px 0px;
}
#recentMatches-container .matches-item{
    width: 464px !important;
}
.matches-item__header { text-align: left;
background-image: -webkit-linear-gradient(to left, #533090, #363d96);
background-image: -moz-linear-gradient(to left, #533090, #363d96);
background-image: linear-gradient(to left, #533090, #363d96);
color: #fff; padding: .9rem .7rem; 
display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.matches-item__header-left { font-size: 16px; text-align: center; line-height: 1rem; color: #ffffff; margin: 0; }
.matches-item__header-left, .matches-item__header-right,
.matches-details__team-home, .matches-details__team-away { flex: 1; }

.matches-item__date-day { color: #ffffff; font-family: "Roboto",Arial,sans-serif; padding-right: 5px;
font-weight: 700; display: inline-block; vertical-align: middle;}
.matches-item__date-info { color: #ffffff; font-size: inherit; line-height: inherit; text-transform: uppercase; display: inline-block; vertical-align: middle;
 word-spacing: normal;}
.matches-item__date-weekday { color: #ffffff;line-height: 1.2rem; margin-right: 5px; }
.matches-item__date-month {}
.matches-item__header-right { text-align: right; }
.matches-item__header-right img { width: 90px; }

.matches-item__details { -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;

}
 .matches-details__team-home, .matches-details__team-away { text-align: center; }
 .matches-details__team-home img, .matches-details__team-away img { width: 78px; }
 .matches-details__team-tLogo { width: 80px; height: 80px; border-radius: 50%; margin: 10px auto;display: inline-block;vertical-align: middle;
  -ms-box-orient: horizontal;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
justify-content: center; -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.06); box-shadow: 0 2px 6px rgba(0,0,0,0.06);}
.matches-details__team-meta { color: #f68a20; font-size: 16px; font-weight: 700; text-transform: uppercase; }
.matches-details__team-meta p { margin-bottom: 0; }
p.matches-details__venue { margin: 0; text-align: center; text-transform: uppercase; color: #ffffff; font-weight: 700; 
font-size: 15px; }
.matches-item__btn { text-align: center;}
.button--default {
    position: relative;
    display: inline-block;
    padding: .35rem 1.3rem;
    border: none;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 1.2rem;
    font-family: "Roboto",Arial,sans-serif;
    font-weight: 900;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    will-change: transform;
    cursor: pointer;
    pointer-events: all;
    transition: background-color .2s ease,-webkit-transform .2s ease;
    transition: background-color .2s ease,transform .2s ease;
    transition: background-color .2s ease,transform .2s ease,-webkit-transform .2s ease;
}
.matches-item__btn-item { text-transform: uppercase; font-size: 15px; color: #ffffff; background-color: #d6202d; margin: 0 10px;  }
.btn-item__icon, .btn-item__text { display: inline-block; vertical-align: middle; }
.btn-item__icon { margin-right: 5px; width: 26px; height: 26px;}
.btn-item__icon svg { fill: #fff; width: 24px; margin-right: 5px; }
.matches-item__btn-item:hover, .matches-item__btn-item:focus { background-color: #000000; color: #ffffff; }

/*===== Pointstabel Widget - Home Page =====*/
#pt__homewidget .section__title { margin: 20px 0 0 0; }
#stadingSmipl h3{ display: none; }
.scorecardWrapper .section__title .title-heading-center { color: #000000; display: inline-block; border: 1px solid #ccc; padding: 10px 15px; }
.scorecardWrapper .section__title .title-heading-center::after,
.scorecardWrapper .section__title .title-heading-center::before { background-color: #000000; }

table.points-table__widget thead th { color: #555555; text-transform: uppercase;background: transparent; }
table.points-table__widget thead th:nth-child(1) { color: #5c2e91; text-align: left; }
table.points-table__widget tbody { border: 0; }
table.points-table__widget tbody tr:nth-child(2n+1) { background: #F0F0F0; }
table.points-table__widget tbody tr:nth-child(2n){ background: transparent; }
table.points-table__widget tbody tr td { font-size: 14px; padding: 15px 10px; }
table.points-table__widget tbody td:nth-child(1) { text-transform: uppercase; font-weight: 700; text-align: left; } 
table.points-table__widget tbody tr {border-bottom: 1px solid #ffffff; }
table.points-table__widget tbody tr:nth-child(1) { background: linear-gradient(90deg, #363d96 0%, #533090 50%); }
table.points-table__widget tbody tr:first-child td { color: #ffffff; }
table.points-table__widget tbody tr:first-child td span { color: #ffffff; }
table.points-table__widget tbody tr:nth-child(1) td:last-child { color: #ffffff; }
table.points-table__widget tbody tr td:last-child { color: #5c2e91; font-size: 16px; font-weight: 700; }
table.points-table__widget tbody tr td span { display: inline-block; vertical-align: middle; }
table.points-table__widget tbody tr td span img { width: 35px; }
table.points-table__widget tbody tr td span:first-child { margin-right: 5px;}

/*===== Top Performer Widget - Home Page =====*/
.performersList { display: block; }
.performersList .imgBlk { font-family:'roboto', Arial, Sans-Serif; overflow: hidden; 
 margin: 10px; padding-top: 10px; background-image: -webkit-linear-gradient(to top right, #090c17, #11002e);
background-image: -moz-linear-gradient(to top right, #090c17, #11002e); background-image: linear-gradient(to top right, #090c17, #11002e);}
.imgWrapper { text-align: center; margin: 0 auto 20px; }
.imgWrapper img{max-width: 200px; width: 100%;height: 100%; object-fit: contain;object-position: top center;}
.performersList .playerDetWrap { color: #ffffff; text-align: center; }
.performersList .playerDetWrap  span { margin-bottom: 7px; text-transform: uppercase; }
.performersList .titleBlk, .performersList .playerName, .performersList .teamName { display: block; }
.performersList .playerDetWrap .titleBlk { color: #ffcb08; text-transform: uppercase; font-weight: 900; font-size: 20px; margin: 10px 15px 14px 15px; 
border: 1px solid rgba(255,255,255,0.2); padding: 9px 0; line-height: 1.2; }
.performersList .playerName { font-size: 14px; line-height: 1; font-weight: 700; }
.performersList .teamName { font-size: 12px; line-height: 1; }
.performersList .topScore { color: #ffffff; text-align: center; font-weight: 900; font-size: 44px; line-height: 1.2; padding-bottom: 20px; }
.performersList .topScore .topCategory { display: block; color: #585858; letter-spacing: 1px; font-size: 12px; font-weight: 600; margin-top: 5px; text-transform: uppercase; }
ul.smTabs { display: none;}

a.viewAllPerformers { padding: 13px 29px; line-height: 17px;
font-size: 14px; clear: both; margin: 30px 0 0; display: inline-block; font-weight: 900; color:#411870;-webkit-transition: all .2s;
-o-transition: all .2s; transition: all .2s; border: 1px solid #411870; }
a.viewAllPerformers:hover { color: #ffcb08; }
#recentMatches-container .title { color: #ffffff; font-family: 'Roboto', Arial, Sans-Serif; text-transform: uppercase; font-weight: 900; padding: 10px; }

/** Top Performers **/
.topPerformersWrap .section__title { margin-top: 30px; }
.topPerformersWrap a.viewAllPerformers { text-transform: capitalize; color: #fff; border: none; padding:0; font-weight: 500; }
.topPerformersWrap a.viewAllPerformers:hover {  background: transparent; color: ##ffcb08 }

/* ================================================================================================ */
/*   MediaQuery
/* ================================================================================================ */
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
	.mob_hide { display: none; }
	ul.smTabs { width: 100%; }
	.matType { font-size: 11px; line-height: 15px;  }
	.tmLogoStrip span.tLogo {width: 50px; height: 50px; }
	.tmLogoStrip span.tLogo img { width: 35px; margin: 7px; }
	.tmLogoStrip span { font-size: 14px; }
	.tvt { line-height: 42px; }
	.teamScore .run { font-size: 24px; line-height: 1; }
	.teamScore .runRate { font-size: 12px; line-height: 16px; font-weight: 500; }
	.teamScore .runRate i:not(:last-child) { margin-right:5px; }
	.tvtInn { font-size: 10px; }
	#onFieldPlayer { margin: 0; }
	.playerCard { margin: 5px 0; padding: 5px 10px; }
	.playerCard .plyPhoto, .playerCard .plyPhoto img { height: 50px;  }
	.bt-box{ border: 0; }
	.playerCard .playerContent .mainStats { font-size: 14px; line-height: 22px;}
	.playerCard .playerContent .plyName, .playerCard .playerContent .otherStats { font-size: 12px; }
	.greenDot, .redDot { top: 10px; }
	.bottomStrip { padding: 0 20px; }
	.bottomStrip .matResult { font-size: 12px; padding: 10px 0; }
	p.tossDetails { font: 700 14px/18px 'roboto', Arial, Sans-Serif; margin-bottom: 26px; padding: 0 10px; }
	.bottomStrip .smLinks { float: none; width: 100%; display: black; overflow: hidden; }
	.bottomStrip a.mcLink { font-size: 14px; line-height: 2; padding: 10px; }
	.bottomStrip a.btnFull { width: 100%; }
	.rightSection { border-top: 1px solid rgba(0,0,0,0.2); border-left: 0 none; padding: 10px 5px; }
	.rightSection h1 { text-align: center;  font-size: 14px; line-height: 16px; }
	.rightSection .tourDropdown { font-size: 12px; }
	.rightSection ul.matches li.card { padding: 10px 8px; margin: 0 0 10px 0; }
	ul.matches li .cardTopStrip { margin-bottom: 5px; }
	ul.matches li .cardTopStrip p.mthCount { font-size: 10px; }
	ul.matches li .cardBottomStrip { font-size: 10px; line-height: 14px; }
	ul.matches li .teamPlay .tmLogoStrip .tLogo { width: 30px; height: 30px; }
	ul.matches li .teamPlay .tmLogoStrip .tLogo img { width: 20px; }
	ul.matches.resultBox li .teamPlay .tmLogoStrip span.tmName i { font-size: 13px; }
	.matType span.matTourName, .tossDetails{ font-size: 12px; }
	
  #fixCountDown .tmLogoStrip span.tLogo { width: 65px; height: 65px; }
  #fixCountDown .tmLogoStrip span.tLogo img { width: 45px; margin: 9px; }
  #fixCountDown .tmLogoStrip span { font-size: 14px; line-height: 18px; }
  #tournamentCountdown.fixtureTimerCountdown { padding: 0 10px; margin: 0 auto 10px; }
  #tournamentCountdown .fixtureTimer .timervalue, #tournamentCountdown .countdownTitle { font-size: 28px; line-height: 38px;}
  #tournamentCountdown .fixtureTimer .timerLabel { display: block; }
  #tournamentCountdown.fixtureTimerCountdown .fixtureTimer { padding: 5px 13px; }
  #tournamentCountdown .fixtureTimer .timervalue { line-height: 32px; }
  
  .playerCard .curPlyTeamLogo img { width: 40px; top: 20px; }
  
  .nextBtn { right: 12% }
  .prevBtn { left: 12%; }
  .prevBtn img, .nextBtn img {width: 20px; }
  
  .playerCard .playerContent { top: 0;}
  .section__title .title-heading-center { font: 900 20px/28px 'roboto', Arial, Sans-Serif; }
  .next-prev-direction a:hover { background: #d6202d; }
  
  .teams-page__main, .player-page__main { padding: 0; }
  
  ul.player-squad__list li.player-squad__item a.squadPlayerCard .player-detail .player-detail__name { font-size: 14px; font-weight: 900; }
ul.player-squad__list li.player-squad__item a.squadPlayerCard .player-detail .player-detail__roll { font-size: 12px; font-weight: 500; }
a.viewAllPerformers { margin: 10px 0 20px; }
table.points-table__widget tbody td:nth-child(1) { width: 40%; }
table.points-table__widget tbody tr td span img { width: 34px; }
table.points-table__widget tbody tr td span:nth-child(2) { width: 50%; line-height: 1.3; font-size:12px; }
table.points-table__widget tbody tr td:last-child { font-size: 13px; }
 table.tableDefault th, table.tableDefault td { padding: 8px 5px; }
 table.tableDefault tbody tr td { padding: 10px 5px; }
}

/* Smartphones (portrait) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : portrait) {	
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : landscape) 
{  
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
}

@media only screen
and (min-device-width : 360px)
and (max-device-width : 640px) 
{
	.mob_hide { display: none; }
	.section__title .title-heading-center {}
	.section__title .title-heading-center::after, .section__title .title-heading-center::before { width: 15%; } 
	.section__title, .section-sub__title, table.tableDefault { margin-bottom: 10px; }
	table.tableDefault th, table.tableDefault td { padding: 5px; }
	table.tableDefault tbody tr td, table.tableDefault thead th { font-size: 12px; }
	table.tableDefault tbody tr td { padding: 10px 5px; }
	.matches-widget__list .col { padding: 0 10px !important;} 
	.player-hero__detail .player-hero__name { font-size: 22px; }
	.teams-page__main{ padding: 10px; }
	.next-prev-direction a:hover { background: #d6202d; }
	.teams-page__main, .player-page__main { padding: 0; }
}

@media only screen
and (min-device-width : 360px)
and (max-device-width : 640px)
and (orientation : portrait) {
}

@media only screen
and (min-device-width : 360px)
and (max-device-width : 640px)
and (orientation : landscape) {    
}

@media only screen
and (max-device-width : 768px)
{
	.teams-page__bg { padding-top: 15px; }
	.section__title { margin-bottom: 20px; }
	.teams-page__hero::after { height: 20%; }
	.teams-page__header .team-header__left, .teams-page__header .team-header__right { text-align: center; margin-bottom: 10px; }
	.teams-page__header .team-header__left .team-logo, .teams-page__header .team-header__left .team-name { display: block; }
	.teams-page__header .team-header__left .team-logo img { width: 60px; }
	.teams-page__header .team-header__left .team-name { padding: 0; font-size: 18px; font-weight: 900; }
	.teams-page__header .team-header__right img { padding: 0; width: 75px;}
	.team-list__person-container { width: 100%; }
	.team-person:hover .team-person__info { -webkit-transform: translateY(-2.4rem);
		transform: translateY(-2.4rem);}
	.team-person:hover .team-person__stats { opacity: 0;}
	.team-management__section { padding: 0 20px; }
	.team-owner, .team-coach { display: block; }
	.team-owner .team-mang__title, .team-owner .team-mang__name, .team-coach .team-mang__title, .team-coach .team-mang__name,
	.team-staff__item{ width: 100%; font-size: 14px; }
	
	
	.player-squad { margin: 0; padding: 0; border: 0; }
	ul.player-squad__list li.player-squad__item a.squadPlayerCard { padding: 10px; }
	.player-hero { padding: 10px 10px 0 10px; }
	.player-hero__sponsor a { margin: 0 auto; text-align: center; right: 10px; }
	.player-hero__sponsor a img { width: 75px; }
	
	.player-hero__detail{ padding-left: 0; padding-top: calc( 10rem + 2rem) }
	.player-hero__photo { margin-right: 0.8rem; top: 20px; bottom: inherit; }
	.player-hero__photo img { width: 11rem; }
	.player-hero__detail .player-hero__roll { display: block; margin: 0;  }
	.player-hero__detail .player-hero__roll p { font-size: 14px; margin: 0 0 15px 0; }
	.player-hero__stats { margin-bottom: 10px; }
	
	.player-hero__stats .stats-box li { margin-right: 0;  padding: 0.6rem 1rem; }
	.player-hero__stats .stats-box li .stats-value { font-size: 30px; }

	#fixture-scroll__container .section__title { padding-bottom: 50px; }
    #recentMatches-container .matches-item { max-width: 336px !important; }
    .next-prev-controls { top: 40px; }
}
@media only screen
and (max-device-width : 768px)
{
.teams-page__hero { padding: 20px 20px 0; }
.teams-logo__tab { overflow:auto; padding: 0 10px; }
.teams-logo__list .teams-logo__items a {min-height: 100px; height: auto;justify-content: center;}
.teams-logo__list .teams-logo__items a img { width: 55px; }
.teams-logo__list {justify-content: left; white-space: nowrap;overflow: initial;  margin: 0 0 20px 0;}
.teams-logo__list .teams-logo__items { margin: 0 5px; }
}
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
	#onFieldPlayer { margin: 0; }
	.playerCard { text-align: center; }
	.playerCard .plyPhoto { margin: 0 0 5px 0; position: inherit; }
	.playerCard .playerContent{ padding:0; width: 100%; position: inherit; }
	.playerCard .curPlyTeamLogo { left: 5px; right: inherit; top: 5px; }
	.playerCard .curPlyTeamLogo img {right: inherit; }
	.bottomStrip .matResult { text-align: center; }
	.bottomStrip .smLinks { float: none; width: 100%; display: black; overflow: hidden; }
	.team-list__person-container { width: 50%}
	
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {

}
 
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
}
@media (max-width : 1024px) {
 }
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
 ul.player-squad__list li.player-squad__item a.squadPlayerCard .player-detail .player-detail__name { font-size: 14px; font-weight: 900; }
 ul.player-squad__list li.player-squad__item a.squadPlayerCard .player-detail .player-detail__roll { font-size: 12px; font-weight: 500; }
 .teams-page__bg { padding: 15px 10px 10px 10px; }
}
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
 ul.player-squad__list li.player-squad__item a.squadPlayerCard .player-detail .player-detail__name { font-size: 14px; font-weight: 900; }
 ul.player-squad__list li.player-squad__item a.squadPlayerCard .player-detail .player-detail__roll { font-size: 12px; font-weight: 500; }
 .teams-page__bg { padding: 15px 10px 10px 10px; }	
}