@media only screen and (max-width: 767px) {
    .card-matchodds {
        font-size: 11px;
    }

    .matched-count {
        padding: 5px 3px;
        font-size: 11px !important;
    }

    .special_bets-tab a {
        min-width: unset !important;
        /* padding: 0 5px;
        line-height: 22px;
        height: 22px; */
    }

    .fancy_bet_tab-wrap {
        width: 100%;
        overflow-x: scroll;
        white-space: nowrap;
    }

    .marquee-box marquee {
        display: inline-grid;
    }
    .table_list{
    padding: 10px;
	}
	.casino-head {
	    padding: 0;
	}
	.casino-head .top {
	    font-size: 13px;
	    height: 55px;
	}
	.left_list ol li {
	    margin-right: 0;
	    margin-top: 5px;
	}
	.table_box {
	    margin: 9px 0;
	    width: 100%;
	}
	.history h4 {
	    font-size: 25px;
	}
	.marquee-box h4 { 
	    padding: 4px 4px 6px 9px; 
	    margin-left: 0px; 
	    background: linear-gradient(-180deg, #274253 0%, #0f191f 82%);
	}
}
 
@media only screen and (max-width: 992px) {
    .header-fix{
        height: 56px;
        border-bottom: 0;
    }
    .desktop-logo{
        display: none;
    }
    .events-mobile .tbl-mobile-event {
        border-bottom: 3px solid #265e04;
        font-size: 4vw;
    }
     .in_play {
        font-size: 12px;
        font-weight: 700;
    }

    .tbl-mobile-event .table td {
        padding: 5px 5px 5px 10px;
    }
     .tbl-mobile-event .table .game-both{
     display:flex;
     } 
    .multimarket .no-data {
        font-size: 4.26667vw;
        margin: 5.33333vw 2.66667vw;
        padding: 2.66667vw 1.86667vw 5.33333vw;
    }

    .multimarket .no-data h3 {
        font-size: 5.33333vw;
        margin-bottom: 1.33333vw;
        padding: 1.86667vw 0;
    }

    .multimarket .no-data h3:before {
        width: 8.26667vw;
        height: 8.53333vw;
        margin-right: 1.33333vw;
    }
	 .match-name span.in_play i {
	    margin-left: 8px;
	}
	.inplay_tv{
		    transition: .4s ease-in;
    animation: 1s infinite inplayTv;
	}
	@keyframes inplayTv{
	0% {
    transform: scale(1);
    color: #fff;
	}
	50% {
	    transform: scale(1.1);
	    color: red;
	}
	100% {
	    transform: scale(1);
	    color: #fff;
	}
	}
    .wrap-item .bets-button, .refresh, .setting{
        color: var(--topheadertextcolor);
        box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4);
        height: 9.33333vw;
        line-height: 5.33333vw;
        font-weight: var(--fontWeight700);
        border-radius: 1.06667vw;
        border: 1px solid #0b1933;
        padding: 2.6vw 1.86667vw;
        justify-content: center;
        align-items: center;
        display: flex;
        gap: 5px;
        background: linear-gradient(-180deg,#14805e 0, #184438 100%);
     }
	.wrap-item .bets-button{
		padding: 2.6vw 3.062vw
	}
	.wrap-item {
	    margin-left: 1px;
	}
	.h-btn.refresh{
		position:relative;
		right:2px
	}
	.extra-wrap {
        display: flex;
        justify-content: center;
    } 
    .appdl-link-android img, .appdl-link-ios img {
        width: 41.33333vw;
        height: auto;
        border-radius: 8px;
        background-size: contain !important;
    }
	.loading-dots-container{
		height: 7px;
		margin-right: 10px;
	}
	.first-cont{
		margin-right: 10px;
	}
	.after-right-wrapper{
		margin-right:4px
	}
    .inplay-match .match-name {
        font-size: 3.7vw !important;
    }

    .inplay-match .table td,
    .inplay-match .table th {
        border-top: none;
        padding: 3px 0 3px 10px;
        vertical-align: middle;
    }
   .inplay-match table td.count, .inplay-match table thead th {
        display: none !important;
    }
    .p-mobile-1 {
        padding: 0.25rem !important;
    }

    .tbl-bets thead {
        line-height: 1;
    }
    .game-bookmakers {
        font-size: 4vw;
        position: relative;
    }
    .game-fancy {
        position: relative;
        left: 8px; 
        margin-right: 13px !important;
    }
    .hidden-xs,
    .min-max-bet {
        display: none !important;
    }

    .tbl-bets .team-name {
        min-width: 165px;
    }

    .fancy-bet .team-name-fancy, 
    .odd-row .team-name .title {
        font-size: 13px;
        max-width: 57vw;
    } 
    .tbl-bets .back-1,
    .tbl-bets .lay-1 {
        min-width: 65px;
        margin: 0;
        font-size: 13px;
    }
 
    .rules-wrap .rules-content {
        height: 460px;
    }

    .marquee-text {
        margin: 0;
        padding: 0;
        display: block
    }

    .marquee-box marquee {
        width: 80%;
    }
     .side-wrap {
        position: relative;
        height: 100%;
        background: #eee;
        box-shadow: 0.53333vw 0 1.6vw 0 rgba(0, 0, 0, .5);
        flex-direction: column;
        display: flex;
    }
    .right-side .side-wrap {
        border-radius: 1.6vw 0 0 1.6vw;
    }
    .setting-wrap {
        background-color: var(--whileColor);
    }
    .side-wrap .side-head {
        border-radius: 1.6vw 0 0;
        background: var(--menuColor);
        flex: 0 0 10.4vw;
        display: flex;
    }
    .right-side .a-setting {
        box-shadow: none;
        justify-content: left;
        border-radius: unset;
        border: unset;
    }
    .side-head h3 {
        color: var(--openBetTextColor);
        flex: 1;
        background: 0 0;
        font-size: 4vw;
        line-height: 2.6;
        padding: 0 1.86667vw;
        align-items: center;
        display: flex;
        text-align: center;
    }
    .fa-lg {
        font-size: 1.03333333em;
        line-height: .75em;
        vertical-align: -15%;
        color: var(--whileColor);
    }
    .side-head .close {
        padding: 10px;
        border-left: 1px solid var(--settingtopCloseColor);
        color: var(--settingtopCloseColor);
        justify-content: center;
        align-items: center;
    }
    .side-content h3 {
        padding: 0 1.86667vw;
        justify-content: space-between;
        align-items: center;
        display: flex;
        background-image: linear-gradient(-180deg,#2e4b5e 0,#243a48 82%);
        color: var(--whileColor);
        font-size: 3.63333vw;
        line-height: 2.2;
    }
    .setting-block {
        font-size: 4.2vw;
        color: #243a48;
        border-bottom: 1px solid #e0e6e6;
        padding: 1.86667vw 0 0 1.86667vw;
        display: flex;
        flex-wrap: wrap;
        border-bottom: none;
    }
    .setting-block dd, .setting-block dt {
        padding: 0 1.86667vw 1.86667vw 0;
        align-items: center;
        box-sizing: border-box;
        display: flex;
        margin-bottom: 0;
    }

    .stake-setting dt {
        flex: 1 1 100%;
    }
    .setting-block input {
        width: 21.46667vw;
        position: relative;
        background: var(--whiteBackgound);
        border: 1px solid #aaa;
        box-shadow: inset 0 0.53333vw 0 0 rgba(0,0,0,.1);
        border-radius: 1.6vw;
        color: #1e1e1e;
        font-size: 4vw;
        font-family: Helvetica,Tahoma,sans-serif;
        padding: 2.66667vw 1.86667vw;
        margin-bottom: 1.86667vw;
        -webkit-appearance: none;
        border: 2px solid;
        border-width: 2pt;
        border-radius: 0;
        border-image: conic-gradient(#6ca7ec, #2222b9, #6ca7ec, #2222b9, #6ca7ec, #2222b9, #6ca7ec) 1;
        transition: border-width .3s linear;
    }
    .setting_model .modal-dialog{
		margin:0
	}
    .stake-setting input {
        margin: 0;
        box-sizing: border-box;
        text-align: center;
    }
    .stake-setting input:focus{
	    box-shadow: 0 0 #0d6efd40;
	    border-width: 3pt;
	    border-radius: 0;
	}
	.setting_model{
		top: 55px !important;
	}
	.setting_model .col-stake_edit {
        padding: 6px 5px 100%;
    }
	.e-form-group{
		position:relative
	}
	.input-group-append {
	    position: absolute;
	    right: 3px;
	    bottom:0
	}
     .btn-send {
        flex: 1;
        line-height: 2.8;
    }
    .col-stake_edit{
        padding: 6px 5px;
    }
    .col-stake_edit a {
        width: 100%;
        line-height: 2.6;
        font-weight: 700;
    }
     .btn-send {
        background: var(--btnColor);
        border-color: var(--btnColor);
        color: ivory;
        display: block;
        text-align: center;
        border: 1px solid #aaa;
        border-radius: 1.6vw;
        font-size: 4vw;
        text-decoration: none;
    }
    .login-head, .register-head {
        position: relative;
        height: 74.66667vw;
        margin-bottom: 12vw;
    }
    .form-login, .form-register {
        width: 75vw;
    }
    .form-login dd, .form-register dd {
        margin-bottom: 3.2vw;
        padding: 0;
    }
    .form-login input, .form-register input {
        height: 40px;
        font-size: 16px;
    }
    .login-page-new .btn-send, .register-page-new .btn-send {
        border-radius: 1.6vw;
        font-size: 4vw;
        width: 100%;
    }
    .login-head h1, .register-head h1 {
        top: 49.33333vw;
        width: 69.33333vw;
        height: 20vw;
        left: 63%;
        margin-left: var(--mrLogoMbl);
    }
    .login-head .ui-link, .register-head .ui-link {
        right: 5%;
        width: 9.33333vw;
        height: 9.33333vw;
        top:20px;
        z-index: 2;
        display: flex;
        font-size: 0;
        text-indent: -99999px;
        background:var(--loginPageLoginBtnBG);
        border-radius: 9px;
    }
    .inplay-sportwise{
		border-bottom: 0; 
	    margin-bottom: -1px;
	}
	.game-head{
		margin-top: 55px;
	}
	.quick_link a{
		font-weight:700
	}
	.quickHeader{
		font-weight:700
	}
    .login-head .ui-link:before, .register-head .ui-link:before {
        content: '';
        width: 3.46667vw;
        height: 3.46667vw;
    }
    .mobile-footer-header{
        display: block;
        z-index:9999
    }
    .card-accent-primary{
		border-top-width: 0;
	}
	.divider-top {
	    margin-top: 23px;
	    margin-bottom: 40px;
	    padding: .15rem; 
	    margin: 11px;
	}
	.fa-lgg{
		color:inherit
	}
	.fa {
	    display: inline-block;
	    font-size: 1.33333333em !important;
	    font: 14px / 1 FontAwesome;
	    font-size: inherit;
	    text-rendering: auto;
	    -webkit-font-smoothing: antialiased;
	}
	.bd-example .edit-password{
		color:inherit !important
	}
    .mobile-header{
        display: block;
    }
    .all-sports{
        margin-top: 56px;
    }
    .desktop-header{
        display: none;
    }
    .mobile-men{
        display: inline-block;
        z-index:9;
    }
    .panelContainer{
        display: block;
    }
    .menu-wrap{
        display: none;
    }
    .page-layout{
        margin-top: 21px !important;
        margin-bottom: 25%;
    }
    .home-page .page-row .center-section{
        top: 0px !important;
    }
    .page-row{
        padding-left: 0 !important;
        top: 5.9px !important;
    }
    .page-row .sidebar{
        display: none;
    }
    .page-row .right-section{
        display: none;
    }
    .page-row .center-section {
        width: 100% !important;
        position: relative;
        top: 29px;
    }
    .inplay-page .page-row .center-section {
         top: 30px;
    }
    .center-section {
        padding: 0;
    }
    .game-h-w h3{
        display: none;
    }
    .inner-footer{
        display: none;
    }
    .sporthead h3{
        text-align: center;
    }
    .market-type {
        display: block !important;
    }
    .min-max-mobile{
        display: block !important; 
    	min-height: 25px; 
    	min-width: 165px;
    }
    .tbl-bets .back-2, .tbl-bets .back-3, .tbl-bets .lay-2, .tbl-bets .lay-3 {
        display: none;
    }
    .betfair-tbl thead .back-1 {
        border-top-left-radius: unset !important;
    }
    .betfair-tbl thead .lay-1 {
        border-top-right-radius: unset !important;
    }
    .col-stake_list ul{
        flex-wrap: wrap !important;
    }
    .special_bets-tab li {
        padding: 0px;
    }
    .btn-fancy_info{
        display: block !important;
    } 
    .mbl-book{
        display: none;
    } 
    .inplay-tabs {
        display: grid;
        grid-template-columns: auto auto auto;
        margin: 4px 5px;
        width: auto;
        border-radius: 5px;
    }
    .inplay-tabs .nav-item {
         width: auto
    }
    .inplay-tabs .nav-link {
        height: auto;
        line-height: 16px;
        font-size:15px
    }
    .search-dialog{
        margin: -2px !important;
    }
    .login-page-new, .register-page-new {
        height: 100vh !important;
    }
    .form-login, .form-register {
        padding: 0px !important;
    }
    .login-head, .register-head {
        margin-bottom: 0px;
    }
    .form-login dd, .form-register dd {
        margin-bottom: 1.5rem !important;
        position:relative;
    }
    .input-group-append .btn i{
	color: #000
}
    .mobile-footer{
        display: block !important;
        width:100%
    }
    .support-wrap{
		margin:10px auto
	}
	.support-wrap dl { 
	    width: 234px;
	    text-align: center;
	}
	a.rules-btn-home {
	    margin-left: 5px;
	    text-decoration: none;
	    position: relative;
	    left: 4px;
	    margin-left: 0;
	}
    .mobile-marquee{
        display: block !important;
        margin-top: 29px;
    }
    .comingsoon .login_to_go { 
	    left: auto; 
	    margin-left: 0;
	    padding: 0;
	    height: 266px;
    	width: 352px;
	}
	.logo-width{
		margin: 0	
	}
	.scrollHeight {
        max-height: 260px;
        overflow-x: auto;
        border-bottom: 3px solid #265e04;
    }
    .main-con	 {
	    background-image: url("../images/casinobg.png");
	    background-size: contain;
	    background-attachment: fixed;
	    margin-left: 1px;
	    padding: 15px;
	}
	.casinoicons {
        position: relative;
        box-shadow: 0 5px 9px -3px;
        border-radius: 4px;
        margin-bottom: 15px;
        cursor: pointer;   
         background: var(--mblMenuActiveBg);
    }
    .casinoicons img {
        min-height: 112px;
        width:100%
    }
    .img-fluid {
        height: auto !important;
    }
    .casino-bottom {
	    font-family: Roboto Condensed, sans-serif; 
         background: var(--mblMenuActiveBg);
	    padding: 4px 0;
	    text-align: center;
	    font-size: 16px;
	    line-height: 18px; 
    	color: var(--mblMenuAvtiveColor);
	    letter-spacing: 0px;
	    position: absolute;
	    bottom: 0;
	    width: 100%;
	    right: 0;
	    left: 0;
	    z-index: 2;
	    align-items: center;
	    display: flex;
	    justify-content: center;
	    min-height: 32px;
	    border-radius: 0 0 3px 3px;
	    font-weight: 600;
	}
	
	.scrollHeight {
        max-height: 258px;
    }
    .casino-bottom {
        font-size: 10px;
        line-height: 13px;
        min-height: 20px;
        font-family: Roboto Condensed, sans-serif; 
    }
    .mobile-content-games{
		display:block
	}
	 .aviator{
	    background: #000 !important;
	    color: #fff !important;
	    border-radius: 1.6vw 1.6vw 0 0 !important;
	}
	.tabs .aviator img{
		filter:invert(0)
	}
	.heartBeat, .heartBeat.av-text {
    transition: .3s ease-in;
    animation: zoom-in-zoom-outAnim 1s ease infinite;
}
@keyframes zoom-in-zoom-outAnim {
	0% {
	    transform: scale(1.1);
	    color: #ff0;
	} 
	50% {
	    transform: scale(.8);
	    color: red;
	} 
	100% {
	    transform: scale(1.1);
	    color: #ff0;
	} 
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,-50px);
    transform: translate(0,-50px)
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }

    .progress-bar-animated {
        -webkit-animation: none;
        animation: none
    }

    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background: var(--topHeaderColor);
    background-clip: padding-box;
    border: 0;
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 6px;
    border-bottom: 1px solid #c8ced3;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    border:0
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #c8ced3;
    border-bottom-right-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.modal-footer>:not(:first-child) {
    margin-left: .25rem
}

.modal-footer>:not(:last-child) {
    margin-right: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width:500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem)
    }

    .modal-sm {
        max-width: 300px
    }
    .multi-market-mobile{
    	display:none;
    }
    .multimarket-table{
    	display:block!important
    } 
}

@media (min-width: 992px) {
    .modal-lg,.modal-xl {
        max-width:800px
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width:1140px
    }
}
@media (max-width:768px) { 
         .inplay-match {
                position: relative;
                width: 100%;
                margin-top: 1.5rem;
                background: #fff;
            }
         .mobile-games-content {
            white-space: nowrap;
            overflow-x: auto;
            width: 100%;
            background: var(--menuColormbl);
            color: var(--menuTextColormbl);
            scrollbar-width: none;
            -ms-overflow-style: none !important;
            scrollbar-width: none !important;
            position: relative;
        }
        .mobile-games-content .menu-list {
            margin: 0;
            padding: 0;
            position: relative;
            overflow-x: auto;
            overflow-y: hidden;
        }
        .menu-list .menu-item {
            color: var(--menuTextColormbl);
            margin: 5px 5px 0;
            font-weight: 700;
            display: inline-block; 
        }  
        .menu-item.active div {
            background: var(--mblMenuActiveBg);
            color: var(--mblMenuAvtiveColor);
            box-shadow: inset 0 1px 3px 0 #333; 
            font-weight: 700;
        } 
        .menu-item div {
            border-radius: 1.6vw 1.6vw 0 0;
            padding: 5px;
        }
        .nav-tabs-casino {
            background: var(--menuColormbl);
            border-radius: 0;
            border-bottom: 0;
            flex-wrap: nowrap;
            overflow-x: auto;
            overflow-y: hidden;
            position: relative;
        }
        .sports .nav-tabs-casino .nav-item {
            flex: 1 1 0;
            padding: 0 4px;
            margin-bottom: 0;
            margin-top: 5px;
        }
        .sports .nav-tabs-casino .nav-item.mainTabs:last-child {
            margin-right: 35px;
        }
        .game-nav-bar.nav-tabs-casino .casinoname-item .nav-link {
            padding: 7px;
            min-width: 60px;
            color: var(--menuTextColormbl);
            white-space: nowrap;
            text-transform: uppercase;
            border-radius: 8px 8px 0 0;
            font-size: 12px;
            font-weight: 700;
            cursor: pointer;
            transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
            display: block; 
            filter: invert();
        }
        .sports .nav-tabs-casino .active .nav-link {
            background: var(--mblMenuActiveBg);
            color: var(--mblMenuAvtiveColor);
            border: none;            
            filter: invert(0);
        }
        .sports .nav-tabs-casino .nav-link.active {
            background: var(--mblMenuActiveBg);
            color: var(--mblMenuAvtiveColor);
            border: none;            
            filter: invert(0);
        }
        .searchBox {
            position: absolute;
            z-index: 100;
            background: var(--mblMenuActiveBg) !important;
            color: var(--mblMenuAvtiveColor) !important;
            border: 1px solid var(--mblMenuAvtiveColor) !important;
            right: 1%;
            top: 8%;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 30px;
            border-radius: 50px;
            height: 30px;
            font-size: 17px;
            cursor: pointer;
        }
        .searchInput {
            position: absolute;
            z-index: 99;
            top: 8%;
            border-radius: 50px;
            right: 2%;
        } 
        .hideSearchBar input {
            width: 0px;
            transition: all .6s ease-in-out;
        } 
        .searchInput input {
            height: 30px;
            border-radius: 50px;
            width: 0px;
            padding-left: 10px;
            font-size: 16px;
        }
        .showsearchbar input {
            width: 200px;
            transition: all .6s ease-in-out;
        }
    }
    .bottom-sheet {
    position: var(--bottom-sheet-position, fixed);
    display: flex;
    flex-direction: column;
    z-index: 10549;
    width: 100%;
    top: unset;
    left: 0;
    transform: translate(0);
    height: auto; 
    margin-bottom: 57px;
    
}
.bottom-sheet.open {
    animation: welcome-m-anim 1s cubic-bezier(.4,0,.2,1) forwards;
    height: unset;
    border-radius: 8px 8px 0 0;
    width: 100%;
    position: fixed;
    bottom: 0.4rem;
    box-sizing: border-box;
    transition-property: transition;
    animation-timing-function: ease-out;
    animation-duration: 1s; 
}
@keyframes welcome-m-anim {
    0% {
        max-height: 0;
        overflow: hidden;
    } 
    100% {
        max-height: 220px;
        overflow: hidden;
    }
}
.block {
    display: block;
}
.casino-pop-header {
    position: relative;
    margin-bottom: 0px;
    display: flex;
    height: 2.25rem;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    padding-left: .625rem;
    padding-top: 8.75px;
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    background: #000;
}
.lobby-image {
    position: relative;
    display: flex;
    height: 20px;
    width: 125px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-image: url(/assets/images/lobbynew.webp);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    padding-left: 3%;
    padding-right: 6%;
    padding-bottom: 1px;
}
.lobby-size {
    right: 40px;
    font-weight: 700;
    position: absolute;
}
.controlContainer {
    position: absolute;
    right: 0;
}
.ifrane-cross {
    position: absolute;
    color: #ed1500;
    right: 11px;
    cursor: pointer;
    z-index: 9999;
}
.ifrane-cross svg {
    height: 24px;
    width: 24px;
    display: block;
    vertical-align: middle;
}
.parent-class {
    margin-top: 0px;
    height: 180px;
    width: 100%;
    border-radius: 0;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-style: double;
    --tw-border-opacity: 1;
    border-color: rgb(66 32 6 / var(--tw-border-opacity));
    background-image: url(/assets/images/dashboardbg.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.parent-class .game-section{
	width:100%;
	height:100%
}
.parent-class iframe{
	width:100%;
	height:100%
}
.header_img {
    display: flex;
    height: 26px;
    width: 30px;
    cursor: pointer;
    justify-content: center
} 
.home-svg {
    min-width: 24px;
    --tw-translate-y: 1px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
} 
 .header_name {
    position: absolute;
    inset: 0;
    margin: auto;
    margin-top: 2.5px !important;
    display: flex;
    width: fit-content;
    align-items: center;
    font-size: 13.8px;
    font-weight: 600;
    color: var(--mainTextColor)
 } 
 .header_img {
    position: relative;
    z-index: 9999999991999919
} 
 .cross {
    color: #ed1500;
    right: 13px;
    cursor: pointer;
    display: flex;
    align-items: center
} 
.cross svg {
    height: 24px;
    width: 24px
}
 .header_img.lobby-image{
	background-image:none
}
.header_img {
    color: #fff;
}
.vCasino, .liveCasino {
    height: 42px;
    width: 120px;
    font-weight: 600;
}
.liveCasino {
    margin-right: 6px;
    height: 42px;
    border-radius: 6px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-style: double;
    --tw-border-opacity: 1;
    border-color: rgb(66 32 6 / var(--tw-border-opacity));
    background: #d61703; 
    color: #fff;
}
.vCasino {
    height: 42px;
    border-radius: 6px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-style: double;
    --tw-border-opacity: 1;
    border-color: rgb(66 32 6 / var(--tw-border-opacity));
    background: #fff; 
    color: #d61703;
}
.slider-parent {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}
.cards-top-class {
    margin-left: 1.625rem;
    margin-right: .625rem;
    display: flex;
    gap: .5rem;
    overflow-x: auto;
     overflow-y: hidden;
     width:100vw
}
.card-parent {
    margin-top: 2.5px;
    flex-shrink: 0;
    cursor: pointer;
}
.card-backgrounds {
    position: relative;
    height: 170.71px;
    --tw-border-opacity: 1;
    background:#000
}
.card-img { 
    height: 100%;
	width: 153px;
	margin-right: 10px;
}
.card-badge { 
      position: absolute;
	  top: 10px;
	  right: 1.8rem;
	  left: 103px;
	  display: flex;
	  height: 21px;
	  width: 40.5px;
	  align-items: center;
	  justify-content: space-around;
	  border-radius: 3px;
	  border-width: .5px;
	  --tw-border-opacity: 1;
	  border-color: rgb(255 255 255 / var(--tw-border-opacity));
	  --tw-bg-opacity: 1;
	  background-color: rgb(101 34 141 / var(--tw-bg-opacity));
	  padding-inline-end: 4px;
	  --tw-text-opacity: 1;
	  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.card-badge img{
    height: 20px;
}
.badge-text {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 0;
} 
.in_play{
	animation: 1s infinite newlaunchinplay;
}
@keyframes newlaunchinplay{
0% {
    transform: scale(1);
    color:  #508d0e;
} 
50% {
    transform: scale(1.1);
    color:  #f42422;
} 
100% {
    transform: scale(1);
    color:  #508d0e;
}
}
@media screen and (max-width: 426px) {
    .carousel-item img {
        height: 106px;
    }
}
@media screen and (max-width: 376px) {
    .carousel-item img {
        height: 94px;
    }
} 
@media screen and (max-width: 361px) {
    .carousel-item img {
        height: 90px;
    }
} 
@media screen and (max-width: 321px) {
    .carousel-item img {
        height: 80px;
    }
}