@media (max-width: 767px){
header {
    height: 45px;
    position: fixed ;
    z-index: 9999;
    width: 100%;
}
.main-wrapper {
    padding: 0;
 }
}
.mike{
	width:70% !important;
}

.mikemobile{
	display:none;
}
.btn-xs {
padding: 1px 5px !important;
font-size: 12px !important;
line-height: 1.5 !important;
border-radius: 3px !important;
}
.pull-right{
	float:right !important;
}


.div-figure{
    width: 31.33%!important;
    overflow: hidden;
    padding: 14px;
    max-width: 31.33%;
 }
.img-fluid {
    max-width: 100%;
    height: auto;
}
.div-figure img {
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}


/* Video */

.video-overlay {
    position: absolute;
    top: 0;
    background: rgba(0,0,0,.4);
    height: auto;
    left: 0;
    content: "";
    top: 0;
    padding: 5px;
}


.video-overlay .card-inner {
    margin-bottom: 5px;
}

.video-overlay h3 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 2px;
    text-transform: uppercase;
}
.video-overlay img {
    width: 35px;
    height: auto;
    margin-right: 2px;
    margin-left: 2px;
}



 .text-right {
    text-align: right!important;
}
.ball-runs.playera {
    background: #d07c7d;
    color: #fff;
}
.last-result {
    cursor: pointer;
}
.ball-runs {
    background: #6CAF90;
    height: 30px;
    margin: 5px;
    width: 30px;
    border-radius: 50%;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-weight: 700;
}


/*drawer*/


/** { */
/*-webkit-box-sizing: border-box; */
/*-moz-box-sizing: border-box; */
/*-o-box-sizing: border-box; */
/*box-sizing: border-box; */
/* adds animation for all transitions */ 
/*-webkit-transition: .25s ease-in-out; */
/*-moz-transition: .25s ease-in-out; */
/*-o-transition: .25s ease-in-out; */
/*transition: .25s ease-in-out; */
/*margin: 0; */
/*padding: 0; */
/*-webkit-text-size-adjust: none; */
/*} */

/* Makes sure that everything is 100% height */ 

html,body { 
height: 100%; 
 } 

/* gets the actual input out of the way; 
we're going to style the label instead */ 

#drawer-toggle { 
position: absolute; 
opacity: 0; 
}
#drawer-toggle-cose { 
position: absolute; 
opacity: 0; 
}

#drawer-toggle-label { 
-webkit-touch-callout: none; 
-webkit-user-select: none; 
-khtml-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none; 
left: 0px; 
height:50px; 
width: 50px; 
display: block; 
position: fixed; 
background: rgba(255,255,255,.0); 
z-index: 1; 
} 


#drawer-toggle-close { 
-webkit-touch-callout: none; 
-webkit-user-select: none; 
-khtml-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none; 
 
background: rgba(255,255,255,.0); 
z-index: 1; 
display: block;	
float: right;
} 




/* adds our "hamburger" menu icon */ 

#drawer-toggle-label:before { 
content: ''; 
display: block; 
position: absolute; 
height: 2px; 
width: 24px; 
background: #fff; 
left: 13px; 
top: 10px;
box-shadow: 0 6px 0 #fff, 0 12px 0 #fff; 
} 
 
 
 #drawer-toggle-close:before { 
	content: 'x';
    display: block;
	height: 38px;
    width: 30px;
    background: #2f2f2f;
	font-size: 28px;
    color: #fff;
    text-align: center;
 } 

/* drawer menu pane - note the 0px width */ 

#drawer { 
position: fixed; 
top: 0; 
left:-100%; 
height: 100%; 
width: 65%; 
background: #2f2f2f; 
overflow-x: hidden; 
overflow-y: scroll; 
padding: 20px; 
z-index:9999;
-webkit-overflow-scrolling: touch; 
} 




/* actual page content pane */ 

