/* responsive ******************************************************************************/

@media (min-width: 1921px) {
    .middle-wrapper .middle-wrapper-inner {
        height: 95vh;
    }
}

@media (max-width: 1899px) {
    /* in play page css */
    .two-col-wrapper .tab-content-wrap-main{
        height: 77vh;
    }

    .top-header .date {
        width: 34%;
    }
}


@media (max-width: 1599px) {
    .main-wrapper {
        padding-top: 97px;
    }
}


@media (max-width: 1499px) {
    .main-wrapper {
        padding-top: 92px;
    }
    .account-details-wrapper .middle-wrapper .middle-wrapper-inner{
        /* height: 82vh; */
        padding: 20px 0;
    }
    .top-header .date {
        width: 33%;
    }
    .top-header .game-matched-wrap{
        margin-left: 3px;
    }
    .fancy_bet_tab-wrap.orange .nav-link{
        min-width: 50px;
    }
}

@media (max-width: 1399px) {

    .main-wrapper {
        padding-top: 92px;
    }

    .left-sidebar-wrapper-main {
        position: sticky;
        top: 0;
        z-index: 10; 
        background-color: var(--white);
    }

    
    /* ===== Left sidebar ====================== */
    .left-sidebar-wrapper {
        margin-bottom: 5px;
        position: sticky;
        top: 0;
        overflow: hidden;
    }
    .left-sidebar-wrapper-main nav ul {
        display: flex;
        overflow-x: scroll;
        scrollbar-width: thin;
    }
    .left-sidebar-wrapper nav ul li {
        flex: 0 0 auto;
        border-bottom: 0;
    }

    /* ===== Middle wrapper =========================== */
    .middle-wrapper .middle-wrapper-inner {
        margin-left: 0;
        height: 82vh;
    }

    /* Right sidebar ============================ */
    .right-content-wrapper {
        padding-right: 24px;
    }
    .right-content-wrapper .slip-list{
        max-height: calc(100% - 156px);
    }
 
    .right-content-wrapper .matched-head .col-bet {
        width: 43%;
    }

    /*===== my-profile-css ====================*/
    .account-details-wrapper .menu-list {
        display: flex;
        overflow-x: scroll;
        scrollbar-width: thin;
    }
    .account-details-wrapper .menu-list li {
        flex: 0 0 auto;
    }
    .account-details-wrapper .left-sidebar-wrapper{
        margin-bottom: 0;
    }

    .all-sports-tab-wrapper .nav-tabs .nav-link {
        padding: .3rem 2rem;
    }

    /*===== banner-css ====================*/
    .banner .column{
        padding: 0 6px 10px;
    }
}

@media (max-width: 1299px) {

    .main-wrapper {
        padding-top: 84px;
    }
    
    .menu-wrapper a {
        padding: 0 8px;
    }

    /*===== Right sidebar ================ */
     .right-content-wrapper .country-name-wrapper {
        flex-wrap: wrap;
    }
    .right-content-wrapper .country-name {
        width: 100%;
    }
    .right-content-wrapper .country-name-wrapper .col-profit {
        padding-right: 0px;
        padding-left: 10px;
    }
}


@media (max-width: 1199px) {
    .menu-wrapper a {
        padding: 0 5px;
        font-size: .75rem;
    }
    .top-header .date {
        width: 25%;
    }
    .top-header .game-matched-wrap{
        width: 53%;
    }
    table.bets.bets-bookmaker {
        width: 1000px;
    }
    table.fancy-bet-marketlist {
        width: 750px;
    }
    .right-content-wrapper .slip-head li, .right-content-wrapper .matched-head li, .right-content-wrapper .slip-lay.slip-lay-wrap li{
        padding: 5px;
    }
}


@media (max-width: 1079px) {
    .main-wrapper {
        padding-top: 76px;
    }
    .menu-wrapper a {
        padding: 0 4px;
        font-size: .70rem;
    }    
    .full-wrapper .suggestion-wrap, .full-wrapper #searchInput{
        width: 240px;
    }
    .setting-wrapper .time_zone {
        padding: 0 4px;
    }
    .setting-wrapper .one_click a {
        text-indent: 25px;
        padding: 0 7px 0 7px;
    }
    .two-col-wrapper .slip-head, .two-col-wrapper .matched-head, .three-col-wrapper .slip-head, .three-col-wrapper .matched-head {
        padding: 3px 4px;
        display: flex;
    }
    .all-sports-tab-wrapper .nav-tabs .nav-link {
        padding: .3rem 1.5rem;
    }   
    .right-content-wrapper .slip-head .col-odd, .right-content-wrapper .matched-head .col-odd, .right-content-wrapper .slip-lay.slip-lay-wrap .col-odd {
        width: 20.705882%;
    }
    .right-content-wrapper .slip-lay.slip-lay-wrap{
        display: flex;
    }
    .right-content-wrapper .slip-head .col-profit, .right-content-wrapper .matched-head .col-profit, .right-content-wrapper .slip-lay.slip-lay-wrap .col-profit {
        width: 20.117647%;
    }
    .top-header .game-matched-wrap {
        width: 57%;
    }
    .top-header .date {
        width: 18%;
    }
    .top-header .game-matched-wrap .game-low_liq{
        font-size: .7rem;
    }
}

