/* Dober.games */ /* Commonly Used */ @media only screen and (max-width:768px){ h1 {font-size:24px;} h2 {font-size:20px; margin:0px 0px 12px 0px;} h3 {font-size:18px; margin:0px 0px 12px 0px;} p {font-size:14px; line-height:24px; margin:0px 0px 12px 0px;} ul li {font-size:20px; font-weight:300} ol li {font-size:14px;} .DesktopColumnMobileRow {flex-direction: row;} .DisplayFlex-2-columns:not(.DontCollapse) {flex-direction: column} .DisplayFlex-2-columns:not(.DontCollapse)>div {width: 100%;} .DisplayFlex-2-columns.FlexReverse {flex-direction: column-reverse;} .DisplayFlex-3-1-columns {flex-direction: column;} .DisplayFlex-3-1-columns>div {width: 100%!important;} .DisplayFlex-3-1-columns-md {flex-direction: column;} .DisplayFlex-3-1-columns-md>div {width: 100%!important;} } /*Media Content Player*/ @media only screen and (max-width:1024px) { .MainContentPlayer {padding-top:60px;padding-left:30px} } @media only screen and (max-width:480px) { .MainContentPlayer { padding-top: 15px; padding-left: 0px } } /* Main Header Public */ @media only screen and (max-width:1200px){ .MainHeaderPublic .Inner {margin:0px auto; padding:0px 40px;} } @media only screen and (max-width:1024px){ .MainHeaderPublic {display:none;} } /* Mobile Header Public */ @media only screen and (max-width:1024px){ .MobileHeaderPublic {display:block;} } @media only screen and (max-width:400px){ .MobileHeaderPublic {height:50px;} .MobileHeaderPublic .BtnMobileMenu {width:50px;} .MobileHeaderPublic .Logo {width:85px; margin-top:4px;} } /* Main Content Public */ @media only screen and (max-width:1200px){ .MainContentPublic .BothStandard .ContentPadding {padding:30px 40px 40px 40px;} } @media only screen and (max-width:1024px){ /* .MainContentPublic {margin-top:60px;} */ .MainContentPublic .BothStandard .TopHeight {height:250px;} .MainContentPublic .BothStandard .ContentPadding {padding:20px 30px 30px 30px;} } @media only screen and (max-width:480px){ .MainContentPublic .BothStandard .ContentPadding {padding:15px 20px 20px 20px;} } /*@media only screen and (max-width:400px){ .MainContentPublic {margin-top:50px;} }*/ /* Btn Bottom Fixed */ @media only screen and (max-width:1200px){ .BtnBottomFixed_02 {right:20px;} } @media only screen and (max-width:600px){ .BtnMobile100 {width:100%;} .BtnMobile100 a {width:100%;} .BtnMobile100 input {width:100%;} .BtnMobile100 button {width:100%;} } @media only screen and (max-width:500px){ .BtnBottomFixed_02 {right:auto; left:0px; width:100%;} } @media only screen and (max-width:1200px) and (min-width:600px) { .CoverLayerPopup .Positioning .Centering .ActualContent .LightBoxPlayCard .PlayCardBalanceSelector {display:block; position:absolute; z-index: 5; width:100%} .CoverLayerPopup .Positioning .Centering .ActualContent .LightBoxPlayCard .PlayCardBalanceSelector .BSInner .BalanceNumber {width:100%} .CoverLayerPopup .Positioning .Centering .ActualContent .LightBoxPlayCard .PanelPicks {margin-top:40px; padding-top:40px} .CoverLayerPopup .Positioning .Centering .ActualContent .LightBoxPlayCard .HeaderBlock {padding-top:80px} .CoverLayerPopup .Positioning .Centering .ActualContent .LightBoxPlayCard .HeaderBlock .PlayCardBalanceSelector .BSInner {background-color:black} } /*CoverLayer modal*/ /*@media only screen and (max-width:480px) { .CoverLayerModal .Positioning { top: 65px !important } }*/ /* Mobile Header Player */ @media only screen and (max-width:1024px){ .MobileHeaderPlayer {display:flex; justify-content: space-between;} } @media only screen and (max-width:400px){ .MobileHeaderPlayer {height:50px;} .MobileHeaderPlayer .MobileHeaderCentreItem {gap: 5px;} .MobileHeaderPlayer .BtnMobileMenu {width:40px; padding-top: 5px;} .MobileHeaderPlayer .Logo {width:95px;} .MobileHeaderPlayer .BtnMobileSetting {width:40px; padding-top: 5px;} .FirstTimeDeposit.DepositMini {margin-right: 10px;} } /* Main Table Player */ @media only screen and (max-width:1340px){ .LeftPanel ul.Dashboard {margin:0px;} /*.LeftPanel ul.Dashboard li a {height:56px; position:relative; line-height:inherit;}*/ /*.LeftPanel ul.Dashboard li a .PanelIcon {position:absolute; left:50%; top:42%; margin-left:-14px; margin-top:-14px; padding:5px; height:28px; background-color:#1b1b1b; border-radius:5px}*/ .LeftPanel ul.Dashboard li a.Highlighted .PanelIcon .Icon_Dashboard {background-color:var(--base-colour);} .LeftPanel ul.Category li a {height:56px; position:relative; line-height:inherit;} /*.LeftPanel ul.Category li a .PanelIcon {position:absolute; left:50%; top:42%; margin-left:-14px; margin-top:-14px;padding:5px; height:28px; border-radius:5px}*/ /*.LeftPanel ul.Category li a.Highlighted .PanelIcon {background-color:var(--base-colour)}*/ .LeftPanel.PanelLarge ul.Category li a .IconContainer {margin-top: 0px;} .MainTablePlayer .PanelLarge {width:110px;} .MainTablePlayer .PanelSmall {width:110px;} .MainTablePlayer .LeftPanel .Logo_Small .Img {width:72px; opacity:1;} .MainTablePlayer .LeftPanel .Logo_Big .Img {width:1px; opacity:0;} .MainTablePlayer .LeftPanel .Logo_Small {display:table;} .MainTablePlayer .LeftPanel .PanelIcon {display:block;} .MainTablePlayer .LeftPanel .PanelText {display:none;} .LeftPanel ul.Category li a .PanelText {display:none;} .MainTablePlayer .LeftPanel .ArrowSpacer .Icon {float:none; margin-left:auto; margin-right:auto; position:relative; left:2px;} .MainTablePlayer .LeftPanel .ArrowSpacer .Text {display:none;} .MainTablePlayer .MainFooter {height:50px; background-image:url(/Content/Images/Bg_Stripes.gif); background-repeat:repeat; vertical-align:top;} .MainTablePlayer .MainFooter .Inner {display:none;} .MainHeaderPlayer .ExpandHeader {display:none;} } @media only screen and (max-width:1080px) { .MainHeaderPlayer .Inner .Navigation ul.Level1 li.Level1 a.Level1.PromoItem {display:none;} .MainHeaderPlayer .Inner .Navigation ul.Level2 li.Level2 a.Level2.PromoItemInSubMenu {display:block;} } @media only screen and (max-width:1024px){ .MainHeaderPlayer {display:none;} .MainTablePlayer {display:block; position:relative; padding-top:1px;}/* padding-top for JS top margin page height issue */ .MainTablePlayer .SLeft {display:none;} .MainTablePlayer .SRight {display:block;} } /* Main Content Player */ /*@media only screen and (max-width:1200px){ .MainContentPlayer {padding:20px;} }*/ @media only screen and (max-width:1024px){ .MainContentPlayer {padding:10px; margin-top: 60px;} .MainContentPlayer .BothStandard {padding-right: 0px;} } @media only screen and (max-width: 768px) { .BalanceSelector .BalanceNumber {padding: 5px 5px;} .PlayCardBalanceSelector .BalanceNumber {padding: 5px 5px;} } @media only screen and (max-width:480px){ .BalanceSelector {gap: 5px;} .BalanceSelector .BSInner {line-height: 13px; font-size: 13px; padding: 2px 2px;} .BalanceSelector .BalanceNumber {padding: 2px 2px;} .PlayCardBalanceSelector {gap: 10px;} .PlayCardBalanceSelector .BSInner {line-height: 16px; font-size: 14px; padding: 5px 5px;} .PlayCardBalanceSelector .BalanceNumber {padding: 5px 5px;} .DepositMini img {height: 28px;} } @media only screen and (max-width:400px){ } /* Main Footer */ @media only screen and (max-width:1200px){ .MainFooter .Inner {padding:25px 40px 0px 40px;} .MainFooter .Inner .FooterColumn {width:28%;} .MainFooter .Inner .FooterColumn_01 {display:none;} .MainFooter .Inner .FooterColumn_05 {width:15%;} .MainFooter .Inner .FooterBottom .BrandImages {float:none; text-align:center;} .MainFooter .Inner .FooterBottom .RightsReserved {float:none; text-align:center;} } @media only screen and (max-width:768px){ .MainFooter .Inner {padding:25px 30px 0px 30px;} .MainFooter .Inner .FooterColumn ul li {margin: 0px 15px;} .MainFooter .Inner .FooterColumn_02 {width:50%; text-align:center;} .MainFooter .Inner .FooterColumn_03 {width:50%; text-align:center;} .MainFooter .Inner .FooterColumn_04 {display:none;} .MainFooter .Inner .FooterColumn_05 {width:100%; float:none; clear:both; text-align:center;} } @media only screen and (max-width:480px){ .MainFooter .Inner {padding:25px 20px 0px 20px;} } /* Box Page */ @media only screen and (max-width:1024px){ .BoxPage {height:500px !important;} } @media only screen and (max-width:600px){ .BoxPage {display:block; height:inherit !important; background-image:none;} .BoxPage .Inner {display:block;} .BoxPage .Inner .MiddleBox {width:100%; margin:0px;} .BoxPage .Inner .BtnMobileBack {display:block;} .BoxPage .Inner .MiddleBox .MiddleBoxContent .Denotes {position:relative; bottom:inherit; color:#555; margin:20px 0px 0px 0px;} .BoxPage .Inner .MiddleBox .MiddleBoxContent {margin-top:0px;} } @media only screen and (max-width:400px){ .BoxPage .Inner .BtnMobileBack {width:50px;} } /* Top Box Page */ @media only screen and (max-width:600px){ .TopBoxPage {display:block;} } @media only screen and (max-width:400px){ .TopBoxPage {} .TopBoxPage .BtnMobileBack {width:50px;} .TopBoxPage .TopBoxTitle {padding:14px 0px;} } /* Swiper Home */ @media only screen and (max-width:1024px){ .swiper_Home .swiper-text .swiper-table {margin-top:0px;} .swiper_Home .swiper-wrapper .swiper-slide img {display:none;} .swiper_Home .swiper-wrapper .swiper-slide .swiper-img {display:block;} .swiper_Home .swiper-text .Title {font-size:45px; line-height:45px;} .swiper_Home .swiper-text .SubTitle {font-size:35px; line-height:35px;} .swiper_Home .swiper-text .Text {font-size:20px; line-height:24px;} } @media only screen and (max-width:480px){ .swiper_Home .swiper-text .Title {margin:13px 20px; font-size:35px; line-height:38px;} .swiper_Home .swiper-text .SubTitle {margin:13px 20px; font-size:28px; line-height:31px;} .swiper_Home .swiper-text .Text {margin:13px 20px; font-size:18px; line-height:25px;} } @media only screen and (max-width:400px){ .swiper_Home .swiper-wrapper .swiper-slide .swiper-img {height:400px;} } /* Swiper Horizontal Browse */ @media only screen and (max-width:1200px) { .HorizontalBrowse {margin:-20px -20px 20px -20px;} .HowItWorks {position:relative; top:-3px; margin-top:-9px;} } @media only screen and (max-width:1024px){ .HorizontalBrowse {position:fixed; top:60px; margin:0px -10px; width:100%;} .HorizontalBrowse .swiper_Browse .MobileOnly {display:block;} .HorizontalBrowse .RightSwiper {display:none;} .HowItWorks {position:relative; top:-3px; margin-top:-2px;} } @media only screen and (max-width:480px){ .HorizontalBrowse {margin:0px -5px;} .HowItWorks {position:relative; top:-3px; margin-top:0px;} } @media only screen and (max-width:400px){ .HorizontalBrowse {top:50px;} .HorizontalBrowse .swiper_Browse .swiper-slide a {padding:15px 15px 14px 15px;} .HorizontalBrowse .swiper_Browse .swiper-slide a.Category {padding:9px 15px 8px 15px;} .HorizontalBrowse .CategoryIconHolder a.Category {padding:10px 15px 7px 15px;} } /* Standard */ @media only screen and (max-width:1200px){ .MainContentPlayer .BothStandard .ContentPadding {padding:30px;} .Standard .Content {padding:40px;} /* .Standard .swiper_Thumbnail .swiper-wrapper .swiper-slide a {font-size:18px;} */ .MainContentPlayer .Withdrawal .ContentPadding {padding: 15px;} .BothStandard .HelpPageContent { padding: 30px 40px 40px 40px; } } @media only screen and (max-width:1024px){ .Standard .Top {height:280px;} .Standard .Top .Cell h1.Title {font-size:40px; line-height:40px;} .Standard .swiper_Thumbnail .swiper-wrapper {display:flex; width:auto;} .Standard .swiper_Thumbnail .swiper-wrapper .swiper-slide {display:inline-block; width:33%;} .Standard .swiper_Thumbnail .swiper-wrapper .swiper-slide a {padding:0px 30px; line-height:22px;} .BothStandard .HelpPageContent { padding: 20px 30px 30px 30px; } } @media only screen and (max-width:480px){ .MainContentPlayer .BothStandard .ContentPadding {padding:15px 20px 20px 20px;} .BothStandard .HelpPageContent { padding: 15px 20px 20px 20px; } .MainContentPlayer .Standard .Top { height: 100px; } .Standard .Top .Cell h1.Title {font-size:30px !important; line-height:30px !important;} .Standard .Content {padding:20px;} .MainContentPlayer .Contact {padding-top:40px} .MainContentPlayer .Legal {padding-top:40px} /*.MainContentPlayer .Bonus {padding-top:40px} */ } /* Home */ @media only screen and (max-width:1200px){ .HomePanel .Inner {padding:40px;} .HomePanel_02 .CategoryList {margin:0px -30px;} .HomePanel_03 .Inner {padding:80px 40px;} .HomePanel_04 .Inner {padding:80px 40px;} } @media only screen and (max-width:1024px){ .HomePanel .Inner .SubTitle {font-size:28px; line-height:31px;} .HomePanel .Inner .UnderLine {margin:25px 0px 15px 0px;} .HomePanel .Inner p {font-size:16px; line-height:24px;} .HomePanel_01 .Column .Text {font-size:24px; line-height:30px; margin-bottom:15px;} .HomePanel_02 .CategoryList ul {margin:0px 0px -20px 0px;} .HomePanel_02 .CategoryList ul li {margin:0px 0px 20px 0px; width:33%;} } @media only screen and (max-width:768px){ .HomePanel .Inner {padding:30px;} .HomePanel_01 {margin-bottom:0px;} .HomePanel_01 .Column {width:100%; float:none;} .HomePanel_01 .Column .Img_HomePanel_01 {width:100%;} .HomePanel_01 .Column .Img_HomePanel_01 img {width:400px;} .HomePanel_01 .ColumnSpacer {display:block;} .HomePanel_03 .Inner {padding:80px 30px;} .HomePanel_04 .Inner {padding:80px 30px;} } @media only screen and (max-width:600px){ .HomePanel .Inner .HalfBlock {width:100%; text-align:center;} .HomePanel_02 {display:none;} .HomePanel_03 {background-image:url(/Content/Images/Bg_Home_Panel_Mobile_03.jpg); text-align:center; margin:0px 0px -100px 0px;} .HomePanel_03 .Inner {padding:40px 40px 40px 40px;} .HomePanel_03 .Img_HomePanel_03 {width:200px; display:inline-block; position:relative; right:inherit; margin-right:inherit; top:inherit;} .HomePanel_04 {background-image:url(/Content/Images/Bg_Home_Panel_Mobile_04.jpg); text-align:center;} .HomePanel_04 .Inner {padding:40px 40px 160px 40px;} } @media only screen and (max-width:480px){ .HomePanel .Inner {padding:30px 20px;} .HomePanel .Inner .SubTitle {font-size:24px; line-height:28px;} .HomePanel .Inner .UnderLine {margin:20px 0px 10px 0px;} .HomePanel .Inner p {font-size:14px; line-height:22px;} .HomePanel_01 .Column .Text {font-size:18px; line-height:25px; margin-bottom:10px;} .HomePanel_01 .Column .Img_HomePanel_01 img {width:100%;} .HomePanel_03 .Inner {padding:30px 20px 30px 20px;} .HomePanel_04 .Inner {padding:30px 20px 160px 20px;} } /* Login Register */ @media only screen and (max-width:1024px) { /* .LoginRegisterBox {width:630px;} uncomment for loginradius */ } @media only screen and (max-width:768px) { .LoginRegisterBox {width:470px;} .LoginRegisterBox .LoginRegisterContent .LoginRegisterTable {display:block;} .LoginRegisterBox .LoginRegisterContent .LoginRegisterTable .LoginRegisterCell_01 {display:block; width:100%;} .LoginRegisterBox .LoginRegisterContent .LoginRegisterTable .LoginRegisterCell_02 {display:none;} .LoginRegisterBox .LoginRegisterContent .LoginRegisterTable .LoginRegisterCell_03 {display:none;} .LoginRegisterBox .LoginRegisterContent .LoginRegisterTable .LoginRegisterCell .MobileRow {display:block;} .LoginRegisterBox .LoginRegisterContent .CheckBoxRegister {float:none; width:100%;} .LoginRegisterBox .LoginRegisterContent .CheckBoxLogin {float:none; width:100%;} .LoginRegisterBox .LoginRegisterContent .BtnJoin {float:none; width:100%; margin-top:20px;} } @media only screen and (max-width:480px) { .LoginRegisterBox .LoginRegisterContent .ColumnTwo {float:none; width:100%;} .LoginRegisterBox .LoginRegisterContent .ColumnTwoSpacer {display:none;} } /* Personal Details */ @media only screen and (max-width:768px) { .PersonalDetails .BigColumn_01 {float:none; width:100%;} .PersonalDetails .BigColumn_02 {float:none; width:100%;} .PersonalDetails .BigSpacer {display:none;} .PersonalDetails .SocialDetails .ColumnSMA {width:30.66%;} .PersonalDetails .SocialDetails .ColumnSMASpacer {width:4%;} .PDFirst .Compact {width:100%;} .PDSecond .Compact {width:100%;} .ImageEditorSection .SubColLeft {float:left; width:43%;} .ImageEditorSection .SubColRight {float:right; width:52%;} } @media only screen and (max-width:600px) { .PersonalDetails .SocialDetails .ColumnSMA {float:none; width:100%;} .PersonalDetails .SocialDetails .ColumnSMASpacer {display:none;} } @media only screen and (max-width:480px) { .PersonalDetails .FormColumn_Title {float:none; width:100%;} .PersonalDetails .FormColumn_FirstName {float:none; width:100%;} .PersonalDetails .FormColumn_LastName {float:none; width:100%;} .PersonalDetails .FormSpacer_01 {display:none;} .PersonalDetails .FormColumn_02 {float:none; width:100%;} .PersonalDetails .FormSpacer_02 {display:none;} .PersonalDetails .FormColumn_03 {float:none; width:100%;} .PersonalDetails .FormSpacer_03 {display:none;} .PersonalDetails .IncompleteMessage .TextIncomplete {padding:20px 20px;} .ImageEditorSection .SubColLeft {float:none; width:100%;} .ImageEditorSection .SubColRight {float:none; width:100%;} .PersonalDetails .FormColumn_TwoFactor {float:none; width:100%;} .PersonalDetails .BtnTwoFactor {float:none; padding:0px; clear:both;} } /* */ @media only screen and (max-width:2400px) { .PContent .PRight {width:355px;padding-right:30px} } @media only screen and (max-width:1200px) { .PContent {display:inline-block;} .PContent .PMiddle {display:block;} .PContent .PRight {display:none;} } @media only screen and (max-width:1024px) { .PContent .PMiddle .LineSpacerPEM {height:3px;} } @media only screen and (max-width:480px) { .PanelType_One .ListType_One .ItemBlock .ImgCross {top:4px; right:4px; width:25px; height:25px;} } /* Cover Layer Popup */ @media only screen and (max-width:1024px) { .LightBoxExPC {width:850px;} } @media only screen and (max-width:900px) { .LightBoxExPC {width:540px;} } @media only screen and (max-width:600px) { .LightBoxPlayerStats {width:500px;} .Wrapper .ItemTop .Block .Column .SmallText {padding-left:4px; padding-right:4px;} /* make Play Card full screen */ .LightBoxPlayCard {width:100%; height:100%;} .LightBoxPlayCard .HeaderBlock {display:block;} .LightBoxPlayCard .HeaderBlockSpacer {display:block;} .LightBoxPlayCard .PanelPicks .PickList {height:auto;} .LightBoxPlayCard .PanelPicks .PickList ul {position:static;} .LightBoxPlayCard .PanelPicks .BtnInsure {margin-bottom:20px;} .CoverLayerPopup .Positioning .Centering .ActualContent .LightBoxPlayCard .PlayCardBalanceSelector {display:block; position:absolute; z-index: 5; width:100%} .CoverLayerPopup .Positioning .Centering .ActualContent .LightBoxPlayCard .PlayCardBalanceSelector .BSInner .BalanceNumber {width:100%} .CoverLayerPopup .Positioning .Centering .ActualContent .LightBoxPlayCard .PanelPicks {margin-top:40px} .CoverLayerPopup .Positioning .Centering .ActualContent .LightBoxPlayCard .HeaderBlock {padding-top:80px} .CoverLayerPopup .Positioning .Centering .ActualContent .LightBoxPlayCard .HeaderBlock .PlayCardBalanceSelector .BSInner {background-color:black} .LightBoxAddCard {width:100%;} .LightBoxAddCard .HeaderBlock {display:block;} .LightBoxAddCard .HeaderBlockSpacer {display:block;} .LightBoxAddCard .AddCardForm {padding-top:0px;} } @media only screen and (max-width:550px) { /* make Extended Play Card full screen */ .LightBoxExPC {width:100%;} .LightBoxExPC .HeaderBlock {display:block;} .LightBoxExPC .HeaderBlockSpacer {display:block;} .ItemBlockVertical .Img {padding-left:10px; padding-right:10px; padding-top:10px;} .ItemBlockVertical .Desc .BorderBox {padding-left:10px; padding-right:10px; padding-top:10px;} .Matchup .PlayerInfo {margin-bottom:10px; margin-top:10px; margin-left:10px;} .Matchup .MatchupLeft {border-bottom:none; border:none !important;} /* LightBoxPlayerStats full screen now */ .CoverLayerPopup {background-color:#000;} .CoverLayerPopup .Positioning {position:fixed; top:0px !important; left:0px; width:100%; height:100%; box-sizing:border-box;} .CoverLayerPopup .Positioning .Centering {width:100%; height:100%;} .CoverLayerPopup .Positioning .Centering .ActualContent {width:100%; height:100%; position:absolute; top:0px; left:0px; overflow:auto; -webkit-overflow-scrolling:touch;} .CoverLayerPopup .Positioning .Centering .EmptyLine {display:none;} .CoverLayerPopup .CloseForm {display:none;} .LightBoxPlayerStats {width:100%; height:100%; background-repeat:repeat; background-image:url(/Content/Images/Bg_Stripes.gif);} .LightBoxPlayerStats .ItemBlock {margin:10px 10px 10px 10px; box-shadow: 2px 2px 3px -2px #000;} .LightBoxPlayerStats .ItemBlock .Img {position:relative; width:100%;} .LightBoxPlayerStats .ItemBlock .Img img {display:block;} .LightBoxPlayerStats .ItemBlock .Desc {margin-left:0px; min-height:0px;} .LightBoxPlayerStats .ItemBlock .Desc .BorderBox {background-color:#000;} .LightBoxPlayerStats .PlayerStats {} .LightBoxPlayerStats .PlayerStats .Wrapper {display:none;} .LightBoxPlayerStats .PlayerStats .Wrapper.AlreadyVertical {display:table;} /* don't hide already vertical table */ .LightBoxPlayerStats .PlayerStats .WrapperVertical {display:table;} .LightBoxPlayerStats .swiper_playerstats {background-color:#000;} .LightBoxPlayerStats .HeaderBlock {display:block;} .LightBoxPlayerStats .HeaderBlockSpacer {display:block;} .Matchup .ComparePanel .TableCompare .CellCompare_01 {width:50%;} .Matchup .ComparePanel .TableCompare .CellCompare_02 {margin-left:0%; margin-right:0%;} .Matchup .ComparePanel .TableCompare .CellCompare_03 {width:50%;} .ItemBlock3 .Desc .BorderBox {padding-right:50px;} .ItemBlock3 .Desc .BorderBox .TeamLogo {width:40px; position:absolute; top:auto; bottom:10px; right:15px; margin-top:auto;} .Matchup .PlayerStatsHorizontal {display:none;} .Matchup .PlayerStatsVertical {display:block;} } @media only screen and (max-width:400px) { .DeleteMessage {padding:40px;} } /* Cover Layer Modal */ @media only screen and (max-width:768px) { .CoverLayerModal .ActualContent3 {width:auto;} .CoverLayerModal .ActualContent3 .Header .Title {font-size:24px;} .CoverLayerModal .ActualContent3 .Content .Txt01 {font-size:20px;} .CoverLayerModal .ActualContent3 .Content .Txt02 {font-size:18px;} .CoverLayerModal .ActualContent3 .Content .Txt03 {font-size:14px;} .CoverLayerModal .ActualContent .Content .ItemsTable.ItemsTableNew {width: calc(100% - 2px);} .CoverLayerModal .ActualContent9 {width:auto;} .CoverLayerModal .ActualContent9 .Header .Title {font-size:24px;} .CoverLayerModal .ActualContent9 .Content .Txt01 {font-size:20px;} .CoverLayerModal .ActualContent9 .Content .Txt02 {font-size:18px;} .CoverLayerModal .ActualContent9 .Content .Txt03 {font-size:14px;} /* Affiliate Welcome Popup - NEW */ .ActualContent15.AffiliateWelcome .BtnGroup .BtnOne a {font-size: 19px; line-height: 19px; border-radius: 4px;} .ActualContent15.AffiliateWelcome~.CloseForm { background-size: 30px 30px; top: 10px; right: 10px; width: 30px; height: 30px;} } @media only screen and (max-width:480px) { .CoverLayerModal .CloseForm {top:5px; right:5px;} .CoverLayerModal .Position {top:85px !important} } /* Login Details */ @media only screen and (max-width:768px) { .LoginDetails .FormColumn_03 {width:48%;} .LoginDetails .FormSpacer_03 {display:none;} .LoginDetails .FormSpacer_02 {width:4%;} } @media only screen and (max-width:600px) { .LoginDetails .FormColumn_03 {float:none; width:100%;} .LoginDetails .FormSpacer_02 {display:none;} } @media only screen and (max-width:480px) { .LoginDetails .FormColumn_TwoFactor {float:none; width:100%;} .LoginDetails .BtnTwoFactor {float:none; padding:0px; clear:both;} } /* Payment Cards */ @media only screen and (max-width:1500px) { .WrapperPaymentCards .ItemPaymentCards {width:31.33%;} } @media only screen and (max-width:1024px) { .WrapperPaymentCards .ItemPaymentCards {width:48%;} } @media only screen and (max-width:600px) { .accordion h3 {font-size:20px; font-weight:500; text-align:center} .Standard .swiper_Thumbnail .swiper-wrapper {height:50px !important} .Standard .swiper_Thumbnail .swiper-wrapper .swiper-slide {padding:10px 0px} .Standard .swiper_Thumbnail .swiper-wrapper .swiper-slide a { font-size:16px; line-height:21px; padding:0px} .AccordionGroup {padding: 0px 10px} .Rec {display:none} .ThumbnailChoose .Item_TC .FormBox .RadioField {overflow:hidden; height:17px; padding-top:0px; margin:0px} .ThumbnailChoose .Item_TC label.CheckBox {font-size:20px; vertical-align:text-top} .ThumbnailChoose .Item_TC label.CheckBox .iradio_square-grey {width:15px; height:15px} .CreditCardImagesWrapper img {height:25px} .WrapperPaymentCards {width:100%;} .WrapperPaymentCards .ItemPaymentCards {width:100%; margin-right:0px;} .WrapperPaymentCards .ItemPaymentCards .Link_01 {display:none;} .WrapperPaymentCards .ItemPaymentCards .Link_02 {display:block;} .WrapperPaymentCards .ItemPaymentCards .PaddingBorder .AddImg {margin:0px;} .AddCardForm {background-color:#000;} .WrapperPaymentCards .ItemPaymentCards.WithoutCard .PaddingBorder {padding-top:30px; padding-bottom:30px;} } @media only screen and (max-width:480px) { .SuggestedAmountButtons {gap:5px} .SuggestedAmountButtons .BtnOne button {font-size:19px;font-weight:600;min-width:80px; width:80px; padding:0px; padding-top:8px; padding-bottom:4px} .AddCardForm {margin:-5px;} } /* Settings */ @media only screen and (max-width:768px) { .Settings .ExclusionBox .ExclusionLabel {float:none;} .Settings .PlayLimits .TableLimits {display:block;} .Settings .PlayLimits .TableLimits .TopRowLimits {display:none !important;} .Settings .PlayLimits .TableLimits .RowLimits {display:block;} .Settings .PlayLimits .TableLimits .RowLimits .CellLimits {display:block; width:100%;} .Settings .PlayLimits .TableLimits .RowLimits .CellLimits_Spacer {display:none !important;} .Settings .PlayLimits .FormLabel {display:block; float:left; width:80px; line-height:45px;} .Settings .PlayLimits .FormField {float:left; width:190px;} } @media only screen and (max-width:480px) { .Settings .ExclusionBox {width:85%;} .Settings .ExclusionBox .ExclusionField {float:none; width:100%; margin-right:0px;} .Settings .ExclusionBox .BtnExclusion {float:none; margin-top:15px;} .Settings .ExclusionBox .BtnExclusion a {padding:16px 0px; width:100%;} } /* Contact */ @media only screen and (max-width:768px) { .Contact .BigColumn_01 {float:none; width:100%;} .Contact .BigSpacer {float:none; width:100%;} .Contact .BigColumn_02 {float:none; width:100%;} } @media only screen and (max-width:480px) { .Contact .FormColumn_Title {float:none; width:100%;} .Contact .FormColumn_FirstName {float:none; width:100%;} .Contact .FormColumn_LastName {float:none; width:100%;} .Contact .FormSpacer_01 {display:none;} .Contact .FormColumn_02 {float:none; width:100%;} .Contact .FormSpacer_02 {display:none;} .Contact .FormColumn_03 {float:none; width:100%;} .Contact .FormSpacer_03 {display:none;} } /* Cashier History */ @media only screen and (max-width:768px) { .Table_CashierHistory {display:block; text-align:left;} .Table_CashierHistory .Item {display:block; border-bottom:1px solid #242424; padding:20px 20px; position:relative;} .Table_CashierHistory .Item:last-child {border-bottom:none;} .Table_CashierHistory .Item .Block {border:none; padding:0px;} .Wrapper.Table_CashierHistory .Item .Block .Column {padding:0px; border-right:none} .Table_CashierHistory .Item .Block_06 .Column {font-size:22px;} .Table_CashierHistory .Item:nth-child(2n+1) .Block {border-left:none;} .Table_CashierHistory .Item .Block_01 {display:block;} .Table_CashierHistory .Item .Block_01 .Column .Icon_Info {position:absolute; bottom:20px; right:20px; top:initial;} .Table_CashierHistory .Item .Block_02 {display:block;} .Table_CashierHistory .Item .Block_03 {display:block; position:absolute; top:20px; right:20px;} .Table_CashierHistory .Item .Block_04 {display:inline-block; margin-right:10px;} .Table_CashierHistory .Item .Block_05 {display:inline-block;} .Table_CashierHistory .ItemTop {display:none;} } /* Transactions History */ @media only screen and (max-width:768px) { .Table_TransactionsHistory {display:block; text-align:left;} .Table_TransactionsHistory .Item {display:block; border-bottom:1px solid #242424; padding:20px 20px; position:relative;} .Table_TransactionsHistory .Item .Block {border:none !important; padding:0px;} .Wrapper.Table_TransactionsHistory .Item .Block .Column {padding:0px; border-right:none} .Table_TransactionsHistory .Item:nth-child(2n+1) .Block {border-left:none;} .Table_TransactionsHistory .Item .Block_01 {display:block;} .Table_TransactionsHistory .Item .Block_01 .Column .Icon_Info {position:absolute; bottom:20px; right:20px; top:initial;} .Table_TransactionsHistory .Item .Block_02 {display:block; position:absolute; top:20px; right:20px;} .Table_TransactionsHistory .Item .Block_03 {display:block;} .Table_TransactionsHistory .Item .Block_04 {display:inline-block; margin-right:10px;} .Table_TransactionsHistory .Item .Block_05 {display:inline-block;} .Table_TransactionsHistory .ItemTop {display:none;} .Table_TransactionsHistory.Wrapper .Item .Block .Column .FreeText {display:block; position:absolute; top:48px; right:20px;} .Table_TransactionsHistory .Item .Block_06 {padding-top:3px; display:block;} .Table_TransactionsHistory .Item .Block_06 .Column {font-size:22px;} .Table_TransactionsHistory .Item .Block_05_PointsBalance {display:block; padding-top:3px;} .Table_TransactionsHistory .Item .Block_05_PointsBalance .Column {font-size:22px; color:#fff; font-weight:normal;} } /* Deposit */ @media only screen and (max-width:1024px) { .DepositHeader .FirstTimeBanner {display:block; margin-bottom: 20px;} .DepositHeader .FirstTimeBanner .tablet-only {display: block;} .DepositHeader .FirstTimeBanner .mobile-only {display: none;} .DepositHeader .FirstTimeBanner img {border:1px solid var(--base-colour); border-radius:5px} .DepositSideBar {margin-top:35px; margin-bottom:15px;} .DepositSideBar .FirstTimeBanner {display:none;} } @media only screen and (max-width:768px) { /*.DepositHeader .FirstTimeBanner .mobile-only {display: none;}*/ /*.DepositHeader .FirstTimeBanner .tablet-only {display: block;}*/ .Deposit .PaymentMethod .Img_Deposit {margin:0px 10px 10px 0px;} .DepositSideBar {margin-top:50px; display:flex; flex-direction:row; gap:10px;} .DepositSideBar .GenericCard {width:inherit; padding: 10px;} .DepositSideBar .GenericCard .HeadingImg {margin-top: -35px; margin-bottom: 10px;} } @media only screen and (max-width:480px) { .DepositSideBar {margin-top:70px; display:flex; flex-direction:column; gap:65px;} .DepositHeader .FirstTimeBanner .tablet-only {display: none;} .DepositHeader .FirstTimeBanner .mobile-only {display: block;} } @media only screen and (max-width:468px) { .DepositSideBar .GenericCard {width: unset; margin-bottom:20px} .DepositSideBar .GenericCard h3 {font-size:25px; line-height:25px} } /* Bonus */ @media only screen and (max-width:1024px) { .Bonus .PanelBlock {display:block;} .Bonus .PanelBlock .PanelLeft {display:block; margin:0px 0px 15px 0px;} .Bonus .PanelBlock .PanelMiddle {display:block; width:100%; height:1px;} .Bonus .PanelBlock .PanelRight {display:block; margin:15px 0px 0px 0px;} } @media only screen and (max-width:768px) { .Bonus .PanelBlock .PanelLeft {display:grid; grid-template-rows:1fr 0.8fr; margin:0px 0px 10px 0px;} .Bonus .PanelBlock .PanelLeft .ImgBonus {margin-bottom:10px; overflow:hidden} .Bonus .PanelBlock .PanelLeft .ImgBonus img {height:100%; object-fit:cover} .Bonus .PanelBlock .PanelLeft .PanelText .DisplayFlex-2-columns {display:grid; grid-template-columns:2.5fr 1fr} .Bonus .PanelBlock .PanelRight {display:grid; grid-template-rows:1fr 0.8fr; margin:0px 0px 10px 0px;} .Bonus .PanelBlock .PanelRight .ImgBonus {margin-bottom:10px; overflow:hidden} .Bonus .PanelBlock .PanelRight .ImgBonus img {height:100%; object-fit:cover} .Bonus .PanelBlock .PanelRight .PanelText .DisplayFlex-2-columns {display:grid; grid-template-columns:2.5fr 1fr} } /* Message */ @media only screen and (max-width:1024px) { .MContent .MLeft {width:310px;} .MContent .MSpacer {width:1%;} .InboxPanel .InboxSwitch .Col a span {display:none;} } @media only screen and (max-width:700px) { .MContent {display:block;} .MContent .MMiddle {display:block; height:auto;} .MContent .MSpacer {display:block; width:100%; height:10px;} .MContent .MLeft {display:block; width:100%; height:auto; margin-bottom:10px;} .NoMessagesOnList {padding-top:80px; padding-bottom:80px} .NoMessagesOnList img {display:inline;} .MContent .MMiddle {display:none;} .MContent .MSpacer {display:none;} .SmallScreenIndicator {width:1px;} .DeleteMessage {max-width:100%; padding:60px;} .ReadMessage .Cross {display:block;} /* no more slide left/right messages list on small screens .InboxPanel .InboxSwitch .Col {} .InboxPanel .InboxSwitch .Col a span {display:inline-block; margin-left:7px;} .InboxPanel .InboxList ul {display:none;} .InboxPanel .InboxList .swiper_InboxList {display:block;} .NewMessages {min-height:400px;} .NewMessages .Block {margin-top:-70px;} .NewMessages .Block .Img {width:100px; height:100px;} .NewMessages .Block .Img .Number {font-size:14px; top:0px; right:0px;} */ } @media only screen and (max-width:480px) { .MContent .MLeft {margin-bottom:5px;} .MContent .MSpacer {height:5px;} .WriteMessage .Content {padding:20px;} .ReadMessage {padding:20px;} .ReplyOriginalMessage {padding:0px 20px 20px 20px;} } /* Refer a Friend */ @media only screen and (max-width:1024px) { .Refer {margin-top:60px; margin-bottom:30px; padding:0px 15px} .Refer .ReferFriend .BothStandard {margin:0px !important;} .Refer .ReferHelp {margin-top:20px;} .Refer .ReferHelp .ReferHelpLeft {float:none; width:100%;} .Refer .ReferHelp .ReferHelpRight {display:none;} .Refer .ReferList {position:relative; overflow-y:auto;} .ReferTable {display:block;} .ReferTable .ReferCell {display:block;} .ReferTable .ReferCell_01 {width:100%;} .ReferTable .ReferCell_02 {width:100%; height:20px;} .ReferTable .ReferCell_03 {width:100%;} .ReferCMS_Table {margin:30px 0px 20px 0px;} .ReferCMS_Table .ReferCMS_Cell {float:none; width:100%; margin-bottom:30px;} .ReferCMS_Table .ReferCMS_Cell .Text {margin:0px;} } @media only screen and (max-width:480px) { .ReferTable .ReferCell_02 {width:100%; height:20px;} .Refer .ReferHelp {margin-top:20px;} .Refer .ReferHelp .Content .Line .Number {font-size:20px;font-weight:500; line-height:34px; width:30px; height:30px; min-width:0px} .Refer .ReferHelp .Content .Line .Text {font-size: 20px; line-height:31px; padding: 0px 0px 15px 40px;} .Refer .ReferHelp p {line-height:21px; font-weight:300} } /* Dashboard */ @media only screen and (max-width:1400px) { .Dashboard .TopDashboard .TopLeft {display:block; width:auto;} .Dashboard .TopDashboard .TopLeft .MarginRight {margin-right:0px; margin-bottom:10px;} .PanelType_Two .BoxTitle .BtnSortBy {margin-top:10px} /* horizontal version of player info */ .Dashboard .TopDashboard .TopRight {display:block; width:auto;} .Dashboard .PanelSubscribe {padding-top: 15px; padding-bottom: 20px;} .Dashboard .PanelSubscribe .BtnJoin {padding-top:12px;} /* .PanelSummary and .SummaryStats can be removed now - replaced by `.AccountSummary .Summary` */ .Dashboard .PanelSummary {width:55%; padding-bottom:15px;margin:auto} .Dashboard .PanelSummary .Picture {width:35%;} .Dashboard .PanelSummary .SummaryStats {float:right; width:300px; position:static; padding-top:2.5%;} .Dashboard .PanelPromote .Table_Promote .Cell_Promote_01 {width:67%;} .Dashboard .PanelPromote .Table_Promote .Cell_Promote_03 {width:41%;} } @media only screen and (max-width:1200px) { .Dashboard {margin-bottom:-10px; padding: 0px;} .Dashboard .TopDashboard {margin-bottom:10px;} .Dashboard .FreeContestsBanner {margin-bottom:10px;} .Dashboard .PanelSubscribe {margin-bottom:10px;} /* .PanelSummary and .SummaryStats can be removed now - replaced by `.AccountSummary .Summary` */ .Dashboard .PanelSummary {margin-bottom:10px;} .Dashboard .PanelPromote {margin-bottom:10px;} .Dashboard .PanelPromote .Table_Promote {display:block;} .Dashboard .PanelPromote .Table_Promote .Cell_Promote_01 {display:block; width:100%;} .Dashboard .PanelPromote .Table_Promote .Cell_Promote_02 {display:block; width:100%; height:10px;} .Dashboard .PanelPromote .Table_Promote .Cell_Promote_03 {display:block; width:100%;} .swiper_Dashboard .swiper-wrapper .swiper-slide .swiper-position .swiper-text .swiper-Border {padding:0px 20px;} .PanelType_Two .BoxTitle .BtnSortBy {margin-top:0px} .FreeContests {padding-right: 0px;} .FreeContests .ErrorMessage {padding-left: 0px; padding-right: 0px;} } @media only screen and (max-width:900px) { /* .PanelSummary and .SummaryStats can be removed now - replaced by `.AccountSummary .Summary` */ .Dashboard .PanelSummary .ProfileSummary {width:55%;} .swiper_Dashboard .swiper-wrapper .swiper-slide .swiper-position .swiper-text .swiper-Border .BanTitle {font-size:28px} .swiper_Dashboard .swiper-wrapper .swiper-slide .swiper-position .swiper-text .swiper-Border .BanText {font-size:16px} .swiper_Dashboard .swiper-wrapper .swiper-slide .swiper-position .swiper-text .swiper-Border .BanSubTitle {font-size:28px} .swiper_Dashboard .swiper-wrapper .swiper-slide .swiper-position .swiper-text .swiper-Border .BanBtn .button {font-size:14px; font-weight:600; padding:7px 12px} } @media only screen and (max-width:700px) { /* back to vertical version of player info */ /* .PanelSummary and .SummaryStats can be removed now - replaced by `.AccountSummary .Summary` */ .Dashboard .PanelSummary .ProfileSummary {float:none; width:auto; padding-bottom:110px; padding-top:20px;} .Dashboard .PanelSummary .SummaryStats {float:none; width:100%; position:absolute; padding-top:0px;} } @media only screen and (max-width:600px) { .swiper_Dashboard {text-align:center} .swiper_Dashboard .swiper-wrapper .swiper-slide .swiper-desktop {display:none;} .swiper_Dashboard .swiper-wrapper .swiper-slide .swiper-mobile {display:block;} .swiper_Dashboard .swiper-wrapper .swiper-slide {width:100%! important;height:100%} .swiper_Dashboard .swiper-wrapper .swiper-slide .swiper-position {} .swiper_Dashboard .swiper-wrapper .swiper-slide .swiper-position .swiper-text .swiper-Border .BanTxt {width:100%;} .Dashboard .TopDashboard .TopRight .BtnOne {bottom: 5%;} } @media only screen and (max-width:480px) { .Dashboard {padding: 0px; margin-bottom: 10px;} /*.Dashboard .TopDashboard {margin-bottom:5px;}*/ .Dashboard .FreeContestsBanner {margin-bottom:5px;gap:10px} .Dashboard .PanelSubscribe {margin-bottom:5px;} /* .PanelSummary and .SummaryStats can be removed now - replaced by `.AccountSummary .Summary` */ .Dashboard .PanelSummary {margin-bottom:5px; width: 100%;} .Dashboard .PanelSummary .Text {width: 100%;} .Dashboard .PanelPromote {margin-bottom:5px;} .Dashboard .PanelPromote .Table_Promote .Cell_Promote_02 {height:5px;} } @media only screen and (max-width:420px) { .Dashboard .TopDashboard .TopLeft {display:none;} .PromoButtonHS {display:block;} .Dashboard .TopDashboard .TopRight {border-radius: 4px;} .Dashboard .TopDashboard .TopRight img {border-radius: 3px;} /*.Dashboard .PanelPromote {display:none} */ .Dashboard .PanelPromote .Table_Promote .Cell_Promote .BoxTitle {font-size:22px;line-height:28px;padding:10px; border-radius:5px 5px 0px 0px; text-align:left} } @media only screen and (max-width:370px) { /* .PanelSummary and .SummaryStats can be removed now - replaced by `.AccountSummary .Summary` */ .Dashboard .PanelSummary .ProfileSummary {padding-left:10px; padding-right:10px;} .Dashboard .PanelSummary .ProfileSummary .Text {width:73%;} } /* Table Ten Wins */ @media only screen and (max-width:768px) { .Table_TenWins {} .Table_TenWins .Item {display:block; border-bottom:1px solid #242424; padding:20px 20px 20px 20px; position:relative; text-align:left; min-height:65px;} .Table_TenWins .Item:last-child {border-bottom:none;} .Table_TenWins .Item .Block {border:none; padding:0px;} .Table_TenWins .Item .Block .Column {padding:0px;} .Table_TenWins .Item:nth-child(2n+1) .Block {border-left:none;} .Table_TenWins .Item .Block_01 {display:inline-block; font-weight:300;} .Table_TenWins .Item .Block_01 .Column {position:initial} .Table_TenWins .Item .Block_01 .Column .Icon_Category {position:absolute; top:50%; left:20px; margin:-5px 0px 0px 0px; width:30px; height:30px;} .Table_TenWins .Item .Block_01 .Column .Icon_Info {position:absolute; bottom:20px; left:10px; top:initial;} .Table_TenWins .Item .Block_03 {display:block; position:absolute; top:20px; right:20px;} .Table_TenWins .Item .Block_04 {display:block; position:absolute; top:40px; right:20px;} .Table_TenWins .ItemTop .Block_00 {display:block; border-bottom:1px solid #242424;} .Table_TenWins .ItemTop .Block_01 {display:none;} .Table_TenWins .ItemTop .Block_02 {display:none;} .Table_TenWins .ItemTop .Block_03 {display:none;} .Table_TenWins .ItemTop .Block_04 {display:none;} .Table_TenWins .ItemTop .Block_05 {display:none;} .PanelType_Two .BoxTitle .BtnSortBy {margin-top:10px; display:flex; width:100%; max-width:100%} } @media only screen and (max-width:480px) { .Table_TenWins .Item {padding:15px 10px 15px 15px;} .Table_TenWins .Item .Block_01 .Column .Icon_Category {width:20px; height:20px; margin:-10px 0px 0px 0px;} .Table_TenWins .Item .Block_01 .Column .Icon_Info {left:5px; bottom:10px;} .Table_TenWins .Item .Block_03 {top:15px; right:15px;} .Table_TenWins .Item .Block_04 {top:35px; right:15px;} } /* My Contests */ @media only screen and (max-width:1200px) { .Table_MyContests .Item .Block_06 {display:none;} .Table_MyContests .ItemTop .Block_06 {display:none;} } @media only screen and (max-width:1024px) { .MyContests .TopContests .TopCell .MarginRight {margin-right:5px;} .MyContests .TopContests .TopCell .MarginLeft {margin-left:5px;} .MyContests .ContentContests {margin-top:10px;} .Table_MyContests .Item .Block_04 {display:none;} .Table_MyContests .ItemTop .Block_04 {display:none;} .Table_FreeContests {width: auto;} } @media only screen and (max-width:900px) { .MyContests .TopContests .TopCell.Pen {width:31%;} .MyContests .TopContests .TopCell.Liv {width:31%;} .MyContests .TopContests .TopCell.Tot {width:38%;} } @media only screen and (max-width:800px) { .MyContests .TopContests {background-image:url(/Content/Images/Bg_MyContests_Top_03.jpg); background-size:cover; background-position:center; box-shadow:2px 2px 3px -2px #000; padding-bottom:10px;} .MyContests .TopContests .TopCell.Pen {width:auto;} .MyContests .TopContests .TopCell.Liv {width:auto;} .MyContests .TopContests .TopCell.Tot {width:auto;} .MyContests .TopContests .TopCell .MarginRight {margin-right:0px;} .MyContests .TopContests .TopCell .MarginLeft {margin-left:0px;} .MyContests .TopContests .TopCell .Pending {height:130px; background-image:none; box-shadow:none;} .MyContests .TopContests .TopCell .Live {height:130px; background-image:none; box-shadow:none;} .MyContests .TopContests .TopCell .Amount {height:190px; background-image:none; box-shadow:none;} .MyContests .TopContests .TopCell .Circle {margin-top:20px; width:90px; height:90px} .MyContests .TopContests .TopCell .Circle .Number {font-size:24px; line-height:30px; margin-top:21px;} .MyContests .TopContests .TopCell .Circle.JSTotal {margin-top:20px;} .MyContests .TopContests .TopCell .Circle.JSLast {margin-top:20px;} .MyContests .TopContests .TopCell .Circle .SubText3 {display:block;} .MyContests .TopContests .TopCell.Pen .Title {display:none;} .MyContests .TopContests .TopCell.Liv .Title {display:none;} } @media only screen and (max-width:768px) { /*.Table_MyContests .Item {display:block; border-bottom:1px solid #242424; padding:20px 20px 20px 20px; position:relative; text-align:left; height: 100px} */ .Table_MyContests .Item:last-child {border-bottom:none;} .Table_MyContests .Item .Block {border:none; padding:0px;} .Table_MyContests .Item .Block .Column {padding:0px;} .Table_MyContests .Item:nth-child(2n+1) .Block {border-left:none;} .Table_MyContests .Item .Block_02 .Icon_Info {position:absolute; bottom:20px; right:180px; top:auto;} /*.Table_MyContests .Item .Block_02 {display:block; position:absolute; top:110px; left: 0px; width: 100%; text-align: center;} */ .Table_MyContests .Item .Block_02b .Column .Date {display: block;} .Table_MyContests .Item .Block_03 {display:inline-block;} .Table_MyContests .Item .Block_03 .Column .Brackets {display:inline-block;} .Table_MyContests .Item .Block_04 {display:inline-block;} .Table_MyContests .Item .Block_05 {display:none;} .Table_MyContests .Item .WinningsSS {display:block; position: absolute; width: 100%; top: 50px; left: 0px; text-align: center;} .Table_MyContests .Item .WinningsSSTitle {display:block; position: absolute; width: 100%; top: 20px; left: 0px; text-align: center;} .Table_MyContests .Item .Block_06 {display:block; position: absolute; top: 110px; left: 20px;} .Table_MyContests .Item .Block_07 {display:none;} .Table_MyContests .Item .Block_08 {display:block; position:absolute; top:78px; right:20px; width: 120px;} .Table_MyContests .Item .Block_09 {display:block; position:absolute; top:110px; right:20px; width: 120px;} .Table_MyContests .Item .Block_10 {display:block; position:absolute; top:5px; right:0px; height: 50px; width:160px; padding:0px 10px;} .Table_MyContests .Item .Block_10 .Column {display:table; height:100%; width:100%;} .Table_MyContests .Item .Block_10 .Column .BtnLineUp {display:table-cell; vertical-align:middle; text-align:center;} .Table_MyContests .ItemTop .Block_00 {display:block; border-bottom:1px solid #242424;} .Table_MyContests .ItemTop .Block_02 {display:none;} .Table_MyContests .ItemTop .Block_02b {display:none;} .Table_MyContests .ItemTop .Block_03 {display:none;} .Table_MyContests .ItemTop .Block_04 {display:none;} .Table_MyContests .ItemTop .Block_05 {display:none;} .Table_MyContests .ItemTop .Block_06 {display:none;} .Table_MyContests .ItemTop .Block_07 {display:none;} .Table_MyContests .ItemTop .Block_08 {display:none;} .Table_MyContests .ItemTop .Block_09 {display:none;} .Table_MyContests .ItemTop .Block_10 {display:none;} .Table_MyContests.Wrapper .Item .Block .Column .Icon_Loss {width:17px;} .Table_MyContests .Item.NoUseButton .Block_02 {right:15px;} .Table_MyContests .Item.NoUseButton .Block_08 {right:15px; line-height:1.9em;} .Table_MyContests .Item.NoUseButton .Block_09 {right:15px;} .Table_MyContests .Loader {display:none;} .Table_MyContests .MobileLoader {display:block;} .Wrapper .Item.Highlighted .Block {border-left:none;} .Wrapper .Item .Block.ColSpan {width:100%;} .Wrapper .Item .Block.ColSpan .Column {padding:15px 50px;} .Wrapper .Item .Block.ColSpan .TwoColSpan {position:relative;} .Wrapper .Item .Block.ColSpan .TwoColSpan .EventInfo {position:relative; transform:inherit; top:inherit; left:inherit; padding:0px;} .Wrapper .Item .Block.ColSpan .TwoColSpan .RightGradient {display:block; background-image:url(/Content/Images/Bg_Gradiant_Two_Right.png) !important; right:0;} .Wrapper .Item:nth-child(2n+1) .TwoColSpan .RightGradient {background-image:url(/Content/Images/Bg_Gradiant_One_Right.png) !important;} .Wrapper .Item.ItemLive .Block.ColSpan .TwoColSpan .RightGradient {display:none;} .Wrapper .Item .Block.ColSpan .EventInfo.Sm {display:none;} .Wrapper .Item .Block.ColSpan2 {display:none;} .Wrapper .Item .Block .Column .LgTeamName {display:none;} .Wrapper .Item .Block .Column .SmTeamName {display:block;} } @media only screen and (max-width:600px) { .MyContests .TopContests {display:block; text-align:center; padding-bottom:0px;} .MyContests .TopContests .TopCell {display:inline-block;} .MyContests .TopContests .TopCell.Pen {width:44%;} .MyContests .TopContests .TopCell.Liv {width:44%;} .MyContests .TopContests .TopCell.Tot {width:100%;} .MyContests .TopContests .TopCell .Circle.JSTotal {margin-top:0px;} .MyContests .TopContests .TopCell .Circle.JSLast {margin-top:0px;} } @media only screen and (max-width:480px) { .MyContests .ContentContests {margin-top:5px;} .Table_MyContests .Item .Block_10 {width:95px;} .Table_MyContests .Item .Block_10 .Column .BtnLineUp a {font-size:13px;} .Table_MyContests .Item .Block_09 {right: 10px;width: 75px;} .Table_MyContests .Item .Block_08 {right: 10px;width: 75px;} } /* Free Contests */ @media only screen and (max-width:768px) { .Table_FreeContests {justify-content:center} /*.Table_FreeContests .Item {display:block; border-bottom:1px solid #242424; padding:20px 20px 20px 20px; position:relative; text-align:left; height: 100px} .Table_FreeContests .Item:last-child {border-bottom:none;} .Table_FreeContests .Item .Block {border:none; padding:0px;} .Table_FreeContests .Item .Block .Column {padding:0px;} .Table_FreeContests .Item:nth-child(2n+1) .Block {border-left:none;} .Table_FreeContests .Item .Block_02 {display:block; color: var(--base-colour-dark); max-width: 75%;} .Table_FreeContests .Item .Block_02b {display:none;} .Table_FreeContests .Item .Block_04 {display:none;} .Table_FreeContests .Item .Block_05 {display:block;} .Table_FreeContests .Item .Block_06 {display:block; position: absolute; top: 110px; left: 20px;} .Table_FreeContests .Item .Block_10 {display:block; position:absolute; top:5px; right:0px; height: 50px; width:160px; padding:0px 10px;} .Table_FreeContests .Item .Block_10 .Column {display:table; height:100%; width:100%;} .Table_FreeContests .Item .Block_10 .Column .BtnLineUp {display:table-cell; vertical-align:middle; text-align:center;} .Table_FreeContests .ItemTop .Block_00 {display:block; border-bottom:1px solid #242424;} .Table_FreeContests .ItemTop .Block_01 {display:none;} .Table_FreeContests .ItemTop .Block_02 {display:none;} .Table_FreeContests .ItemTop .Block_02b {display:none;} .Table_FreeContests .ItemTop .Block_04 {display:none;} .Table_FreeContests .ItemTop .Block_05 {display:none;} .Table_FreeContests .ItemTop .Block_06 {display:none;} .Table_FreeContests .ItemTop .Block_10 {display:none;} */ } @media only screen and (max-width:480px) { /* .FreeContestsCMSContent .Image {display: none;} .FreeContests .ContentContests {margin-top:5px;} .Table_FreeContests .Item .Block_10 {width:95px;} .Table_FreeContests .Item .Block_10 .Column .BtnLineUp a {font-size:13px;} */ .Table_FreeContests {margin:5px 10px 5px 10px; padding: 0;} .Table_FreeContests .Item {min-width:100%} } /* Schedule */ @media only screen and (max-width:1200px) { .Table_Schedule .Item .Block_08 {display:none;} } @media only screen and (max-width:850px) { .Table_Schedule .Item .Block_07 {} } @media only screen and (max-width:768px) { .Table_Schedule .Item {display:block; border-bottom:1px solid #242424; padding:20px 160px 20px 70px; position:relative; text-align:left;} .Table_Schedule .Item:last-child {border-bottom:none;} .Table_Schedule .Item .Block {border:none; padding:0px;} .Table_Schedule .Item .Block .Column {padding:0px;} .Table_Schedule .Item:nth-child(2n+1) .Block {border-left:none;} .Table_Schedule .Item .Block_01 {display:block; font-weight:300; margin-bottom:10px;} .Table_Schedule .Item .Block_01 .Column {position:initial} .Table_Schedule .Item .Block_01 .Column .Icon_Category {position:absolute; top:50%; left:20px; margin:-15px 0px 0px 0px; width:30px; height:30px;} .Table_Schedule .Item .Block_01 .Column .Icon {position:absolute; top:50%; left:20px; margin:-15px 0px 0px 0px; width:30px; height:30px;} .Table_Schedule .Item .Block_02 {float:left; width:50%; text-align:center;} .Table_Schedule .Item .Block_02 .Column {padding:15px 10px 15px 40px;} .Table_Schedule .Item .Block_02 .TwoColSpan .Column {position:relative; top:inherit; left:inherit; transform:none;} .Table_Schedule .Item .Block_02 .TwoColSpan .TeamText {position:relative; top:inherit; left:inherit; transform:none;} .Table_Schedule .Item .Block_03 {display:none;} .Table_Schedule .Item .Block_04 {float:left; width:50%; text-align:center; border-left:1px solid #181818;} .Table_Schedule .Item:nth-child(2n+1) .Block_04 {border-left:1px solid #000;} .Table_Schedule .Item .Block_04 .Column {padding:15px 40px 15px 10px;} .Table_Schedule .Item .Block_05 {display:inline-block; clear:both; text-align:center; width:100%;} .Table_Schedule .Item .Block_06 {display:block; text-align:center; width:100%;} .Table_Schedule .Item .Block_07 {display:block; position:absolute; top:20px; right:160px;} .Table_Schedule .Item .Block_08 {display:block; text-align:center; width:100%;} .Table_Schedule .Item .Block_09 {display:block; position:absolute; top:0px; right:0px; height:100%; border-left:1px solid #242424 !important; width:150px; padding:0px 20px;} .Table_Schedule .Item .Block_09 .Column {display:table; height:100%;} .Table_Schedule .Item .Block_09 .Column .BtnSchedule {display:table-cell; vertical-align:middle;} .Table_Schedule .Item .Block_09 .Column .BtnSchedule a {width:100px;} .Table_Schedule_02 .Item {padding:50px 180px 20px 20px;} .ScheduleDashboard .Table_Schedule .Item {display:block; border-bottom:1px solid #242424; padding:0px 20px 0px 0px; position:relative; text-align:left;} .ScheduleDashboard .Table_Schedule .Item .Block_01 {display:flex;justify-content:center; align-items:center; font-weight:500; margin-bottom:10px; padding: 10px 0px 0px 0px; text-align:center} .ScheduleDashboard .Table_Schedule .Item .Block_01 .Column {display:flex;justify-content:center; align-items:center;position:relative} .ScheduleDashboard .Table_Schedule .Item .Block_01 .Column .ColumnContents {display:flex; justify-content:center;align-items:center;position:relative;padding-left:15px} .ScheduleDashboard .Table_Schedule .Item .Block_01 .Column .SportName {line-height:20px} .ScheduleDashboard .Table_Schedule .Item .Block_01 .Column .Icon_Category { width:30px; height:30px;} .ScheduleDashboard .Table_Schedule .Item .Block_01 .Column .Icon { width:30px; height:30px; left:-25px; top:7px} .ScheduleDashboard .Table_Schedule .Item .RadialBackground {width:100%; display:inline-block} .ScheduleDashboard .Table_Schedule .Item .Block_05 {display:none;} .ScheduleDashboard .Table_Schedule .Item .Block_06 {display:none;} .ScheduleDashboard .Table_Schedule .Item .Block_07 {display:none;} .ScheduleDashboard .Table_Schedule .Item .Block_08 {display:none;} .ScheduleDashboard .Table_Schedule .Item .Schedule_Mobile_Display {display:grid; grid-template-columns:repeat(4,1fr);margin-bottom:5px} .ScheduleDashboard .Table_Schedule .Item .Schedule_Mobile_Display .Block_05 {display:flex;justify-content:center; align-items:center; border-right:1px solid #313131;text-align:center;padding:10px} .ScheduleDashboard .Table_Schedule .Item .Schedule_Mobile_Display .Block_06 {display:flex;justify-content:center; align-items:center;border-right:1px solid #313131;text-align:center;padding:10px} .ScheduleDashboard .Table_Schedule .Item .Schedule_Mobile_Display .Block_07 {display:flex;position:unset;justify-content:center; align-items:center;border-right:1px solid #313131;text-align:center;padding:10px} .ScheduleDashboard .Table_Schedule .Item .Schedule_Mobile_Display .Block_08 {display:flex;justify-content:center; align-items:center;text-align:center;padding:10px} .ScheduleDashboard .Table_Schedule .Item .Block_09 {display:flex;position:unset;border-left:none !important;justify-content:center; height:100%; border:none; width:100%; padding:0px 20px;} } @media only screen and (max-width:600px) { .ScheduleDashboard .Table_Schedule .Item {padding:0px 0px 10px 0px;} .Table_Schedule .Item .Block_07 {} .Table_Schedule .Item .Block_09 {} .Table_Schedule .Item .Block_09 .Column .BtnSchedule a {width:60px;} .swiper_schedule .swiper-wrapper {display:flex; width:auto;} .swiper_schedule .swiper-wrapper .swiper-slide {display:inline-block; width:auto;} .swiper_schedule .swiper-wrapper .swiper-slide a {padding:0px 30px;} .swiper_statstyle .swiper-wrapper {display:flex; width:auto;} .swiper_statstyle .swiper-wrapper .swiper-slide {display:inline-block; width:auto;} .swiper_statstyle .swiper-wrapper .swiper-slide a {padding:0px 30px;} .swiper_statstyle_light .swiper-wrapper {display:flex; width:auto;} .swiper_statstyle_light .swiper-wrapper .swiper-slide {display:inline-block; width:auto;} .swiper_statstyle_light .swiper-wrapper .swiper-slide a {padding:0px 30px;} .swiper_suggestedplay .swiper-wrapper {display:flex; width:auto;} .swiper_suggestedplay .swiper-wrapper .swiper-slide {display:inline-block; width:auto;} .swiper_suggestedplay .swiper-wrapper .swiper-slide a {padding:0px 30px;} } @media only screen and (max-width:480px) { .ScheduleDashboard .Table_Schedule .Item {padding:0px 0px 10px 0px;} .Table_Schedule .Item .Block_01 {} .Table_Schedule .Item .Block_01 .Column .Icon_Category {width:20px; height:20px; margin:-10px 0px 0px 0px; display:none;} .Table_Schedule .Item .Block_01 .Column .Icon {width:20px; height:20px; margin:-10px 0px 0px 0px; display:none;} .Table_Schedule .Item .Block_07 {right:85px;top:17px} .Table_Schedule .Item .Block_09 {width:85px; padding:0px 5px;} .Table_Schedule_02 .Item {padding:45px 100px 15px 15px;} .Table_Schedule_02 .Item .Block_07 {top:15px;} } @media only screen and (max-width:400px) { .Table_Schedule .Item .Block_02 .Column {padding:15px 5px 15px 5px;} .Table_Schedule .Item .Block_02 .Column .TeamLogo {display:none;} .Table_Schedule .Item .Block_02 .Column .Gradient {width:40px; left:-10px;} .Wrapper .Item .Block.ColSpan .TwoColSpan .RightGradient{width:40px;} .Wrapper .Item .Block.ColSpan .Column {padding:15px 30px;} .Table_Schedule .Item .Block_04 .Column {padding:15px 5px 15px 5px;} .Table_Schedule .Item .Block_04 .Column .TeamLogo {display:none;} .Table_Schedule .Item .Block_04 .Column .Gradient {width:40px; right:-10px;} } /* Live */ @media only screen and (max-width:800px) { .Table_Live .Item {display:block; border-bottom:1px solid #242424; padding:20px 80px 20px 225px; position:relative; text-align:left; min-height:130px; font-size:18px;} .Table_Live .Item:last-child {border-bottom:none;} .Table_Live .Item .Block {border:none; padding:0px;} .Table_Live .Item .Block .Column {padding:0px; line-height:1.2em; margin-bottom:4px;} .Table_Live .Item:nth-child(2n+1) .Block {border-left:none;} .Table_Live .Item .Block .StatsTitle {display:inline; font-size:13px;} .Table_Live .Item .Block_01 {display:inline-block; position:static; height:auto;} .Table_Live .Item .Block_01 .Img_Category {width:190px; top:15px; height:calc(100% - 30px);} .Table_Live .Item .Block_01 .Column {position:static;} .Table_Live .Item .Block_01 .Column .Icon_Info {position:absolute; bottom:13px; right:24px; top:auto;} .Table_Live .Item .Block_02 {display:inline-block;} .Table_Live .Item .Block_02 .Column {color:#fff;} .Table_Live .Item .Block_02 .Column .Brackets {display:inline-block;} .Table_Live .Item .Block_03 {display:block; color:#a8a8a8; position:static;} .Table_Live .Item .Block_03 .Img_Team {position:absolute; top:20px; right:20px; width:60px; height:60px; left:auto; margin-top:0px;} .Table_Live .Item .Block_04 {display:none;} .Table_Live .Item .BlockStd {display:none;} .Table_Live .ItemTop .Block_00 {display:block; border-bottom:1px solid #242424;} .Table_Live .ItemTop .Block_01 {display:none;} .Table_Live .ItemTop .Block_02 {display:none;} .Table_Live .ItemTop .Block_03 {display:none;} .Table_Live .ItemTop .Block_04 {display:none;} .Table_Live .ItemTop .BlockStd {display:none;} .Table_Live .MobileStats {display:block;} .Table_Live .SeparationLine {display:none;} .Table_Live .MobileSeparationLine {border-top: 4px solid #156e15;} } @media only screen and (max-width:650px) { .Table_Live .MobileStats .MobileStatTable {font-size:12px;} } @media only screen and (max-width:400px) { .LightBoxPlayerStats .PlayerStats .WrapperVertical .Item .Block .Column {padding-left:5px; padding-right:5px;} } /* Scoring Rules */ @media only screen and (max-width:768px) { .ScoringRules .Content_Rules .CRight {width:100%; float:none; margin-bottom:20px;} .ScoringRules .Content_Rules .CLeft {width:100%; float:none;} } @media only screen and (max-width:400px) { .ScoringRules .Content_Rules .CLeft p {font-size:13px;} } /* Play Mode */ @media only screen and (max-width:1200px) { .PlayMode {margin: -20px 0px 20px 0px;} .PlayMode .TextMode {padding: 10px 10px;} } @media only screen and (max-width:1024px) { .PlayMode {margin: -10px 0px 10px 0px;} } @media only screen and (max-width:480px) { .PlayMode {margin: -5px 0 5px 0;} } /* Promotions */ @media only screen and (max-width:1400px) { .TopPromotions {margin:0px 0px 10px 0px; } .TopPromotions .Block .position .text .Border {padding:0px 20px;} .TopPromotions .SubInfo {padding:10px;} .Promotions ul {margin:0px 0px -10px 0px; width:101%;} .Promotions ul li {margin:0px 1% 10px 0px; width:49%;} .Promotions ul li .SubInfo {padding:10px;} .Promotions ul li .image-desktop {display:none;} .Promotions ul li .image-mobile {display:block;} .Promotions ul li .Block .position .text .Border {padding:0px 20px;} .Promotions ul li .Block .position .text .Border .BanTxt {width:100%;} } @media only screen and (max-width:1200px) { .StatusVip {display:flex; flex-direction:column-reverse} .StatusVip .LeftSide {display:block; width:100%; margin-bottom:30px;} .StatusVip .RightSide {display:block;} .PyramidVip {width:100%; background-size: contain;margin-top:20px} } @media only screen and (max-width:768px) { .Promotions ul {margin:0px 0px -10px 0px; width:100%;} .Promotions ul li {margin:0px 0px 10px 0px; width:100%; display:block;} .Promotions ul li .image-desktop {display:block;} .Promotions ul li .image-mobile {display:none;} .Promotions ul li .Block .position .text .Border .BanTxt {width:75%;} } @media only screen and (max-width:600px) { .TopPromotions .Block {height:auto; background-image:none !important; border:none} .TopPromotions .image-mobile {display:block; border:1px solid var(--base-colour); border-radius:5px} .Promotions ul li .image-desktop {display:none;} .Promotions ul li .image-mobile {display:block;} .Promotions ul li .Block .position .text .Border .BanTxt {width:100%;} .TopPromotions .Block .position .text .Border {text-align:center} .TopPromotions .Block .position .text .Border .BanTitle {font-size:33px; line-height:33px; text-align:center} .TopPromotions .Block .position .text .Border .BanTxt {font-size:16px; line-height:17px; max-width:unset; text-align:center} .TopPromotions .Block .position .text .Border .BanSubTitle {font-size:19px; line-height:19px; text-align:center} .TopPromotions .Block .position .text .Border .BanBtn .button {font-size:15px;border-radius: 4px; line-height:15px; padding:10px 15px} .Promotions .Block .position .text .Border {text-align:center} .Promotions .Block .position .text .Border .BanTitle {font-size:33px; line-height:33px} .Promotions .Block .position .text .Border .BanTxt {font-size:16px; line-height:17px; max-width:unset} .Promotions .Block .position .text .Border .BanSubTitle {font-size:19px; line-height:19px} .Promotions .Block .position .text .Border .BanBtn .button {font-size:15px;border-radius: 4px; line-height:15px; padding:10px 15px} .Promotions ul {margin:0px 0px -5px 0px; width:100%;} .Promotions ul li {margin:0px 0px 10px 0px; width:100%;} .TableVip .Row:first-child .Cell {font-size:12px;} .PromoDetailContent .Footer {display:flex; flex-direction:column; gap:10px; align-items:center} .PromoDetailContent .BtnOne {width:100%; margin:0px !important} .PromoDetailContent .BtnOne a {width:100%} .PyramidVip .Row .Cell {height:40px} } @media only screen and (max-width:480px) { .TopPromotions {margin:60px 5px 10px 5px;width:unset;padding:0px 10px } .Promotions { margin:0px 5px 30px 5px;width:unset;padding:0px 10px} .StatusVip {margin-bottom:0px} .PromoOffer {margin-top:10px} .PromoDetailContent {margin-top:10px} } /* Promotion Detail */ @media only screen and (max-width:1200px) { .PromoOffer .Block .position .text .Border {padding:0px 20px;} .PDContent .PDRight {display:none;} } @media only screen and (max-width:768px) { .PDContent {display:block;} .PDContent .PDMiddle {display:block;} .PromoOffer .Block .position .text .Border .BanTitle {font-size:36px; line-height:42px;} .PromoOffer .Block .position .text .Border .BanTxt {font-size:14px; line-height:20px; width:100%;} .PromoOffer .Block .position .text .Border .BanSubTitle {font-size:24px; line-height:30px;} } @media only screen and (max-width:600px) { .PromoOffer .Block {height:auto; background-image:none !important;} .PromoOffer .top-mobile {display:block;} } @media only screen and (max-width:480px) { .PromoDetailContent {padding:20px;} } /* No Item */ @media only screen and (max-width:600px) { .NoItem {text-align:center; padding:120px 0px;} } /* News */ @media only screen and (max-width:1024px) { .NTop {margin-bottom:10px;} .NContent .NMiddle .RightMargin {margin-right:10px;} .NContent .NRight {width:270px;} .NT_Table .NT_Box .FormField {width:130px;} .NT_Table .NT_Box_Wide .FormField {width:130px;} .NewsPanel .NewsList .Desc {margin-left:80px;} .NewsDetail .Block .FreePlayContent .Banner_FPC .text .Border {padding:0px 20px;} } @media only screen and (max-width:800px) { .NContent {display:block;} .NContent .NMiddle {display:block; margin-bottom:10px;} .NContent .NMiddle .RightMargin {margin-right:0px;} .NContent .NRight {display:block; width:100%;} .NewsDetail .Block .Img {width:70px; margin:0px 20px 10px 0px;} .NewsDetail .Block .Desc {margin-left:0px; top:auto;} .NewsDetail .Block .Desc .Title {margin:0px; font-size:20px; line-height:26px;} .NewsDetail .Block .Desc .Author {margin:10px 0px 0px 0px; font-size:14px; line-height:20px;} .NewsPanel {position:relative; overflow-y:visible;} .NewsPanel .NewsList .Img {width:40px;} .NewsPanel .NewsList .Desc {min-height:55px; margin:0px 0px 0px 55px;} .NewsPanel .NewsList ul {display:none;} .NewsPanel .NewsList .swiper_NewsList {display:block;} .NewsPanel .NewsList .swiper_NewsList .swiper-slide {border-bottom:none;} .NT_Table {display:block; padding:20px 20px;} .NT_Table .NT_Left {display:block;} .NT_Table .NT_Right {display:none; text-align:left;} .NT_Table .NT_Title {cursor:pointer; padding-right:45px;} .NT_Table .NT_Title span.IconOne {display:block;} .NT_Table .NT_Title span.IconTwo {display:none;} .NT_Table .NT_Box {display:block; margin:20px 0px 0px 0px;} .NT_Table .NT_Box .FormField {width:100%;} .NT_Table .NT_Box_Wide {display:block; margin:20px 0px 0px 0px;} .NT_Table .NT_Box_Wide .FormField {width:100%;} .RelatedArticles .ArticlesList .Desc_AL .Text {margin:0px;} .RelatedArticles .ArticlesList .Desc_AL .Date {display:none;} .RelatedArticles .ArticlesList {margin:0px -20px -20px -20px;} .RelatedArticles .ArticlesList ul { border-bottom:none;} } @media only screen and (max-width:600px) { .RelatedArticles .RA_Box {float:none; margin-bottom:20px;} .RelatedArticles .BtnMoreArticles {display:none;} .NewsDetail .Block .FreePlayContent .Banner_FPC .text {height:350px; text-align:center; background:url(/Content/Images/Img_Dashboard_Banner_Mobile_06.jpg) no-repeat center; background-size:cover;} .RelatedArticles .ArticlesList {max-height:280px;} } @media only screen and (max-width:480px) { .NTop {margin-bottom:5px;} .NContent .NMiddle {margin-bottom:5px;} .NewsPanel .NewsList .Img {width:100%; position:relative; top:0px; left:0px;} .NewsPanel .NewsList .Desc {margin:20px 0px 0px 0px; min-height:90px;} .NewsPanel .NewsList .swiper_NewsList {margin:0px -5px;} .NewsPanel .NewsList .swiper_NewsList .swiper-slide {margin:0px -5px 0px 5px; width:170px; min-height:345px;} /*min height instead of equalizer js*/ .NewsDetail .Block .FreePlayContent .Banner_FPC .text {height:300px;} .NewsDetail .Block .FreePlayContent .Banner_FPC .text .Border {padding:0px 10px;} .NewsDetail .Block .FreePlayContent .Banner_FPC .text .Border .BanTitle {font-size:30px; line-height:30px; margin:0px 0px 10px 0px;} .NewsDetail .Block .FreePlayContent .Banner_FPC .text .Border .BanTxt {font-size:14px; line-height:20px; font-weight:400; margin:0px 0px 10px 0px;} .RelatedArticles .ArticlesList .Img_AL {width:40px;} .RelatedArticles .ArticlesList .Desc_AL {margin:0px 0px 0px 55px;} } /* Team */ @media only screen and (max-width:1400px) { .ListTeams .ItemTeams {width:18%;} } @media only screen and (max-width:1024px) { .TTop {margin-bottom:10px;} .TContent {margin-bottom:10px;} .ListTeams {width:101%; margin-bottom:-10px;} .ListTeams .ItemTeams {width:19%; margin:0px 1% 10px 0px;} } @media only screen and (max-width:800px) { .TT_Table {display:block; padding:20px 20px;} .TT_Table .TT_Left {display:block;} .TT_Table .TT_Right {display:none; text-align:left;} .TT_Table .TT_Title {cursor:pointer; padding-right:45px;} .TT_Table .TT_Title span.IconOne {display:block;} .TT_Table .TT_Title span.IconTwo {display:none;} .TT_Table .TT_Box {display:block; margin:20px 0px 0px 0px;} .TT_Table .TT_Box .FormField {width:100%;} .ListTeams {width:101%;} .ListTeams .ItemTeams {width:24%; margin:0px 1% 10px 0px;} .Table_Teams .ItemTop .Block_00 {display:block; border-bottom:1px solid #242424;} .Table_Teams .ItemTop .Block_01 {display:none;} .Table_Teams .ItemTop .Block_02 {display:none;} .Table_Teams .ItemTop .Block_03 {display:none;} .Table_Teams .ItemTop .Block_04 {display:none;} .Table_Teams .Item {display:block; border-bottom:1px solid #242424; padding:20px 44px 20px 225px; position:relative; text-align:left; min-height:130px; font-size:18px;} .Table_Teams .Item:last-child {border-bottom:none;} .Table_Teams .Item .Block {border:none; padding:0px;} .Table_Teams .Item .Block .Column {padding:0px; line-height:16px; margin-bottom:10px;} .Table_Teams .Item:nth-child(2n+1) .Block {border-left:none;} .Table_Teams .Item .Block .StatsTitle {display:inline; font-size:13px;} .Table_Teams .Item .Block .HiddenText {display:inline;} .Table_Teams .Item .Block_01 {display:inline-block; position:static; height:auto; width:auto;} .Table_Teams .Item .Block_01 .Img_Category {width:190px; top:15px; height:calc(100% - 30px);} .Table_Teams .Item .Block_01 .Column {position:static;} .Table_Teams .Item .Block_01 .Column .Icon_Info {position:absolute; bottom:13px; right:14px; top:auto;} .Table_Teams .Item .Block_02 {display:block;} .Table_Teams .Item .Block_02 .Column {color:#fff;} .Table_Teams .Item .Block_02 .Column .Brackets {display:inline-block;} .Table_Teams .Item .Block_03 {display:block;} .Table_Teams .Item .Block_03 .Column {color:#fff;} .Table_Teams .Item .Block_03 .Column .Brackets {display:inline-block;} .Table_Teams .Item .Block_04 {display:block;} .Table_Teams .Item .Block_04 .Column {color:#fff;} .Table_Teams .Item .Block_04 .Column .Brackets {display:inline-block;} .Table_TPlayer .ItemTop .Block_00 {display:block; border-bottom:1px solid #242424;} .Table_TPlayer .ItemTop .Block_01 {display:none;} .Table_TPlayer .ItemTop .Block_02 {display:none;} .Table_TPlayer .ItemTop .Block_03 {display:none;} .Table_TPlayer .ItemTop .Block_04 {display:none;} .Table_TPlayer .ItemTop .BlockStd {display:none;} .Table_TPlayer .Item .Block_01 {display:inline-block; text-align:center; width:100%;} .Table_TPlayer .Item .Block_02 {float:left; width:50%; text-align:center;} .Table_TPlayer .Item .Block_02 .Column {padding:15px 10px 15px 40px;} .Table_TPlayer .Item .Block_03 {float:left; width:50%; text-align:center; border-left:1px solid #181818;} .Table_TPlayer .Item:nth-child(2n+1) .Block_03 {border-left:1px solid #000;} .Table_TPlayer .Item .Block_03 .Column {padding:15px 40px 15px 10px;} .Table_TPlayer .Item .Block_04 {display:inline-block; clear:both; text-align:center; width:100%;} .Table_TPlayer .Item .BlockStd {display:none;} .Table_Live .Item .Block_01Team {display:inline-block; text-align:center; width:100%;} .Table_Live .Item .Block_01Team .Column {font-size:14px; padding:15px 5px 12px 5px; display:inline-block;} .Table_Live .Item .Block_02Team {float:left; width:50%; text-align:center;} .Table_Live .Item .Block_02Team .Column {padding:15px 10px 15px 40px; font-size:14px;} .Table_Live .Item .Block_02Team.OneCellSpan {width:100%;} .Table_Live .Item .Block_03Team {float:left; width:50%; text-align:center; border-left:1px solid #181818;} .Table_Live .Item .Block_03Team .Column {display:inline-block; font-size:14px;} .Table_Live .Item:nth-child(2n+1) .Block_03Team {border-left:1px solid #000;} .Table_Live .Item .Block_03Team .Column {padding:15px 40px 15px 10px;} .ContentLive.TeamPageUpdates .Item {padding:0px;} } @media only screen and (max-width:600px) { .ListTeams .ItemTeams {width:32.33%;} } @media only screen and (max-width:480px) { .TTop {margin-bottom:5px;} .TContent {margin-bottom:5px;} .ListTeams {margin-bottom:-5px;} .ListTeams .ItemTeams {width:49%; margin:0px 1% 5px 0px;} .Table_Teams .Item {padding:20px 12px 20px 150px;} .Table_Teams .Item .Block_01 .Img_Category {width:120px; left:15px;} } @media only screen and (max-width:360px) { .Table_Teams .Item .Block_04 {margin-right:27px;} /* space for "i" icon */ .Table_Live .Item .Block_02Team .Column {font-size:13px;} .Table_Live .Item .Block_03Team .Column {font-size:13px;} } /* Live */ @media only screen and (max-width:1200px) { .PanelType_One .ListType_One .ItemType_One .PlayerStats .BlueLine {width:51.5%;} } @media only screen and (max-width:1024px) { .PanelType_One .ListType_One .ItemType_One {margin-bottom:10px;} .PanelType_One .ListType_One .ItemType_One .TableType_One .Cell_02 {width:10px;} .PanelType_One .ListType_One .ItemType_One .PlayerStats .BlueLine {width:51%;} } @media only screen and (max-width:600px) { .PanelType_One .ListType_One .ItemType_One .TableType_One .Cell_Empty {height:330px;} .PanelType_One .ListType_One .ItemType_One .PlayerStats {display:none;} } @media only screen and (max-width:480px) { .PanelType_One .ListType_One .ItemType_One {margin-bottom:5px;} .PanelType_One .ListType_One .ItemType_One .TableType_One .Desc .Stat_04 {display: block;} .PanelType_One .ListType_One .ItemType_One .TableType_One .Cell_02 {width:5px;} } /* Item Block */ @media only screen and (max-width:2400px) { .ListType_One .ItemBlock .Img {width: 45%;} .ListType_One .ItemBlock .Img.Team {width: 45%;} .ListType_One .ItemBlock .Desc {margin-left: 45%; font-size:14px; line-height:19px;} .ListType_One .ItemBlock .Desc .BorderBox {padding:15px 15px; min-height:130px;} .ListType_One .ItemBlock .Desc .Name {font-size:20px;} .ListType_One .ItemBlock .Desc .FullName {font-size:20px;} .ListType_One .ItemBlock .Desc .Teams {line-height:20px;font-size:20px;} .ListType_One .ItemBlock .Desc .TeamLogo {width:36px; position:absolute; top:0px; right:0px;} /*QuickPlay*/ /*.ListType_One.quick_play .ItemBlock .Desc .BorderBox {padding:10px 15px 25px 15px; min-height:130px;}*/ } @media only screen and (max-width:1024px) { .PanelType_One .ListType_One .ItemType_One .MatchUpInfoPopupWide .PopupWide {width:500px !important; margin-left:-250px !important;} } @media only screen and (max-width:750px) { .ListType_One .ItemType_One {height:150px} .ListType_One .ItemType_One.PanelsOpen {height:fit-content} .PanelType_One .ListType_One .ItemType_One .TableType_One {height:150px;display:flex} .PanelType_One .ListType_One .ItemType_One .TableType_One .CellType_One {display:flex} .ListType_One .ItemBlock .Desc .BorderBox div {margin-bottom:5px} .ListType_One.quick_play .ItemBlock .Desc .BorderBox div {margin-bottom:0px} .ListType_One .ItemBlock .Img {width: 45%;} .ListType_One .ItemBlock .Img.Team {width: 45%;} .ListType_One .ItemBlock .Desc {margin-left: 45%; font-size:15px; line-height:19px;width:100%} .ListType_One .ItemBlock .Desc .BorderBox {padding:15px 15px; min-height:100px;} .ListType_One .ItemBlock .Desc .Name {font-size:15px;} .ListType_One .ItemBlock .Desc .FullName {font-size:15px;} .ListType_One .ItemBlock .Desc .Teams {line-height:15px;font-size:15px;} .ListType_One .ItemBlock .Desc .TeamLogo {width:20px; } .ListType_One .ItemBlock .Desc .Stat_01 {font-size:15px;display:none} .ListType_One .ItemBlock .Desc .Stat_02 {font-size:15px;} .ListType_One .ItemBlock .Desc .Stat_03 {font-size:15px;} .ListType_One .ItemBlock .Desc .Stat_04 {font-size:15px;} .ListType_One .ItemBlock .Desc .Position {font-size:15px} .ListType_One.Pick_Em .ItemBlock .Desc .Teams {color:#a8a8a8; line-height:24px; margin-bottom:2px;} .ListType_One.Pick_Em .ItemBlock .Desc .Stat_01 {font-size:20px; font-weight:500;} .ListType_One.Pick_Em .ItemBlock .Desc .Stat_02 {font-size:20px; font-weight:500; color:var(--base-colour);} .ListType_One.Pick_Em .ItemBlock .Desc .Stat_03 {color:#a8a8a8; font-weight:500;font-size:20px} .ListType_One.Pick_Em .ItemBlock .Desc .Stat_04 {font-size:22px; color:var(--base-colour); font-weight:500; transition:opacity 200ms ease; position:relative; display:inline-block;} .PanelType_One .ListType_One .ItemType_One .PlayerStats .swiper_playerstats .swiper-wrapper .swiper-slide a {font-size:15px; font-weight:400; border:none;} .PanelType_One .ListType_One .ItemType_One .PlayerStats .swiper_playerstats .swiper-wrapper .swiper-slide {padding:5px 0px;width:33%;} .PanelType_One .ListType_One .Wrapper .ItemTop {font-size:14px; font-weight:400;} .Wrapper .ItemTop .Block .Column .SmallText {font-size:14px} .PlayerStats .Wrapper .Item .Block .Column {font-size:14px} .PanelType_One .ListType_One .ItemType_One .TableType_One .CellType_One .BtnMatchUp {bottom:20px; width:40px} .PanelType_One .ListType_One .ItemType_One .TableType_One .CellType_One .BtnMatchUp a {padding:0px 0px 0px 0px; width:100%;font-size:14px} .QuickPlay .More_Stats_Mobile a {font-size:14px; line-height: 14px; padding:3px 5px} .PanelType_One .ListType_One .ItemType_One .TableType_One.QuickPlay .CellType_One .BtnMatchUp {bottom:0px; z-index:11;width:50px} .PanelType_One .ListType_One .ItemType_One .TableType_One.QuickPlay .CellType_One .BtnMatchUp a {padding:4px 5px 2px 5px;line-height:14px; width:100%;font-size: 14px;} .PanelType_One .ListType_One.quick_play .ItemType_One .TableType_One .CellType_One .ImgVs { top:55px; left:-8px;padding:5px;width:20px;height:20px;line-height:24px} .ListType_One .ItemType_One.Pick_Em .ItemBlock .Desc {line-height:25px} .ListType_One .ItemType_One.Pick_Em .ItemBlock .Desc .BorderBox {padding:15px 5px; max-height:190px;min-height:unset} .ListType_One .ItemType_One.Pick_Em .ItemBlock .Desc .BorderBox .FullName {font-size:20px;} .ListType_One .ItemType_One.Pick_Em .ItemBlock .Desc .BorderBox .Teams {font-size:20px;} .ListType_One .ItemType_One.Pick_Em .ItemBlock .Desc .BorderBox .TeamLogo {width:20px;top:2px; right:2px} .ListType_One .ItemType_One.Pick_Em .ItemBlock .Desc .BorderBox .Stat_01 {font-size:20px; font-weight:500; display:block} .ListType_One .ItemType_One.Pick_Em .ItemBlock .Desc .BorderBox .Stat_03 {font-size:20px; font-weight:500} .ListType_One .ItemType_One.Pick_Em .ItemBlock .Desc .BorderBox .Stat_04 {font-size:22px; font-weight:500} } @media only screen and (max-width:550px) { .ListType_One .ItemType_One {height:120px} .ListType_One .ItemType_One.PanelsOpen {height:fit-content} .PanelType_One .ListType_One .ItemType_One .TableType_One {height:120px} .PanelType_One .ListType_One .ItemType_One .TableType_One .CellType_One.Cell_01 {padding:2px} .PanelType_One .ListType_One .ItemType_One .TableType_One .CellType_One.Cell_03 {padding:2px} .ListType_One .ItemBlock .Select {width:calc(100% - 2px); height:98px;} .PanelType_One .ListType_One .ItemBlock .Img {width: 40%; height: calc(100% - 2px);} /*Dojo*/ .PanelType_One .ListType_One .ItemType_One.Pick_Em {height:unset} .PanelType_One .ListType_One .ItemType_One .TableType_One.Pick_Em {height:unset} .PanelType_One .ListType_One .ItemType_One .TableType_One.Pick_Em .CellType_One .ImgVs {left: -9px;top: 85px;} .PanelType_One .ListType_One .ItemType_One .TableType_One.Pick_Em .CellType_One .AddImg {width: 25px;height: 25px;} .PanelType_One .ListType_One .ItemType_One .TableType_One.Pick_Em .CellType_One .AddText {font-size:15px} /*.ListType_One .ItemBlock .Desc .BorderBox .Position {font-size:20px} .ListType_One .ItemBlock .Desc .Pourcentage {width:50px;margin-left:2px;height:8px} .ListType_One .ItemBlock .Desc .Pourcentage .Number {}*/ /*Dojo end*/ .ListType_One .ItemBlock .Img.Team {width: 40%;} .ListType_One .ItemBlock .Desc {margin-left: 40%; width:100%; height:118px} .ListType_One .ItemBlock .Desc .BorderBox {padding:5px 5px; max-height:110px;min-height:unset} .ListType_One .ItemBlock .Desc .BorderBox .Name {max-width:60px} .ListType_One .ItemBlock .Desc .BorderBox .FullName {max-width:60px} .ListType_One .ItemBlock .Desc .BorderBox .Teams {} .ListType_One .ItemBlock .Desc .BorderBox .TeamLogo {width:20px;top:2px; right:2px} .ListType_One .ItemBlock .Desc .BorderBox .Stat_02 {} .ListType_One .ItemBlock .Desc .BorderBox .Stat_03 {} .ListType_One .ItemBlock .Desc .BorderBox .Stat_04 {} .ListType_One .ItemBlock .Desc .BorderBox .Position {} .ListType_One .ItemBlock .Desc .Pourcentage {width: 50px; margin-left: 0px; position: absolute; left: -50%; bottom: 5px;} .PanelType_One .ListType_One .ItemType_One .PlayerStats .swiper_playerstats .swiper-wrapper .swiper-slide a {font-weight: 400;border: none;} .PanelType_One .ListType_One .ItemType_One .PlayerStats .swiper_playerstats .swiper-wrapper .swiper-slide {padding:5px 0px;width:33%;} .PanelType_One .ListType_One .Wrapper .ItemTop {font-weight:400;} .Wrapper .ItemTop .Block .Column .SmallText {} .PlayerStats .Wrapper .Item .Block .Column {} .PContent .PMiddle {padding:0px 0px;} .PMiddle .BoxTitle {padding: 5px;} .HowItWorks {display:none} .PanelType_One .ListType_One .ItemType_One .TableType_One .CellType_One .ImgVs {height:20px;width:20px; line-height:24px; left:-12px;top:30px;font-size:20px} .PanelType_One .ListType_One .ItemType_One .TableType_One .CellType_One .BtnMatchUp {position:absolute; bottom:0px; right:0px; z-index:11;width:40px;} .PanelType_One .ListType_One .ItemType_One .TableType_One .CellType_One .BtnMatchUp a {line-height:14px;padding-top:2px} .QuickPlay .More_Stats_Mobile a {padding:2px 5px; border-radius:2px} .PanelType_One .ListType_One .ItemType_One .TableType_One.QuickPlay .CellType_One .BtnMatchUp {bottom: 0px; z-index:11;width:40px} .PanelType_One .ListType_One .ItemType_One .TableType_One.QuickPlay .CellType_One .BtnMatchUp a {padding:3px 0px 0px 0px; width:100%; border-radius:2px} .PanelType_One .ListType_One.quick_play .ItemType_One .TableType_One .CellType_One .ImgVs {top: 42px;width: 14px;height: 14px;line-height: 16px; font-size: 14px;} } @media only screen and (max-width:600px) { /*Dojo*/ .PanelType_One .ListType_One .ItemType_One .TableType_One.Pick_Em .ItemBlock .Img {height: 55%; width: 100%;} .PanelType_One .ListType_One .ItemType_One .TableType_One.Pick_Em .CellType_One {flex-direction:column} .PanelType_One .ListType_One .ItemType_One .TableType_One.Pick_Em .ItemBlock .Desc { margin-left:0px; margin-top:110px; height:90px} .PanelType_One .ListType_One .ItemType_One .TableType_One.Pick_Em .ItemBlock .Img img { margin: 0 calc(25% - 6px); } /*Dojo*/ .ListType_One .ItemType_One.Pick_Em .ItemBlock .Desc {line-height:12px;} .ListType_One .ItemType_One.Pick_Em .ItemBlock .Desc .BorderBox {padding:5px 10px; max-height:90px;min-height:unset;} .ListType_One .ItemType_One.Pick_Em .ItemBlock .Desc .BorderBox .FullName {font-size:16px;max-width:unset} .ListType_One .ItemType_One.Pick_Em .ItemBlock .Desc .BorderBox .Teams {} .ListType_One .ItemType_One.Pick_Em .ItemBlock .Desc .BorderBox .TeamLogo {width:20px;top:2px; right:2px} .ListType_One .ItemType_One.Pick_Em .ItemBlock .Desc .BorderBox .Stat_01 {font-weight:400; display:block} .ListType_One .ItemType_One.Pick_Em .ItemBlock .Desc .BorderBox .Stat_03 {font-weight:400} .ListType_One .ItemType_One.Pick_Em .ItemBlock .Desc .BorderBox .Stat_04 {font-weight:400} /*.ListType_One .ItemBlock .Selected {border:3px solid #0072cd;} .ListType_One .ItemBlock .Selected:hover {border:3px solid #0072cd;} .ListType_One .ItemBlock .Img {position:relative; width:100%;} .ListType_One .ItemBlock .Img.Team {position:relative; width:100%;} .ListType_One .ItemBlock .Img img {display:block;} .ListType_One .ItemBlock .Desc {margin-left:0px;} .ListType_One .ItemBlock .Desc .TeamLogo {display:none;} .ListType_One .ItemBlock .Desc .Icon_Info {display:block;} .ListType_One .ItemBlock .Highlighted.Selected {border-bottom:3px solid var(--base-colour-dark);} .ListType_One .ItemBlock .Highlighted.Selected:hover {border-bottom:3px solid var(--base-colour-dark);} .PanelType_One .ListType_One .ItemType_One .MatchUpInfoPopup .Popup {top:-195px;} .PanelType_One .ListType_One .ItemType_One .MatchUpInfoPopup .Popup .Anim {display:none;} .PanelType_One .ListType_One .ItemType_One .MatchUpInfoPopup .Popup .AnimMobile {display:block;} .PanelType_One .ListType_One .ItemType_One .MatchUpInfoPopupWide .PopupWide {width:320px !important; margin-left:-160px !important;} .PanelType_One .ListType_One .TableType_One .CellType_One .ImgVs {top:55px}*/ } /* Item Block Small */ /* @media only screen and (max-width:1200px) { .ItemBlockSmall .Img {width:40%;} .ItemBlockSmall .Desc {margin-left:40%; font-size:14px; line-height:19px;} .ItemBlockSmall .Desc .Name {font-size:18px;} .ItemBlockSmall .Desc .Position {font-size:14px;} .ItemBlockSmall .Desc .Stat_01 {font-size:16px; display:block; border-right:none; padding-right:0px; margin-right:0px;} .ItemBlockSmall .Desc .Stat_02 {font-size:16px; display:block;} .ItemBlockSmall .Desc .Stat_04 {font-size:20px;} .ItemBlockSmall .Desc .TeamLogo {width:30px;} .ItemBlockSmall .Desc .BtnSelect a {font-size:14px; line-height:18px; padding: 10px 20px;} } @media only screen and (max-width:768px) { .ItemBlockSmall .Img {width:35%;} .ItemBlockSmall .Desc {margin-left:35%; font-size:11px; line-height:16px;} .ItemBlockSmall .Desc .Name {} .ItemBlockSmall .Desc .Position {} .ItemBlockSmall .Desc .Stat_01 {font-size:12px; display:inline-block; border-right:1px solid #242424; padding-right:4px; margin-right:4px;} .ItemBlockSmall .Desc .Stat_02 {font-size:12px; display:inline-block;} .ItemBlockSmall .Desc .Stat_04 {font-size:16px;} .ItemBlockSmall .Desc .TeamLogo {width:20px;} .ItemBlockSmall .Desc .BtnSelect a {font-size:11px; line-height:15px; padding:3px 6px;} } */ @media only screen and (max-width:1026px) { .WrapperPromote .Item .TableType_Four .Cell_02 .ImgVs {left:-13px} } @media only screen and (max-width:600px) { .WrapperPromote .Item {margin: 0} .WrapperPromote .Item .TableType_Four .Cell_01 {max-width:calc(50% - 5px);min-width:150px; vertical-align:top; box-sizing:border-box; width:100%; border:1px solid #8C8C8C; border-radius:5px} .WrapperPromote .Item .TableType_Four .Cell_01 .Cell_Top {display:block; padding:5px 5px 10px 5px} .WrapperPromote .Item .TableType_Four .Cell_01 .Cell_Top .Img { width:100%; height:fit-content; max-height:225px; background-image:none !important} .WrapperPromote .Item .TableType_Four .Cell_01 .Cell_Top .Img img {display:block; max-height:225px} .WrapperPromote .Item .TableType_Four .Cell_01 .Cell_Top .Desc .BorderBox {padding-left:0px; padding-bottom:0px; padding-top:5px;padding-right:0px;font-size:22px;line-height:26px} .WrapperPromote .Item .TableType_Four .Cell_01 .Cell_Top .Desc .BorderBox .Stat_02 {display:block; color:var(--base-colour);font-size:22px} .WrapperPromote .Item .TableType_Four .Cell_01 .Cell_Top .Desc .BorderBox .Name {font-size:28px;margin-top:5px} .WrapperPromote .Item .TableType_Four .Cell_01 .Cell_Top .Desc .BorderBox .Position {font-size:28px} .WrapperPromote .Item .TableType_Four .Cell_01 .Cell_Top .Desc .BorderBox .Teams {font-size:22px;} .WrapperPromote .Item .TableType_Four .Cell_01 .Cell_Top .Desc .BorderBox .Stat_03 {font-size:22px;} .WrapperPromote .Item .TableType_Four .Cell_02 {display:flex; position:relative; vertical-align:top; box-sizing:border-box; width:10px} .WrapperPromote .Item .TableType_Four .Cell_03 {max-width:calc(50% - 5px);min-width:150px; vertical-align:top; box-sizing:border-box; width:100%; border:1px solid #8C8C8C; border-radius:5px} .WrapperPromote .Item .TableType_Four .Cell_03 .Cell_Top {display:block; padding:5px 5px 10px 5px} .WrapperPromote .Item .TableType_Four .Cell_03 .Cell_Top .Img {position:unset; width:100%; height:fit-content; max-height:225px;background-image:none !important} .WrapperPromote .Item .TableType_Four .Cell_03 .Cell_Top .Img img { display: block;max-height: 225px} .WrapperPromote .Item .TableType_Four .Cell_03 .Cell_Top .Desc {position:unset; width:100%; margin:0px} .WrapperPromote .Item .TableType_Four .Cell_03 .Cell_Top .Desc .BorderBox {padding-left:0px; padding-bottom:0px; padding-top:5px;padding-right:0px;line-height:26px;font-size:22px} .WrapperPromote .Item .TableType_Four .Cell_03 .Cell_Top .Desc .BorderBox .Stat_02 {display:block; color:var(--base-colour);font-size:22px} .WrapperPromote .Item .TableType_Four .Cell_03 .Cell_Top .Desc .BorderBox .Name {font-size:28px;margin-top:5px} .WrapperPromote .Item .TableType_Four .Cell_03 .Cell_Top .Desc .BorderBox .Position {font-size:28px} .WrapperPromote .Item .TableType_Four .Cell_03 .Cell_Top .Desc .BorderBox .Teams {font-size:22px;} .WrapperPromote .Item .TableType_Four .Cell_03 .Cell_Top .Desc .BorderBox .Stat_03 {font-size:22px;} .WrapperPromote .Item .TableType_Four .Cell_02 .ImgVs {top:85px} .ItemBlockSmall .Desc .More_Stats {display:none} .WrapperPromote .Item .TableType_Four .Cell_Footer .More_Stats_Mobile {display:block} .WrapperPromote .Item .TableType_Four .Cell_Footer .Stat_02 {display:none} .WrapperPromote .Item .TableType_Four .Cell_Footer .More_Stats_Mobile a {font-size:16px;white-space:nowrap; color:#040404; font-weight:300; border-radius:5px;border:1px solid #8C8C8C; box-sizing:border-box; background:#8C8C8C; padding:0px 10px} .WrapperPromote .Item .TableType_Four .Cell_Footer .More_Stats_Mobile a:hover {cursor:pointer;background:#000000;color:#8C8C8C; text-decoration:none } .WrapperPromote .Item .TableType_Four .Cell_Footer .BtnSelect a {font-size:16px} } @media only screen and (max-width:480px) { .TableType_Four .ItemBlockSmall .Img {position:relative; width:100%;} .TableType_Four .ItemBlockSmall .Img img {display:block;} .TableType_Four .ItemBlockSmall .Desc {margin-left:0px;} .TableType_Four .CellType_Four .ImgVs {top:31%;} .WrapperPromote .Item .Block .Icon_Info {left:0px;} .PanelType_One .ListType_One .ItemBlock .Img {width: 35%;} .ListType_One .ItemBlock .Desc {margin-left: 35%;} } /* Type One */ @media only screen and (max-width:1024px) { .PanelType_One .ListType_One {margin:0px 0px -10px 0px;} .PanelType_One .ListType_One .ItemType_One {margin:0px 0px 10px 0px;} } @media only screen and (max-width:480px) { .PanelType_One .ListType_One {margin:0px 0px -5px 0px;} .PanelType_One .ListType_One .ItemType_One {margin:0px 0px 5px 0px;} } /* Player Stats */ @media only screen and (max-width:480px) { .PlayerStatsInfo {margin:5px -5px -5px -5px;} } /* Type Two */ @media only screen and (max-width:1400px) { .ListType .BoxTitle .BoxSelect {margin:0px; padding-top:10px; width:100%; float:none; clear:both;} } @media only screen and (max-width:1290px) { .ListType .BoxTitle .SearchPlayer {width:200px;} } @media only screen and (max-width:1200px) { .ListType .BoxTitle .SearchPlayer {width:260px;} .ListType .BoxTitle .BoxSelect {margin:0px 10px 0px 0px; padding-top:0px; width:180px; float:right; clear:none;} } @media only screen and (max-width:1024px) { .ListType {margin-top:10px;} } @media only screen and (max-width:768px) { /* .Table_List .Item {display:block; border-bottom:1px solid #242424; padding:20px 120px 20px 220px; position:relative; text-align:left;} .Table_List .Item:last-child {border-bottom:none;} .Table_List .Item .Block {border:none; padding:0px;} .Table_List .Item .Block .Column {padding:0px;} .Table_List .Item:nth-child(2n+1) .Block {border-left:none;} .Table_List .Item .Block .StatsTitle {display:inline-block; font-weight:400;} .Table_List .Item .Block_01 {display:inline-block; position:static; height:auto; font-size:16px;} .Table_List .Item .Block_01 .Img_Category {width:180px; display:block;} .Table_List .Item .Block_01 .Column {position:static;} .Table_List .Item .Block_01 .Column .Icon_Info {position:absolute; bottom:20px; right:100px; top:auto;} /* Reset info button back to "normal" .Table_List .Item .Block_01 .Column .Icon_Info.IconStats {background-image:url(/Content/Images/Icon_Info.png); width:23px; height:23px; margin-left:10px; top:2px; position:absolute; bottom:20px; right:100px; top:auto;} .Table_List .Item .Block_01 .Column .Icon_Info.IconStats.StatsOpen {transform: rotate(0deg);} .Table_List .Item .Block_02 {display:inline-block; vertical-align:top; color:red;} .Table_List .Item .Block_02 .Column {color:#fff;} .Table_List .Item .Block_02 .Column .Brackets {display:inline-block;} .Table_List .Item .Block_02Bis {display:block;} .Table_List .Item .Block_03 {float:left; color:#a8a8a8; position:static;} .Table_List .Item .Block_03 .Column {font-size:14px;} .Table_List .Item .Block_03 .Img_Team {display:block;} .Table_List .Item .Block_04 {float:left; color:#a8a8a8; margin-left:15px; padding-left:12px;} .Table_List .Item .Block_04 .Vs {background:none;} .Table_List .Item .Block_04 .Vs .Text {display:inline-block;} .Table_List .Item .Block_04 .Column {font-size:14px;} .Table_List .Item .Block_04Bis {display:block; clear:both;} .Table_List .Item .Block_05 {display:block;} .Table_List .Item .Block_05 .StatsTitle {font-weight:700; font-size:16px; color:#fff; margin-left:3px;} .Table_List .Item .Block_06 {display:block;} .Table_List .Item .Block_06 .StatsTitle {font-weight:700; font-size:16px; color:#fff; margin-left:3px;} .Table_List .Item .Block_07 {display:block;} .Table_List .Item .Block_07 .Column {font-size:14px;} .Table_List .Item .Block_08 {display:block; position:absolute; top:0px; right:0px; height:100%; border-left:1px solid #242424 !important; width:auto; padding:0px 10px;} .Table_List .Item .Block_08 .Column {display:table; height:100%;} .Table_List .Item .Block_08 .Column .BtnAdd {display:table-cell; vertical-align:middle;} .Table_List .Item .Block_09_more_less {padding:0px 5px;} .Table_List .Item .Block_09_more_less .Column {display: flex; flex-direction: column-reverse;} .Table_List .ItemTop .Block_00 {display:block; border-bottom:1px solid #242424;} .Table_List .ItemTop .Block_01 {display:none;} .Table_List .ItemTop .Block_02 {display:none;} .Table_List .ItemTop .Block_03 {display:none;} .Table_List .ItemTop .Block_04 {display:none;} .Table_List .ItemTop .Block_05 {display:none;} .Table_List .ItemTop .Block_06 {display:none;} .Table_List .ItemTop .Block_07 {display:none;} .Table_List .ItemTop .Block_08 {display:none;} .Table_List .PlayerStats.PlayerStatsInline {display:none !important;} */ /*.ListType .BoxTitle {padding-right: 20px;}*/ .ListType .BoxTitle .BoxSelect {margin:0px; padding-top:10px; width:100%; float:none; clear:both;} .ListType .BoxTitle .BoxSelect .DropDown02 {text-align:center;} .PanelType_Two .Table_List .Item .Block_04 {float:unset} .PanelType_Two .ListType .Wrapper .Item .Block.Block_01 .Column {padding:0px} .PanelType_Two .Table_List .Item .Block_01 .Column .Icon_Info.IconStats {display:none} .PanelType_Two .Table_List .Item .Block_02 {display:block} .PanelType_Two .Table_List .Item .Block_04 .ImgVs {left:0px;top:8px} .PanelType_Two .Table_List .Item .Block_03 .Img_Team {width:50px; height:50px} .PanelType_Two .Table_List .Item .Block_01 .Column .PlayerName {padding-left:5px} .PanelType_Two .Table_List .Item .Block_05 .Column .Val {font-weight:300} .PanelType_Two .Table_List .Item .Block_05 .Column .StatsTitle {font-weight:300} .PanelType_Two .Table_List .Item .Block_01 .Img_Category {height:185px} } @media only screen and (max-width:600px) { .ListType .BoxTitle .SearchPlayer {position:relative; top:auto; right:auto; margin-top:10px; margin-left:0px; width:100%;} .Table_List .Item {padding: 20px 100px 20px 200px;} .Table_List .Item .Block_01 .Img_Category {width:160px;} } @media only screen and (max-width:550px) { .PanelType_Two {padding-top:0px; padding-right:30px} .Table_List .Item .Block_01 .Img_Category {width:140px;} .Table_List .Item {padding: 15px 95px 15px 175px;} .Table_List .Item .Block_03 .Img_Team {width:50px; height:50px; top:10px; right:90px;} .Table_List .Item .Block_01 .Column .Icon_Info {bottom:10px; right:90px;} .PanelType_Two .Table_List .Item .Block_01 .Img_Category {height:175px} /*Dojo*/ .PanelType_One .ListType_One .ItemType_One .TableType_One.Pick_Em .CellType_One .AddText {margin-top: 50px;} } @media only screen and (max-width:768px) { .PanelType_Two .Wrapper.Table_List {display:none} .ListType {margin-top:5px;} .Table_List .Item {padding:15px 95px 15px 15px;} .Table_List .Item .Block_01 {display:none;} .Table_List .Item .Block_02 {display:none;} .Table_List .Item .Block_03 .Column {display:none;} .Table_List .Item .Block_04 {display:none;} .Table_List .Item .Block_04Bis {display:none;} .Table_List .Item .Block_05 {display:inline-block; border-right:1px solid #242424; padding-right:8px; margin-right:8px;} .Table_List .Item .Block_06 {display:inline-block;} .Table_List .Item .SmallScreenTop {display:block; padding-bottom:5px;} .Table_List .Item .SmallScreenTop .Image {float:left; width:55px; height:55px; background-size:cover; background-position:center; background-image:url(/content/images/Img_Player_Default.png); cursor:pointer;} .Table_List .Item .SmallScreenTop .Line1 {margin-left:65px; font-size:16px; line-height:1.2em; position:relative; top:-3px; cursor:pointer;} .Table_List .Item .SmallScreenTop .Line2 {margin-left:65px; color:#a8a8a8; line-height:1.2em;} .Table_List .Item .SmallScreenTop .Line2::after {content:""; display:block; clear:both;} .Table_List .Item .SmallScreenTop .Icon_Info_3 {background-image: url(/Content/Images/Icon_Info.png); background-size:cover; cursor:pointer; display:block; width:23px; height:23px; margin-left:10px; position:absolute; right:95px; bottom:15px;} .ListType_One .ItemBlock .Desc .Name {font-size:17px;} .ListType_One .ItemBlock .Desc .FullName {font-size:17px;} .ListType_One.Pick_Em .ItemBlock .Desc .FullName {font-size:20px;} .ListType_One.Pick_Em .ItemBlock .Desc .Teams {color:#a8a8a8; line-height:24px; margin-bottom:2px;} .ListType_One.Pick_Em .ItemBlock .Desc .Stat_01 {font-size:20px; font-weight:500;} .ListType_One.Pick_Em .ItemBlock .Desc .Stat_02 {font-size:20px; font-weight:500; color:var(--base-colour);} .ListType_One.Pick_Em .ItemBlock .Desc .Stat_03 {color:#a8a8a8; font-weight:500;font-size:20px} .ListType_One.Pick_Em .ItemBlock .Desc .Stat_04 {font-size:22px; color:var(--base-colour); font-weight:500; transition:opacity 200ms ease; position:relative; display:inline-block;} /*Over/under mobile view*/ .PanelType_Two {padding-right:0px;padding-bottom:15px} .PanelType_Two .Wrapper.Mobile_Table_List {display:flex; flex-direction:column; gap:10px; align-items:center} .PanelType_Two .ListType .Mobile_Table_List .ItemBlockSmall.Cell_01 .Cell_Top {display:flex; flex-direction:row; padding:5px 5px 15px 5px;width:100%} .PanelType_Two .ListType .Mobile_Table_List .ItemBlockSmall.Cell_01 .Cell_Top .Img {width:60px; height:60px} .PanelType_Two .ListType .Mobile_Table_List .ItemBlockSmall.Cell_01 .Cell_Top .Desc {margin:0px; flex: 1 1;} .PanelType_Two .ListType .Mobile_Table_List .ItemBlockSmall.Cell_01 .Cell_Top .Desc .Name {font-size:18px; line-height:16px} .PanelType_Two .ListType .Mobile_Table_List .ItemBlockSmall.Cell_01 .Cell_Top .Desc .Teams {font-size:14px; line-height:15px;font-weight:300} .PanelType_Two .ListType .Mobile_Table_List .ItemBlockSmall.Cell_01 .Cell_Top .Desc .Time {font-size:14px; line-height:18px; color:#8c8c8c; font-weight:300} .PanelType_Two .ListType .Mobile_Table_List .ItemBlockSmall.Cell_01 .Cell_Top .Desc .BorderBox {position:relative;padding-left:10px;min-height:unset; padding-bottom:0px; padding-top:5px;padding-right:10px; text-align:left} .PanelType_Two .ListType .Mobile_Table_List .ItemBlockSmall.Cell_01 .Cell_Top .Desc .BorderBox .Chevron {position:absolute; right:10px; top:50%; width:15px} .PanelType_Two .ListType .Mobile_Table_List .ItemBlockSmall.Cell_01 .Cell_Top .Desc .BorderBox .Stat_02 {display:none} .PanelType_Two .ListType .Mobile_Table_List .ItemBlockSmall .Desc .BorderBox {padding-bottom:36px; min-height:90px;} .PanelType_Two .ListType .Mobile_Table_List .ItemBlockSmall .Cell_Footer { width:100%; border-top:1px solid #8C8C8C; display:flex; justify-content:space-between; box-sizing:border-box;align-items:center;} .PanelType_Two .ListType .Mobile_Table_List .ItemBlockSmall .Cell_Footer .Stat_Container {display:flex; flex-direction:row; justify-content:space-between;width:100%; padding:10px;} .PanelType_Two .ListType .Mobile_Table_List .ItemBlockSmall .Cell_Footer .Stat_Container .PFP {color:var(--base-colour);} .PanelType_Two .ListType .Mobile_Table_List .ItemBlockSmall .Cell_Footer .Stat_Container .Button_Container {display:flex; flex-direction:row; gap:5px;} .PanelType_Two .ListType .Mobile_Table_List .ItemBlockSmall .Cell_Footer .Stat_Container .Button_Container .BtnOver {padding:5px 20px;} .PanelType_Two .ListType .Mobile_Table_List .ItemBlockSmall .Cell_Footer .Stat_Container .Button_Container .BtnUnder {padding:5px 20px;} .PanelType_Two .ListType .Mobile_Table_List .Cell_01 {min-width:298px;height:fit-content; vertical-align:top; box-sizing:border-box; width:100%; border:1px solid #8C8C8C; border-radius:5px} .PanelType_Two .ListType .Mobile_Table_List .ItemBlockSmall.Cell_01 .ProgressIndicator {position:absolute; width:50px; top:25%;right:50%; display:none} .Mobile_Table_List .MoreLessSelected {display: none!important;} .PanelType_One .ListType_One .ItemType_One .TableType_One.Pick_Em .CellType_One.Cell_01 {height: 200px} .PanelType_One .ListType_One .ItemType_One .TableType_One.Pick_Em .CellType_One.Cell_03 {height: 200px} .PanelType_One .ListType_One .ItemType_One.Pick_Em {height:unset} .PanelType_One .ListType_One .ItemType_One .TableType_One.Pick_Em {height:unset} } @media only screen and (max-width:400px) { .Table_List .Item .Block_03 {display:none;} } /* PanelType_Three */ @media only screen and (max-width:2400px) { .PanelType_Three .ItemBlock .Img {width:30%;} .PanelType_Three .ItemBlock .Desc {margin-left:30%;} .TableType_Three .ItemBlock .Desc .BorderBox {padding:15px 15px; min-height:150px;} .TableType_Three .ItemBlock .Desc {font-size:14px; line-height:19px;} .TableType_Three .ItemBlock .Desc .Name {font-size:18px;} .TableType_Three .ItemBlock .Desc .TeamLogo_02 {right:20px; width:70px; height:70px; margin-top:-40px;} } @media only screen and (max-width:1500px) { .PanelType_Three .ItemBlock .Img {width:35%;} .PanelType_Three .ItemBlock .Desc {margin-left:35%;} } @media only screen and (max-width:1200px) { .PanelType_Three .ItemBlock .Img {width:30%;} .PanelType_Three .ItemBlock .Desc {margin-left:30%;} } @media only screen and (max-width:1024px) { .TableType_Three .ItemBlock .ImgCross {top:-5px; right:-5px;} } @media only screen and (max-width:600px) { .PanelType_Three .ItemBlock .Desc .TeamLogo_02 {display:none;} /* Player stats remains visible as not all stats allow for data to be accessible to wager on */ /*.PanelType_Three .PlayerStats {display:none;}*/ .TableType_Three .ItemBlock .Selected {border:3px solid #0072cd;} .TableType_Three .ItemBlock .Selected:hover {border:3px solid #0072cd;} .TableType_Three .ItemBlock .Img156 {position:relative; width:100%;} .TableType_Three .ItemBlock .Img img {display:block;} .TableType_Three .ItemBlock .Desc {margin-left:0px;} .TableType_Three .ItemBlock .Desc .TeamLogo {display:none;} .TableType_Three .ItemBlock .Desc .Icon_Info {display:block;} .TableType_Three .ItemBlock .Highlighted.Selected {border-bottom:3px solid var(--base-colour-dark);} .TableType_Three .ItemBlock .Highlighted.Selected:hover {border-bottom:3px solid var(--base-colour-dark);} .TableType_Three .Cell_01 {width:16%;} .TableType_Three .Cell_02 {width:68%;} .TableType_Three .Cell_03 {width:16%;} .TableType_Three .CellType_Three .BtnUnder {padding:160px 0px;} .TableType_Three .CellType_Three .BtnOver {padding:160px 0px;} .TableType_Three .ItemBlock .ImgCross {top:4px; right:4px; width:25px; height:25px;} } @media only screen and (max-width:480px) { .TableType_Three .CellType_Three .BtnUnder {padding:120px 0px;} .TableType_Three .CellType_Three .BtnOver {padding:120px 0px;} } @media only screen and (max-width:400px) { .TableType_Three .CellType_Three .BtnUnder {padding:100px 0px;} .TableType_Three .CellType_Three .BtnOver {padding:100px 0px;} } /* Type Five */ @media only screen and (max-width:480px) { .TableType_Five .CellType_Five .BtnUnder {padding:120px 0px;} .TableType_Five .CellType_Five .BtnOver {padding:120px 0px;} } @media only screen and (max-width:400px) { .TableType_Five .CellType_Five .BtnUnder {padding:100px 0px;} .TableType_Five .CellType_Five .BtnOver {padding:100px 0px;} } /* Matchup */ @media only screen and (max-width:1024px) { .Matchup {} .Matchup .MatchupLeft {width:40%;} .Matchup .MatchupRight {width:60%;} } @media only screen and (max-width:900px) { .Matchup {display:block; width:100%;} .Matchup .MatchupLeft {display:block; width:100%; border-right:1px solid var(--base-colour-dark); border-bottom:none;} .Matchup .MatchupRight {display:block; width:100%;} .Matchup .PickList ul li {width:100%; padding-right:3px;} .Matchup .PickList ul li.Highlighted {border-right:3px solid #0072cd; padding:0px;} .Matchup .PickList ul li .Cov {display:none;} .Matchup .PickList ul li:nth-child(2n+1) .Cov {display:none;} /*MyContest Page*/ .AdditionalDetails .Matchup {flex-direction:column} .AdditionalDetails .Matchup .MatchupRight {display:flex; flex-direction:column; margin-top:15px} .AdditionalDetails .Matchup .ComparePanel .TableCompare {display:flex; flex-direction:column} .AdditionalDetails .Matchup .ComparePanel .TableCompare .CellCompare {width:100%} .AdditionalDetails .ItemBlockVertical {background-color:#252525} .AdditionalDetails .ItemBlockVertical .Img {display:none} .AdditionalDetails .Matchup .ComparePanel .TableCompare .ItemBlockVertical .Desc .FirstName {display:none} .AdditionalDetails .Matchup .ComparePanel .TableCompare .ItemBlockVertical .Desc .LastName {display:none} .AdditionalDetails .Matchup .ComparePanel .TableCompare .ItemBlockVertical .Desc .Position {display:none} .AdditionalDetails .ID {display:none !important} .AdditionalDetails .MobPlayerHeader {display:flex;box-sizing:border-box; width:100%; justify-content:space-between;padding:15px} .AdditionalDetails .MobPlayerHeader div {display:flex;} .AdditionalDetails .MobPlayerHeader .NameContainer {display:block; align-self:center} .AdditionalDetails .MobPlayerHeader .MobImage {background-image:none !important} .AdditionalDetails .MobPlayerHeader .MobImage img {max-width:150px; margin-right:15px} .AdditionalDetails .MobPlayerHeader .FirstName {font-size:30px; font-weight:500;margin-bottom:5px} .AdditionalDetails .MobPlayerHeader .LastName {font-size:30px; font-weight:500;margin-bottom:5px} .AdditionalDetails .MobPlayerHeader .Position {font-size:20px; color: var(--base-colour); align-self:center} .AdditionalDetails .Matchup .DFP_PFP_Container {width:100%; justify-content:center; gap:30px; margin:25px 0px} .AdditionalDetails .Matchup .PFP_Container {font-size:40px} .AdditionalDetails .Matchup .DFCP_Container {font-size:18px} .AdditionalDetails .Matchup .Center {margin-top:0px} .AdditionalDetails .ItemBlockVertical .Desc .TeamLogo img {width: 62px;height: 62px;} .AdditionalDetails .Matchup .ComparePanel .MiddleCompare {padding:0px 30px; box-sizing:border-box} .AdditionalDetails .Matchup .ComparePanel .TableCompare .CellCompare_02 {margin:0px; } .AdditionalDetails .Matchup .ComparePanel .MiddleCompare .Item .Block_01 {width:33%; text-align:center} .AdditionalDetails .Matchup .ComparePanel .MiddleCompare .Item .Block_02 {width:33%; position:unset; color:#ffffff} .AdditionalDetails .Matchup .ComparePanel .MiddleCompare .Item .Block_03 {width:33%; text-align:center} .AdditionalDetails .Matchup .CellCompare_02 .ComparePositionNew .Item:last-child .Block .Column {border-bottom:none;} .AdditionalDetails .Matchup .ComparePanel .TableCompare .CellCompare_03 {display:none} .AdditionalDetails .Matchup .ComparePanel .TableCompare .CellCompare_03.Mobile {display:block} .AdditionalDetails .Matchup .PickList ul li .TableList .CellList_03 {width:30px} .AdditionalDetails .Matchup .PickList .Choice .Name {overflow:hidden; text-overflow:ellipsis; white-space:nowrap} } /* Affiliate Join Now */ @media only screen and (max-width:1024px) { .AffiliateJoinNow {width:630px;} } @media only screen and (max-width:768px) { .AffiliateJoinNow {width:470px;} } @media only screen and (max-width:480px) { .AffiliateJoinNow .FormColumn_FirstName {float:none; width:100%;} .AffiliateJoinNow .FormColumn_LastName {float:none; width:100%;} .AffiliateJoinNow .FormSpacer_01 {display:none;} } /* Affiliate */ @media only screen and (max-width:1024px) { .Affiliate .AffLeft {float:none; width:100%; margin-bottom:30px;} .Affiliate .AffRight {float:none; width:100%; margin-bottom:30px; margin-top:30px;} .Affiliate .AffLeft_02 {float:none; width:100%;} .Affiliate .AffRight_02 {float:none; width:100%;} } /* Who We Are */ @media only screen and (max-width:1200px) { .WhoWeAre .Img {width:38%;} .WhoWeAre .Txt {width:58%;} } @media only screen and (max-width:768px) { .WhoWeAre .Img {float:none; width:100%; margin-bottom:20px;} .WhoWeAre .Txt {float:none; width:100%;} } /* Contact Us */ @media only screen and (max-width:768px) { .ContactUs {margin-bottom:20px;} .ContactUs .Img {float:none; width:100%; margin-bottom:20px;} .ContactUs .Txt {float:none; width:100%;} } /* Affiliate Dashboard */ @media only screen and (max-width:1024px) { .AffiliateDashboard .MainContentAffiliate {padding:20px;} .AffiliateDashboard .AD_Table {margin-top:20px;} .AffiliateDashboard .AD_Commission {margin-top:20px;} } @media only screen and (max-width:1024px) { .AffiliateDashboard .BothStandard {margin:0px !important;} .AffiliateDashboard .MainContentAffiliate {padding:10px;} .AffiliateDashboard .AD_Live_Visits {} .AffiliateDashboard .AD_Table {margin-top:10px;} .AffiliateDashboard .AD_Table .AD_Cell_01 {width:49.5%;} .AffiliateDashboard .AD_Table .AD_Cell_02 {width:1%;} .AffiliateDashboard .AD_Table .AD_Cell_03 {width:49.5%;} .AffiliateDashboard .AD_Commission {margin-top:10px;} } @media only screen and (max-width:768px) { .AffiliateDashboard .BoxTitle h2 {float:none;} .AffiliateDashboard .BoxTitle .TotalNumber {float:none;} .AffiliateDashboard .AD_Table {display:block;} .AffiliateDashboard .AD_Table .AD_Cell {display:block;} .AffiliateDashboard .AD_Table .AD_Cell_01 {width:100%;} .AffiliateDashboard .AD_Table .AD_Cell_02 {width:100%; height:10px;} .AffiliateDashboard .AD_Table .AD_Cell_03 {width:100%; padding:40px 0px;} } /* Table Display Number */ @media only screen and (max-width:768px) { .Table_Display_Number {display:block; text-align:left;} .Table_Display_Number .Item {display:block; border-bottom:1px solid #242424; padding:20px 20px; position:relative;} .Table_Display_Number .Item:last-child {border-bottom:none;} .Table_Display_Number .Item .Block {border:none; padding:0px;} .Table_Display_Number .Item .Block .Column {padding:0px;} .Table_Display_Number .Item:nth-child(2n+1) .Block {border-left:none;} .Table_Display_Number .Item .Block_01 {display:block;} .Table_Display_Number .Item .Block_02 {display:block;} .Table_Display_Number .ItemTop {display:none;} } /* Table Live Visits */ @media only screen and (max-width:768px) { .Table_Live_Visits {display:block; text-align:left;} .Table_Live_Visits .Item {display:block; border-bottom:1px solid #242424; padding:20px 20px; position:relative;} .Table_Live_Visits .Item:last-child {border-bottom:none;} .Table_Live_Visits .Item .Block {border:none; padding:0px;} .Table_Live_Visits .Item .Block .Column {padding:0px;} .Table_Live_Visits .Item:nth-child(2n+1) .Block {border-left:none;} .Table_Live_Visits .Item .Block_01 {display:block;} .Table_Live_Visits .Item .Block_02 {display:block;} .Table_Live_Visits .Item .Block_03 {display:block; width:100%;} .Table_Live_Visits .Item .Block_04 {display:block;} .Table_Live_Visits .ItemTop {display:none;} } /* Commission */ @media only screen and (max-width:768px) { .Table_Commission {display:block; text-align:left;} .Table_Commission .Item {display:block; border-bottom:1px solid #242424; padding:20px 20px; position:relative;} .Table_Commission .Item:last-child {border-bottom:none;} .Table_Commission .Item .Block {border:none; padding:0px;} .Table_Commission .Item .Block .Column {padding:0px;} .Table_Commission .Item:nth-child(2n+1) .Block {border-left:none;} .Table_Commission .Item .Block_01 {display:block;} .Table_Commission .Item .Block_02 {display:block;} .Table_Commission .Item .Block_02 .Column {color:#fff;} .Table_Commission .Item .Block_03 {display:block;} .Table_Commission .Item .Block_04 {display:block; position:absolute; top:20px; right:20px;} .Table_Commission .Item .Block_05 {display:block;} .Table_Commission .Item .Block_06 {display:block;} .Table_Commission .Item .Block .StatsTitle {display:inline-block;} .Table_Commission .ItemTop {display:none;} } /* Faq */ @media only screen and (max-width:1024px) { .Faq .FaqList {width:100%; margin:0px 0px -30px 0px;} .Faq .FaqList .FaqItem {width:100%; margin:0px 0px 30px 0px;} .Faq .FaqList {gap:15px;grid-template-columns:1fr 1fr 1fr } .Faq .FaqList .FaqTopItem a .FaqImg {width:40px; height:40px;} .FAQQuestions .FaqItem {margin-bottom: 20px} .FAQQuestions .FaqItem h1 {font-size:30px; font-weight:400} .FAQQuestions .FaqItem .Question {margin-bottom:20px;} .FAQQuestions .FaqItem .Question h2 {font-size:22px;margin-bottom:5px} .FAQQuestions .FaqItem .Question .Answer {gap:10px} .FAQQuestions .FaqItem .Question .Answer h2 {font-size:18px;} .FAQQuestions .FaqItem .Question .Answer h3 {font-size:18px;} .FAQQuestions .FaqItem .Question p {font-size:18px; } .FAQQuestions .FaqItem .Question a {font-size:18px;} } @media only screen and (max-width:768px) { .Faq .BigTitle {font-size:30px; line-height:30px;} .Faq .FaqList .FaqTopItem a {height:81px;padding-top:10px} .Faq .FaqList {gap:10px;grid-template-columns:1fr 1fr} .Faq .FaqList .FaqTopItem a .FaqImg {width:30px; height:30px;} .Faq .FaqList .FaqTopItem .FaqTitle {font-size:11px;margin-top:2px} .FAQQuestions .FaqItem {margin-bottom: 15px} .FAQQuestions .FaqItem h1 {font-size:23px; font-weight:500} .FAQQuestions .FaqItem .Question {margin-bottom:15px;} .FAQQuestions .FaqItem .Question h2 {font-size:18px;margin-bottom:2px} .FAQQuestions .FaqItem .Question .Answer {gap:10px} .FAQQuestions .FaqItem .Question .Answer h2 {font-size:14px;} .FAQQuestions .FaqItem .Question .Answer h3 {font-size:14px;} .FAQQuestions .FaqItem .Question p {font-size:14px; } .FAQQuestions .FaqItem .Question a {font-size:14px;} } @media only screen and (max-width:480px) { .Faq .FaqList {width:100%; margin:0px 0px -20px 0px;} .Faq .FaqList .FaqItem {width:100%; margin:0px 0px 20px 0px;} .Faq .FaqList .FaqItem .FaqImg {width:80px; margin-bottom:-40px;} .Faq .FaqList .FaqItem .FaqDesc {padding:50px 20px 20px 20px;} } /* Store */ @media only screen and (max-width:768px) { .Store .StoreHeader {display:none} .Store .StoreList .StoreItem {display:block} .Store .StoreList .StoreItem .StoreImg { max-height:250px;height:50%} .Store .StoreList .StoreItem .StoreImg img {width:100%} .Store .StoreList .StoreItem div:not(:first-child) {justify-self: left;} .Store .StoreList .StoreItem .StoreImg img {aspect-ratio: unset;} .Store .StoreList .StoreItem .BtnOne {width:100%} .Store .StoreList .StoreItem .BtnOne a {width:100%} } @media only screen and (max-width:425px) { .Store .StoreList .StoreItem .StoreImg { width: unset; } } /* p section - BEGIN */ @media only screen and (max-width:1410px) { .Wrapper.Table_MyContests .ItemTop .Block .Column .SmallText {display:block; padding-bottom:3px;} .Wrapper.Table_MyContests .ItemTop .NotSorted .Icon_Arrows {top:-2px;} .Wrapper.Table_MyContests .ItemTop .Ascending .Icon_Arrows {top:-2px;} .Wrapper.Table_MyContests .ItemTop .Descending .Icon_Arrows {top:-2px;} } @media only screen and (max-width:1380px) { .Table_Live .ItemTop .Block .Column {top:2px;} .Table_Live .ItemTop .Block .Column .SmallText {display:block;} .Table_Live .ItemTop .Block.Block_01 .Column .SmallText {padding-right:0px;} .Table_Live .ItemTop .Block.Block_01 .Column {text-align:center;} .Table_Live .ItemTop .Block.Block_01 .Icon_Arrows {margin-left:0px;} .Table_Live .ItemTop .Block.Block_01 .Column {padding-top:8px; padding-bottom:4px;} .Table_Live .ItemTop .Block .InfoRollover {bottom:59px;} } @media only screen and (max-width:1300px) { .Live .TopStats .TopCell .StatItem .SILeft .BorderBox {padding:12px;} .Live .TopStats .TopCell .StatItem .SILeft .TopNumber {left:22px; top:22px;} } @media only screen and (max-width:1200px) { .Live .TopLive .TableLive .CellLive .TeamLogo {width:160px;} .Live .TopLive .TableLive .CellLive .TeamShadow {width:160px; height:32px;} .Live .TopStats .TopCell .StatItem .SILeft .BorderBox .Desc {} .MainHeaderPlayer .Inner {padding-right:20px;} .Table_Live .ItemTop .Block:last-child .InfoRollover {margin-left:-106px;} .Table_Live .ItemTop .Block:last-child .InfoRollover .BottomArrow {margin-left:32px;} } @media only screen and (max-width:1150px) { .Live .TopStats .TopCell .StatItem .SILeft .BorderBox {font-size:15px;} .Live .TopStats .TopCell .StatItem .SILeft .BorderBox .Desc .Team {font-size:14px;} .Live .TopStats .TopCell .StatItem .SIRight {width:100px;} .Live .TopStats .TopCell .StatItem .SILeft {margin-right:100px;} } @media only screen and (max-width:1024px) { .Live .TopLive {margin-bottom:10px;} .Live .TopLive .TableLive .CellLive .TeamLogo {width:140px;} .Live .TopLive .TableLive .CellLive .TeamShadow {width:140px; height:28px;} .Live .TopStats {width:101%;} .Live .TopStats .TopCell {margin-right:1%; width:32.33%;} .Live .TopStats .TopCell .StatItem {margin-bottom:10px;} .PanelType_One .ListType_One .HeaderAfterTonight {top:1px; margin-bottom:12px;} } @media only screen and (max-width:900px) { .Live .TopStats .TopCell .StatItem .SILeft .BorderBox {font-size:15px;} .Live .TopStats .TopCell .StatItem .SILeft .BorderBox .Desc .Position {font-size:13px;} .Live .TopStats .TopCell .StatItem .SILeft .BorderBox .Desc .Team {font-size:13px;} } @media only screen and (max-width:900px) { .Table_Live .Item .Block_01 .Img_Category {left:1px;} .Table_Live .Item .Block_01 .Column {padding-left:60px;} .Table_Live .Item .Block_01 {font-size:15px;} .Table_Live .Item .Block_03 {font-size:15px;} } @media only screen and (max-width:850px) { .ItemBlockSmall .Desc .BorderBox {padding-top:10px; padding-bottom:10px;} .ItemBlockSmall .Desc {line-height:17px;} .ItemBlockSmall .Desc .Name {font-size:12px;} .ItemBlockSmall .Desc .Position {font-size:11px;} .ItemBlockSmall .Desc .Teams {font-size:12px;} .ItemBlockSmall .Desc .Stat_01 {font-size:12px;} .ItemBlockSmall .Desc .Stat_01 span {display:none;} .ItemBlockSmall .Desc .Stat_02 {font-size:12px;} .ItemBlockSmall .Desc .Stat_02 span {display:none;} .ItemBlockSmall .Desc .Stat_03 {font-size:12px;} .ItemBlockSmall .Desc .Stat_04 {font-size:14px;} .ItemBlockSmall .Desc .TeamLogo {width:28px; top:13px; right:12px;} .ItemBlockSmall .Desc .TeamLogo_02 {width:40px; height:40px; margin-top:-20px;} .BtnMiniOne a {font-size:13px; padding:4px 9px; line-height:15px;} .TableType_Five .ItemBlockSmall .Desc .BorderBox {padding-left:15px;} .WrapperPromote .Item .TableType_Four .BtnSelect .Prog {top:4px;} .WrapperPromote .Item .TableType_Four .ItemBlockSmall .Desc .BorderBox {} .Live .TopStats .TopCell .StatItem .SIRight {width:90px;} .Live .TopStats .TopCell .StatItem .SILeft {margin-right:90px;} } @media only screen and (max-width:800px) { .Live .TopLive .TableLive {height:200px;} .Live .TopLive .TableLive .CellLive .Score {width:90px; height:90px; line-height:89px; font-size:30px;} .Live .TopLive .TableLive .CellLive .TeamLogo {width:70px;} .Live .TopLive .TableLive .CellLive .TeamShadow {width:90px; height:18px;} .Live .TopLive .TableLive .CellLive .Vs {width:30px; height:30px;} .Live .TopLive .BottomEffect {width:420px; height:51px; margin-left:-200px;} .Live .TopStats {width:100%;} .Live .TopStats .TopCell {margin-right:0%; width:100%;} .Live .TopStats .TopCell .StatItem {margin-bottom:10px; min-height:0px !important;} .Live .TopStats .TopCell .StatItem .SILeft {margin-right:200px; min-height:180px;} .Live .TopStats .TopCell .StatItem .SILeft .TopNumber {left:30px;} .Live .TopStats .TopCell .StatItem .SILeft .TopNumber {top:13px;} .Live .TopStats .TopCell .StatItem .SILeft .BorderBox .Img {width:180px; position:absolute; left:20px; top:0px;} .Live .TopStats .TopCell .StatItem .SILeft .BorderBox .Desc {margin-left:205px; margin-right:60px;} .Live .TopStats .TopCell .StatItem .SILeft .BorderBox .Desc .Position {font-size:15px;} .Live .TopStats .TopCell .StatItem .SILeft .BorderBox .Desc .Team {font-size:17px; margin-right:0px;} .Live .TopStats .TopCell .StatItem .SILeft .BorderBox .Desc .TeamLogo {width:60px; height:60px; right:-60px; bottom:auto; top:2px;} .Live .TopStats .TopCell .StatItem .SILeft .BorderBox .Icon_Info2 {display:none;} .Live .TopStats .TopCell .StatItem .SILeft .BorderBox .Icon_Info3 {display:block; background-image:url(/Content/Images/Icon_Info.png); background-size:cover; width:23px; height:23px; position:absolute; bottom:13px; right:15px;} .Live .TopStats .TopCell .StatItem .SIRight {width:200px;} .Table_Live .Item .Block_01 .Img_Category {left:20px;} .Table_Live .Item .Block_01 .Column {padding-left:0px;} .Table_Live .Item .Block_01 {font-size:16px;} .Table_Live .Item .Block_03 {font-size:16px;} .Live .TopStats .TopCell .StatItem .SILeft .BorderBox {font-size:18px} .NewsPanel {top:0px; height:100% !important;} .NContent .NRight .Pagination {position:relative;} } @media only screen and (max-width:768px) { .PlayerStats .Panel .NewsItem .Title {font-size:19px;} .PlayerStats .Panel .NewsItem {margin-top:15px;} .MainContentPlayer .BothStandard .TopHeight.Requests {display:none;} .MainContentPlayer .BothStandard .TopHeight.SubmitBug {display:none;} /*.RightRadio .icheckbox_square-grey, .RightRadio .iradio_square-grey {float: right;}*/ } @media only screen and (max-width:700px) { .Live .TopStats .TopCell .StatItem .SIRight {width:150px;} .Live .TopStats .TopCell .StatItem .SILeft {margin-right:150px;} } @media only screen and (max-width:650px) { .Live .TopLive {margin-bottom:5px;} .Live .TopLive .BottomEffect {display:none;} .Live .TopStats .TopCell .StatItem {margin-bottom:5px;} .Live .TopStats .TopCell .StatItem .SILeft {margin-right:46%; min-height:0px;} .Live .TopStats .TopCell .StatItem .SILeft .TopNumber {top:30px; left:30px;} .Live .TopStats .TopCell .StatItem .SILeft .BorderBox {padding:15px;} .Live .TopStats .TopCell .StatItem .SILeft .BorderBox .Img {width:auto; position:relative; left:auto; top:auto;} .Live .TopStats .TopCell .StatItem .SILeft .BorderBox .Desc {margin-left:0px; margin-right:46px;} .Live .TopStats .TopCell .StatItem .SIRight {width:46%;} .Live .TopStats .TopCell .StatItem .SILeft .BorderBox .Desc .TeamLogo {bottom:13px; right:16px; width:42px; height:42px; margin-bottom:0px; right:-47px;} .Live .TopStats .TopCell .StatItem .SILeft .BorderBox .Icon_Info2 {display:block;} .Live .TopStats .TopCell .StatItem .SILeft .BorderBox .Icon_Info3 {display:none;} } @media only screen and (max-width:500px) { .TutorialPopUpTrigger {width:100%; left:auto;} } @media only screen and (max-width:500px) { .Live .TopLive .TableLive .CellLive .Score {width:70px; height:70px; font-size:26px; line-height:72px;} .Live .TopLive .TableLive .CellLive .TeamLogo {width:47px;} .Live .TopLive .TableLive .CellLive .TeamName {font-size:15px;} .Live .TopLive .TableLive .CellLive .TeamShadow {height:10px; width:50px; margin-top:4px;} .Live .TopStats .TopCell .StatItem .SILeft .BorderBox .Desc {font-size:16px; line-height:1.2em; margin-right:40px;} .Live .TopStats .TopCell .StatItem .SILeft .BorderBox .Desc .Name {margin-bottom:2px;} .Live .TopStats .TopCell .StatItem .SILeft .BorderBox .Desc .Position {font-size:14px;} .Live .TopStats .TopCell .StatItem .SILeft .BorderBox .Desc .Team {font-size:14px;} .Live .TopStats .TopCell .StatItem .SILeft .BorderBox .Desc .TeamLogo {right:-41px;} .Table_Live .Item {padding-right:60px;} .Table_Live .Item .Block_03 .Img_Team {width:40px; height:40px; right:15px;} .Table_Live .Item .Block_01 .Column .Icon_Info {right:19px;} .CoverLayerModal .ActualContent7 {width:auto;} .WrapperPromote .TableType_Five .Cell_01 {width:18%;} .WrapperPromote .TableType_Five .Cell_02 {width:64%;} .WrapperPromote .TableType_Five .Cell_03 {width:18%;} .ItemBlockSmall .Desc .TeamLogo_02 {right:10px; width:30px; height:30px; margin-top:-15px;} } @media only screen and (max-width:480px) { .MainContentPlayer .BothStandard .TopHeight .Cell h1.Title {margin:0px;} .MainContentPlayer .BothStandard .TopHeight .Cell .UnderLine {display:none;} .WrapperPromote .Item .TableType_Four.SelectedRow .ItemBlockSmall .Desc .Stat_04 {display: block;} .WrapperPromote .Item .TableType_Four .InfoRollover {left: unset; } } @media only screen and (max-width:450px) { .LoginRegisterBox .LoginRegisterContent .CheckBoxLogin .icheckbox_square-grey {margin-bottom:30px;} .LoginRegisterBox .LoginRegisterContent .CheckBoxRegister .icheckbox_square-grey {margin-bottom:30px;} .Table_Live .Item .Block_01 .Img_Category {width:120px; left:15px;} .Table_Live .Item {padding-left:145px;} .Table_Live .MobileStats .MobileStatTable {font-size:9px;} .Table_Live .MobileStats .MobileStatTable th {padding-left:2px; padding-right:2px;} .Table_Live .MobileStats .MobileStatTable td {padding-left:2px; padding-right:2px;} .TableType_Five .ItemBlockSmall .Img {width:100%; position:relative;} .TableType_Five .ItemBlockSmall .Img img {display:block;} .TableType_Five .ItemBlockSmall .Desc {margin-left:0px;} .Live .TopStats .TopCell .StatItem .SIRight {width:41%;} .Live .TopStats .TopCell .StatItem .SILeft {margin-right:41%;} } @media only screen and (max-width:400px) { .Table_Live .Item .Block_01 {font-size:14px;} .Table_Live .Item .Block_03 .Img_Team {width:45px; height:45px;} .Table_Live .Item {padding-right:65px;} .Live .TopLive .TableLive .CellLive_03 {width:0;} .Live .TopLive .TableLive .CellLive .Vs {margin-left:-15px; margin-right:-15px; margin-top:-35px;} .Live .TopLive .TableLive .CellLive .TeamName {font-size:14px;} .Live .TopLive .Location {bottom:12px;} .Live .TopStats .TopCell .StatItem .SILeft .BorderBox .Desc {font-size:13px; line-height:1.1em;} .Live .TopStats .TopCell .StatItem .SILeft .BorderBox .Desc .Position {font-size:12px;} .Live .TopStats .TopCell .StatItem .SILeft .BorderBox .Desc .Team {font-size:12px;} .Table_Live .MobileStats .MobileStatTable {} .Table_Live .MobileStats .MobileStatTable th {padding-left:1px; padding-right:1px;} .Table_Live .MobileStats .MobileStatTable td {padding-left:1px; padding-right:1px;} .Table_Live .Item {padding-right:15px;} .Live .TopStats .TopCell .StatItem .SILeft .TopNumber {top:25px; left:25px;} .Table_MyContests .Item .Block_02b .Column { width:115px;} .Table_Live .Item .Block_03 .Img_Team {top:auto; bottom:16px;} .Table_Live .Item .Block_01 .Column .Icon_Info {right:auto; left:150px; bottom:15px;} .Table_Teams .Item .Block_02 .Column {display:table;} .Table_Teams .Item .Block_02 .Column .Number {display:table-cell; width:50px; vertical-align:top;} .Table_Teams .Item .Block_02 .Column .HiddenText {display:table-cell;} .Table_Teams .Item .Block_03 .Column {display:table;} .Table_Teams .Item .Block_03 .Column .Number {display:table-cell; width:50px; vertical-align:top;} .Table_Teams .Item .Block_03 .Column .HiddenText {display:table-cell;} .Table_Teams .Item .Block_04 .Column {display:table;} .Table_Teams .Item .Block_04 .Column .Number {display:table-cell; width:50px; vertical-align:top;} .Table_Teams .Item .Block_04 .Column .HiddenText {display:table-cell;} .Table_Teams .Item .Block .HiddenText {padding-left:5px;} } @media only screen and (max-width:380px) { .Live .TopStats .TopCell .StatItem .SILeft .BorderBox .Desc {margin-right:30px;} .Live .TopStats .TopCell .StatItem .SILeft .BorderBox .Desc .TeamLogo {width:30px; height:30px; right:-31px;} } @media only screen and (max-width:350px) { .ListType .BoxTitle .Title {font-size:22px;} } @media only screen and (max-width:330px) { .TFAPageLeft {width:280px; margin-right:0px;} .TFAPageRight {width:280px;} } /* p section - END */ /* Chat */ @media only screen and (max-width:555px) { .zls-prelative {width:100%; height:100%; top:auto; left:auto; margin:0px;} } /* Get Verified */ @media only screen and (max-width:768px) { .WrapperGV .ItemGV {float:none; width:100%;} .WrapperGV .SpacerGV {display:none;} } /* Average Results */ @media only screen and (max-width:768px) { .AverageResults th, .AverageResults td { padding: 10px 6px; } .AverageResults table { font-size: 12px; } } @media only screen and (max-width:480px) { .AverageResults th, .AverageResults td { padding: 8px 4px; } } /*Form Box*/ @media only screen and (max-width:768px){ .FormBox.NoBottomMargin {margin-bottom:10px} } /* Login Details */ @media only screen and (max-width:600px){ .LoginDetails .FormSpacer_02 {float:none; width:10px; height:1px; display:block;} .LoginDetails .FormSpacer_03 {float:none; width:10px; height:1px; display:block;} .LoginDetails .TwoFactorAuth {} .LoginDetails .TwoFactorAuth .Subtitle {font-size:22px;font-weight:500; line-height:31px; color:#fff; text-transform:uppercase; margin-bottom:20px;} .LoginDetails .TwoFactorAuth label {font-size: 20px;} .LoginDetails .TwoFactorAuth label a {font-size: 17px; color:#fff;} .LoginDetails .BtnOne input {width:100%} .FormBox .FieldInfoL {font-size:16px; line-height:20px} .FormBox {margin-bottom:10px} } /* Settings */ @media only screen and (max-width:600px){ .Settings .Subtitle {font-size:22px; line-height:25px;margin-bottom:0px} .Settings .FormColumn_03 {margin-bottom:10px} .Settings .FooterButtons {margin-top:10px} .Settings .FooterButtons a {width:100%} .Settings .FooterButtons input {width:100%} } @media only screen and (max-width:600px){ /*Verify*/ .Verify h2 {font-size:22px; line-height:32px} .Verify p {font-size:16px} .Verify .WrapperGV {margin-top:15px} .Verify .FieldInfo {color:#8C8C8C} .Verify .ButtonBottom .Denotes { font-size:18px} .Verify .ButtonBottom .BtnBottom {float:none } .Verify .ButtonBottom .BtnBottom button {width:100%} } /*Legal*/ @media only screen and (max-width:578px){ .Legal h2 {font-size:16px;line-height:18px} .Legal h3 {font-size:16px; font-weight:300} .Legal .LegalContainer {flex-direction:column;align-items:center} .Legal .LegalContainer h2 {font-size:22px} .Legal .LegalContainer p {font-size:16px} .Legal .LegalContainer .Left {width: 80%; background-image: linear-gradient(to left, var(--base-colour-transparent-06), transparent)} .Legal .LegalContainer .Right {width: 80%;} } /*About us*/ @media only screen and (max-width:600px){ .WhoWeAre .Content {flex-direction:column-reverse;width:unset} .WhoWeAre .Content p {font-size:16px} /*Scoring*/ .Scoring {margin-top:0px !important} .Scoring .Content {padding:20px 0px} .Scoring .LinkContainer {grid-template-columns:1fr 1fr; gap:10px;} .Menu .MenuSection .MenuHeader h3 {font-size:20px; margin:0px} .Menu .MenuSection .MenuHeader img {width:12px} .CMSPage .Menu .MenuSection .MenuHeader img {width:22px} } /*hOW IT WORKS*/ @media only screen and (max-width:500px) { .CMSPage { padding-top: 60px } .HowItWorks .SubHeading { font-size:20px !important} } /*QuickPlay Header*/ @media only screen and (max-width:768px){ .PanelType_One .BoxTitle.quick_play .Dropdown_Container {gap:10px} .PanelType_Two .BoxTitle .Dropdown_Container {gap:10px} .PanelType_Two .BoxTitle .Dropdown_Container .DropdownSelect {text-align:center} .PanelType_One .BoxTitle .SearchPlayer .SearchBox {height:38px} .PanelType_One .BoxTitle .SearchPlayer .SearchBox .KeyField {height:38px; font-size:14px} .PanelType_One .BoxTitle .SearchPlayer .SearchBox .KeyField::placeholder {font-size:14px} .PanelType_One .BoxTitle .SearchPlayer .SearchBox .KeySubmit {height:38px; width:38px} .PanelType_One .BoxTitle .SearchPlayer .SearchBox .KeySubmit img {left:25%} .PanelType_One .BoxTitle .SearchPlayer .SearchBox .KeySubmit input {height:38px; width:38px} .PanelType_One .BoxTitle.quick_play .FormBox {width:150px; height:38px} .PanelType_One .BoxTitle.quick_play .FormField .DropDown02 {font-size:14px; line-height:39px; height:38px } .PanelType_One .BoxTitle.quick_play .BtnSortBy {height:38px;font-size:14px; padding: 10px 5px 10px 5px} .PanelType_One .BoxTitle.quick_play .BtnSortBy.List .DropdownSelect .Arrows {position:absolute; right:5px; top:2px; float:unset} .PanelType_One .BoxTitle.quick_play .BtnSortBy.List .DropdownSelect {position:relative; width:100%} .PanelType_One .BoxTitle.quick_play .BtnSortBy.List .DropDownMenu {z-index:30; top:calc(100% + 1px); left:0px } } @media only screen and (max-width:550px){ .PanelType_One .BoxTitle.quick_play {flex-direction:column;gap:10px; align-items:flex-start} .PanelType_One .BoxTitle.quick_play .Dropdown_Container {flex-direction:column-reverse; width:100%} .PanelType_Two .BoxTitle .Dropdown_Container {flex-direction:column-reverse; width:100%} .PanelType_One .BoxTitle .SearchPlayer {width:100%} .PanelType_One .BoxTitle.quick_play .FormBox {width:100%} /*.PanelType_One .BoxTitle.quick_play .BtnSortBy {display:none}*/ .PanelType_One .BoxTitle.quick_play .BtnSortBy {width:100%; max-width:100%} .PanelType_Two .BoxTitle .BtnSortBy {width:100%; max-width:100%} .QuickPlay .More_Stats_Mobile a {padding: 1px 3px; bottom: 0px; left: -50%;} } @media only screen and (max-width:375px){ .PanelType_One .ListType_One .ItemType_One .TableType_One.QuickPlay .CellType_One .BtnMatchUp a {padding: 0px 5px;} .PanelType_One .ListType_One .ItemType_One .TableType_One.QuickPlay .CellType_One .BtnMatchUp {width: 32px;} } /*Account Summary*/ @media only screen and (max-width:768px) { .AccountSummary {flex-direction:column} .AccountSummary .Summary .SummaryStats {margin-top:25px} .AccountSummary .Picture {margin: 0px auto; min-width:200px} }