#page-content { 
margin-left: 0px; 
margin-top: 50px; 
width: 100%; 
height: calc(100% - 50px); 
overflow-x:hidden; 
overflow-y:scroll; 
-webkit-overflow-scrolling: touch; 
padding: 20px; 
}

/* checked styles (menu open state) */ 

/*#drawer-toggle:checked ~ #drawer-toggle-label { */
/*height: 100%; */
/*width: calc(100% - 300px); */
/*background: rgba(255,255,255,.8); */
/*} */

/*#drawer-toggle:checked ~ #drawer-toggle-label, */
/*#drawer-toggle:checked ~ header { */
/*left: 300px; */
/*} */

#drawer-toggle:checked ~ #drawer { 
left: 0px; 
} 


#drawer-toggle:checked ~ #drawer #drawer-toggle-close { 
display: block;	
} 

#drawer-toggle-cose:checked #drawer { 
	left: -100% !important;	
} 

 

/*#drawer-toggle:checked ~ #page-content { */
/*margin-left: 300px; */
/*}*/

/* Menu item styles */ 

#drawer ul { 
list-style-type:none; 
} 
#drawer ul li{ 
width : 80%;
	
} 
#drawer ul a { 
display:block; 
padding:10px; 
color:#c7c7c7; 
text-decoration:none; 
} 

#drawer ul a:hover { 
color:#f7be27 !important; 

} 
 

 
#drawer ul a:focus #drawer {
	background: #d4d4d4;
}
 
 
 
@media (min-width: 992px) {
	#drawer-toggle-label{
		display :none ;
	}
	#drawer-toggle-close{
	display :none ;
	}
	
	.mobile-bet-box{
		display :none ;
	}
	.mobile-match-box-margin{
		margin-bottom: 0%
	}

	.mobile-tv{
		display:none;
	}
}

@media (min-width: 1200px) { 
	#drawer-toggle-label{
		display :none ;
	}
	#drawer-toggle-close{
	display :none ;
	}
	.mobile-bet-box{
		display :none ;
	}
	.mobile-match-box-margin{
		margin-bottom: 0%
	}
	
	.mobile-tv{
		display:none;
	}

}

@media (max-width: 767px){
	.mobile-match-box-margin{
		margin-bottom: 100%
	}
	
	.right-bet-content {
    	display: none;
	}
	
	.mobile-tv{
		display:block;
	}

}

 
#drawer-toggle-right { 
position: absolute; 
opacity: 0; 
}

#drawer-toggle-label-right { 
-webkit-touch-callout: none; 
-webkit-user-select: none; 
-khtml-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none; 
right: -10px;
top: 0;
height:50px; 
width: 50px; 
display: block; 
position: fixed; 
background: rgba(255,255,255,.0); 
z-index: 9999;
} 


#drawer-toggle-close-right { 
-webkit-touch-callout: none; 
-webkit-user-select: none; 
-khtml-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none; 
 
background: rgba(255,255,255,.0); 
z-index: 1; 
display: block;	
float: right;
} 


/* adds our "hamburger" menu icon */ 

#drawer-toggle-label-right:before { 
content: ''; 
display: block; 
position: absolute; 
height: 2px; 
width: 24px; 
background: #fff0; 
left: 13px; 
top: 10px;
box-shadow: 0 6px 0 #fff0, 0 12px 0 #fff0; 
} 
 
 
#drawer-toggle-close-right:before { 
	content: 'x';
    display: block;
    height: 30px;
    width: 30px;
    background: #da4343;
    font-size: 20px;
    color: #fff;
    text-align: center;
    border-radius: 45px;
    top: 5px;
    right: 6px;
 } 

/* drawer menu pane - note the 0px width */ 

#drawer-right { 
position: fixed; 
top: 0; 
right:-100%; 
height: 100%; 
width: 100%; 
background: #ffffff; 
overflow-x: hidden; 
overflow-y: scroll; 
z-index:9999;
-webkit-overflow-scrolling: touch; 
} 




/* actual page content pane */ 