@media (max-width: 991px) {
    .main-wrapper {
        padding-top: 134px;
    }
    .mob-hide{
        display: none;
    }
    .mob-show{
        display: block;
    }
    .mob-header{
        background-image: linear-gradient(180deg, var(--charcoal-grey) 0%, var(--smoky-black) 100%);
        padding: 10px 0;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 11;
    }
    .mob-header .mob-logo {
        max-width: 70px;
        width: 100%;
        object-fit: contain;
    }
    .mob-header .btn-wrap {
        width: 100%;
        margin-bottom: 0;
    }
    .mob-header .btn-signup {
        background-image: linear-gradient(-180deg, var(--cloudy-grey) 0%, var(--charcoal) 100%);
        border-color: var(--black);
    }
    .mob-header .btn-wrap{
        width: 100%;
    }
    .mob-header .login-index {
        background-image: linear-gradient(-180deg, var(--torch-red) 0%, var(--rust-red) 100%);
        position: relative;
    }
    .mob-header .mini-lobby .main-nav {
        margin-right: 7px;
        margin-left: 10px;
        position: relative;
    }
    .mob-header .nav-wrapper {
        position: fixed;
        bottom: 0;
        width: 100%;
        background-image: linear-gradient(-180deg, var(--dark-slate-grey) 20%, var(--medium-green) 91%);
        color: var(--white);
        z-index: 10;
    }
   .mob-header .nav-wrapper .icon-promote {
        max-width: 15.866667vw;
        height: 15.866667vw;
        width: 100%;
    }
    .mob-header nav img {
        width: 5.3333333333vw;
        height: 5.3333333333vw;
        margin: 0 auto .9vw;
        display: block;
    }
    .mob-header .nav-wrapper .icon-sports {
        width: 5.8666666667vw;
        height: 5.3333333333vw;
        margin: 0 auto .9vw;
    }
    .mob-header ul.mini-lobby li {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .mob-header .ui-link {
        width: 16.15vw;
        height: 13.3333333333vw;
        color: var(--white);
        font-size: 18px;
        line-height: 1.1;
        padding: 1.8666666667vw 1vw;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        text-align: center;
    }
    .mob-header nav .select {
        background-image: linear-gradient(-180deg, var(--light-navy-blue) 20%, var(--dark-blue-grey) 91%);
    }
    .mob-header nav .mini-lobby .main-nav a{
        width: 17vw;
        height: 16.8vw;
        margin-top: -4.5333333333vw;
        padding: 1.3333333333vw 0vw 2.6666666667vw 0vw;
        display: flex;
    }
    .mob-header nav .mini-lobby .main-nav:before {
        content: "";
        position: absolute;
        background-image: url(../images/Curve.svg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        z-index: -1;
        top: -4vw;
        width: 103%;
        height: 5.3333333333vw;
        margin-left: -0.2666666667vw;
    }
    .banner .container {
        padding: 0;
    }
    .banner .row {
        margin: 0;
    }
    .banner .column {
        padding-bottom: 0;
        margin-bottom: 5px;
    }
    .banner .owl-nav img{
        opacity: .8;
    }
    .two-col-section .container {
        padding: 0;
    }
    .two-col-wrapper .left-content-wrapper-large .slip-head {
        display: none !important;
    }
    .two-col-wrapper .game-list-col .col-visit,
    .two-col-wrapper .game-list-col .col-home, .two-col-wrapper .game-list-col .col-draw,
    .two-col-wrapper .game-list-col .col-matched, .three-col-wrapper .game-list-col .col-visit,
    .three-col-wrapper .game-list-col .col-home, .three-col-wrapper .game-list-col .col-draw,
    .three-col-wrapper .game-list-col .col-matched {
        display: none;
    }
    .two-col-wrapper .game-list-col, .three-col-wrapper .game-list-col{
        justify-content: space-between;
    }
    .col-info .add-pin{
        background-image: url(../images/pin.svg);
        width: 25px;
        height: 25px;
        background-size: contain;
    }
    .right-content-wrapper {
        display: none;
    }
    .footer .browser-wrap {
        padding: 0 15px;
        text-align: center;
        color: var(--french-grey);
    }
    .footer {
        margin: 0;
        padding: 20px 0 110px;
    }
    .footer .footer-menu li:after, .footer .footer-menu li:first-child:before{
        content: none;
    }
    .footer .footer-menu li:before{
        margin: 0 0.4vw;
        content: "|";
    }

    /* my-account-css start */
    .account-details-wrapper {
        padding: 10px 0 80px;
    }
    .account-details-wrapper .balance-table td{
        font-size: 13px;
    }
    .account-details-wrapper .balance-table th, .account-details-wrapper .balance-table td{
        padding: 8px 20px;
    }
    table {
        width: 1000px;
        table-layout: fixed;
    }
    .account-details-wrapper .middle-wrapper .middle-wrapper-inner{
        height: auto;
        padding: 20px 0px 60px;
    }
    .bets-table{
        table-layout: auto;
    }
    .account-details-wrapper .left-sidebar-wrapper-main {
        position: inherit;
    }
    /* my-account-css end */

    /*====================== popup css ======================*/
    .transfer-wrap-slider .transfer-title{
        color: var(--beer);
        background-image: linear-gradient(180deg, var(--charcoal-grey) 0%, var(--smoky-black) 100%);
        border-radius: 5px 5px 0 0;
    }
    .btn-close{
        background-image: url(../images/close-button-mob.png);
    }
    .balance-wrap.transfer-wrap-slider .transfer-content {
        display: block !important;
    }
    .balance-wrap.transfer-wrap-slider .left-content, .balance-wrap.transfer-wrap-slider .right-content{
        width: 100%;
        padding: 15px 20px 20px;
    }
    .balance-wrap .transfer-content p {
        font-size: 18px;
        line-height: 33px;
    }
    .balance-wrap .transfer-content input, .transfer-content textarea {
        width: 100%;
        line-height: 23px;
        font-size: 18px;
        margin-bottom: 5px;
    }
    .balance-wrap ul.quick_stake {
        width: auto;
    }
    .balance-wrap.transfer-wrap-slider .transfer-content:before{
        top: 58%;
    }
    .balance-wrap ul.quick_stake li a{
        line-height: 28px;
        font-size: 15px;
    }

    .article-date{
        position:inherit;
        margin-right: 0;
        margin-bottom: 20px;
        width: 65px;
    }

    /* announcement-css start */
    .article-wrap {
        padding: 20px 1px;
        border-bottom: 1px solid var(--mercury);
    }
    .article-date .month, .article-date .year{
        position: absolute;
    }
    .article-date .year {
        top: 17px;
        right: -3px;
    }
    .article-date .month{
        top: 2px;
        right: 0;
    }
    /* announcement-css end */

    
    .bet-nav-wrapper.special-bets-wrapper .bets {
        width: 100%;
    }


    /* mob-inplay css start */
    .two-col-wrapper-mob .nav-tabs {
        min-width: auto;
        width: 100%;
        padding: 10px;
        border-radius: 0;
        margin: 0;
        border-left: 0;
    }
    .two-col-wrapper-mob .nav-tabs .nav-link {
        width: 25%;
        background-color: transparent;
        color: var(--white);
        border: 1px solid var(--white);
        border-left: 0;
    }
    .two-col-wrapper-mob .nav-tabs .nav-link:last-child{
        border-radius: 0 10px 10px 0;
    }
    .two-col-wrapper-mob .nav-link span{
        padding: 10px;
        font-size: 15px;
        border-right: 0;
    }
    .two-col-wrapper-mob .nav-tabs .nav-link:first-child{
        border-left: 1px solid var(--white);
        border-radius: 10px 0 0 10px;
    }
    .two-col-wrapper-mob .a-search{
        position: relative;
        background: linear-gradient(-180deg, var(--transparent-black) 0%, var(--t-bg-mob) 100%);
        width: 69px;
        height: 69px;
    }
    .two-col-wrapper-mob .a-search:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 22px;
        height: 22px;
        background: url(../images/search.svg) center no-repeat;
        background-size: cover;
    }
    .two-col-wrapper-mob .bootom-img{
        margin-bottom: 20px;
    }
    .two-col-wrapper-mob .bootom-img img{
        width: 100%;
    }
    .two-col-wrapper-mob .nav-tabs .nav-link.active {
        background-color: var(--white);
        color: var(--firefly);
    }
    .two-col-wrapper-mob .tab-content-wrap-main{
        height: auto;
        overflow: visible;
    }
    .two-col-wrapper-mob .in-play-tab-wrap {
        display: flex;
        align-items: center;
        background-color: var(--firefly);   
    }
    .two-col-wrapper-mob .game-header {
        background-image: linear-gradient(-180deg, var(--pickled-bluewood) 0%, var(--dark-slate-grey) 82%);
        color: var(--white);
        margin-bottom: 0;
        line-height: 2.2;
        text-align: center;
    }
    .two-col-wrapper-mob .game-list-col:hover{
        background-color: var(--white);
    }
    .two-col-wrapper-mob .game-list-col .in_play {
        color: var(--storm-grey);
        font-size: 13px;
    }
    .two-col-wrapper-mob .game-list-col .vs-name{
        position: relative;
        font-size: 15px;
        padding-left: 23px;
    }
    .two-col-wrapper-mob .game-list-col .icon-wrapper{
        padding-left: 23px;
        margin: 10px 0;
    }
    .two-col-wrapper-mob .vs-name::before {
        content: "";
        width: 15px;
        height: 15px;
        border-radius: 50%;
        border: 1px solid var(--t-bg-mob-1);
        position: absolute;
        top: 0;
        left: 0;
    }
    .two-col-wrapper-mob .inplay-on .vs-name::before {
        content: "";
        background-color: var(--dark-lime-green);
    }
    .two-col-wrapper-mob .event-info span{
        font-weight:bold;
    }
    .two-col-wrapper-mob .event-info .game-list-time {
        padding: 0 8px;
        margin-left: 0;
    }
    .two-col-wrapper-mob .event-info{
        width: 90%;
    }
    .two-col-wrapper-mob {
        padding-bottom: 130px;
    }
    .two-col-wrapper-mob .game-data {
        border-bottom: 3px solid var(--smoky-black);
        margin-bottom: 20px;
    }
    .two-col-wrapper-mob .col-info .add-pin:hover{
        background-image: url(../images/pin-mob.svg);
    }
    .two-col-wrapper-mob .event-info .time,
    .two-col-wrapper-mob .event-info .date {
        font-weight: normal;
        padding: 0 5px;
        color: var(--storm-grey);
    }
    .two-col-wrapper-mob .inplay-off .vs-name::before {
        content: "";
        background-color: var(--grey-goose);
    }

    .two-col-wrapper-mob .tabs-wrapper.result-tabs-wrapper .nav-tabs {
        border-left: 0;
        padding: 0;
    }
    .two-col-wrapper-mob .tabs-wrapper.result-tabs-wrapper {
        height: inherit;
        overflow: visible;
    }
    .two-col-wrapper-mob .result-tabs-wrapper .nav-dropdown-wrappper{
        background-color: var(--firefly);
        padding: 10px;
        align-items: center;
    }
    .two-col-wrapper-mob .result-tabs-wrapper .nav-dropdown-wrappper nav{
        width: 70%;
    }
    .two-col-wrapper-mob .nav-sel-game-bx-main{
        width: 30%;
        margin-bottom: 0;
    }
    .two-col-wrapper-mob .nav-sel-game-bx-main .btn {
        font-size: 16px;
        border-radius: 10px;
        padding: 13px 36px 13px 7px;
    }
    .two-col-wrapper-mob .nav-sel-game-bx-main .dropdown-btn::before{
        width: 18px;
        height: 18px;
    }
    .two-col-wrapper-mob .result-table .time-and-title {
        width: 70%;
    }
    .two-col-wrapper-mob .result-table .score-home {
        width: 15%;
    }
    .two-col-wrapper-mob .result-table .score-away {
        width: 15%;
    }
    .two-col-wrapper-mob .result-table .score-home,
    .two-col-wrapper-mob .result-table .score-away{
        text-align: center;
        padding: 15px;
        border-left: solid 1px var(--mercury);
        display: flex;
        align-items: stretch;
        flex-direction: column;
        justify-content: space-between;
    }
    .two-col-wrapper-mob .result-table .event-detail,
    .two-col-wrapper-mob .result-table .date-time {
        width: auto;
    }
    .two-col-wrapper-mob .result-table .event-detail {
        padding: 0;
        font-size: 18px;
        max-width: 80%;
        width: 100%;
        line-height: 30px;
        color: var(--cloudy-grey);
        font-weight: bold;
    }
    .two-col-wrapper-mob .result-table .date-time {
        font-size: 15px;
        line-height: 20px;
    }
    .two-col-wrapper-mob .result-table .score-home strong,
    .two-col-wrapper-mob .result-table .score-away strong{
        font-weight: bold;
        font-size: 16px;
        color: var(--black);
    }
    .two-col-wrapper-mob .result-table .score-home p,
    .two-col-wrapper-mob .result-table .score-away p{
        color: var(--cloudy-grey);
    }
    .two-col-wrapper-mob .result-tabs-wrapper .game-listing-main{
        border-bottom:0;
    }
    .two-col-wrapper-mob .result-tabs-wrapper .game-list-col{
        border-bottom: solid 1px var(--greyish-teal);
        padding: 0 10px;
        align-items: stretch;
    }
    .two-col-wrapper-mob .result-tabs-wrapper .expand-even p{
        text-align: left;
        margin-right: 0;
        padding:0;
        background-color: transparent;
    }
    .two-col-wrapper-mob .result-tabs-wrapper .title-runs {
        background-color: var(--titan-white);
        border-bottom: 2px solid var(--greyish-teal);
    }
    .two-col-wrapper-mob .result-tabs-wrapper .title-runs .title-block {
        width: 90%;
        padding: 20px 10px;
    }
    .two-col-wrapper-mob .result-tabs-wrapper .title-runs .run-block {
        width: 10%;
        border-left: 2px solid var(--jet-stream);
        padding: 20px 10px;
    }
    .two-col-wrapper-mob .result-tabs-wrapper .fancy-bet-dropdown {
        padding: 10px;
        width: 100%;
        font-size: 16px;
        text-align: left;
        text-transform: uppercase;
        position: relative;
    }
    .two-col-wrapper-mob .result-tabs-wrapper .fancy-bet-dropdown::before {
        background-image: url(../images/arrow-down.svg);
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        right: 0;
        width: 18px;
        height: 18px;
        content: "";
        z-index: 1;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .two-col-wrapper-mob .result-tabs-wrapper .accordion-button {
        background-color: var(--white);
        padding: 15px 10px;
        border-bottom: 1px solid var(--gulf-stream);
    }
    .two-col-wrapper-mob .result-tabs-wrapper .expand-even p {
        text-align: left;
        margin-right: 0;
        padding: 0;
        background-color: transparent;
        color: var(--storm-grey);
        font-size: 15px;
        margin-bottom: 10px;
        line-height: 20px;
    }
    .two-col-wrapper-mob .result-tabs-wrapper .expand-even .event-name {
        color: var(--d-grey);
        font-size: 18px;
        line-height: 25px;
    }
    .two-col-wrapper-mob .accordion-button::after{
        background-image:url(../images/plus-black.svg);
        width: 25px;
        height: 25px;
    }
    .two-col-wrapper-mob .accordion-button:not(.collapsed)::after{
        background-image:url(../images/minus-black.svg);
        width: 25px;
        height: 25px;
    }
    .two-col-wrapper-mob .fancyBet-dropdown-block {
        top: 0 !important;
        width: 100%;
        min-width: 98%;
    }
    .two-col-wrapper-mob .fancyBet-dropdown-block .dropdown-item {
        color: var(--d-grey);
        font-size: 17px;
        padding: 10px;
    }
    .two-col-wrapper-mob .fancyBet-dropdown-block .dropdown-item.active, 
    .two-col-wrapper-mob .fancyBet-dropdown-block .dropdown-item:active{
        background-color: var(--firefly);
        color: var(--white);
    }
    .two-col-wrapper-mob .result-tabs-wrapper .fancybet-tab-content .no-data {
        background-color: var(--titan-white);
        border-bottom: 2px solid var(--greyish-teal);
        padding: 10px;
    }
    .two-col-wrapper-mob .result-tabs-wrapper .fancybet-tab-content .no-data p{
        font-size: 16px;
        line-height: 25px;
        text-align: center;
    }
    .two-col-wrapper-mob .dropdown.fancy-bet-dropdown-main {
        background-color: var(--powder-ash);
        padding: 10px;
    }
    .two-col-wrapper-mob .result-tabs-wrapper .title-runs strong.marketName {
        font-size: 16px;
    }
    .two-col-wrapper-mob .result-tabs-wrapper .dropdown-menu {
        font-size: 15px;
    }
    .two-col-wrapper-mob .result-tabs-wrapper .expand-even .event-name{
        padding-right: 20px;
        display: block;
    }
    .two-col-wrapper-mob .result-table .event-detail {
        padding: 5px 0 10px;
    }

    .search-popup.modal.fade .modal-dialog {
        top: 0;
        padding: 0;
        margin: 0;
        max-width: 100%;
        transform: inherit;
    }
    .search-popup .search-input {
        width: 100%;
        height: 100px;
        margin: 0;
        padding: 0 70px;
        border-color: var(--black-transparent-color-1);
        border-radius: 0;
        box-shadow: none;
        font-size: 20px;
    }
    .search-popup .modal-content {
        border-radius: 0;
    }
    .search-popup .search-back {
        position: absolute;
        z-index: 2;
        display: block;
        width: 60px;
        height: 60px;
        background-size: contain;
        background-image: url(../images/left-arrow-black.svg);
        top: 48%;
        background-repeat: no-repeat;
        transform: translate(0, -50%);
    }
    .search-popup .search-clear,  .search-popup .search-collapse {
        top: 50%;
        right: 80px;
        background-image: url(../images/close-black.svg);
        background-size: contain;
        background-repeat: no-repeat;
        border: 0;
        position: absolute;
        width: 23px;
        height: 23px;
        transform: translate(0, -50%);
        background-color: transparent;
    }
    .search-popup .search-collapse {
        right: 20px;
        width: 30px;
        height: 30px;
        background-image: url(../images/search-black.svg);
    }
    .search-popup .suggestion-wrap {
        max-height: 280px;
        border-top: 1px solid var(--timberwolf);
        overflow: scroll;
        top: 100px;
        width: 100%;
        padding: 20px;
    }
    .search-popup .suggestion-wrap  .ui-link {
        display: block;
        height: 100%;
        color: var(--blue-ivy);
        font-size: 20px;
        font-weight: bold;
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 5px 0;
    }
    .search-popup .suggestion-wrap li .time {
        margin-right: 10px;
        font-weight: normal;
        color: var(--storm-grey);
    }
    .search-popup .suggestion-wrap li{
        height: auto;
    }
    .search-popup .no-matching {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        padding: 30px 0;
        flex-direction: column;
    }
    .search-popup .no-matching p img {
        width: 40px;
    }
    /* mob-inplay css end */


    /* mob-inplay-subpage css start */
    .three-col-wrapper-mob .special_bets-tab, 
    .three-col-wrapper-mob .tab-pane.active .fancy_bet_tab-wrap.orange .nav {
        overflow-x: scroll;
        scrollbar-width: thin;
        flex-wrap: nowrap;
        justify-content: flex-start;
        margin: 0;
        width: 100%;
        max-width: 100%;
        background-color: var(--deep-orange);
        background-image:none;
        border-radius: 0;
        padding: 5px;
    }
    .three-col-wrapper-mob .tab-pane .fancy_bet_tab-wrap,
    .three-col-wrapper-mob .tab-pane.active .fancy_bet_tab-wrap.orange{
        border-top: 0;
        box-shadow:none;
        padding: 0;
        background-image: none;
    }
    .three-col-wrapper-mob .tab-pane.active .fancy_bet_tab-wrap .nav{
        background-image: none;
        background-color: var(--surfie-green);
        border-radius: 0;
        padding: 5px;
    }
    .three-col-wrapper-mob .special_bets-tab .nav-link span,
    .three-col-wrapper-mob .special_bets-tab .nav-link span, .three-col-wrapper-mob .fancy_bet_tab-wrap.orange .nav-link {
        color: var(--white);
        padding: 10px 8px;
        font-size: 16px;
        min-width: 120px;
        display: block;
        height: auto;
    }
    .three-col-wrapper-mob .middle-wrapper .middle-wrapper-inner{
        height: inherit;
        overflow: visible;
    }
    .three-col-wrapper-mob .left-sidebar-wrapper-main{
        display: none;
    }
    .three-col-wrapper-mob .fancy-bet-marketlist {
        width: 100%;
    }
    .three-col-wrapper-mob .fancy-bet-marketlist .table-title p {
        width: 500px;
    }
    .three-col-wrapper-mob .fancy_bet .header-name {
        width: 180px;
        align-items: center;
        display: flex;
        justify-content: center;
        font-size: 17px;
        height: 45px;
        background-image: linear-gradient(-180deg, var(--teal-blue) 0%, var(--surfie-green) 82%);
    }
    .three-col-wrapper-mob .other-tab:after {
        background-image: url(../images/blue-right-mob.svg);
        right: -20px;
    }
    .three-col-wrapper-mob .other-tab:before {
        background-image: url(../images/blue-left-mob.svg);
        left: -20px;
    }
    .three-col-wrapper-mob .other-tab:after, .three-col-wrapper-mob .other-tab:before {
        width: 26px;
        height: 45px;
    }
    .three-col-wrapper-mob .fancy-head .in-play span:before {
        content: none;
    }
    .three-col-wrapper-mob .fancy-head .in-play .mob-icon-img {
        background-image: linear-gradient(-180deg, var(--atlantis) 0%, var(--kelly-green) 79%);
        border-radius: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 30px;
        width: 30px;
        margin-right: 10px;
    }
    .three-col-wrapper-mob .fancy-head .in-play .mob-icon-img img {
        display: block;
        width: 100%;
        max-width: 18px;
    }
    .three-col-wrapper-mob .nav-tabs .nav-link.active .header-name.other-tab{
        background-image: linear-gradient(180deg, var(--halloween-orange) 0%, var(--deep-orange) 82%);
        background-color: transparent;
        justify-content: center;
    }
    .three-col-wrapper-mob .fancy_bet .btn-fancybet_rules {
        background-image: url(../images/bg-fanctbet_rules.svg);
        position: relative;
        height: 45px;
        width: 63px;
    }
    .three-col-wrapper-mob .fancy_bet .other-tab{
        background: var(--dark-slate-grey);
        margin-left: 18px;
    }
    .three-col-wrapper-mob .nav-tabs .nav-link.active .btn-sportsbook_rules{
        background-image: url(../images/bg-sportsbook_rules.svg);
        height: 45px;
        width: 60px;
        position: relative;
    }
    .three-col-wrapper-mob .fancy-head h4{
        height: 45px;
    }
    .three-col-wrapper-mob .fancy_bet .btn-fancybet_rules::before,
    .three-col-wrapper-mob .nav-tabs .nav-link.active .btn-sportsbook_rules::before {
        content: "";
        background-image: url(../images/qus-mark.svg);
        width: 25px;
        height: 25px;
        display: block;
        background-repeat: no-repeat;
        background-size: contain;
        margin: 0 auto;
        top: 50%;
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .three-col-wrapper-mob .btn-head_rules:before {
        content: "";
        width: 4vw;
        height: 4vw;
        background-image: url(../images/qus-mark.svg);
        background-repeat: no-repeat;
        background-size: contain;
    }
    .three-col-wrapper-mob .width-auto table.full-market-board,
    .three-col-wrapper-mob .bets.bets-bookmaker {
        width: 100%;
    }
    .three-col-wrapper-mob .match-odds .full-market-board td {
        padding: 10px;
        font-size: 16px;
    }
    .three-col-wrapper-mob .bet-all td span {
        font-size: 20px;
        font-weight: bold;
        line-height: 25px;
        display: block;
        text-align: center;
    }
    .three-col-wrapper-mob .bet-all td.a-depth span {
        text-align: left;
    }
    .three-col-wrapper-mob .bet-all td {
        padding: 15px 10px;
        vertical-align: bottom;
    }
    .three-col-wrapper-mob .middle-wrapper-inner .a-depth p {
        font-size: 16px;
        text-align: left;
        width: 170px;
    }
    .three-col-wrapper-mob .fancy-bet-marketlist tr:hover, 
    .three-col-wrapper-mob .match-odds tr:hover {
        background-color: var(--white);
    }
    .three-col-wrapper-mob .match-odds .bet-all img {
        position: initial;
    }
    .three-col-wrapper-mob .match-odds .arrow-img img {
        width: 40px;
    }
    .three-col-wrapper-mob .match-odds .a-depth img {
        width: 40px;
        height: auto;
    }
    .three-col-wrapper-mob .match-odds .full-market-board .bet-all td.a-depth {
        border: 0;
        width: 100%;
        position: relative;
        padding-left: 25px;
        margin-left: 80px;
    }
    .three-col-wrapper-mob .full-market-board tr.bet-all td {
        background-color: var(--white);
    }
    .three-col-wrapper-mob .match-odds .full-market-board .bet-all td.a-depth::before {
        position: absolute;
        left: 0px;
        content: "";
        width: 0;
        height: 0;
        border-top: 0px solid var(--black-transparent-color-1);
        border-bottom: 70px solid var(--black-transparent-color-1);
        border-left: 20px solid var(--mercury);
        top: 0;
    }
    .three-col-wrapper-mob .tooltip-close-btn img,
    .three-col-wrapper-mob .match-odds .arrow-img .tooltip-close-btn img {
        width: 15px;
    }
    .three-col-wrapper-mob .match-odds .full-market-board .bet-all td.a-depth a {
        display: inline-block;
        width: 60px;
        height: auto;
        padding: 0;
        padding-right: 10px;
    }
    .three-col-wrapper-mob .match-odds tr{
        background-color: var(--white);
    }
    .three-col-wrapper-mob .middle-wrapper .top-header{
        display: none !important;
    }
    .three-col-wrapper-mob, .three-col-wrapper-mob .match-odds .full-market-board .bet-all td.arrow-img {
        background-color: var(--mercury);
        vertical-align: middle;
        border-bottom: 0;
    }
    .three-col-wrapper-mob .match-odds .full-market-board .bet-all td.a-depth span {
        font-weight: normal;
    }
    .three-col-wrapper-mob .bet-box .icon-btns a{
        width: 201px;
        height: 50px;
    }
    .three-col-wrapper-mob .bet-box .icon-btns li:after {
        background: var(--t-bg-mob-3);
        box-shadow: -1px 0 0 0 var(--grey-transparent-color) inset;
        height: 50px;
        width: 5px;
    }
    .three-col-wrapper-mob .bet-box .icon-btns li:last-child:after{
        content: none;
    }
    .three-col-wrapper-mob .bet-box .icon-btns a:before{
        width: 25px;
        height: 25px;
        margin-right: 10px;
    }
    .three-col-wrapper-mob .match-odds-btn a {
        color: var(--beer);
        background-image: linear-gradient(180deg, var(--charcoal-grey) 0%, var(--smoky-black) 100%);
        font-size: 18px;
        font-weight: bold;
        border-radius: 40px;
        padding: 15px;
        max-width: 170px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .three-col-wrapper-mob .match-odds-btn {
        padding: 20px;
        background-color: var(--mercury);
    }
    .three-col-wrapper-mob .bet-box.bg-white{
        background-color: var(--mercury) !important;
    }
    .three-col-wrapper-mob .bookmaker_market_bet .special_bet h3 {
        font-size: 20px;
    }
    .three-col-wrapper-mob .bookmaker_market_bet .special_bet {
        padding: 15px 10px;
    }
    .three-col-wrapper-mob .special_bet .add-pin#multiMarketPin {
        background: url(../images/pin.svg) no-repeat;
        height: 40px;
        width: 40px;
        margin-right: 15px;
        background-size: contain;
    }
    .three-col-wrapper-mob .bookmaker_market_bet .special_bet h3 p {
        font-size: 16px;
        font-weight: bold;
    }
    .three-col-wrapper-mob .bookmaker_market_bet .fancy-info{
        display: none;
    }
    .three-col-wrapper-mob .tooltip-icon img {
        width: 30px;
        height: 30px;
    }

    .tooltip-img {
        position: relative;
        display: inline-block;
    }
    
    .tooltip-img .tooltiptext {
        visibility: hidden;
        width: 300px;
        background-color: var(--white);
        border-radius: 6px;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        right: 0;
        margin-left: 0;
        box-shadow: 0 6px 10px var(--t-bg-mob-2);
        z-index: 1;
        padding: 10px;
    }
    .tooltiptext p {
        display: flex;
        flex-direction: column;
    }
    .tooltiptext p span {
        color: var(--slate-blue);
        font-size: 15px;
    }
    .tooltiptext p .min-max {
        font-size: 16px;
        font-weight: normal;
        color: var(--d-grey);
    }
    .tooltip-img:hover .tooltiptext {
        visibility: visible;
    }
    .tooltip-close-btn {
        text-align: right;
        display: block;
        line-height: 18px;
        position: absolute;
        right: 20px;
    }
    
    .mob-bets-wrap .back-gradient, .mob-bets-wrap .lay-gradient {
        height: 65px;
    }
    .mob-bets-wrap .back-gradient .box-div, 
    .mob-bets-wrap .lay-gradient .box-div{
        width: 134px;
        padding: 3px;
    }
    .mob-bets-wrap .bets-bookmaker td {
        width: 134px;
        border: 0;
        padding-bottom: 0;
    }
    .three-col-wrapper-mob .to-lose:before{
        width: 13px;
        height: 13px;
    }
    .three-col-wrapper-mob .bets-bookmaker .fancy-suspend {
        height: 65px;
        position: inherit;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .three-col-wrapper-mob .back-gradient .box-div a, 
    .three-col-wrapper-mob .lay-gradient .box-div a{
        border: 2px solid var(--white);
        font-size: 17px;
        color: var(--d-grey);
    }
    .three-col-wrapper-mob .bookmaker_market_bet .fancy-suspend-tr span{
        line-height: 57px;
    }
    .mob-bets-wrap .bets-bookmaker .fancy-suspend-td {
        display: block;
        position: absolute;
        width: 273px;
        right: 0;
    }
    .three-col-wrapper-mob .mob-bets-wrap .add-pin.pin-on#multiMarketPin{
        background: url(../images/green-pin.svg) no-repeat;
        height: 40px;
        width: 40px;
        margin-right: 15px;
        background-size: contain;
    }
    .three-col-wrapper-mob .full-market-board .tooltip-img .tooltiptext{
        bottom: -60px;
        left: 15px;
        right: auto;
    }
    .three-col-wrapper-mob .middle-wrapper-inner .mob-show .tooltiptext p{
        align-items: flex-start;
        width: auto;
    }
    .tooltip-img .tooltip-icon {
        width: 25px;
    }
    .three-col-wrapper-mob .special_bets-tab .nav-link::before,
    .three-col-wrapper-mob .fancy_bet_tab-wrap.orange .nav-item::before {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        width: 1px;
        height: 100%;
        background-color: var(--t-bg-8);
        transform: translate(-50%, -50%);
    }
    .three-col-wrapper-mob .special_bets-tab .nav-link:last-child::before,
    .three-col-wrapper-mob .fancy_bet_tab-wrap.orange .nav-item:last-child::before {
        content: none;
    }
    .three-col-wrapper-mob .special_bets-tab .nav-link,
    .three-col-wrapper-mob .fancy_bet_tab-wrap.orange .nav-item{
        position: relative;
    }
    .three-col-wrapper-mob .fancy-head .tag-new {
        width: 56px;
        height: 35px;
        line-height: 19px;
        font-size: 14px;
        right: -20px;
        top: -11px;
    }
    .three-col-wrapper-mob .special-bets-wrapper .bets,
    .game-team {
        width: 100%;
    }
    .three-col-wrapper-mob .full-market-board th p,
    .three-col-wrapper-mob .mob-bets-wrap .predict p{
        font-size: 17px;
        width: 280px;
    }
    .three-col-wrapper-mob .fancy-bet-marketlist .fancy-th-layout p {
        font-size: 16px;
    }
    .three-col-wrapper-mob .fancy-bet-marketlist th {
        padding: 15px 10px;
        width: 43%;
    }
    .three-col-wrapper-mob .fancy-bet-marketlist td a {
        height: 70px;
        font-size: 16px;
    }
    .three-col-wrapper-mob .fancy_bet .fancy-suspend-tr span, .three-col-wrapper-mob .bookmaker_market_bet .fancy-suspend-tr span{
        line-height: 70px;
    }
    .three-col-wrapper-mob .fancy-suspend, .three-col-wrapper-mob .fancy-suspend-white{
        height: 72px;
        position: inherit;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .three-col-wrapper-mob .bet-nav-wrapper .fancy-suspend-tr th, .three-col-wrapper-mob .bet-nav-wrapper .fancy-suspend-tr td{
        padding: 0;
    }
    .three-col-wrapper-mob .fancy-bet-marketlist tr.bet-all td {
        line-height: 20px;
        width: 134px;
        padding: 5px;
        font-size: 15px;
    }
    .mob-bets-wrap .bets-bookmaker .bet-all td {
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        line-height: 25px;
        padding-bottom: 5px;
        padding-top: 5px;
    }
    .three-col-wrapper-mob .fancy-bet-marketlist .table-title {
        margin-bottom: 0;
        color: var(--mineral-green);
        background-color: var(--iceberg);
        border-bottom: 0;
        position: relative;
    }
    .three-col-wrapper-mob .fancy-bet-marketlist .table-title p,
    .three-col-wrapper-mob .special-bets-wrapper .to-expand {
        padding: 0;
        font-size: 18px;
    }
    .three-col-wrapper-mob .fancy-bet-marketlist .table-title .tooltip-icon-black {
        padding: 0;
    }
    .three-col-wrapper-mob .fancy-bet-marketlist .table-title th {
        text-align: left;
        padding: 10px;
        border: 0;
    }
    .three-col-wrapper-mob .fancy-bet-marketlist .table-title .tooltip-img {
        width: auto;
        border: 0;
        padding-right: 10px;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0, -50%);
    }
    .fancy-bet-marketlist .fancy-suspend-td {
        width: 270px;
        position: absolute;
        right: 0;
    }
    .three-col-wrapper-mob .fancy-bet-marketlist .table-title .tooltip-img .tooltiptext{
        bottom: -40px;
    }
    .three-col-wrapper-mob .bet-nav-wrapper .back-1.single-bet span {
        display: block;
        font-weight: normal;
        font-size: 16px;
    }
    .three-col-wrapper-mob .special_bets-tab.nav-tabs .nav-item.show .nav-link, 
    .three-col-wrapper-mob .special_bets-tab.nav-tabs .nav-link.active {
        background-color: var(--white);
    }
    .three-col-wrapper-mob .special_bets-tab.nav-tabs .nav-item.show .nav-link span, 
    .three-col-wrapper-mob .special_bets-tab.nav-tabs .nav-link.active span{
        color: var(--mineral-green);
    }
    .three-col-wrapper-mob .special-bets-wrapper .fancy-th-layout p {
        font-size: 17px;
    }
    .three-col-wrapper-mob .special-bets-wrapper th {
        padding: 20px 10px;
    }
    .three-col-wrapper-mob .special-bets-wrapper .back-1.no-liq a {
        padding: 0;
        font-size: 17px;
        font-weight: normal;
    }
    .three-col-wrapper-mob .fancy-bet-marketlist .table-title:hover{
        background-color: var(--iceberg);
    }
    .three-col-wrapper-mob .bet-nav-wrapper .accordion-header #multiMarketPin.pin-off,
    .three-col-wrapper-mob .game-team #multiMarketPin.pin-off {
        width: 35px;
        background: url(../images/blue-pin.svg) no-repeat;
        margin: 0 7px 0 0;
        height: 35px;
        background-size: contain;
    }
    .three-col-wrapper-mob .bet-nav-wrapper .accordion-header #multiMarketPin.pin-on,
    .three-col-wrapper-mob .game-team #multiMarketPin.pin-on {
        width: 32px;
        background: url(../images/green-pin.svg) no-repeat;
        margin: 0 7px 0 0;
        height: 32px;
        background-size: contain;
    }
    .bets-wrap.fancy_bet .fancy-head .nav-link .pin-off#multiMarketPin::before
     {
        width: 35px;
        background: url(../images/grey-pin.svg) no-repeat;
        height: 35px;
        background-size: contain;
        content: "";
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 25px;
    }
    .bets-wrap.fancy_bet .fancy-head .nav-link .pin-on#multiMarketPin::before {
        width: 35px;
        background: url(../images/green-pin.svg) no-repeat;
        margin: 0;
        height: 35px;
        background-size: contain;
        content: "";
        position: absolute;
        top: 50%;
        display: none;
        transform: translate(-50%, -50%);
    }
    .bets-wrap.fancy_bet .fancy-head .nav-link .pin-off#multiMarketPin::after {
        background-image: linear-gradient(-180deg, var(--teal-blue) 0%, var(--surfie-green) 82%);
        content: "";
        width: 58px;
        display: block;
        height: 45px;
        z-index: -1;
        position: relative;
    }
    .bets-wrap.fancy_bet .fancy-head .nav-link .pin-off#multiMarketPin {
        width: 58px;
        margin: 0;
        height: 45px;
        background-image: url(../images/blue-bg.svg);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .three-col-wrapper-mob .accordion-button:not(.collapsed), .accordion-button{
        padding: 10px;
        border-radius: 0;
    }
    .three-col-wrapper-mob .to-win {
        font-size: 15px;
    }
    .three-col-wrapper-mob .to-win:before{
        width: 13px;
        height: 13px;
    }
    .three-col-wrapper-mob .no_bet {
        font-size: 17px;
        padding: 17px 10px;
    }
    .three-col-wrapper-mob .bets-wrap nav .tooltip-img {
        background-color: var(--pale-aqua);
        color: var(--dark-slate-grey);
        width: 100px;
        padding: 10px;
        border-radius: 10px;
        text-align: center;
        margin-top: -20px;
        font-size: 16px;
        display: none;
    }
    .three-col-wrapper-mob .nav-link.active .tooltip-img {
        align-items: center;
        height: 30px;
        display: flex;
        justify-content: center;
    }
    .three-col-wrapper-mob .bets-wrap.fancy_bet .fancy-head .tooltip-img .tooltip-icon {
        width: 18px;
        margin-right: 10px;
    }
    .three-col-wrapper-mob .bets-wrap nav .tooltip-img .tooltiptext{
        width: 200px;
    }
    .three-col-wrapper-mob .bet-body .arrow-img{
        position: absolute;
        z-index: 2;
    }
    .three-col-wrapper-mob .bet-body .arrow-img .tooltip-img .tooltiptext{
        left: 0;
        right: auto;
    }
    .three-col-wrapper-mob .bet-body .arrow-img .tooltip-img {
        top: 10px;
        left: 20px;
    }
    .three-col-wrapper-mob .width-auto table.full-market-board{
        position: relative;
        border: 0;
    }
    .three-col-wrapper-mob .full-market-board tr.bet-all {
        background-color: var(--mercury);
    }
    .three-col-wrapper-mob .match-odds .full-market-board .bet-all td.arrow-img .tooltip-img {
        width: 40px;
    }
    .three-col-wrapper-mob .blank-col {
        border: 0;
    }
    .three-col-wrapper-mob .fancy-bet-marketlist .multi_select {
        width: 30%;
    }
    .three-col-wrapper-mob .bet-body .arrow-img .tooltip-img a {
        padding: 0;
    }
    .three-col-wrapper-mob .game-info {
        background-color: var(--dark-slate-grey);
        background-image: linear-gradient(-180deg, var(--pickled-bluewood) 0%, var(--dark-slate-grey) 82%);
        color: var(--white);
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px;
        margin-bottom: 0;
        font-size: 20px;
    }
    .three-col-wrapper-mob .game-info .info-icon li {
        margin-right: 10px;
        padding: 0;
        font-weight: normal;
    }
    .three-col-wrapper-mob .game-info .info-icon li:last-of-type {
        margin-right: 0;
    }
    .three-col-wrapper-mob .info-inplay {
        border-radius: 5px;
        background: url(../images/info-play.svg ) no-repeat;
        width: 21px;
        height: 21px;
        background-size: contain;
        margin-right: 8px;
    }
    .three-col-wrapper-mob .info-cashout {
        border-radius: 5px;
        background: url(../images/cashout.svg ) no-repeat;
        width: 21px;
        height: 21px;
        background-size: contain;
        margin-right: 8px;
    }
    .three-col-wrapper-mob .bet_slip-wrap .input-num.disable .typed {
        color: var(--lemon-grass);
    }
    .three-col-wrapper-mob .bet_slip-wrap .btn-list {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .three-col-wrapper-mob .bet_slip-wrap .btn-list .input-num.disable, 
    .three-col-wrapper-mob .bet_slip-wrap .btn-list .disable {
        background-color: var(--moon-mist);
        color: var(--cloudy-grey);
        box-shadow: none;
        border: 1px solid var(--french-grey);
    }
    .three-col-wrapper-mob .bet_slip-wrap .btn-list li {
        width: 50%;
        margin: 10px 5px;
    }
    .three-col-wrapper-mob .bet_slip-wrap .btn-list .input-num {
        font-size: 25px;
        line-height: 80px;
        font-weight: bold;
        background:var(--white);
        border: 1px solid var(--l-grey);
        box-shadow: inset 0 0.5333333333vw 0 0 var(--transparent-color-1);
        border-radius: 1.6vw;
        cursor: text;
        display: flex;
        overflow: hidden;
    }
    .three-col-wrapper-mob .bet_slip-wrap .btn-list .dynamic-min-bet {
        font-size: 18px;
        font-weight: normal;
        text-align: center;
    }
    .three-col-wrapper-mob .bet_slip-wrap .input-num .typeing, input:focus {
        color: var(--d-grey);
        background-color: var(--egg-white);
        box-shadow: inset 0 0.2666666667vw 1.3333333333vw var(--t-bg-gold);
        border-color: var(--mustard-brown);
    }
    .three-col-wrapper-mob .bet_slip-wrap .input-num a {
        width: 12vw;
        height: 10.6666666667vw;
        background-image: linear-gradient(-180deg, var(--white) 0%, var(--light-grey) 89%);
        justify-content: center;
        align-items: center;
        display: flex;
    }
    .three-col-wrapper-mob .bet_slip-wrap .btn-list li a {
        height: 80px;
        line-height: 80px;
        font-size: 20px;
        padding: 3px 0 2px;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    .three-col-wrapper-mob .bet_slip-wrap .input-num span{
        position: relative;
        flex: 1;
        color: var(--greyish-teal);
        justify-content: center;
        align-items: center;
        overflow: hidden;
        display: flex;
        text-shadow: none;
        opacity: 1;
    }
    .three-col-wrapper-mob .bet_slip-wrap .input-num .typed {
        color: var(--d-grey);
    }
    .three-col-wrapper-mob .bet_slip-wrap .input-num .typeing:after {
        content: "";
        width: 4px;
        height: 40px;
        background-color: var(--flat-blue);
        animation: typeing 1s infinite;
        display: block;
        margin: 0 auto;
    }
    .three-col-wrapper-mob .bet_slip-wrap .coin-list {
        margin-bottom: 20px;
        background-image: linear-gradient(-180deg, var(--light-navy-blue) 20%, var(--dark-blue-grey) 91%);
    }
    .three-col-wrapper-mob .bet_slip-wrap .coin-list li {
        flex: 1;
        border-right: 1px solid var(--transparent-black);
    }
    .three-col-wrapper-mob .bet_slip-wrap .coin-list a {
        color: var(--white);
        line-height: 2.46;
        background-image: linear-gradient(-180deg, var(--light-navy-blue) 20%, var(--dark-blue-grey) 91%);
        padding: 3px 0 2px;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        font-size: 16px;
    }
    .three-col-wrapper-mob .bet_slip-wrap .keyboard-wrap ul {
        flex: 1;
        flex-wrap: wrap;
    }
    .three-col-wrapper-mob .bet_slip-wrap .keyboard-wrap li {
        flex: 1 1 16.6666666667%;
    }
    .three-col-wrapper-mob .bet_slip-wrap .keyboard-wrap .btn-delete {
        flex: 0 1 15%;
        justify-content: center;
        align-items: center;
        height: 140px;
    }
    .three-col-wrapper-mob .bet_slip-wrap .keyboard-wrap .btn-delete:before {
        content: "";
        width: 30px;
        background-image: url(../images/close-icon-with-border.svg);
        height: 20px;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .three-col-wrapper-mob .bet_slip-wrap .keyboard-wrap {
        border-top: 1px solid var(--l-grey);
        margin-bottom: 20px;
    }
    .three-col-wrapper-mob .bet_slip-wrap .keyboard-wrap a {
        font-size: 25px;
        line-height: 70px;
        background-color: var(--white);
        border: 1px solid var(--l-grey);
        border-width: 0 0 1px 1px;
        height: 70px;
        padding: 3px 0 2px;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        color: var(--d-grey);
    }
    .three-col-wrapper-mob .bet_slip-wrap .bet-setting .bet-check {
        height: auto;
        align-items: center;
        font-size: 20px;
        color: var(--d-grey);
        margin-right: 15px;
        display: flex;
        flex-direction: row;
        font-weight: normal;
    }
    .three-col-wrapper-mob .bet_slip-wrap .bet-setting .checked:before {
        background: var(--yellow) url(../images/checkmark.svg) no-repeat;
        background-size: 25px;
        background-position: center;
        content: "";
        box-shadow: inset 0 0.5vw 0 0 var(--transparent-color-7);
        border-radius: 4px;
        margin-right: 15px;
        width: 30px;
        height: 30px;
    }

    @keyframes typeing {
        0% {
            opacity: 0
        }
    
        50% {
            opacity: 1
        }
    
        100% {
            opacity: 0
        }
    }
    .three-col-wrapper-mob .bet_slip-wrap.back {
        background-color: var(--pale-blue-lily);
    }
    .three-col-wrapper-mob .bet_slip-wrap.lay {
        background-color: var(--misty-rose);
    }
    .three-col-wrapper-mob .back .bet-setting {
        background: var(--nebula);
    }
    .three-col-wrapper-mob .lay .bet-setting {
        background: var(--bone);
    }
    .three-col-wrapper-mob .bet_slip-wrap .max-bet{
        display: flex;
        width:100px;
        height: 40px;
        background-color: var(--transparent-color-1);
        font-size: 18px;
        font-weight: bold;
        color: var(--d-grey);
        line-height:25px;
        text-align: center;
        margin-right: 10px;
        border-radius: 5px;
    }
    .three-col-wrapper-mob .match-odds .full-market-board .bet_slip-wrap td {
        padding: 0;
    }
    .three-col-wrapper-mob .bet-setting {
        padding: 10px 15px;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    .three-col-wrapper-mob .bet-nav-wrapper .suspend {
        width: 25%;
        height: 68px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: 0;
        z-index: 5;
    }
    .three-col-wrapper-mob .special-bets-wrapper .back-1.no-liq{
        width: 25%;
    }

    .modal-slide-popup .modal-dialog-slideout {
        min-height: 100%;
        margin: 0 auto 0 0; /* Position modal to slide out from the left */
        background: var(--white);
    }
      
    .modal-slide-popup.fade .modal-dialog.modal-dialog-slideout {
        -webkit-transform: translate(-100%, 0) scale(1); /* Slide out from the left */
        transform: translate(-100%, 0) scale(1);
    }
    
    .modal-slide-popup.fade .modal-dialog {
        top: 30px;
        background-color: transparent;
        max-width: 100%;
        margin-bottom: 50px;
        transform: inherit;
    }
    .modal-slide-popup .btn-close {
       background-image: url(../images/close-yellow.svg);
       padding: 0;
       margin: 0;
       top: 50%;
       width: 15px;
       height: 15px;
       transform: translate(0, -50%);
       right: 20px;
    }
    .modal-slide-popup .modal-header {
        background: linear-gradient(180deg, var(--charcoal-grey) 0%, var(--smoky-black));
        color: var(--beer);
        border-top-left-radius: 8px;
        position: relative;
        border-top-right-radius: 8px;
    }
    .modal-slide-popup.fade.show .modal-dialog.modal-dialog-slideout {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        display: flex;
        align-items: stretch;
        -webkit-box-align: stretch;
        height: 100%;
    }
    
    .modal-slide-popup.fade.show .modal-dialog.modal-dialog-slideout .modal-body {
        overflow-y: auto;
        overflow-x: hidden;
    }   
    .modal-slide-popup .modal-header .a-depth {
        font-size: 25px;
        margin-bottom: 0;
        max-width: 80%;
        width: 100%;
        display: flex;
        align-items: center;
    }
    .modal-slide-popup .modal-header .a-depth img {
        max-width: 40px;
        width: 100%;
        margin-right: 10px;
    }
    .modal-slide-popup .path-wrap {
        background-color: var(--d-grey);
        color: var(--white);
        font-weight: bold;
        line-height: 70px;
        padding: 0 20px;
        font-size: 18px;
    }
    .modal-slide-popup .function-wrap {
        position: relative;
        padding: 20px;
        background-color: var(--mercury);
    }

    .modal-slide-popup .function-wrap-dropdown {
        position: relative;
    }
    .modal-slide-popup .function-wrap-dropdown .custom-select {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-image: linear-gradient(-180deg, var(--white) 0%, var(--light-grey) 89%);
        border: 1px solid var(--l-grey);
        border-radius: 5px;
        font-size: 20px;
        font-weight: bold;
        color: var(--blue-ivy);
        width: 100%;
        cursor: pointer;
        height: 65px;
        padding: 10px;
    }
    .modal-slide-popup .function-wrap-dropdown .custom-select option{
        font-size: 20px;
        font-weight: bold;
    }
    .modal-slide-popup .function-wrap-dropdown::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%);
        border: 5px solid transparent;
        background-image: url(../images/arrow-down.svg);
        width: 35px;
        height: 35px;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .modal-slide-popup .info-other {
        color: var(--greyish-teal);
        font-size: 20px;
        padding: 0 10px;
        margin-bottom: 20px;
    }
    .modal-slide-popup .chart-wrap h3 {
        text-align: center;
        font-size: 25px;
    }
    .modal-slide-popup .chart-wrap {
        padding: 20px;
    }
    .modal-slide-popup .check-list li {
        margin-left: 20px;
    }
    .check-list a:before {
        content: "";
        width: 40px;
        height: 40px;
        background: var(--white);
        border: 3px solid var(--blue-ivy);
        margin-right: 10px;
        box-shadow: inset 0 5px 0 0 var(--t-color);
        border-radius: 50%;
        display: inline-block;
    }
    .check-list a.checked:before {
        border-width: 0;
        box-shadow: none;
        background:var(--blue-ivy) url(../images/checkmark-white.svg) no-repeat;
        background-size: contain;
    }
    .modal-slide-popup .check-list li a {
        font-size: 20px;
        color: var(--gable-green);
    }
    .modal-slide-popup .chart {
        position: relative;
        width: 74.1333333333vw;
        height: 56.8vw;
        margin-left: 9.3333333333vw;
        overflow: hidden;
    }
    .modal-slide-popup .chart img{
        position: absolute;
        width: 93.3333333333vw;
        height: 68vw;
        top: -8.5333333333vw;
    }
    .modal-slide-popup .info-matched-block {
        flex: 1.75;
    }
    .modal-slide-popup .Selection-block {
        flex: 1.5;
    }
    .modal-slide-popup .price-block{
        flex: 1;
    }
    .modal-slide-popup .info-matched .info-matched-block,
    .modal-slide-popup .Selection-block,
    .modal-slide-popup .price-block  {
        padding: 20px;
        padding-bottom: 30px;
        border-right: 1px solid var(--mercury);
    }
    .modal-slide-popup .info-matched .info-matched-block span, .modal-slide-popup .Selection-block span, .modal-slide-popup .price-block span {
        font-size: 20px;
        display: block;
        margin-bottom: 10px;
        line-height: 20px;
    }
    .modal-slide-popup .info-matched .info-matched-block strong, .modal-slide-popup .Selection-block strong, .modal-slide-popup .price-block strong {
        font-size: 25px;
        line-height: 50px;
    }
    .modal-slide-popup .info-matched {
        border-top: 1px solid var(--mercury);
    }
    .modal-slide-popup .traded-title{
        background-image: linear-gradient(-180deg, var(--pickled-bluewood) 0%, var(--dark-slate-grey) 82%);
        color: var(--white);
        font-size: 25px;
        line-height: 2.2;
        padding: 0 15px;
        margin-bottom: 0;
    }
    .modal-slide-popup .to-BackLay li {
        position: relative;
        font-size: 18px;
        padding: 15px 25px 13px;
    }
    .modal-slide-popup .to-BackLay li:nth-of-type(1) {
        padding-right: 20px;
        background-color: var(--cyan-blue);
    }
    .modal-slide-popup .to-BackLay li:nth-of-type(2) {
        padding-left: 20px;
        background-color: var(--flamingo-pink);
    }
    .modal-slide-popup .to-BackLay li:after {
        position: absolute;
        top: 0;
        right: 0;
        content: "";
        border-top: 45px solid var(--white);
    }
    .modal-slide-popup .to-BackLay li:nth-of-type(1):after {
        border-left: 1.3333333333vw solid var(--black-transparent-color-1);
    }
    .modal-slide-popup .to-BackLay li:nth-of-type(2):after {
        left: 0;
        right: auto;
        border-right: 15px solid var(--black-transparent-color-1);
    }
    .modal-slide-popup .trade-wrap {
        width: 100%;
        overflow: auto;
        overflow-y: hidden;
        border: 1px solid var(--greyish-teal);
        border-width: 1px 0 1px 0;
        margin-bottom: 20px;
    }
    .traded div, .trade-2 div {
        width: 150px;
        display: flex;
        justify-content: center;
        border-right: 1px solid var(--white);
    }
    .modal-slide-popup .back-3 {
        background-color: var(--link-water-1);
    }
    .modal-slide-popup .lay-3 {
        background-color: var(--amour);
    }
    .modal-slide-popup .traded p, .modal-slide-popup .trade-2 p {
        padding: 10px;
        text-align: center;
        font-weight: bold;
        flex-direction: column;
        justify-content: center;
        font-size: 23px;
        display: flex;
        align-items: center;
    }
    .modal-slide-popup .traded,
    .modal-slide-popup .trade-2 {
        min-height: 100px;
        border-bottom: 1px solid var(--greyish-teal);
    }
    .modal-slide-popup .trade-2 div {
        border-color: var(--mercury);
    }
    .modal-slide-popup .traded  span, 
    .modal-slide-popup .trade-2 span{
        font-weight: normal;
        display: block;
        font-size: 20px;
    }
    .modal-slide-popup .trade-2:last-child{
        border-bottom: 0;
    }

    .middle-wrapper.multi-market-wrap-mob {
        padding-bottom: 160px;
    }
    .modal-slide-popup .info-matched .info-matched-block, .modal-slide-popup .Selection-block, .modal-slide-popup .price-block{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    /* mob-inplay-subpage css end */


    /* multi-market-mob css start */
    .three-col-wrapper-mob .multi-market-wrap-mob .game-team .multi-Go {
        width: 50px;
        height: 50px;
        background: var(--river-bed) url(../images/right-arrow.svg) no-repeat;
        background-size: contain;
        border-radius: 10px;
    }
    .three-col-wrapper-mob .multi-market-wrap-mob .game-team .refresh {
        width: 40px;
        height: 40px;
        background: url(../images/refresh.svg) no-repeat;
        background-size: contain;
        margin: 0 auto;
    }
    .three-col-wrapper-mob .multi-market-wrap-mob .game-team h4 {
        font-size: 18px;
    }
    .three-col-wrapper-mob .multi-market-wrap-mob .game-team .game-fancy.in-play,
    .three-col-wrapper-mob .multi-market-wrap-mob .team-multi_Go {
        margin-right: 10px;
    }
    /* multi-market-mob css end */


    /* ===== Mobile Different Page Design Start ================================================= */


    /* ==== Hide element start ========== */
    .one_click-setting.pos-sticky{
        display: none;
    }
    /* ==== Hide element end ========== */

    .btn-dw-cmn, .btn-ls {
        font-size: 16px;
        padding: 10px 16px;
        margin-left: 10px;
        border-radius: 5px;
    }
    .dropdown-menu {
        top: 10px !important;
        padding: 5px;
    }
    .mobile-user-box {
        padding: 10px 0 0 0;
    }
    .mobile-user-box .button-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        column-gap: 6px;
    }
    .bet-bx {
        position: relative;
        min-width: 16.4917541229vmax;
        max-width: 20.9895052474vmax;
    }
    .wallet-bx {
        position: relative;
        flex: 1;
    }
    .wallet-dropdown-toggle {
        width: 100%;
        justify-content: space-between;
        height: 100%;
        font-size: 16px;
        border: 1px solid var(--black);
        box-shadow: inset 0 0.1499250375vmax 0 0 var(--grey-transparent-color);
    }
    .bets-btn.live-tv {
        background-color: var(--deep-aqua);
        border-radius: 6px 0 0 6px;
        width: 48%;
        /* display: none; */
    }

    .bets-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        column-gap: 6px;
        font-size: 20px;
        background-color: var(--t-bg-2);
        height: 100%;
        color: var(--yellow-ffb200);
        border-radius: 0 6px 6px 0;
        padding: 0 18px;
        width: 48%;
    }

    .bets-btn:hover {
        color: var(--yellow-ffb200);
    }

    .single-btn-box {
        color: var(--yellow-ffb200);
        background-color: var(--t-bg-2);
        box-shadow: inset 0 0.1499250375vmax 0 0 var(--grey-transparent-color);
        border-radius: 6px;
        height: 4.1979010495vmax;
        text-align: center;
    }
    
    /* ====== Singe And Two Button Start =========================== */
    /* === full-single =============== */
    .full-single {
        display: none;
        height: 100%;
    }
    .full-single .bets-btn {
        width: 100%;
    }

    /* === full-half =============== */
    .full-half {
        /* display: none;  */
        height: 100%;
    }
    .full-half .live-tv,
    .full-half .bets-btn {
        width: 48%;
    }

    /* ====== Singe And Two Button End =========================== */
    .setting-bx {
        padding: 5px 10px;
        border-radius: 6px;
        display: flex;
        box-shadow: inset 0 0.1499250375vmax 0 0 var(--transparent-grey);
        border: 1px solid var(--black);
        align-items: center;
    }
    .bets-btn img {
        max-width: 20px;
        width: auto;
    }

    .wallet-dropdown-toggle .nums {
        height: 20px;
        font-size: 16px;
        padding: 2px 8px;
    }
    
    .wallet-dropdown-toggle .a-refresh {
        width: 40px;
        height: 100%;
        border-left: 1px solid var(--black);
        border-radius: 0 4px 4px 0;
        box-shadow: inset 0 1px 0 0 var(--transparent-grey);
        background: var(--t-bg-2);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .stake-set-number {
        width: 60px;
    }

    .stake-set a {
        padding: 0 8px;
    }

    .set-content .btn-wrap li a {
        font-size: 12px;
        padding: 0 6px;
        border-radius: 4px;
    }

    .set-content .close-btn {
        width: 80% !important;
        color: var(--black) !important;
    }

    .set-content .btn-send {
        width: unset !important;
    }
    
    .odds-set p {
        color: var(--white);
        background-image: linear-gradient(-180deg, var(--dark-slate-grey) 20%, var(--medium-green) 91%);
        padding: 3px 6px;
    }

    .odds-con {
        justify-content: space-between;
    }

    .col-edit .btn-edit {
        font-size: 14px;
        font-weight: 600;
        color: var(--mineral-green);
        display: flex;
        align-items: center;
        justify-content: center;
        column-gap: 8px;
        width: 100%;
        background-color: var(--periwinkle-grey);
        box-shadow: inset -1 0.5333333333vw 0 0 var(--transparent-color-9);
    }

    .col-edit a {
        height: 30px;
        line-height: 30px;
        margin-bottom: 6px;
    }

    .col-edit img {
        height: 15px;
        width: 15px;
    }

    .col-defult label {
        font-size: 11px !important;
        font-weight: 400 !important;
        color: var(--mineral-green);
    }

    .stake-set h6 {
        font-weight: 400;
        color: var(--mineral-green);
    }

    .odds-set label {
        font-size: 13px;
        color: var(--mineral-green);
    }

    .stake-set, .odds-set {
        padding-bottom: 2px;
        margin-bottom: 2px;
    }

    .d-space {
        padding-bottom: 5px !important;
    }

    .switch_on,
    .switch_off {
        position: relative;
        background: var(--alien-green);
        box-shadow: inset 0 0.2666666667vw 0.8vw 0 var(--transparent-color);
        overflow: hidden;
        width: 40px;
        height: 40px;
        border-radius: 6px;
    }

    .switch_off {
        background-color: var(--hit-grey);
    }

    .switch_on span,
    .switch_off span {
        position: absolute;
        background: var(--white);
        box-shadow: 0 0.5333333333vw 1.0666666667vw 0 var(--transparent-color), inset 0 -0.8vw 0 0 var(--grey-goose-cad5d5);
        border-radius: 1.0666666667vw;
        justify-content: center;
        align-items: center;
        right: 6px;
        top: 6px;
        width: 12px;
        height: 28px;
    }

    .switch_off span {
        left: 1.0666666667vw;
    }
    
    .switch_on span:after,
    .switch_off span:after {
        content: "";
        width: 1.0666666667vw;
        height: 1.3333333333vw;
        background: var(--mercury-e0e6e6);
        box-shadow: inset 0 0.2666666667vw 0.2666666667vw 0 var(--black-one);
        border-radius: 0.5333333333vw;
    }

    .wallet-detail-group .wallet-detail-content {
        padding: 6px 7px;
    }
    .wallet-detail .btn-recall {
        font-size: 10px;
        line-height: 2;
        padding: 0 6px;
    }
    .wallet-balance-num span {
        font-size: 13px;
    }
    .wallet-detail-group {
        margin: 8px 7px;
    }
    .wallet-detail .btn-box {
        padding: 0 7px 7px;
    }
    .wallet-detail .btn-box .btn {
        font-size: 12px;
        line-height: 23px;
    }
    .btm-wallet-group .wallet-detail-content p {
        line-height: 1.1;
    }

    /* ===== Mobile Different Page Design end ================================================= */


    /* login_popup mob css start*/
    .login_popup_form_mob.modal .modal-dialog {
        max-width: 100%;
        top: 0;
        transform: none;
        margin: 0;
    }
    #login_popup_form_mobile.login_popup_form_mob.modal  .modal-content{
        border-radius: 0;
        background-image: linear-gradient(180deg, var(--selective-yellow) 1%, var(--selective-yellow) 100%);
    }
    .login_popup_form_mob#login_popup_form_mobile .bg-wrap {
        width: 100%;
        height: 770px;
        background-image: url(../images/KV-pic.png);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }
    .login_popup_form_mob#login_popup_form_mobile .login-panel{
        width: 100%;
    }
    .login_popup_form_mob#login_popup_form_mobile .login-panel-wrap {
        max-width: 80%;
        margin: 70px auto;
    }
    .login_popup_form_mob#login_popup_form_mobile .form-control {
        box-shadow: inset 0 0.5333333333vw 0 0 var(--transparent-color-1);
        border-radius: 10px;
        height: 60px;
        padding: 10px;
        font-size: 18px;
        border: 0;
    }
    .login_popup_form_mob#login_popup_form_mobile .btn-send {
        height: 60px;
        border: 2px solid var(--dark-green);
        border-radius: 10px;
        font-size: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .login_popup_form_mob#login_popup_form_mobile .btn-send img{
        display: none;
    }
    .login_popup_form_mob#login_popup_form_mobile .login-panel-wrap h5 {
        display: none;
    }
    .login_popup_form_mob .login-panel-wrap .valid-code img {
        top: 55%;
        max-width: 110px;
        height: 30px;
        width: 100%;
    }
    #login_popup_form_mobile.login_popup_form_mob .btn-close {
        border-radius: 50%;
        max-width: 80px;
        height: 60px;
        background-color: var(--t-bg-mob-2);
        background-image: none;
        width: 60px;
    }
    #login_popup_form_mobile.login_popup_form_mob .btn-close::before {
        display: block;
        background-image: url(../images/close-white.svg);
        content: "";
        width: 25px;
        height: 25px;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
        background-size: contain;
    }
    .login_popup_form_mob .logo-block {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .login_popup_form_mob .footer .footer-menu{
        text-align: center;
        padding: 20px 20px 0;
    }
    .login_popup_form_mob .footer .footer-menu a {
        font-size: 18px;
        line-height: 25px;
    }
    .login_popup_form_mob .footer{
        padding: 0 0 30px;
    }
    #login_popup_form_mobile.login_popup_form_mob .popup-wrapper .row.extend-btn {
        margin: 0 40px;
        background-color: var(--transparent-grey-2);
        background-image: none;
        padding: 20px 0;
    }
    /* login_popup mob css end*/


    /* ====== multi-markets-css ========================================================= */
    .special-bets-wrapper.multi-markets-wrap .bets {
        width: 100%;
    }
    .multi-markets-fancy-bet tr{
        background-color: var(--white);
    }
    .three-col-wrapper-mob .multi-markets-fancy-bet .table-title:hover {
        background-color: var(--iceberg);
    }

    /* ===== Mobile user login after balance box Start ================================================= */
  .dropdown-menu {
    padding: 5px;
  }
  .mobile-user-box {
    padding: 10px 0 0 0;
  }
  .mobile-user-box .button-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 6px;
  }
  .bet-bx {
    position: relative;
    min-width: 16.4917541229vmax;
    max-width: 20.9895052474vmax;
  }
  .wallet-bx {
    position: relative;
    flex: 1;
  }
  .wallet-dropdown-toggle {
    width: 100%;
    justify-content: space-between;
    height: 100%;
    font-size: 16px;
    border: 1px solid var(--black);
    box-shadow: inset 0 0.1499250375vmax 0 0 var(--grey-transparent-color);
  }
  .mobile-user-box .left-bx {
    display: flex;
    column-gap: 6px;
  }
  .mobile-user-box .right-bx {
    display: flex;
    align-items: center;
    height: 100%;
  }
  .bets-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    column-gap: 6px;
    font-size: 15px;
    background-color: var(--t-bg-2);
    height: 100%;
    color: var(--yellow-ffb200);
    border-radius: 0 6px 6px 0;
    padding: 0 18px;
    width: 48%;
  }
  .bets-btn:hover {
    color: var(--yellow-ffb200);
  }
  .single-btn-box {
    color: var(--yellow-ffb200);
    background-color: var(--t-bg-2);
    box-shadow: inset 0 0.1499250375vmax 0 0 var(--grey-transparent-color);
    border-radius: 6px;
    height: 40px;
    text-align: center;
  }

  /* ====== Singe And Two Button Start =========================== */
  /* === full-single =============== */
  .full-single {
    display: none;
    height: 100%;
  }
  .full-single .bets-btn {
    width: 100%;
  }

  /* === full-half =============== */
  .full-half {
    /* display: none; */
    height: 100%;
  }
  .full-half .live-tv,
  .full-half .bets-btn {
    width: 48%;
  }

  /* ====== Singe And Two Button End =========================== */
  .setting-bx {
    padding: 0.8995502249vmax 1.0494752624vmax;
    border-width: 0.1499250375vmax;
    border-radius: 6px;
    box-shadow: inset 0 0.1499250375vmax 0 0 var(--transparent-grey);
    border: 1px solid var(--black);
  }
  .wallet-dropdown-toggle .nums {
    height: 20px;
    font-size: 16px;
    padding: 2px 8px;
  }
  .wallet-dropdown-toggle .a-refresh {
    width: 40px;
    height: 100%;
    border-left: 1px solid var(--black);
    border-radius: 0 4px 4px 0;
    box-shadow: inset 0 1px 0 0 var(--transparent-grey);
    background: var(--t-bg-2);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .stake-set-number {
    width: 60px;
  }
  .stake-set a {
    padding: 0 8px;
  }
  .dropdown-menu {
    top: 10px !important;
  }
  .set-content .btn-wrap li a {
    font-size: 12px;
    padding: 0 6px;
    border-radius: 4px;
  }
  .set-content .close-btn {
    width: 80% !important;
    color: var(--black) !important;
  }
  .set-content .btn-send {
    width: unset !important;
  }
  .odds-set p {
    color: var(--white);
    background-image: linear-gradient(-180deg, var(--dark-slate-grey) 20%, var(--medium-green) 91%);
    padding: 3px 6px;
  }
  .odds-con {
    justify-content: space-between;
  }
  .col-edit .btn-edit {
    font-size: 14px;
    font-weight: 600;
    color: var(--mineral-green);
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 8px;
    width: 100%;
    background-color: var(--periwinkle-grey);
    box-shadow: inset -1 0.5333333333vw 0 0 var(--transparent-color-9);
  }
  .col-edit a {
    height: 30px;
    line-height: 30px;
    margin-bottom: 6px;
  }
  .col-edit img {
    height: 15px;
    width: 15px;
  }
  .col-defult label {
    font-size: 11px !important;
    font-weight: 400 !important;
    color: var(--mineral-green);
  }
  .stake-set h6 {
    font-weight: 400;
    color: var(--mineral-green);
  }
  .odds-set label {
    font-size: 13px;
    color: var(--mineral-green);
  }
  .stake-set,
  .odds-set {
    padding-bottom: 2px;
    margin-bottom: 2px;
  }
  .d-space {
    padding-bottom: 5px !important;
  }
  .switch_on,
  .switch_off {
    position: relative;
    background: var(--alien-green);
    box-shadow: inset 0 0.2666666667vw 0.8vw 0 var(--transparent-color);
    overflow: hidden;
    width: 40px;
    height: 40px;
    border-radius: 6px;
  }
  .switch_off {
    background-color: var(--hit-grey);
  }
  .switch_on span,
  .switch_off span {
    position: absolute;
    background: var(--white);
    box-shadow: 0 0.5333333333vw 1.0666666667vw 0 var(--transparent-color), inset 0 -0.8vw 0 0 var(--grey-goose-cad5d5);
    border-radius: 1.0666666667vw;
    justify-content: center;
    align-items: center;
    right: 6px;
    top: 6px;
    width: 12px;
    height: 28px;
  }
  .switch_off span {
    left: 1.0666666667vw;
  }
  .switch_on span:after,
  .switch_off span:after {
    content: "";
    width: 1.0666666667vw;
    height: 1.3333333333vw;
    background: var(--mercury-e0e6e6);
    box-shadow: inset 0 0.2666666667vw 0.2666666667vw 0 var(--black-one);
    border-radius: 0.5333333333vw;
  }
  .wallet-detail-group .wallet-detail-content {
    padding: 6px 7px;
  }
  .wallet-detail .btn-recall {
    font-size: 10px;
    line-height: 2;
    padding: 0 6px;
  }
  .wallet-balance-num span {
    font-size: 13px;
  }
  .wallet-detail-group {
    margin: 8px 7px;
  }
  .wallet-detail .btn-box {
    padding: 0 7px 7px;
  }
  .wallet-detail .btn-box .btn {
    font-size: 12px;
    line-height: 23px;
  }
  .btm-wallet-group .wallet-detail-content p {
    line-height: 1.1;
  }

  /* ===== Mobile user login after balance box end ================================================= */

  /* ===== Mobile view Sports Page start =========================== */
  .mobile-sport-banner-box .owl-dots {
    top: -20px;
    position: relative;
    height: 0;
  }
  .two-col-wrapper-mob.m-sport-pg .in-play-tab-wrap {
    background-color: transparent !important;
  }
  .two-col-wrapper-mob.m-sport-pg .nav-tabs {
    justify-content: center;
  }
  .two-col-wrapper-mob.m-sport-pg .nav-tabs .nav-link {
    color: var(--black);
    width: 35%;
    box-shadow: inset 0 1px 3px 0 var(--black-mob-t-bg-one);
    border: 1px solid var(--black-mob-t-bg-two);
  }
  .two-col-wrapper-mob.m-sport-pg .nav-tabs .nav-link.active {
    color: var(--blue-ivy);
    background-color: var(--white);
  }
  .two-col-wrapper-mob.m-sport-pg .nav-tabs .nav-link:first-child {
    border-left: 0;
  }
  .match-title-bx {
    background-image: linear-gradient(-180deg, var(--pickled-bluewood) 0%, var(--dark-slate-grey) 82%);
    padding: 10px 0;
    color: var(--white);
  }
  .match-title-bx h2 {
    letter-spacing: 1px;
  }
  .two-col-wrapper-mob.m-sport-pg .left-content-wrapper-large .tabs-wrapper {
    margin-top: 0;
  }
  .two-col-wrapper-mob.m-sport-pg .game-header.g-head-diff-ttl {
    color: var(--black);
    text-align: left;
    background: var(--aqua-haze);
    border-top: 1px solid var(--metallic-silver);
    border-bottom: 1px solid var(--metallic-silver);
    padding: 0 10px;
  }

  /*===== Main navigation ============================================= */
  .mob-sports-nav-main {
    position: relative;
  }
  .two-col-wrapper-mob.m-sport-pg .nav-tabs {
    border-left: none;
  }
  .mob-sports-nav-main .menu-wrapper ul {
    padding-top: 14px;
    padding-right: 40px;
    border-bottom: 3px solid var(--smoky-black);
    overflow-x: scroll;
    /* scrollbar-width: thin; */
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .mob-sports-nav-main .menu-wrapper ul ::-webkit-scrollbar {
    display: none; 
  }
  .mob-sports-nav-main ul li {
    flex: 0 0 auto;
    border-bottom: 0;
  }
  .mob-sports-nav-main .menu-wrapper a {
    padding: 10px 12px;
    margin: 0 5px;
    font-size: 1.1rem;
    display: inline-flex;
    align-items: center;
    column-gap: 10px;
    letter-spacing: 1px;
  }
  .mob-sports-nav-main .menu-wrapper a.active {
    color: var(--beer);
    background-image: linear-gradient(180deg, var(--charcoal-grey) 0%, var(--smoky-black) 100%);
    box-shadow: inset 0 0px 5px 0 var(--transparent-red);
    border-radius: 8px 8px 0 0;
  }
  .mob-sports-nav-main .tag-live {
    position: absolute;
    top: -8px;
    right: 8px;
    min-width: 44px;
    height: 18px;
    border-radius: 3px;
    padding-right: 3px;
    color: var(--white);
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    background-image: linear-gradient(180deg, var(--strawberry) 0%, var(--bright-red) 100%);
    box-shadow: 0 1px 3px 0 var(--transparent-color);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .mob-sports-nav-main .tag-live strong:before {
    width: 18px;
    content: "";
    height: 12px;
    background-image: url(../images/wifi.svg);
    position: absolute;
    animation: twinkling 1.4s infinite ease;
    background-size: 100% 100%;
  }
  .mob-sports-nav-main .tag-live strong {
    height: 100%;
    margin-right: 5px;
    padding: 0 2px;
    border-radius: 3px 0px 0px 3px;
    background-image: linear-gradient(180deg, var(--white) 0%, var(--light-grey) 89%);
    justify-content: center;
    align-items: center;
    display: flex;
    flex: 1;
    text-indent: -99999px;
  }
  .mob-sports-nav-main ul li a img.menu-icon {
    width: 28px;
    height: 28px;
  }
  .mob-sports-nav-main ul li a .icon-cricket,
  .mob-sports-nav-main ul li a .icon-soccer,
  .mob-sports-nav-main ul li a .icon-tennis,
  .mob-sports-nav-main ul li a .icon-esoccer,
  .mob-sports-nav-main ul li a .icon-kabaddi {
      display: block;
  }
  .mob-sports-nav-main ul li a .icon-cricket-yellow,
  .mob-sports-nav-main ul li a .icon-soccer-yellow,
  .mob-sports-nav-main ul li a .icon-tennis-yellow,
  .mob-sports-nav-main ul li a .icon-esoccer-yellow,
  .mob-sports-nav-main ul li a .icon-kabaddi-yellow {
    display: none;
  }
  .mob-sports-nav-main ul li a.active .icon-cricket,
  .mob-sports-nav-main ul li a.active .icon-soccer,
  .mob-sports-nav-main ul li a.active .icon-tennis,
  .mob-sports-nav-main ul li a.active .icon-esoccer,
  .mob-sports-nav-main ul li a.active .icon-kabaddi {
    display: none !important;
  }
  .mob-sports-nav-main ul li a.active .icon-cricket-yellow,
  .mob-sports-nav-main ul li a.active .icon-soccer-yellow,
  .mob-sports-nav-main ul li a.active .icon-tennis-yellow,
  .mob-sports-nav-main ul li a.active .icon-esoccer-yellow,
  .mob-sports-nav-main ul li a.active .icon-kabaddi-yellow {
    display: block !important;
  }
  a.diff-menu {
    display: inline-flex !important;
    padding: 10px 12px !important;
    border-radius: 8px 8px 0 0;
    background-image: linear-gradient(-180deg, #806575 15%, #4b2c3e 100%);
    overflow: visible;
  }
  a.diff-menu span.h-btn {
    transform: none;
    top: -8px;
    left: unset;
    right: 10px;
    overflow: visible;
    font-size: 10px;
    height: 17px;
    line-height: 16px;
    border-radius: 4px;
  }
  a.diff-menu span.h-btn:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 2px solid transparent;
    border-right: 10px solid transparent;
    border-top: 7px solid var(--bright-red);
    left: 35%;
    bottom: -7px;
  }
  a.diff-menu img.menu-icon {
    width: 40px !important;
    height: 30px !important;
    display: block;
  }
  .menu-wrapper {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
  }
  .mob-sports-nav-main .a-search {
    position: relative;
    background-image: linear-gradient(180deg, var(--fuscous-grey) 0%, var(--thunder) 100%);
    width: 130px;
    height: auto;
    position: relative;
    margin: 0 0 !important;
    padding: 0 0 !important;
  }
  .mob-sports-nav-main .a-search:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    background: url(../images/search.svg) center no-repeat;
    background-size: 100% 100%;
  }
  .mob-sports-nav-main .a-search::before {
    position: absolute;
    content: "";
    left: -40px;
    width: 40px;
    height: 100%;
    background-image: linear-gradient(90deg, var(--black-transparent-color-1) 0%, var(--black) 110%);
  }
  .mobile-sport-banner-box .owl-theme .owl-nav {
    margin-top: -2px;
  }

  /* ===== Mobile view Sports Page end =========================== */

  /* ===== Mobile user-account-details Page start ========================= */
  .user-account-details .user-id-details-bx {
    color: var(--white);
    background-color: var(--black);
  }
  .user-account-details .user-id-details-bx-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 700;
  }
  .user-account-details .user-id {
    display: flex;
    align-items: center;
    padding: 14px 10px;
  }
  .user-account-details .user-id .user-icon-bx img {
    width: 100%;
    max-width: 26px;
  }
  .user-id-details-bx .time-zone {
    padding: 16px 10px;
    border-left: 1.5px solid var(--dark-grey);
  }
  .user-account-details .user-icon-bx {
    display: flex;
    align-items: center;
    column-gap: 6px;
  }
  .user-account-details .button-box ul.user-details-nav {
    background-color: var(--white);
    border-bottom: 2px solid var(--regent-grey);
  }
  .user-account-details .button-box ul.user-details-nav li {
    padding: 7px 10px;
    border-bottom: 1px solid var(--mercury);
  }
  .user-account-details .button-box ul.user-details-nav li a {
    font-size: 15px;
    font-weight: 700;
    color: var(--blue-ivy);
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .user-account-details .button-box ul.user-details-nav li a img {
    width: 100%;
    max-width: 22px;
    border: 1px solid var(--mercury);
    border-radius: 6px;
  }
  .user-account-details .logout-button-box {
    margin: 20px 0;
  }
  .user-account-details .btn-logout {
    background-image: linear-gradient(-180deg, var(--torch-red) 0%, var(--rust-red) 100%);
    font-size: 15px;
    font-weight: 700;
    color: var(--white);
    padding: 12px 10px;
    border: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 6px;
  }
  .user-account-details .btn-logout img.icon-login {
    width: 100%;
    max-width: 14px;
  }

  /* ===== Mobile user-account-details Page end ========================= */

  /* ===== Mobile Multi Markets Page start ========================= */
  .multi-markets-no-data {
    color: var(--greyish-teal);
    padding: 18px 10px;
    border: 1px solid var(--greyish-teal);
    border-radius: 10px;
    background-color: var(--white);
    margin: 20px 0;
  }
  .multi-markets-no-data .content-box {
    text-align: center; 
  }
  .multi-markets-no-data .top-box {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 24px;
  }
  .multi-markets-no-data .btm-box p {
    color: var(--greyish-teal);
    text-align: center;
  }
  /* ===== Mobile Multi Markets Page end ========================= */
}

@media (max-width: 880px) {
    .login_popup_form_mob#login_popup_form_mobile .bg-wrap{
        height: 651px;
    }
}

