@media all and (min-width: 100px) and (max-width: 1300px){
.safeArea{padding:0 15px; width:100%; box-sizing:border-box;}
.gridSubtitle{font-size:16px; padding: 10px 10px 10px 65px;}
.leftMenuLinks ul li a{font-size:12px;}
.sliderCaption h2{font-size:20px;}
.sliderCaption h3{font-size:18px;}
.catIndicator{width:50px; padding:5px;}
.dropdownLabel{margin-bottom:5px;}
.dropdownLabel label{font-size:14px;}
.dropdownHolder{width:100%;}
.dropdownHolder select{padding:10px; width:100%;}
.pageHolder{padding:15px 0;}
.leftMenu, .middlePageHolder{margin-right:15px;}
.middlePageHolder{width:calc(100% - 580px);}
}
@media all and (min-width: 100px) and (max-width: 1020px){
.headerHolder{height:60px; background-color:#2c2d31;}	
.respMenuLink{position:absolute; width:60px; height:60px; left:0; top:0; background-image:url(../images/burger-menu.svg); background-position:center center; background-repeat:no-repeat; background-size:28px auto; z-index:3;}
.menuElHolder{height:100vh; background-color:#2c2d31; padding-top:75px; box-sizing:border-box; position:absolute; left:0; top:0; width:80%; z-index:2; transform:translateX(-100%); -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%);}
.menuOpen .menuElHolder{transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);}
.menuOpen .logoHolder{top:12px; width:65px; margin-left:-35px;}
.categoriesMenuHolder{margin-top:0; padding:0;}
.topMenuHolder .rightSections .accountBoxHolder{display:none;}
.topMenuHolder, .categoriesMenuHolder{background-color:transparent;}
.topMenuHolder .leftSections, .topMenuHolder .rightSections{width:100%; float:none;}
.dateTime{margin-bottom:10px;}
.dateTime, .balanceHolder, .lanSelector{padding:0;}
.topMenuHolder .rightSections{text-align:left;}
.categoriesMenuHolder ul li{display:block; text-align:left;}
.categoriesMenuHolder ul li a{padding:8px 0; display:block;}
.topMenuHolder{font-size:16px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ffffff30;}
.logoHolder{z-index:3;}
.lanSelector{float:right;}
.leftMenu{display:none;}
.middlePageHolder{width:100%; margin-right:0;}
	
	
	
	
	
	
	
	
	


}

@media all and (min-width: 300px) and (max-width: 750px){
.safeArea{padding:0 10px}
.logoHolder{width:90px; margin-left:-44px; top:13px; left:50%}
.flexslider .slides img{height:200px; object-fit:cover;}
.footer{position:relative;}
.footer .closeFooter{width:50px; height:50px; position:absolute; left:50%; top:-25px; margin-left:-25px; background-color:#2c2d31; border-radius:50%;}
.footer .closeFooter:after{content:""; width:100%; height:100%; background-image:url(../images/white-dd-arrow.svg); background-position:center center; background-repeat:no-repeat; background-size:20px auto; position:absolute; left:0; top:0;}
.smCol{width:30%;}
.sitemapHolder, .smLinks{width:100%; float:none;}
.sitemapHolder{margin-bottom:16px;}
.closeFooter.active:after{transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.cpRights, .desDev{width:100%; float:none; text-align:center;}
.footer .footerUpper{padding:20px 0 15px 0;}
.footer .footerUnder{padding:15px;}
.sitemapHolder ul li a.smMain, .smTitle{font-size:15px;}
.sitemapHolder ul li a{font-size:12px;}
.cpRights{margin-bottom:5px;}
.footer .closeFooter{ height:30px; border-radius:0;}
.pageHolder{padding:15px 0 45px 0;}

.leftNav > li > a{text-transform:uppercase; font-size:16px;}
.left-nav-level2{box-sizing:border-box; background-color:#35363c;}
.left-nav-level2 a{ color:#CCCCCC;}
.leftMenuToggle {background-image:url(../images/white-dd-arrow.svg); background-position:right center; background-repeat:no-repeat; background-size:8px 0;}

.categoriesMenuHolder .safeArea{padding:0;}
.categoriesMenuHolder ul li a{padding:8px 15px;}
.left-nav-level3 a{padding:8px 15px 8px 30px !important;}
.matchDate{font-size:9px;}
.matchID{font-size:8px;}
.catIndicator{width:38px;}

/*th:first-child, td:first-child{width:150px;}
*/


.topMenuHolder .accountBoxHolder{position:absolute;}
.accountBoxHolder > a, .betSlipLink{font-size:0px; width:60px; height:60px;  padding:0; background-size:30px auto; background-position:center center; background-repeat:no-repeat; display:block;display:inline-block; vertical-align:middle;}
.accountBoxHolder:afterr{display:none;}
.mobileAttachedSections{float:right; font-size:0; display:block}
.mobileBetSlipHighlight{position: absolute;top: 12px;right: 67px;z-index: 99;font-size: 10px;width: 15px;height: 15px;line-height: 15px;background-color: #e51a20;border: 1px solid #e51a20;border-radius: 50%;text-align: center;color: white;font-weight: 900;}
.mobileAttachedSectionsBalance{margin-left: 45px; font-size:13px;padding-top: 21px; font-color: white; text-align: left;display:block;width:140px; height:60px; background-size:30px auto; background-position:center center; background-repeat:no-repeat; font-weight: 600;display:block;display:inline-block; vertical-align:middle;}
.betSlipLink{ background-image:url(../images/bet-slip-white.svg); background-size:100% auto;}
.balanceHeader{margin-right: -9px;font-size: 14px;font-weight: 600;width: 60px;height: 60px;padding: 0;color: white;vertical-align: middle;text-align: right;}
.accountBoxHolder > a{background-image:url(../images/user-ico-white.svg);}
.mobileLogout {background-image:none;background-image:url(../images/logout.jpg);}
.accountBoxHolder > a.active{background-image:url(../images/user-ico.svg); background-color:#e6e7e8;}
.rightPageHolder{left:0; width:100%; top:0; z-index:10; display:none; position:absolute; height:100vh;}
.rightPageHolder:after{content:""; width:100%; height:100vh; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,0.6);}
.betSlipHolder{position:relative; z-index:99; display: flex;
    display: -webkit-flex;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    position: fixed;
    top: 0;
    flex-direction: column;
    height: 100%;
    flex-wrap: nowrap;
    overflow-y: visible;}

.bannerAds{display:none;}
.betslipTitle{width:100%;}
.betList {/*max-height: calc(100vh - 460px);*/}
.scrollingSlip{background-color: #fff;
    height: auto;
    width: 100%;
    z-index: 999;
    flex: 1 1 auto;
    position: relative;
    overflow-y: auto;}
.betSlipLink.active{/* background-color:#33ad79; */}
.betslipTitle{font-size:15px;}
.statsLink{display:block; width:10px; height:10px; position:absolute; left:0; top:50%; margin-top:-5px; background-image:url(../images/stats-icon.svg); background-position:center center; background-repeat:no-repeat; background-size:100% auto; border-radius:0;}
.statsLink.active{background-color:transparent;}

.betTypes ul li{width:49.5%; margin-right:1%;}
.betTypes ul li:nth-child(5n){margin-right:1%;}
.betTypes ul li:nth-child(2n){margin-right:0;}
.betsListsHolder ul li a{font-size:12px;}
.gameInfo, .betTypes{margin-bottom:15px;}
.pageHolder{/*padding:35px 0 45px 0*/}
.categoriesMenuHolder ul li a{
	background-image:url(../images/white-dd-arrow.svg);
	background-position:calc(100% - 15px) center; 
	background-repeat:no-repeat; 
	background-size:15px auto;	
}
.leftNav li > a:only-child{
	/*background-color:red !important;*/
	background-image:none;
}
.leftMenuToggle .calIcon{width:20px; display:inline-block; vertical-align:middle; margin-right:5px;}
.leftMenuToggle .calIcon img{display:block; width:100%;}
.gridSubtitle{padding: 10px 10px 10px 50px}
.activeBetslip{position:fixed; height:100vh; left:0; width:100%; top:0;}

.OM th:first-child, .OM td:first-child{width:150px; min-width:150px; max-width:150px;}
.OM .teams{font-size:10px;}
.OM .matchID{font-size:8px;}
.OM  td:nth-child(2) a, .OM td:nth-child(3) a, .OM td:nth-child(4) a{width:25px; padding:2px;}

input {
    -webkit-appearance: none;
	border-radius:0;
}
.betNow input{padding:10px; font-size:16px;}
.betslipTitle{height:20px; 
    display: flex;
    display: -webkit-flex;
    align-items: center;
    width: 100%;
    padding: 0 0 0 55px;
    height: 41px;
    min-height: 40px;
    flex: 0 0 auto;}
.betNow input{height:38px;}

.betNow {bottom: 0;
    width: 100%;
    z-index: 9999;
    flex: 0 0 auto;
    position: static;}
.betslipTitle{position:relative;}
.clostBtslip{display:block; width:40px; height:100%; z-index:999; position:absolute; left:0; top:0; z-index:1; background-color:#000; background-image:url(../images/white-arrow-left.svg); background-repeat:no-repeat; background-position:center center; background-size:13px auto;}

.OM .betSlipHolder, .OM .betslipTitle, .OM .scrollingSlip, .OM .betNow{display:block;}
.OM .scrollingSlip{height:auto; overflow: visible;}
.OM .logoHolder{width:40px; margin-left:-20px;}
.scrollingSlip{max-height:none;}

.selected-balls-main{
    width: 40px;
    height: 40px;
    display: inline-block;
    padding: 0.7rem;
	margin: .5rem;
    text-align: center;
    background-size: cover;
    -webkit-transition: all .2s linear;
    transition: all .5s linear;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
    border: 1px solid #d4d4d4;
    border-radius: 50%;
    background-color: #fff;
    font-weight: 700;
	cursor: pointer;
	background-color: #edeff3;
}

.selected-balls-main-selected{
    width: 18px;
    /*height: 30px;*/
    display: inline-block;
    padding: 0.7rem;
	margin: .4rem;
    text-align: center;
    background-size: cover;
    -webkit-transition: all .2s linear;
    transition: all .5s linear;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
    border: 1px solid #d4d4d4;
    border-radius: 50%;
    background-color: green;
    font-weight: 700;
	cursor: pointer;
	color: #fff;
}

.HighlightPickOk {
	width: 40px;
    height: 40px;
    display: inline-block;
    padding: 0.7rem;
	margin: .5rem;
    text-align: center;
    background-size: cover;
    -webkit-transition: all .2s linear;
    transition: all .5s linear;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
    border: 1px solid #d4d4d4;
    border-radius: 50%;
    background-color: #fff;
    font-weight: 700;
	cursor: pointer;
	color: #555;
	background-color: #edeff3;
    animation:myfirst 1s 1;
    -webkit-animation:myfirst 1s 1; /* Safari and Chrome */
}

.HighlightPickRed {
	width: 40px;
    height: 40px;
    display: inline-block;
    padding: 0.7rem;
	margin: .5rem;
    text-align: center;
    background-size: cover;
    -webkit-transition: all .2s linear;
    transition: all .5s linear;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
    border: 1px solid #d4d4d4;
    border-radius: 50%;
    background-color: #fff;
    font-weight: 700;
	cursor: pointer;
	color: #555;
	background-color: #edeff3;
    animation:myfirstred 1s 1;
    -webkit-animation:myfirstred 1s 1; /* Safari and Chrome */
}

@keyframes myfirst
{
    0%      {background-color:white;}
    25%     {background-color:green;}
	25%     {color:white;}
    75%     {background-color:green;}
	75%     {color:white;}
    100%    {background-color:white;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
    0%      {background-color:white;}
    25%     {background-color:green;}
	25%     {color:white;}
    75%     {background-color:green;}
	75%     {color:white;}
    100%    {background-color:white;}
}

@keyframes myfirstred
{
    0%      {background-color:white;}
    25%     {background-color:red;}
	25%     {color:white;}
    75%     {background-color:red;}
	75%     {color:white;}
    100%    {background-color:white;}
}

@-webkit-keyframes myfirstred /* Safari and Chrome */
{
    0%      {background-color:white;}
    25%     {background-color:red;}
	25%     {color:white;}
    75%     {background-color:red;}
	75%     {color:white;}
    100%    {background-color:white;}
}

.spinButton{
    width: 45px;
    height: 45px;
    display: inline-block;
    padding: 0.7rem;
	margin: .57rem;
    text-align: center;
    background-size: cover;
    -webkit-transition: all .2s linear;
    transition: all .5s linear;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
    border: 1px solid #d4d4d4;
    border-radius: 50%;
    background-color: #fff;
    font-weight: 700;
	cursor: pointer;
	background-color: #edeff3;
}

.twox{
	background-color: #FFC107;
	color: #fff;
}

.fourx{
	background-color: #00AEEF;
	color: #fff;
}

.fivex{
	background-color: #39B54A;
	color: #fff;
}

.eightx{
	background-color: #A52A2A;
	color: #fff;
}

.fifteenx{
	background-color: rgb(237, 26, 37);
	color: #fff;
}

.spinAmountDiv{
	margin-left: 6rem;
}

.BetTypeMainSpinpesa{	
    margin-top: -75px;
	text-align: center;
}

}