#page-content-right { 
margin-left: 0px; 
margin-top: 50px; 
width: 100%; 
height: calc(100% - 50px); 
overflow-x:hidden; 
overflow-y:scroll; 
-webkit-overflow-scrolling: touch; 
padding: 20px; 
}

/* checked styles (menu open state) */ 

/*#drawer-toggle:checked ~ #drawer-toggle-label { */
/*height: 100%; */
/*width: calc(100% - 300px); */
/*background: rgba(255,255,255,.8); */
/*} */

/*#drawer-toggle:checked ~ #drawer-toggle-label, */
/*#drawer-toggle:checked ~ header { */
/*left: 300px; */
/*} */

#drawer-toggle-right:checked ~ #drawer-right { 
right: 0px; 
} 


#drawer-toggle-right:checked ~ #drawer-right #drawer-toggle-close { 
display: block;	
} 
/*#drawer-toggle:checked ~ #page-content { */
/*margin-left: 300px; */
/*}*/

/* Menu item styles */ 

#drawer-right ul { 
list-style-type:none; 
} 
 
#drawer-right ul a { 
display:block; 
padding:10px; 
color:#c7c7c7; 
text-decoration:none; 
} 

#drawer-right ul a:hover { 
color:#fff !important; 
} 


@media (min-width: 992px) {
	#drawer-toggle-label-right{
		display :none ;
	}
	
 

}

@media (min-width: 1200px) { 
	#drawer-toggle-label-right{
		display :none ;
	}
	
 

}


/*BET BOx*/
.bet-box-inner-mobile{
	padding: 0px !important ;
}

.close_btn {

    color: #da161d;
    font-size: 15px;
    cursor: pointer;
    margin-right: 10px;
    margin-top: 10px;
	position: absolute;
    right: 0;

}


/*dropDown Toggle*/
 
.dropbtn {
color: white;
	font-size: 16px;
  border: none;
}

.dropdown {
  position: relative;
 }

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  right: 0px;
}

.dropdown-content li a {
  color: #fff !important;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  cursor: pointer;
}
.dropdown-content li a:hover {
  color: #f7be27 !important;
   
}

 
.dropdown:hover .dropdown-content {display: block;}

.live-tv-frame{
	overflow: hidden; 
	width: 100%; 
	max-width: 100%  
	max-height: 247px;
} 
/*account statement*/
.red {
	color : #ea384d !important;
}

.green {
	color : #27924e !important;
}


.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
}


.resetPassword-button {
	margin: 5px 
}

.ledger-header{
	    background: #2a3e5d;
    color: #fff;
    font-size: 16px;
     text-align: center;
    margin: 10px 0px 0px 0px;
} 
.ledger-body{
	background: #fff;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
}

.table_tittle{
    margin-top: 10px;	
}

.match-tabs{
	margin-top: 10px;	
}
.mod-header.tab_bets .nav-pills>li>a{
	cursor:pointer;
}

.lottery-frame{
	display: block;
    background: #000;
    border: none;
    height: 100vh;
    width: 100vw;
}

/* dropdown */
 
.input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.row {
  display: flex;
}
.row .col {
  flex: 1;
}
 
/* Accordion styles */
.tabs {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
}

.tab {
  width: 100%;
  color: white;
  overflow: hidden;
}
.tab-label {
  display: flex;
  justify-content: space-between;
  padding: 1em;
  background: #2a2a2a;
  font-weight: bold;
  cursor: pointer;
  /* Icon */
}
.tab-label:hover {
  background: #2a2a2a;
}
.tab-label::after {
  content: "❯";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all 0.35s;
}
.tab-content-style {
  max-height: 0;
  padding: 0 1em;
  color: #2c3e50;
  background: #ffffff00;
  transition: all 0.35s;
}
.tab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #ffffff00;
  cursor: pointer;
}
.tab-close:hover {
  background: #ffffff00;
}

label {
    color: #ffffff !important;
}