@media (max-width: 767px) {
    body {
        font-size: 13px;
        line-height: 1;
    }
    .main-wrapper {
        padding-top: 125px;
    }
    .modal-dialog{
        padding: 0 20px;
    }


    .mob-header .mob-logo {
        max-width: 60px;
    }
    .mob-header .mini-lobby .main-nav {
        margin-right: 0;
        margin-left: 0;
    }
    .mob-header nav .mini-lobby .main-nav a {
        width: 17vw;
        height: 18.8vw;
        padding-bottom: 0;
    }
    .mob-header nav img {
        width: 5vw;
        height: 5vw;
        margin: 0 auto .8vw;
    }
    .mob-header .ui-link {
        font-size: 13px;
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 16.15vw;
        height: 15.333333vw;
    }

    .mob-header nav .mini-lobby .main-nav:before{
        top: -3.8vw;
        margin-left: -0.266667vw;
    }
    
    .two-col-section .on_live p {
        margin-bottom: 0;
        font-size: 11px;
        line-height: 7px;
    }
    .two-col-section .on_live div{
        margin-bottom: 5px;
    }
    .two-col-section .on_live .live_icon {
        margin-bottom: 1.6vw;
    }
    .two-col-section .on_live{
        width: 23%;
    }   

    /* my-account-css start */
    .account-details-wrapper .balance-table td, .account-details-wrapper .balance-table.statement-table th{
        font-size: 13px;
        line-height: 20px;
    }
    .two-col-wrapper .nav-tabs, .account-details-wrapper .nav-tabs {
        min-width: inherit;
        width: 100%;
    }
    .account-details-wrapper .total-balance {
        font-size: 25px;
    }
    /* my-account-css end */


    /* announcement css start */
    .announce-content-inner {
        padding: 16px 10px;
    }
    .announce-content, .policy-wrapper.announcement-content-wrapper .announce-content p{
        font-size: 14px;
        line-height: 20px;
    }
    .announce-content .date {
        font-size: 25px;
        line-height: 25px;
    }
    .announcement-content-wrapper .policy-content-box .announce-header h1{
        font-size:17px;
    }
    /* announcement css end */


    /* footer new css */
    .footer .extend-btn h2 {
        text-align: center;
        margin-bottom: 10px;
        font-size: 18px;
    }
    .footer .social-icons-wrap ul {
        justify-content: center !important;
    }
    .one_click-setting{
        height: auto;
    }
    .one_click-setting-wrap {
        display: block !important;
        text-align: center;
        padding: 10px 0;
    }
    .one_click-stake {
        background-image: none;
        width: auto;
        height: auto;
    }
    .one_click-setting .a-edit {
        margin-left: auto;
        margin-top: 5px;
    }

    /*====================== popup css ======================*/
    .balance-wrap .transfer-content p {
        font-size: 15px;
        line-height: 28px;
    }
    .transfer-wrap-slider .available-wrap h4{
        font-size: 16px;
        line-height: 25px;
    }
    .balance-wrap.transfer-wrap-slider .transfer-content:before {
        top: 59%;
    }
    .balance-wrap .transfer-content input, .transfer-content textarea{
        line-height: 23px;
        font-size: 15px;
    }
    .balance-wrap ul.quick_stake li a {
        line-height: 25px;
        font-size: 13px;
    }
    .transfer-wrap-slider .transfer-title h2 {
        font-size: 17px;
    }


    /* mob-inplay css start */
    .two-col-wrapper-mob .fancyBet-dropdown-block{
        min-width: 97%;
    }
    .two-col-wrapper-mob .result-table .event-detail{
        font-size: 16px;
        line-height: 25px;
    }
    .two-col-wrapper-mob .result-tabs-wrapper .title-runs .title-block {
        width: 80%;
        padding: 10px;
    }
    .two-col-wrapper-mob .result-tabs-wrapper .title-runs .run-block {
        width: 20%;
        padding: 10px;
    }
    .two-col-wrapper-mob .result-tabs-wrapper .expand-even .event-name{
        font-size: 15px;
        line-height: 20px;
    }
    .two-col-wrapper-mob .accordion-button::after{
        width: 20px;
        height: 20px;
    }
    .two-col-wrapper-mob .result-tabs-wrapper .title-runs strong.marketName,
    .two-col-wrapper-mob .result-tabs-wrapper .fancy-bet-dropdown {
        font-size: 14px;
    }
    .two-col-wrapper-mob .fancyBet-dropdown-block .dropdown-item{
        font-size: 15px;
        padding: 7px;
    }
    .two-col-wrapper-mob .game-list-col .vs-name{
        font-size: 13px;
    }
    .two-col-wrapper-mob .vs-name::before{
        width: 12px;
        height: 12px;
    }
    .col-info .add-pin{
        width: 20px;
        height: 20px;
    }
    .two-col-wrapper-mob {
        padding-bottom: 100px;
    }

    .search-popup .suggestion-wrap {
        padding: 10px;
    }
    .search-popup .suggestion-wrap .ui-link{
        font-size: 15px;
    }
    .search-popup .search-clear{
        width: 17px;
        height: 17px;
    }
    .search-popup .search-collapse{
        width: 23px;
        height: 23px;
    }
    .search-popup .search-back{
        width: 50px;
        height: 50px;
    }
    .search-popup .search-input {
        padding: 0 50px;
        font-size: 18px;
    }
    /* mob-inplay css end */


    /* mob-inplay-subpage css start */
    .three-col-wrapper-mob .match-odds-btn{
        padding: 10px 10px 20px;
    }
    .three-col-wrapper-mob .match-odds-btn a{
        font-size: 15px;
        padding: 15px;
        max-width: 150px;
    }
    .three-col-wrapper-mob .bet-box .icon-btns li:after{
        height: 41px;
    }
    .three-col-wrapper-mob .bet-box .icon-btns a {
        width: 164px;
        height: 41px;
        font-size: 15px;
        line-height: 15px;
    }
    .three-col-wrapper-mob .match-odds .arrow-img img {
        width: 30px;
    }
    .three-col-wrapper-mob .match-odds .full-market-board td {
        padding: 5px;
    }
    .three-col-wrapper-mob .match-odds .full-market-board .bet-all td.a-depth a{
        width: 65px;
        padding-right: 5px;
    }
    .three-col-wrapper-mob .match-odds .a-depth img {
        width: 35px;
    }
    .three-col-wrapper-mob .middle-wrapper-inner .a-depth p,
    .three-col-wrapper-mob .back-gradient .box-div a, .three-col-wrapper-mob .lay-gradient .box-div a,
    .three-col-wrapper-mob .bookmaker_market_bet .special_bet h3 p,
    .three-col-wrapper-mob .match-odds .full-market-board td {
        font-size: 15px;
    }
   .three-col-wrapper-mob .match-odds .full-market-board .bet-all td.a-depth::before{
        border-bottom: 50px solid var(--black-transparent-color-1);
    }
    .three-col-wrapper-mob .special_bet .add-pin#multiMarketPin,
    .three-col-wrapper-mob .mob-bets-wrap .add-pin.pin-on#multiMarketPin{
        height: 25px;
        width: 25px;
    }
    .three-col-wrapper-mob .bet-all td {
        padding: 5px;
    }
    .mob-bets-wrap .bets-bookmaker .bet-all td{
        padding-bottom: 5px;
    }
    .three-col-wrapper-mob .bookmaker_market_bet .special_bet {
        padding: 5px 10px;
    }
    .mob-bets-wrap .back-gradient, .mob-bets-wrap .lay-gradient,
    .three-col-wrapper-mob .bets-bookmaker .fancy-suspend {
        height: 50px;
    }
    .three-col-wrapper-mob .match-odds .full-market-board .bet-all td.a-depth{
        padding-left: 20px;
        margin-left: 60px;
    }
    .three-col-wrapper-mob .total-matched {
        font-size: 14px;
        line-height: 15px;
        display: block;
    }
    .three-col-wrapper-mob .fancy_bet .header-name {
        width: 130px;
        font-size: 14px;
        height: 40px;
    }
    .three-col-wrapper-mob .fancy-head .in-play .mob-icon-img{
        height: 22px;
        width: 22px;
        margin-right: 5px;
    }
    .three-col-wrapper-mob .fancy-head .in-play .mob-icon-img img{
        max-width: 14px;
    }
    .bets-wrap.fancy_bet .fancy-head .nav-link .pin-off#multiMarketPin,
    .bets-wrap.fancy_bet .fancy-head .nav-link .pin-off#multiMarketPin::after{
        height: 40px;
    }
    .three-col-wrapper-mob .fancy_bet .btn-fancybet_rules {
        height: 40px;
        width: 56px;
    }
    .three-col-wrapper-mob .fancy-head h4 {
        height: 40px;
    }
    .three-col-wrapper-mob .other-tab:after, .three-col-wrapper-mob .other-tab:before {
        height: 40px;
    }
    .three-col-wrapper-mob .nav-tabs .nav-link.active .btn-sportsbook_rules{
        height: 40px;
        width: 54px;
    }
    .three-col-wrapper-mob .icon-btns {
        margin-bottom: 5px;
    }
    .three-col-wrapper-mob .full-market-board th p, .three-col-wrapper-mob .mob-bets-wrap .predict p,
    .three-col-wrapper-mob .match-odds .full-market-board .bet-all td.a-depth span,
    .three-col-wrapper-mob .bookmaker_market_bet .special_bet h3,
    .mob-bets-wrap .bets-bookmaker .bet-all td,
    .three-col-wrapper-mob .bet-all td span,
    .three-col-wrapper-mob .fancy-bet-marketlist .table-title p, .three-col-wrapper-mob .special-bets-wrapper .to-expand,
    .three-col-wrapper-mob .special-bets-wrapper .fancy-th-layout p,
    .three-col-wrapper-mob .special-bets-wrapper .back-1.no-liq a {
        font-size: 14px;
    }
    .three-col-wrapper-mob .special_bets-tab .nav-link span, .three-col-wrapper-mob .special_bets-tab .nav-link span,
    .three-col-wrapper-mob .fancy_bet_tab-wrap.orange .nav-link {
        padding: 5px 0;
        font-size: 14px;
        min-width: 105px;
    }
    .three-col-wrapper-mob .bets-wrap nav .tooltip-img {
        width: 80px;
        padding: 7px;
        font-size: 14px;
    }
    .tooltip-img .tooltip-icon {
        width: 18px;
    }
    .three-col-wrapper-mob .match-odds td a{
        height: 40px;
    }
    .three-col-wrapper-mob .special-bets-wrapper th {
        padding: 10px;
    }
    .three-col-wrapper-mob .bet-nav-wrapper .accordion-header a#multiMarketPin.pin-off{
        width: 30px;
        height: 30px;
    }
    .three-col-wrapper-mob .bet-nav-wrapper .accordion-header a#multiMarketPin.pin-on{
        width: 28px;
        height: 28px;
    }
    .three-col-wrapper-mob .fancy-bet-marketlist .table-title p {
        width: 300px;
    }
    .three-col-wrapper-mob .fancy-bet-marketlist tr.bet-all td,.mob-bets-wrap .bets-bookmaker td,
    .mob-bets-wrap .back-gradient .box-div, .mob-bets-wrap .lay-gradient .box-div,
    .three-col-wrapper-mob .match-odds .full-market-board td{
        width: 114px;
    }
    .fancy-bet-marketlist .fancy-suspend-td,
    .mob-bets-wrap .bets-bookmaker .fancy-suspend-td {
        width: 230px;
    }
    .three-col-wrapper-mob .fancy-bet-marketlist td a {
        height: 60px;
        font-size: 14px;
    }
    .tooltiptext p span {
        font-size: 12px;
    }
    .tooltiptext p .min-max {
        font-size: 13px;
    }
    .tooltip-img .tooltiptext {
        width: 210px;
    }
    .three-col-wrapper-mob .tooltip-close-btn img, .three-col-wrapper-mob .match-odds .arrow-img .tooltip-close-btn img {
        width: 10px;
    }
    .three-col-wrapper-mob .bet_slip-wrap .btn-list .input-num {
        font-size: 18px;
        line-height: 60px;
    }
    .three-col-wrapper-mob .bet_slip-wrap .btn-list li a {
        height: 60px;
        line-height: 60px;
        font-size: 15px;
    }
    .three-col-wrapper-mob .bet_slip-wrap .btn-list .dynamic-min-bet {
        font-size: 15px;
    }
    .three-col-wrapper-mob .bet_slip-wrap .input-num .typeing:after {
        width: 3px;
        height: 30px;
    }
    .three-col-wrapper-mob .bet_slip-wrap .bet-setting .bet-check {
        font-size: 15px;
    }
    .three-col-wrapper-mob .bet_slip-wrap .bet-setting .checked:before{
        background-size: 20px;
        width: 25px;
        height: 25px;
    }
    .three-col-wrapper-mob .bet_slip-wrap .keyboard-wrap a {
        font-size: 18px;
        line-height: 45px;
        height: 50px;
    }
    .three-col-wrapper-mob .bet_slip-wrap .btn-list li a {
        height: 50px;
        line-height: 50px;
    }
    .three-col-wrapper-mob .bet_slip-wrap .btn-list .input-num {
        font-size: 16px;
        line-height: 50px;
    }
    .three-col-wrapper-mob .bet_slip-wrap .keyboard-wrap .btn-delete{
        height: 100px;
    }
    .three-col-wrapper-mob .bet_slip-wrap .max-bet{
        font-size: 15px;
        line-height:20px;
        width: 90px;
        height: 30px;
    }
    .three-col-wrapper-mob .bet_slip-wrap .keyboard-wrap .btn-delete:before{
        width: 23px;
        height: 15px;
    }
    .three-col-wrapper-mob .bet_slip-wrap .coin-list a{
        font-size: 14px;
    }
    .three-col-wrapper-mob .bet-nav-wrapper .suspend{
        height: 42px;
    }
    .bets-wrap.fancy_bet .fancy-head .nav-link .pin-off#multiMarketPin::before {
        width: 30px;
        height: 30px;
    }
    .three-col-wrapper-mob .game-info,.three-col-wrapper-mob .table-title p, .three-col-wrapper-mob .special-bets-wrapper .to-expand{
        font-size: 15px;
    }
    .modal-slide-popup .chart-wrap h3 {
        font-size: 20px;
    }
    .check-list a:before {
        width: 30px;
        height: 30px;
    }
    .modal-slide-popup .info-matched .info-matched-block strong, .modal-slide-popup .Selection-block strong, .modal-slide-popup .price-block strong, .modal-slide-popup .check-list li a,
    .modal-slide-popup .traded p, .modal-slide-popup .trade-2 p {
        font-size: 18px;
        line-height: 40px;
    }
    .modal-slide-popup .info-matched .info-matched-block, .modal-slide-popup .Selection-block, .modal-slide-popup .price-block {
        padding: 15px;
        padding-bottom: 20px;
    }
    .modal-slide-popup .traded span, .modal-slide-popup .trade-2 span,
    .modal-slide-popup .path-wrap{
        font-size: 15px;
    }
    .modal-slide-popup .traded, .modal-slide-popup .trade-2 {
        min-height: 80px;
    }
    .traded div, .trade-2 div {
        width: 130px;
    }
    .modal-slide-popup .traded-title,
    .modal-slide-popup .modal-header .a-depth {
        font-size: 20px;
    }
    .modal-slide-popup .modal-header .a-depth img {
        max-width: 30px;
        margin-right: 10px;
    }
    .modal-slide-popup .function-wrap-dropdown .custom-select{
        font-size: 17px;
        height: 55px;
    }
    .modal-slide-popup .function-wrap-dropdown::after{
        width: 28px;
        height: 28px;
    }
    .modal-slide-popup .info-other,
    .modal-slide-popup .function-wrap-dropdown .custom-select option {
        font-size: 17px;
    }
    .modal-slide-popup .info-matched .info-matched-block span, .modal-slide-popup .Selection-block span, .modal-slide-popup .price-block span {
        font-size: 17px;
        display: block;
        margin-bottom: 10px;
        line-height: 18px;
    }
    .modal-slide-popup .info-matched .info-matched-block strong, .modal-slide-popup .Selection-block strong, .modal-slide-popup .price-block strong, 
    .modal-slide-popup .check-list li a, .modal-slide-popup .traded p, .modal-slide-popup .trade-2 p {
        font-size: 15px;
        line-height: 31px;
    }
    .modal-slide-popup .to-BackLay li {
        position: relative;
        font-size: 15px;
        padding: 15px 25px 13px;
    }
    .middle-wrapper.multi-market-wrap-mob {
        padding-bottom: 100px;
    }
    .modal-slide-popup.fade .modal-dialog{
        padding: 0;
    }    
    /* mob-inplay-subpage css end */



    /* multi-market-mob css start */
    .three-col-wrapper-mob .multi-market-wrap-mob .game-team .multi-Go{
        width: 35px;
        height: 35px;
        border-radius: 5px;
    }
    .three-col-wrapper-mob .multi-market-wrap-mob .game-team .refresh{
        width: 30px;
        height: 30px;
    }
    /* multi-market-mob css end */



    /* login_popup mob css start*/
    .login_popup_form_mob.modal .modal-dialog{
        padding: 0;
    }
    .login_popup_form_mob#login_popup_form_mobile .bg-wrap{
        height: 600px;
    }
    .login_popup_form_mob .logo-block {
        max-width: 110px;
        width: 100%;
    }
    .login_popup_form_mob#login_popup_form_mobile .form-control,
    .login_popup_form_mob#login_popup_form_mobile .btn-send {
        height: 50px;
        font-size: 16px;
    }
    .login_popup_form_mob .footer .footer-menu a {
        font-size: 16px;
        line-height: 23px;
    }
    /* login_popup mob css end*/
}

@media (max-width: 575px) {
    .main-wrapper {
        padding-top: 126px;
    }
    .btn-dw-cmn, .btn-ls {
        font-size: 15px;
    }

    .mobile-user-box .left-bx {
        flex-direction: column;
        align-items: flex-start;
    }

    .column p.title-text {
        line-height: 26px;
        font-size: 14px;
    }
    .column .entrance-title {
        line-height: 6.4vw;
        height: 30px;
    }
    .column .entrance-title .play-now-text:after{
        width: 75px;
        height: 100%;
    }
    .column h6.play-now-text {
        width: 90px;
        font-size: 12px;
        line-height: 27px;
        text-indent: 25px;
    }

    .two-col-section .on_live .live_icon {
        margin-bottom: 1vw;
    }
    .two-col-section .on_live .live_icon {
        height: 15px;
        line-height: 15px;
        font-size: 10px;
    }
    .two-col-section .on_live #count {
        min-width: 12px;
        height: 11px;
        font-size: 10px;
        line-height: 10px;
    }
    .two-col-section .on_live p {
        font-size: 10px;
    }
    .two-col-section .on_live div {
        margin-bottom: 1px;
    }
    
    /* announcement-css start */
    .article-wrap {
        padding: 0px 0px 20px 60px;
    }
    /* announcement-css end */
    
    /* my-account-css start */
    .account-details-wrapper .profile-wrap .row{
        row-gap: 5px;
    }
    /* my-account-css end */

    .footer {
        padding: 20px 0 90px;
    }

    /* ===== Mobile Different Page Design Start ================================================= */

    /* ===== Mobile user login after balance box start ======================================*/
    .wallet-dropdown-toggle {
        font-size: 14px;
    }
    .bets-btn {
        font-size: 14px;
    }
    .wallet-dropdown-toggle .nums {
        height: 15px;
        font-size: 11px;
        padding: 0px 8px;
    }
    .mobile-user-box .single-left-bx {
        line-height: 1.1;
    }
    /* ===== Mobile user login after balance box end ================================================= */

    /* ===== Mobile user login after balance box end ================================================= */
    .marquee-box h4:after {
        right: -7px;
        top: -4px;
    }

    /* mob-inplay css start */
    .two-col-wrapper-mob .nav-link span {
        padding: 5px;
        font-size: 13px;
    }
    .two-col-wrapper-mob .a-search{
        width: 59px;
        height: 59px;
    }
    .two-col-wrapper-mob .result-tabs-wrapper .nav-dropdown-wrappper nav{
        width: 100%;
    }
    .two-col-wrapper-mob .result-tabs-wrapper .nav-dropdown-wrappper{
        display: block;
    }
    .two-col-wrapper-mob .nav-sel-game-bx-main {
        width: 100%;
        margin-bottom: 0;
        display: block;
    }
    .two-col-wrapper-mob .nav-sel-game-bx-main .btn,
    .two-col-wrapper-mob .nav-sel-game-bx-main .dropdown{
        max-width: 100%;
    }
    .two-col-wrapper-mob .result-tabs-wrapper .nav-tabs .nav-link{
        width: 50%;
    }
    .two-col-wrapper-mob .result-tabs-wrapper .nav-tabs{
        margin-bottom: 15px;
    }
    .two-col-wrapper-mob .nav-sel-game-bx-main ul.dropdown-menu{
        min-width: 100%;
    }
    .two-col-wrapper-mob .result-table .time-and-title {
        width: 50%;
    }
    .two-col-wrapper-mob .result-table .score-home {
        width: 25%;
    }
    .two-col-wrapper-mob .result-table .score-away {
        width: 25%;
    }
    /* mob-inplay css end */


    /* mob-inplay-subpage css start */
    .three-col-wrapper-mob .fancy-bet-marketlist tr.bet-all td, .mob-bets-wrap .bets-bookmaker td, .mob-bets-wrap .back-gradient .box-div,
    .mob-bets-wrap .lay-gradient .box-div, .three-col-wrapper-mob .match-odds .full-market-board td {
        width: 80px;
    }
    .fancy-bet-marketlist .fancy-suspend-td, .mob-bets-wrap .bets-bookmaker .fancy-suspend-td {
        width: 160px;
    }
     .three-col-wrapper-mob .bet-box .icon-btns a {
        width: 120px;
        height: 30px;
        font-size: 13px;
        line-height: 13px;
    }
    .three-col-wrapper-mob .bet-box .icon-btns li:after {
        height: 30px;
    }
    .three-col-wrapper-mob .bet-box .icon-btns a:before {
        width: 18px;
        height: 18px;
        margin-right: 5px;
    }
    .three-col-wrapper-mob .fancy_bet .header-name {
        width: 117px;
        font-size: 12px;
    }
    .three-col-wrapper-mob .fancy_bet .btn-fancybet_rules::before, .three-col-wrapper-mob .nav-tabs .nav-link.active .btn-sportsbook_rules::before{
        width: 20px;
        height: 20px;
    }
    .three-col-wrapper-mob .fancy-head .in-play .mob-icon-img img {
        max-width: 15px;
    }
    .three-col-wrapper-mob .bet-box{
        margin-bottom: 20px;
    }
    .three-col-wrapper-mob .bet-nav-wrapper .accordion-header #multiMarketPin.pin-off, .three-col-wrapper-mob .multi-market-wrap-mob .game-team #multiMarketPin.pin-off,
    .three-col-wrapper-mob .bet-nav-wrapper .accordion-header #multiMarketPin.pin-on, .three-col-wrapper-mob .multi-market-wrap-mob .game-team #multiMarketPin.pin-on{
        width: 25px;
        height: 25px;
    }
    .three-col-wrapper-mob .multi-market-wrap-mob .game-team h4,
    .modal-slide-popup .traded-title, .modal-slide-popup .modal-header .a-depth {
        font-size: 15px;
    }
    .modal-slide-popup .path-wrap li {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .modal-slide-popup .to-BackLay li {
        position: relative;
        font-size: 15px;
        padding: 11px 13px;
    }
    .modal-slide-popup .to-BackLay li:after {
        border-top: 36px solid var(--white);
    }
    .three-col-wrapper-mob .nav-link.active .tooltip-img {
        position: absolute;
        right: -50px;
        width: 55px;
        margin-top: -30px;
        border-radius: 5px;
    }
    .three-col-wrapper-mob .bets-wrap.fancy_bet .fancy-head .tooltip-img .tooltip-icon {
        width: 15px;
        margin-right: 5px;
    }
    /* mob-inplay-subpage css end */


    /* login_popup mob css start*/
    .login_popup_form_mob#login_popup_form .bg-wrap {
        height: 420px;
    }
    #login_popup_form.login_popup_form_mob .btn-close {
        max-width: 60px;
        height: 50px;
        width: 50px;
    }
    #login_popup_form.login_popup_form_mob .btn-close::before{
        width: 18px;
        height: 18px;
    }
    .login_popup_form_mob .login-panel-wrap .valid-code img {
        max-width: 85px;
        height: 20px;
        width: 100%;
    }
    .login_popup_form_mob .logo-block {
        max-width: 80px;
    }
    /* login_popup mob css end*/

    /* ===== Mobile view Sports Page start =========================== */
    .mob-sports-nav-main .a-search{
        width: 180px;
    }
    .mob-sports-nav-main .a-search:after{
        width: 20px;
        height: 20px;
    }
    /* ===== Mobile view Sports Page end =========================== */

}