input:checked + .tab-label {
  background: #ffffff00;
}
input:checked + .tab-label::after {
  transform: rotate(90deg);
}
input:checked ~ .tab-content {
  max-height: 100vh;
  padding: 1em;
}

.scorecard2 {
    padding: 5px;
   
  
    color: #fff;
    font-size: 10px;
}

 

.score-background{
	 background-image: url(/assets/images/cbg.jpg);
   position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}
 
 
 .game-box .game-inner .icn .icn-inner.cs-text {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}

 
/* mobile footer */


 
.header .bottom-nav {
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.8rem 0;
  /*background-color: #252a32;*/
  background:#2a2a2a;
   z-index: 99; 
  will-change: transform;
  transform: translateZ(0);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);
}
.header .bottom-nav-item {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  text-align: center;
  font-size: 0.8rem;
  color: #f1f5f8;
}
.header .bottom-nav-link {
  display: flex;
  flex-direction: column;
}
.header .bottom-nav .active a {
  color: #f7be27  !important;
}

.bottom-nav .bottom-nav-item a {
    color: #fff !important;
    text-decoration: none;
    background-color: transparent;
}


.notification {
     background-color: #f7be27;
    color: white;
    text-decoration: none;
    padding: 0px 5px;
    position: relative;
    display: inline-block;
    border-radius: 15px;
    float: right;
    margin: 2px;
}

.pwdlable{
	color:#2a2a2a !important;
}
 .mod-header.tab_bets .nav-pills>li.active>a:hover{
 	color:#fff !important;
 }
 .component-message-wrap{
 	z-index:9999 !important;
 }

 .radio label {
  color: #2a2a2a !important;
}

.captcha {
  font-size:14px;
  padding:6px 12px;
  height: 40px;
  width: 140px;
  background: #dfdfdf;
  border: 0px;
}

/* loader */
 

.sk-circle {
  margin: 0px auto;
  width: 40px;
  height: 40px; 
  position: relative;
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}


.modal-content .modal-body{
	    background: #eeeeee !important;
}
.modal-header{
	background:#2a2a2a !important;
	color:#fff !important;
}
.modal-footer{
	background:#eeeeee !important;
}
.btn-primary {
    background: #2a2a2a!important;
    border-color: #2a2a2a!important;
    color: #fff!important;
}

.close {
	font-size:2.0rem !important;
    color: #fd0303 !important;
    text-shadow: 0 1px 0 #f00 !important;
}

.modal-content label {
    color: #000 !important;
}

.pd-left-right {
  padding-left:0px !important;
  padding-right: 0px !important;
}
.scoreB{
	padding: 0px;
    color: rgb(255, 255, 255);
    text-align: center;
    background: rgb(0, 0, 0);
    align-items: center;
    justify-content: center;
}

.itemCenter{
    display: flex;
    justify-content: center;
    align-items: center;
}
.teamScore span{
	display:block;
}
.teamScore .score{
	font-size:16px;
}

.fs-heading{
    text-align: left;
    padding: 4px 12px;
    color: #a9a9a9;
    border-bottom: 0.5px solid;
    border-top: 0.5px solid;
}

.ring-container {
    position: relative;
}

.circle {
    width: 10px;
    height: 10px;
    background-color: red;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    left: 7px;
}

.ringring {
    border: 3px solid #62bd19;
    -webkit-border-radius: 30px;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 2px;
    top: -10px;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.0
}
.live-txt{
    position: absolute;
    top: -7px;
    left: 17px;
	font-size: 10px
}
@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}





/* ab2 style */

.ab2-main {
	background: #a2a2a2;
 }
 
.ab2-text {
  font-size: 14px;
  padding: 0px;
  margin: 5px 5px 0px 5px !important;
  color: #fff;
  text-align: center;
  display: inline-grid;
}
 
.ab2-btn-background{
	background: #098495;
	width:100%;
}


.casino{
	margin: 0 10px;
}

.casino .mod-header{
	border-top-left-radius: 0px !important; 
     border-top-right-radius: 0px !important;
}
 

.live-str{
 	border: 0px solid black;
}


.game-result{
	background: green;
    border-radius: 25px;
    margin: 2px;
    height: 30px;
    width: 30px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
}

.playera {
	color: #ff4500;
	font-weight: 800;
}
.playerb {
	color: #FFFF33;
	
}
 /* end ab2 style*/

 .susb-bhav{
  position: absolute;
    background: #0a0a0ab5;
    height: 100%;
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    top: 0;
    left: 0;
}
.bhav-row{
  margin-bottom:10px !important;
  
 }

 .rescard{
  display: flex;
  width: 100%;
  overflow: hidden;
}
.next-card-res{
  position: absolute;
    right: 0;
    bottom: 15%;
}
.perv-card-res{
  position: absolute;
    left: 0;
    bottom: 15%;
}
 .res-box {
  width:30%;
  position:absolute;
  top:40%;
  
  background: #00000061;
  padding-bottom: 5px;
}

 .ab2-res-fst-card{
  height: 40px;
  position: absolute;
  left: 20px;
  top: 40%;
}
.andr-bhar2-res-text{
  margin-top: auto;
  margin-bottom: auto;
  font-size: 16px;
  color: #fff;
  width: 80% !important;
  float: right;
}

 

.andarbahar-res .andar-bahar-image {
width: 25px;
cursor: pointer;
margin: 3px;
}






/* casino live style */
.featured-box-detail {
  max-width: 70% !important;
  -ms-flex: 0 0 70% !important;
  flex: 0 0 70% !important;
}
.liveStr{
  height:400px !important;
  width:100% !important;
}