@media (max-width: 479px) {
   
    /* ===== Privacy Policy All Page ======================= */
    h1 {
        font-size: 18px;
    }
    h2 {
        font-size: 17px;
    }
    h3 {
        font-size: 16px;
    }

    .mob-header .ui-link {
        width: 15.15vw;
        height: 15.333333vw;
        display: block;
        padding: 2.866667vw 1vw;
    }

    .policy-header {
        padding: 16px 10px;
    }
    .policy-header h1 {
        padding-left: 14px;
    }
    .policy-header h1:before {
        left: 12px;
        width: 5px !important;
        height: 22px !important;
    }
    .policy-content-box {
        margin-top: 52px;
        padding: 10px 10px;
    }

    .btn-dw-cmn, .btn-ls {
        font-size: 13px;
        padding: 6px 13px;
    }

    .footer {
        padding: 20px 0 60px;
    }
    
    /* ===== Mobile Different Page Design Start ================================================= */
    .bet-bx {
        min-width: 10.4917541229vmax;
    }
    .wallet-dropdown-toggle {
        font-size: 12px;
    }
    .setting-bx img {
        max-width: 90%;
    }
    .switch_on, .switch_off {
        width: 26px;
        height: 28px;
    }
    .switch_on span, .switch_off span {
        width: 7px;
        height: 17px;
    }
    .col-edit .btn-edit {
        font-size: 12px;
    }
    
    .btm-wallet-group .wallet-detail-content {
        display: flex;
    }
    .w-detail-con-left {
        width: 70%;
    }
    .w-detail-con-right {
        width: 30%;
    }
    
    /* Balance menu drop */
    .account-wrap.dropdown-menu {
        width: 250px !important;
    }

    /* ===== Mobile view Sports Page start =========================== */
    .two-col-wrapper-mob.m-sport-pg .game-header.g-head-diff-ttl {
        padding: 6px 10px;
        line-height: 1.3;
    }
    /* ===== Mobile view Sports Page end =========================== */

    /* login_popup mob css start*/
    .login_popup_form_mob#login_popup_form_mobile .bg-wrap{
        height: 360px;
    }
    #login_popup_form_mobile.login_popup_form_mob .popup-wrapper .row.extend-btn {
        margin: 0 20px;
    }
    .login_popup_form_mob#login_popup_form_mobile .login-panel-wrap {
        margin: 50px auto;
    }
    #login_popup_form_mobile.login_popup_form_mob .btn-close {
        max-width: 50px;
        height: 40px;
        width: 40px;
    }
    #login_popup_form_mobile.login_popup_form_mob .btn-close::before{
        width: 20px;
        height: 20px;
    }
    /* login_popup mob css end*/

    /* mob-inplay-subpage css start */
    .three-col-wrapper-mob .total-matched {
        font-size: 12px;
        line-height: 9px;
        display: block;
    }
    .three-col-wrapper-mob .match-odds .full-market-board .bet-all td.a-depth a {
        width: 40px;
    }
    .three-col-wrapper-mob .match-odds .full-market-board .bet-all td.a-depth::before {
        border-bottom: 44px solid var(--black-transparent-color-1);
    }
    .three-col-wrapper-mob .bet-body .arrow-img .tooltip-img {
        top: 5px;
        left: 25px;
    }
    .three-col-wrapper-mob .fancy-bet-marketlist .table-title p {
        width: 240px;
    }
    .three-col-wrapper-mob .fancy-bet-marketlist tr.bet-all td, .mob-bets-wrap .bets-bookmaker td, 
    .mob-bets-wrap .back-gradient .box-div, .mob-bets-wrap .lay-gradient .box-div, .three-col-wrapper-mob .match-odds .full-market-board td {
        width: 65px;
    }
    .fancy-bet-marketlist .fancy-suspend-td, .mob-bets-wrap .bets-bookmaker .fancy-suspend-td {
        width: 131px;
    }
    .three-col-wrapper-mob .fancy-bet-marketlist td a {
        height: 50px;
    }
    .three-col-wrapper-mob .fancy-suspend, .three-col-wrapper-mob .fancy-suspend-white {
        height: 51px;
    }
    .three-col-wrapper-mob .fancy_bet .btn-fancybet_rules,
    .three-col-wrapper-mob .nav-tabs .nav-link.active .btn-sportsbook_rules {
        height: 33px;
        width: 45px;
    }
    .three-col-wrapper-mob .fancy_bet .header-name,
    .three-col-wrapper-mob .fancy-head h4{
        height: 33px;
    }
    .three-col-wrapper-mob .other-tab:after, .three-col-wrapper-mob .other-tab:before {
        height: 33px;
        width: 20px;
    }
    .three-col-wrapper-mob .other-tab:before{
        left: -17px;
    }
    .three-col-wrapper-mob .other-tab:after{
        right: -19px;
    }
    .three-col-wrapper-mob .middle-wrapper-inner .a-depth p, .three-col-wrapper-mob .back-gradient .box-div a, 
    .three-col-wrapper-mob .lay-gradient .box-div a, .three-col-wrapper-mob .bookmaker_market_bet .special_bet h3 p, .three-col-wrapper-mob .match-odds .full-market-board td {
        font-size: 12px;
    }
    .three-col-wrapper-mob .full-market-board th p, .three-col-wrapper-mob .mob-bets-wrap .predict p, 
    .three-col-wrapper-mob .match-odds .full-market-board .bet-all td.a-depth span, .three-col-wrapper-mob .bookmaker_market_bet .special_bet h3,
    .mob-bets-wrap .bets-bookmaker .bet-all td, .three-col-wrapper-mob .bet-all td span, .three-col-wrapper-mob .fancy-bet-marketlist .table-title p, 
    .three-col-wrapper-mob .special-bets-wrapper .to-expand, .three-col-wrapper-mob .special-bets-wrapper .fancy-th-layout p,
    .three-col-wrapper-mob .special-bets-wrapper .back-1.no-liq a {
        font-size: 13px;
    }
    .three-col-wrapper-mob .bets-wrap nav .tooltip-img {
        width: 60px;
        padding: 5px;
        font-size: 13px;
        margin-left: 10px;
    }
    .three-col-wrapper-mob .fancy-info.sportsbook-head .tooltip-img .tooltip-icon {
        width: 15px;
    }
    .three-col-wrapper-mob .bet-nav-wrapper .accordion-header a#multiMarketPin.pin-on {
        width: 23px;
        height: 23px;
    }
    .three-col-wrapper-mob .special_bet .add-pin#multiMarketPin, .three-col-wrapper-mob .mob-bets-wrap .add-pin.pin-on#multiMarketPin {
        height: 20px;
        width: 20px;
    }
    .three-col-wrapper-mob .bet-nav-wrapper .accordion-header a#multiMarketPin.pin-off {
        width: 25px;
        height: 25px;
    }
    .three-col-wrapper-mob .fancy-head .tag-new {
        width: 40px;
        height: 29px;
        line-height: 15px;
        font-size: 12px;
    }
    .three-col-wrapper-mob .fancy-head .in-play .mob-icon-img {
        height: 18px;
        width: 18px;
        margin-right: 5px;
    }
    .three-col-wrapper-mob .fancy-head .in-play .mob-icon-img img {
        max-width: 11px;
    }
    .three-col-wrapper-mob .fancy_bet .btn-fancybet_rules::before, .three-col-wrapper-mob .nav-tabs .nav-link.active .btn-sportsbook_rules::before {
        width: 15px;
        height: 15px;
    }
    .three-col-wrapper-mob .fancy_bet .btn-fancybet_rules, .three-col-wrapper-mob .nav-tabs .nav-link.active .btn-sportsbook_rules {
        height: 25px;
        width: 36px;
    }
    .three-col-wrapper-mob .fancy_bet .header-name, .three-col-wrapper-mob .fancy-head h4 {
        height: 25px;
    }
    .three-col-wrapper-mob .fancy_bet .header-name {
        width: 100px;
        font-size: .7rem;
        justify-content: flex-start;
        padding: 5px;
    }
    .three-col-wrapper-mob .other-tab:after, .three-col-wrapper-mob .other-tab:before {
        height: 25px;
        width: 15px;
    }
    .three-col-wrapper-mob .other-tab:before {
        left: -14px;
    }
    .three-col-wrapper-mob .other-tab:after {
        right: -15px;
    }
    .three-col-wrapper-mob .fancy_bet .other-tab {
        margin-left: 10px;
    }
    .three-col-wrapper-mob .to-win {
        font-size: 11px;
    }
    .three-col-wrapper-mob .full-market-board th p, .three-col-wrapper-mob .mob-bets-wrap .predict p{
        width: 140px;
    }
    .three-col-wrapper-mob .no_bet {
        font-size: 13px;
        padding: 10px;
    }
    .three-col-wrapper-mob .to-lose:before {
        width: 10px;
        height: 10px;
    }
    .three-col-wrapper-mob .match-odds-btn a {
        font-size: 13px;
        padding: 12px;
    }
    .three-col-wrapper-mob .bet-nav-wrapper .suspend {
        height: 40px;
    }
    .three-col-wrapper-mob .bet_slip-wrap .keyboard-wrap a {
        font-size: 15px;
        line-height: 40px;
    }
    .three-col-wrapper-mob .bet_slip-wrap .max-bet {
        font-size: 14px;
        width: 60px;
    }
    .three-col-wrapper-mob .info-inplay{
        width: 18px;
        height: 18px;
    }
    .three-col-wrapper-mob .bet_slip-wrap .coin-list a {
        font-size: 12px;
        padding: 5px;
    }
    .bets-wrap.fancy_bet .fancy-head .nav-link .pin-off#multiMarketPin, .bets-wrap.fancy_bet .fancy-head .nav-link .pin-off#multiMarketPin::after {
        height: 25px;
        width: 38px;
    }
    .bets-wrap.fancy_bet .fancy-head .nav-link .pin-off#multiMarketPin::before {
        width: 20px;
        height: 20px;
        left: 14px;
    }
    .three-col-wrapper-mob .multi-market-wrap-mob .game-team .multi-Go, 
    .three-col-wrapper-mob .multi-market-wrap-mob .game-team .refresh{
        width: 25px;
        border-radius: 5px;
        height: 25px;
    }
    .three-col-wrapper-mob .match-odds .a-depth img {
        width: 25px;
    }
    .modal-slide-popup .info-other, .modal-slide-popup .function-wrap-dropdown .custom-select option {
        font-size: 13px;
    }
    /* mob-inplay-subpage css end */
}

@media (max-width: 375px) {

    /* ===== Privacy Policy All Page ======================= */
    h1 {
        font-size: 16px;
    }

    /* ===== header css ================================================= */
    .mob-header .mini-lobby .main-nav {
        margin-right: 5px;
        margin-left: 5px;
    }
    .mob-header .ui-link {
        font-size: 12px;
        width: 12.15vw;
        height: 15.333333vw;
        padding: 2.866667vw 0.5vw;
    }

    /* my-account-css start */
    #password_popup label {
        max-width: 100%;
        text-align: left;
        margin-bottom: 10px;
    }
    #password_popup .btn-send{
        margin-left: 0;
    }
    #password_popup .form-control, 
    #password_popup textarea, #password_popup input{
        width: 95%;
    }
    #password_popup .form-group {
        display: block;
    }
    #password_popup .must{
        right: -5px;
    }
    /* my-account-css end */


    /* mob-inplay-subpage css start */
    .three-col-wrapper-mob .bets-wrap nav .tooltip-img {
        width: 50px;
        padding: 5px;
        font-size: 11px;
        margin-left: 5px;
        border-radius: 5px;
    }
    .three-col-wrapper-mob .fancy-bet-marketlist tr.bet-all td {
        font-size: 13px;
    }
    .three-col-wrapper-mob .match-odds .full-market-board .bet-all td.a-depth {
        padding-left: 17px;
        align-items: center;
        margin-left: 33px;
    }
    .three-col-wrapper-mob .match-odds .arrow-img img {
        width: 25px;
    }
    .three-col-wrapper-mob .bet-body .arrow-img .tooltip-img {
        left: 8px;
        top: 10px;
    }
    .three-col-wrapper-mob .mob-bets-wrap .add-pin.pin-on#multiMarketPin{
        margin-right: 8px;
    }
    .three-col-wrapper-mob .total-matched {
        font-size: 11px;
        line-height: 15px;
    }
    .three-col-wrapper-mob .match-odds .full-market-board .bet-all td.a-depth::before {
        border-bottom: 52px solid var(--black-transparent-color-1);
    }
    .fancy-bet-marketlist .fancy-suspend-td, .mob-bets-wrap .bets-bookmaker .fancy-suspend-td {
        width: 112px;
    }
    .three-col-wrapper-mob .special_bets-tab .nav-link span, .three-col-wrapper-mob .special_bets-tab .nav-link span, 
    .three-col-wrapper-mob .fancy_bet_tab-wrap.orange .nav-link {
        padding: 5px 0;
        font-size: 12px;
        min-width: 95px;
    }
    .three-col-wrapper-mob .full-market-board th p, .three-col-wrapper-mob .mob-bets-wrap .predict p, .three-col-wrapper-mob .match-odds .full-market-board .bet-all td.a-depth span, 
    .three-col-wrapper-mob .bookmaker_market_bet .special_bet h3, .mob-bets-wrap .bets-bookmaker .bet-all td, .three-col-wrapper-mob .bet-all td span, 
    .three-col-wrapper-mob .bets-wrap .table-title p, .three-col-wrapper-mob .special-bets-wrapper .to-expand, .three-col-wrapper-mob .special-bets-wrapper .fancy-th-layout p,
    .three-col-wrapper-mob .special-bets-wrapper .back-1.no-liq a {
        font-size: 12px;
    }
    .three-col-wrapper-mob .match-odds .full-market-board .bet-all td.a-depth a {
        width: 60px;
    }
    .three-col-wrapper-mob .fancy-bet-marketlist tr.bet-all td, .mob-bets-wrap .bets-bookmaker td,
    .mob-bets-wrap .back-gradient .box-div, .mob-bets-wrap .lay-gradient .box-div, .three-col-wrapper-mob .match-odds .full-market-board td {
        width: 55px;
    }
    .tooltip-img .tooltip-icon {
        width: 14px;
    }
    .three-col-wrapper-mob .fancy_bet .btn-fancybet_rules::before, .three-col-wrapper-mob .nav-tabs .nav-link.active .btn-sportsbook_rules::before {
        width: 12px;
        height: 12px;
    }
    .three-col-wrapper-mob .fancy_bet .btn-fancybet_rules, .three-col-wrapper-mob .nav-tabs .nav-link.active .btn-sportsbook_rules {
        height: 20px;
        width: 30px;
    }
    .three-col-wrapper-mob .fancy_bet .header-name {
        width: 92px;
    }
    .three-col-wrapper-mob .fancy_bet .header-name, .three-col-wrapper-mob .fancy-head h4 {
        height: 20px;
    }
    .three-col-wrapper-mob .other-tab:after, .three-col-wrapper-mob .other-tab:before {
        height: 20px;
        width: 15px;
    }
    .three-col-wrapper-mob .other-tab:before {
        left: -11px;
    }
    .three-col-wrapper-mob .fancy_bet .other-tab {
        margin-left: 7px;
    }
    .three-col-wrapper-mob .fancy-head .in-play .mob-icon-img {
        height: 15px;
        width: 15px;
    }
    .three-col-wrapper-mob .fancy-head .in-play .mob-icon-img img {
        max-width: 9px;
    }
    .bets-wrap.fancy_bet .fancy-head .nav-link .pin-off#multiMarketPin, .bets-wrap.fancy_bet .fancy-head .nav-link .pin-off#multiMarketPin::after {
        height: 20px;
        width: 26px;
    }
    .bets-wrap.fancy_bet .fancy-head .nav-link .pin-off#multiMarketPin::before {
        width: 17px;
        height: 17px;
        left: 12px;
    }
    .middle-wrapper.multi-market-wrap-mob {
        padding-bottom: 80px;
    }
    .modal-slide-popup .info-matched .info-matched-block, .modal-slide-popup .Selection-block, .modal-slide-popup .price-block {
        padding: 5px;
        padding-bottom: 10px;
    }
    .modal-slide-popup .info-matched .info-matched-block span, .modal-slide-popup .Selection-block span, .modal-slide-popup .price-block span {
        font-size: 14px;
    }
    .modal-slide-popup .chart-wrap {
        padding: 10px;
    }
    .modal-slide-popup .function-wrap-dropdown .custom-select {
        font-size: 14px;
        height: 45px;
    }
    .modal-slide-popup .function-wrap-dropdown::after {
        width: 25px;
        height: 25px;
    }
    .modal-slide-popup .chart-wrap h3 {
        font-size: 15px;
    }
    /* mob-inplay-subpage css end */

    /* ===== Mobile view Sports Page start =========================== */
    .two-col-wrapper-mob.m-sport-pg .nav-tabs .nav-link {
        width: 45%;
    }
    .two-col-wrapper-mob.m-sport-pg .game-header.g-head-diff-ttl {
        font-size: 16px;
    }
    /* ===== Mobile view Sports Page end =========================== */

    /* footer new css */
    .footer .social-icons-wrap li{
        height: 30px;
        width: 30px;
    }
    .footer .extend-btn img  {
        width: 23px;
        height: 23px;
    }

    /* ===== Mobile Different Page Design Start ================================================= */
    .wallet-dropdown-toggle {
        font-size: 10px;
    }
    .mobile-user-box .single-left-bx {
        line-height: 1;
    }
    .setting-bx img {
        max-width: 85%;
    }
    .mobile-user-box .button-box {
        column-gap: 3px;
    }
    .full-half .live-tv, .full-half .bets-btn {
        width: 63%;
    }
    .bets-btn{
        padding: 0 13px;
    }
    .bets-btn.live-tv {
        width: 30%;
    }
    .bets-btn {
        font-size: 12px;
        width: 48%;
    }
    .wallet-balance-num span {
        font-size: 11px;
    }

    /* mob-inplay css start */
    .two-col-wrapper-mob .result-table .event-detail,
    .two-col-wrapper-mob .result-table .score-home strong, .two-col-wrapper-mob .result-table .score-away strong {
        font-size: 13px;
        line-height: 23px;
    }
    .two-col-wrapper-mob .result-table .score-home p, .two-col-wrapper-mob .result-table .score-away p{
        font-size: .9rem;
        margin-bottom: 10px;
    }
    .two-col-wrapper-mob .nav-link span {
        padding: 5px 0;
        font-size: .7rem;
    }
    .two-col-wrapper-mob .nav-tabs{
        padding: 5px;
    }
    .two-col-wrapper-mob .nav-sel-game-bx-main .btn {
        font-size: 14px;
        padding: 10px 30px 10px 7px;
    }
    .two-col-wrapper-mob .nav-sel-game-bx-main .dropdown-btn::before {
        width: 13px;
        height: 13px;
    }
    .mob-header ul.mini-lobby li{
        padding: 0 5px;
    }
    .mob-header .mini-lobby .main-nav{
        padding: 0;
    }
    /* mob-inplay css end */   

    /* login_popup mob css start*/
    .login_popup_form_mob#login_popup_form_mobile .bg-wrap{
        height: 300px;
    }
    /* login_popup mob css end*/

}