.game-header {
    font-size: 16px;
    justify-content: space-between;
    display: flex;
    background: linear-gradient(-180deg, #0A92A5 0%, #087989 82%) !important;
    padding: 5px 10px;
    color: #fff;
}
.bhav-section{
  display: flex;
  justify-content: space-around;
  background: #eee;
  text-align: center;
}
.bet-btn{
  background: #9eb6cc;
  color: #fff;
  padding: 5px;
}
.bhav-price{
  font-size: 20px;
}
.result-section{
  display: flex;
  background: #bbbbbb;
  justify-content: flex-end;
}

.result-badge{
  background: chocolate;
  color: #fff;
  padding: 5px;
  border-radius: 15px;
  margin: 5px;
}


@media (max-width: 767px){
  .game-box {
    display: inline-block;
    width: 150px;
    height: 150px;
    margin: 0 5px 10px;
    background-color: #fff;
    position: relative;
    border-radius: 5px;
    cursor: pointer;
}

  .featured-box-detail {
    max-width: 100% !important;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
  }
  .pd-left-right {
    padding-left:0px !important;
    padding-right: 0px !important;
  }
  .liveStr{
    height:210px !important;
    width:100% !important;
  }
  .andarbahar-module .andar-bahar-image {
    width: 50px !important;
    cursor: pointer;
    margin: 5px;
    height:80px !important;

  }
  .andarbahar-res .andar-bahar-image {
    width: 22px !important;
    cursor: pointer;
    margin: 3px;
    height:35px !important;

  }
  .res-box {
    width:45% !important;
    position:absolute;
    top:16% !important;
    left:0 !important;
  }
  .andr-bhar-res-text{
    margin-top: auto;
    margin-bottom: auto;
    font-size: 14px !important;
      color: #fff;
  }

  .mob-ab-cards{
    text-align: center;
    display: flex;
    overflow: hidden;
    overflow-x: auto;
    padding: 10px 0;
  }
  .mobile-ab-text-border{
    border-bottom: 1px solid #000;
  }
  .mobile-ab2-text-border{
    border-top: 1px solid;
    margin-top: 15px !important;
  }

  .ab2-res-fst-card{
    left: 5px !important;
  }

  /* teen patti */
  .tp-bhav{
    font-size: 14px !important;
   }
   .tp-res-box {
    width: 31% !important;
    position: absolute;
    top: 15% !important;
    left: 0 !important;
  }

  .flipclock {
    position: absolute;
    bottom: 0% !important;
    right: 0  !important;
  }
  
}
.andarbahar-res .andar-bahar-image {
  width: 25px;
  cursor: pointer;
  margin: 3px;
}

.andarbahar-module .andar-bahar-image {
  width: 38px;
  cursor: pointer;
  margin: 3px;
}
.andr-bhar-text{
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
      font-size: 18px;
    color: #fff;
}
.andr-bhar-res-text{
  margin-top: auto;
  margin-bottom: auto;
  font-size: 16px;
    color: #fff;
}
.mr-left-right {
  margin-left:0px !important;
  margin-right: 0px !important;
}
.rescard{
  display: flex;
  width: 100%;
  overflow: hidden;
}
.next-card-res{
  position: absolute;
    right: 0;
    bottom: 15%;
}
.perv-card-res{
  position: absolute;
    left: 0;
    bottom: 15%;
}
.res-box {
  width:30%;
  position:absolute;
  top:10%;
  background: #00000061;
  padding-bottom: 5px;
}
::-webkit-scrollbar {
  width: 0;  /* Remove scrollbar space */
  background: transparent;  /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
::-webkit-scrollbar-thumb {
  background: transparent;
}

/* AB2 */
.ab2-bhav {
  text-align: center;
  margin: auto;
  background: #087e8f;
  color: #fff;
  display: inline-grid;
  border: 2px solid #d7d04a;
  margin-right: 5px;
  margin-bottom: 5px;
  cursor:pointer;
}

.ab2-res-fst-card{
  height: 40px;
  position: absolute;
  left: 20px;
  top: 40%;
}
.andr-bhar2-res-text{
  margin-top: auto;
  margin-bottom: auto;
  font-size: 16px;
  color: #fff;
  width: 80% !important;
  float: right;
}
/* teen patti style */

.tp-bhav{
  text-align: center;
  font-size: 18px;
  background: #76c6c6;
  color: #fff;
  padding: 10px;
  border-right: 1px solid #fff;
   cursor: pointer;

}
.mobile-tp-text{
  text-align: center;
  margin: auto;
 }
.mobile-tp-border{
   
  border-bottom:  1px solid #fff;
}
 
.tp-res-box {
  width: 31% !important;
  position: absolute;
  top: 15% !important;
  left: 1% !important;
}

/* suspandad */
.susb-bhav{
  position: absolute;
    background: #0a0a0ab5;
    height: 100%;
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
}
 
.tpatti-img-height{
	height:20px;
} 
.ab2-main .lucky7-bhav{
	padding:0 !important;
	height: 40px;
    margin: 5px 0px;
}
/* flipclock */


.flipclock {
  position: absolute;
  right: 0%;
  bottom: 0%;
}
.flipclock-t1 {
    color: #fff;
    font-size: 25px;
    background: #4c4c4c8a;
    padding: 0px 5px;
     
}

.mr-left-right {
  margin-left:0px !important;
  margin-right: 0px !important;
}



/* Lucky 7 */

@media (max-width: 767px){
  .lucky7-bhav{
    font-size: 20px !important;
  }
  .lucky7-main-bhav-card{
	display: inline-grid;
	  margin: 5px 13px !important;
	}
	.lucky7-main-bhav-card  .card-img {
		height:50px !important;
	}
}
.lucky7-main{
width: 100%;
text-align: center;
margin-bottom: 5px;
background: white;
padding: 12px 0;
border: 4px solid #fae700;
display:flex;
}
.lucky7-main-bhav{
  display: inline-grid;
}

.lucky7-main-bhav-card {
    display: inline-grid;
    margin: 3px 0px;
}
.lucky7-main-bhav-card .card-img {
	height:50px;
}
.lucky7-main-bhav span{
  font-size: 16px;
  
}

.lucky7-bhav{
  background: #098495;
  font-size: 20px;
  color: #fff;
  display: flex;
  padding:5px;
  justify-content: center;
  align-items: center;
}
.lucky7-bhav img{
  height: 20px;
}

.card-icon {
  font-family: Card Characters !important;
  display: inline-block;
}
/* end Lucky 7 */


.rules-btn{
    position: absolute;
    right: 10px;
    color: #fff;
    background: #76767600;
    border: 0;
}

 



@media (max-width: 767px){
 
.ab2-main { 
	width:100% !important;
}
.live-str{
	height:220px;
	border: 0px solid black;
}
.casino{
	margin: 0 0px !important;
	    padding-bottom: 60px;
}

.casino .match-box{
	border-bottom: 0px solid #dfdfdf !important; 
    border-top: 1px solid #dfdfdf !important;
     border-left: 0px solid #ececec !important; 
     border-radius: 0px !important; 
     border-right: 0px solid #ececec !important;    
}
 
}


/*AAA*/
.casino-profit-text{
	color: rgb(0, 0, 0);
    font-weight: 700;
}
.aaa-bhav{
    display: flex;
}

.lay {
    /* background-color: #FAA9BA; */
    background-color: #F8C8D4;
}
.back {
    /* background-color: #72bbef; */
    background-color: #A7D9FE;
}


 

.dt-second-card {
	left : 50px !important;
}


/* dashboard casino block*/

.live-games-heading-block {
    background: #2a2a2a;
    padding: 5px;
    margin: 5px 0px;
}
.live-games-heading-txt {
    color: #fff;
    font-weight: 700;
}

.casino-img {
     width: 95%;
}

.casino-img-home {
    height: auto;
    border-radius: 10px;
    height: 90px;
    width: 90px;
    margin: auto;
    object-fit: cover;
}

@media (max-width: 767px){
.casino-img {
    height: auto;
}
.casino-img-home {
    height: auto;
    border-radius: 10px;
    height: 90px;
    width: 90px;
    margin: auto;
    object-fit: cover;
}
}
.padding-lr-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 5px;
}

.game-text {
    background: #fff0;
    text-align: center;
    font-weight: 700;
    color: #2a2a2a;
}

.padding-lr-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.blink{
  position:absolute;
  right:0;
  width:40px;
  height: 40px;
  background-color: magenta;
  padding: 10px 0px;	
   line-height: 10px;
  border-radius:50px;
  text-align:center;
  animation: blink 1s linear infinite;

}
.blink-txt{
  font-size: 8px;
  color: white;
}
@keyframes blink {
0% {
  background: #c2e884
}
20% {
  background: #c2e884
}
40% {
  background: #ff7f00
}
60% {
  background: #ff7f00
}
80% {
  background: #36cb3b
}
100% {
  background:#36cb3b
}
}


.checkmarkAnimation {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 0 auto;
  -webkit-box-shadow: inset 0px 0px 0px #28a745;
          box-shadow: inset 0px 0px 0px #28a745;
  -webkit-animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
          animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmarkAnimation .checkmarkAnimation-circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #28a745;
  fill: none;
  -webkit-animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
          animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmarkAnimation .checkmarkAnimation-check {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  -webkit-animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
          animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@-webkit-keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes scale {
  0%, 100% {
    -webkit-transform: none;
            transform: none;
  }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
            transform: scale3d(1.1, 1.1, 1);
  }
}

@keyframes scale {
  0%, 100% {
    -webkit-transform: none;
            transform: none;
  }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
            transform: scale3d(1.1, 1.1, 1);
  }
}

@-webkit-keyframes fill {
  100% {
    -webkit-box-shadow: inset 0px 0px 0px 30px #28a745;
            box-shadow: inset 0px 0px 0px 30px #28a745;
  }
}

@keyframes fill {
  100% {
    -webkit-box-shadow: inset 0px 0px 0px 30px #28a745;
            box-shadow: inset 0px 0px 0px 30px #28a745;
  }
}