@media (max-width: 320px) {
    .balance-wrap.transfer-wrap-slider .available-wrap h4{
        padding: 10px;
    }
    .transfer-wrap-slider .available-wrap h4 {
        font-size: 15px;
        line-height: 23px;
    }

    /* ===== Mobile Different Page Design Start ================================================= */
    .wallet-dropdown-toggle {
        font-size: 9px;
    }
    .setting-bx img {
        max-width: 70%;
    }
    .setting-bx {
        padding: 0.4595502249vmax 1.0484752624vmax;
    }
    .bets-btn img {
        width: auto;
    }
    .bets-btn {
        width: 46%;
    }

    /* ===== Mobile user-account-details Page start ========================= */
    .user-account-details .logout-button-box {
        margin: 10px 0;
    }
    /* ===== Mobile user-account-details Page end ========================= */


    /* login_popup mob css start*/
    .login_popup_form_mob#login_popup_form_mobile .bg-wrap {
        height: 260px;
    }
    /* login_popup mob css end*/


    /* mob-inplay-subpage css start */
    .three-col-wrapper-mob .bet-nav-wrapper .accordion-header #multiMarketPin.pin-off, .three-col-wrapper-mob .multi-market-wrap-mob .game-team #multiMarketPin.pin-off, 
    .three-col-wrapper-mob .bet-nav-wrapper .accordion-header #multiMarketPin.pin-on, .three-col-wrapper-mob .multi-market-wrap-mob .game-team #multiMarketPin.pin-on {
        width: 20px;
        height: 20px;
    }
    .three-col-wrapper-mob .multi-market-wrap-mob .game-team h4 {
        font-size: 12px;
    }
    .three-col-wrapper-mob .multi-market-wrap-mob .game-team .multi-Go, .three-col-wrapper-mob .multi-market-wrap-mob .game-team .refresh {
        width: 20px;
        height: 20px;
    }
    .modal-slide-popup .Selection-block,
    .modal-slide-popup .info-matched-block{
        flex: 1;
    }
    .three-col-wrapper-mob .fancy_bet .other-tab {
        margin-left: 5px;
    }
    .three-col-wrapper-mob .nav-link.active .tooltip-img {
        right: -30px;
        margin-top: -39px;
    }
    /* mob-inplay-subpage css end */

    .footer .social-icons-wrap ul {
        column-gap: 4px;
      }
}