@media screen and (min-width: 900px) {
    .game-list-slidable .casino-game-list-item .product-wrapper:not(.hero) .product-card {
        max-height: 203px !important;
    }
}

@media screen and (min-width: 1320px) {
    .Backdrop {
        display: none !important;
    }

    .game-nav [id^=searchTb] {
        max-width: 200px;
    }
}

@media screen and (max-width: 1820px) {
    .flickity-prev-next-button.next {
        right: 7%;
    }

    .flickity-prev-next-button.previous {
        right: calc(7% + 46px);
    }

    .games-box .btn a, .games-box .dont-pl-btn {
        padding: 6px 0px !important;
        font-size: 12px;
    }

    .freespin-game .Item {
        min-height: 80px;
    }

    .freespin-games .Item img:not(.product-vendore-img), .games-info-titles .game {
        max-width: 80px;
        min-width: 80px;
    }

    .mobile #profilePopup #paymentsystem .bonus-body-row-title {
        padding: 0px 20px 0px 10px;
        min-height: 56px;
    }

        .mobile #profilePopup #paymentsystem .bonus-body-row-title .las.la-question-circle,
        .mobile #profilePopup #paymentsystem .bonus-body-row-title .bonus-placeholder,
        .mobile #profilePopup #paymentsystem .bonus-body-row-title .b-question-mark {
            height: 100%;
        }

        .mobile #profilePopup #paymentsystem .bonus-body-row-title .b-question-mark,
        .mobile #profilePopup #paymentsystem .bonus-body-row-title .las.la-question-circle {
            width: 100%;
        }

        .mobile #profilePopup #paymentsystem .bonus-body-row-title .las.la-question-circle {
            line-height: 56px;
            text-align: start;
        }



    .mobile #profilePopup .modal-dialog.promotions.modal--promotions-freespins .player-bonus-type-2 .freespin-game,
    .mobile #profilePopup .modal-dialog.promotions.modal--promotions-freespins .player-bonus-type-2 .no-wrap.table--scrollable__th.games-info-titles {
        flex: 3;
    }
}

@media screen and (max-width: 1655px) {

    .Widget--banner.secondary {
        display: block;
    }

    .Sections_container, .Header--secondary, .header-secondary, .flickity-page-dots, .web-time {
        display: none;
    }

    body:not(.mobile).LoggedIn .header-secondary.gameLaunchFull:not(.Full) {
        display: block;
    }

    .web-languages, .left_open .Register_container {
        display: none;
    }

    .left_open .Wrapper--Header.Header--primary__Panel--user > .Container__Item > .Item {
        width: 280px;
        height: 40px;
        padding: 0 8px;
        margin: 0;
        z-index: 9;
        position: absolute;
        bottom: -44px;
        left: 10px;
        border-top: 4px solid var(--background-color-1);
    }

    .left_open .header_logo + div {
        margin-right: auto;
    }

    html[lang="ar-sa"] .left_open .header_logo + div,
    html[lang="fa-ir"] .left_open .header_logo + div {
        margin-left: auto;
        margin-right: 0;
    }

    .left_open .Header--primary__Panel--user .web-languages {
        display: block;
        font-size: 16px;
        margin-left: auto;
    }

    .flickity-prev-next-button.next {
        right: 3%;
    }

    .flickity-prev-next-button.previous {
        right: calc(3% + 46px);
    }

    .Wrapper--Single .Container__Item.nav-simple:not(.Tag-Filter), .Container__Item.sub-game-nav-block {
        margin: 0 24px;
    }

    .player-bonus-type-2 .freespin-games > div:not(.freespin-game), .player-bonus-type-2 .freespin-game .Item > *,
    .player-bonus-type-2 .games-info-titles .table--scrollable__th {
        margin: 10px 15px !important;
    }

    .player-bonus-type-2 .table--scrollable__tr > *:not(.games-info-titles) {
        padding: 10px 15px !important;
    }

    .tp-ic-cash, .tp-ic-bonus, .tp-ic-total, .tp-ic-award {
        font-size: 13px;
    }

        .tp-ic-cash:before, .tp-ic-bonus:before, .tp-ic-total:before, .tp-ic-award:before, .tp-ic-gifts:before {
            font-size: 18px;
        }

    body:not(.mobile) .gameLaunchFull .Game--Balance .btn-bonus {
        margin-top: 14px;
    }
}

@media screen and (max-device-width: 1366px) {

    body.mobile #profilePopup .modal-content .modal-sub-body .row:has(.SearchDate),
    body.mobile #profilePopup .modal-content .modal-sub-body .row:has(#SearchStartDate){
        display: flex;
        gap: 10px;
        width: calc(100% - 10px);
    }

    body.mobile  #profilePopup .modal-content .modal-sub-body .row:has(.SearchDate):before,
    body.mobile  #profilePopup .modal-content .modal-sub-body .row:has(.SearchDate):after,
    body.mobile  #profilePopup .modal-content .modal-sub-body .row:has(#SearchStartDate):before,
    body.mobile  #profilePopup .modal-content .modal-sub-body .row:has(#SearchStartDate):after{
        display: none;
    }

    body.mobile  #profilePopup .modal-content .modal-sub-body .col-xs-6,
    body.mobile  #profilePopup .modal-content .modal-sub-body .col-xs-6 .form-group{
        width: 100%;
    }

    body.mobile #profilePopup .modal-content .modal-sub-body .col-xs-6 .form-group .SearchDate{
        width: 100%;
        min-width: 100%;
    }

    body.mobile #registrationPopup .modal-dialog .modal-body .register-container {
        max-height: 100%;
        min-height: 100%;
    }

    body.mobile .Container__Item.Promotions_Single--Page > .Container__Item {
        padding: 0;
    }

    body.mobile .registration-to-logon {
        margin: 10px 0;
        width: 100%;
    }

    body.mobile .registration .col-xs-12.text-right {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    body.mobile .tooltip-for-amount-full.tooltip {
        width: auto !important;
    }

    html[lang="ar-sa"] body.mobile .Register_container .Button--Balance,
    html[lang="fa-ir"] body.mobile .Register_container .Button--Balance {
        padding: 8px 12px 8px 28px !important;
    }

    body.mobile .Wrapper--Single.game-launch--full {
        margin-top: unset !important;
    }

    body.mobile {
        overflow-x: hidden !important;
    }

     html:has(.mobile [provider^='evolution']),
     body.mobile:has([provider^='evolution']) {
         margin: 0;
         padding: 0;
         height: 100%;
         width: 100%;
     }

            body.mobile:has([provider^='evolution']) iframe {
                padding: 0;
                margin: 0;
                border: none;
            }

    html:has(.mobile [provider^='evolution']) {
        overflow: auto;
    }

    body.mobile:has([provider^='evolution']) {
        overflow: visible;
        position: static;
    }


    html, body.mobile {
        /* overflow: initial;*/
        -webkit-text-size-adjust: none;
        text-size-adjust: none;
    }

        body.mobile .Main, body.mobile .Main_not_slidable {
            margin-top: 56px;
        }

    ::-webkit-scrollbar-thumb {
        display: none;
    }

    body.mobile #profilePopup .modal-content::-webkit-scrollbar, ::-webkit-scrollbar {
        width: 0;
    }

    body.mobile .sign-up-section .or-sep {
        display: none;
    }

    body.mobile .row.main-buttons .text-right {
        width: 100%;
    }

    body.mobile #loginPopup .modal-dialog, body.mobile #verifyPartial, body.mobile #forgotPasswordPopup .modal-dialog,
    body.mobile #changePasswordPopup .modal-dialog, body.mobile #registrationPopup .modal-dialog {
        width: auto !important;
    }

    body.mobile .modal-dialog {
        margin: 0px 0 !important;
    }

    body.mobile .modal-body {
        position: unset;
    }

    body.mobile .col-md-6.province {
        margin-top: 15px;
    }


    body.mobile #registrationPopup .modal-dialog.expanded {
        width: auto;
    }

    body.mobile #loginForm {
        position: relative;
    }

    body.mobile #loginPopup .modal-content, body.mobile #verifyPartial .modal-content, body.mobile #forgotPasswordPopup .modal-content,
    body.mobile #changePasswordPopup .modal-content, body.mobile #registrationPopup .modal-content, body.mobile #gameModal .modal-content {
        height: 100vh;
    }

    body.mobile .modal-content {
        border: none;
    }

    body.mobile #registrationPopup .modal-content {
        height: 100%;
    }

    body.mobile #registrationPopup .modal-body {
        height: calc(100% - 103px);
        overflow: auto;
    }

    body.mobile #registrationPopup .modal-header, body.mobile #loginPopup .modal-header, body.mobile #verifyPartial .modal-header,
    body.mobile #forgotPasswordPopup .modal-header, body.mobile #changePasswordPopup .modal-header {
        border-radius: 0;
    }

    body.mobile .captcha-loader .form-group {
        margin-bottom: unset;
    }

    body.mobile .registration .col-xs-12 {
        margin-bottom: 10px;
    }

    body.mobile .registration .control-label ~ .row {
        position: relative;
    }

    body.mobile #forgotpassform .col-xs-4 {
        background-color: var(--white-color);
        border-radius: 12px;
        margin-left: 15px;
        padding-left: 0;
    }

    body.mobile .coming_soon_wrapper #contentText > div {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
        position: relative;
    }

    body.mobile .modal-dialog.wallet .profile-sub-nav li {
        width: 100% !important;
        border-radius: 12px;
    }

    body.mobile .codeMobilePassportSection ~ .form-group {
        margin-bottom: 0;
    }

    body.mobile #profilePopup .modal-title-text {
        border: none;
        font-weight: bold;
    }

    body.mobile .modal-dialog.messages .profile-sub-nav li {
        border-radius: 12px;
    }

    body.mobile .message-wrapper div span {
        color: var(--color-green-2);
    }

    body.mobile .profile-messages .thread-list {
        height: auto;
    }

    body.mobile .modal-sub-body.profile-messages {
        min-height: 90%;
        border-radius: 0;
        height: auto !important;
    }

    body.mobile .communication-types, .thread-list {
        position: relative;
        overflow: auto;
    }

    body.mobile #profilePopup .loader {
        display: block;
        width: 96%;
        margin-bottom: 8px;
        left: 1%;
    }

    /* body.mobile .game-list-normal .casino-game-list .product-card:hover .demo,  */
    /* body.mobile .game-list-slidable .casino-game-list .product-card:hover .demo, */
    body.mobile .fav-game a {
        display: block;
        color: var(--white-color);
        font-size: 20px;
        padding: 7px;
        position: absolute;
        right: 0;
        z-index: 1;
    }

    body.mobile .nav-simple .game-nav {
        padding: 6px 4px;
    }

    body.mobile .game-list-normal .casino-game-list .product-card:hover .user-product-ctrl,
    /* body.mobile .game-list-slidable .casino-game-list-item .product-card:hover .user-product-ctrl, */
    /* body.mobile .game-list-normal .casino-game-list-item .product-wrapper .product-card:hover .product-desc .fav-game,   */
    /* body.mobile .game-list-slidable .casino-game-list-item .product-wrapper .product-card:hover .product-desc, */
    /* body.mobile .game-list-normal .casino-game-list .product-card:hover .demo,  */
    body.mobile .product-card .fav-game a,
    /* body.mobile .game-list-slidable .casino-game-list .product-card:hover .demo, */
    body.mobile .game-list-slidable .casino-game-list .product-card .product-title,
    body.mobile #popupSearchItems .play-now-btn,
    body.mobile .casino-game-list .product-card:hover .user-product-ctrl,
    body.mobile .casino-game-list-item .product-wrapper .product-card .product-producer-container,
    body.mobile .game-list-slidable .casino-game-list-item .product-wrapper .product-card .product-desc,
    body.mobile .game-list-normal .casino-game-list-item .product-wrapper .product-card .product-desc .fav-game {
        display: none;
    }

    body.mobile .game-list-normal .casino-game-list .product-card .product-title,
    body.mobile .game-list-slidable .casino-game-list .product-card .product-title {
        height: auto !important;
        background: none !important;
        line-height: unset !important;
    }

    /* body.mobile .game-list-normal .casino-game-list-item .product-wrapper .product-card:hover .product-desc{
        opacity: 1;
        background-color: transparent;
    } */

    body.mobile .fav-game a:hover i {
        color: var(--white-color);
    }

    body.mobile .communication-settings-wrapper .communication-settings-block {
        width: 100%;
        padding: 10px 34px 10px 30px;
    }

    body.mobile .inner-block > .row .col-xs-9 {
        width: 51%;
        padding: 0;
    }

    body.mobile .comm-single-type {
        margin-top: 10px;
        margin-bottom: 20px;
        color: var(--color-green-2);
        font-size: 14px;
    }

    body.mobile .demo {
        display: none !important;
    }

    body.mobile .Register_container .Button--Balance {
        background-color: var(--background-color-2);
        padding: 8px 28px 8px 12px;
        border-radius: 20px;
        position: relative;
    }

    body.mobile .Button--Balance .menu-button-balance-amnt:after, .right-panel-open {
        margin-left: 4px;
        bottom: 6px;
    }

    body.mobile .identifier-menu-new:after, body.mobile .identifier-menu-top:after {
        position: absolute;
        top: 5px;
    }

    body.mobile .Menu--user li i {
        padding: 1.5vh 0;
    }

    body.mobile .Widget--banner.secondary .Widget--Header--secondary {
        touch-action: none;
    }

    body.mobile .Menu--user {
        display: none;
        height: calc(100dvh - 56px);
        overflow: auto;
        touch-action: auto;
    }

    body.mobile {
        background-attachment: fixed;
    }

    body.mobile {
        width: 100%;
        min-height: -webkit-fill-available;
        background-image: none;
        height: auto;
    }

        body.mobile.modal-open, body.mobile.modal-open .page-wrapper {
            overflow: hidden !important;
            touch-action: none;
            position: relative;
        }

        body.mobile #profilePopup .modal-dialog.history .modal-sub-body .drawer, body.mobile #profilePopup .modal-sub-body .drawer {
            display: flex;
            justify-content: space-between;
            padding: 5px 12px 15px 5px;
            color: var(--text-color-1);
        }

        body.mobile #profilePopup .modal-sub-body .bonus-type-selected {
            margin-left: auto;
            margin-right: 20px;
        }

        body.mobile #profilePopup .modal-sub-body .drawer.drawer-open .arrow-icon-wrapper {
            transform: rotate(180deg);
        }

        body.mobile .modal-dialog.deposit .depositmessage-success {
            margin-bottom: 10px;
        }

        body.mobile .modal-dialog.promotions .bonus-title-row .bonus-type, body.mobile .modal-dialog.promotions .bonus-title-row .bonus-amount,
        body.mobile .modal-dialog.promotions .bonus-title-row .bonus-current-amount,
        body.mobile .modal-dialog.promotions .bonus-current-amount, .modal-dialog.promotions .bonus-type, body.mobile .modal-dialog.promotions .bonus-title,
        body.mobile .modal-dialog.promotions .bonus-body-row-title .bonus-type, body.mobile .modal-dialog.promotions .bonus-body-row-title .bonus-title,
        body.mobile .modal-dialog.promotions .bonus-body-row-title .bonus-amount, body.mobile .modal-dialog.promotions .bonus-body-row-title .bonus-current-amount,
        body.mobile .modal-dialog.promotions .bonus-body-row-title .bonus-initial-amount {
            width: 42% !important;
        }

        body.mobile .modal-dialog.promotions .bonus-title-row .bonus-id, body.mobile .modal-dialog.promotions .bonus-title-row .bonus-validity,
        body.mobile .modal-dialog.promotions .bonus-title-row .bonus-state,
        body.mobile .modal-dialog.promotions .bonus-title-row .bonus-order, body.mobile .modal-dialog.promotions .bonus-placeholder1,
        body.mobile .modal-dialog.promotions .bonus-body-row-title .bonus-id, body.mobile .modal-dialog.promotions .bonus-body-row-title .bonus-validity,
        body.mobile .modal-dialog.promotions .bonus-body-row-title .bonus-valid-after-claim, body.mobile .modal-dialog.promotions .bonus-body-row-title .bonus-state,
        body.mobile .modal-dialog.promotions .bonus-body-row-title .bonus-order, body.mobile .modal-dialog.promotions .bonus-checkbox-wrapper ~ .bonus-placeholder {
            width: 30% !important;
        }

        body.mobile .modal-dialog.gameshistory .period-from-to {
            margin-right: 10px;
        }

        body.mobile #searchform .col-xs-12 .form-group, body.mobile #searchform .col-xs-6 {
            padding: 0 5px;
        }

        body.mobile #profilePopup .promotions .profile-sub-nav li, body.mobile #profilePopup .messages .profile-sub-nav li {
            width: 100% !important;
        }

        body.mobile #profilePopup .history .profile-sub-nav li, body.mobile #profilePopup .balancehistory .profile-sub-nav li,
        body.mobile #profilePopup .gameshistory .profile-sub-nav li {
            width: calc(100% / 3) !important;
        }

            body.mobile #profilePopup .history .profile-sub-nav li:nth-child(3), body.mobile #profilePopup .balancehistory .profile-sub-nav li:nth-child(3),
            body.mobile #profilePopup .gameshistory .profile-sub-nav li:nth-child(3) {
                position: relative;
            }

        body.mobile .thread-list .single-thread {
            box-shadow: var(--box-gold-shadow);
            border-radius: 12px;
            margin: 1px 1px 10px;
        }

            body.mobile .thread-list .single-thread:hover, body.mobile .message-wrapper .message-text {
                box-shadow: 0 0 4px var(--text-color-1);
            }

        body.mobile .modal-open {
            height: auto;
            touch-action: auto;
        }

        body.mobile #profilePopup .modal-content, body.mobile #__depositPopup .modal-dialog, body.mobile #__depositPopup .modal-content,
        body.mobile .modal-dialog, body.mobile .modal-content, body.mobile #profilePopup {
            height: 100%;
            overflow: auto;
            -webkit-overflow-scrolling: touch;
            touch-action: auto;
        }

            body.mobile #profilePopup .modal-content .modal-sub-body {
                height: auto;
            }

            body.mobile #profilePopup .modal-content {
                padding-bottom: 5px;
                overflow-x: hidden;
                max-height: 100%;
                min-height: 100%;
            }

            body.mobile #profilePopup .wallet .modal-content .modal-sub-body .row.ajax-result {
                overflow-x: auto;
                overflow-y: hidden;
            }

        body.mobile #profileForm {
            display: unset;
        }

        body.mobile #personal-details .email-verification-block, body.mobile #personal-details .phone-number-verification-block {
            margin-top: 0px !important;
        }

        body.mobile #profilePopup [id^='bonus-content-'] .bonus-current-amount, body.mobile #profilePopup [id^='bonus-content-'] .bonus-expiration {
            display: none;
        }

        body.mobile #menu-button-balance:after {
            display: none;
        }

        body.mobile .modal-header img {
            padding-left: 5px;
        }

        body.mobile .modal-header {
            position: sticky;
            position: -webkit-sticky;
            top: 0;
            z-index: 3;
            background-color: var(--background-color-9);
        }

        body.mobile .col-xs-8 {
            width: 66.66666667%;
        }

        body.mobile #profilePopup .modal-content .modal-body {
            height: auto;
        }

        body.mobile .search-wrapper .form-control, body.mobile .select2-container--default .select2-selection--single,
        body.mobile .modal-dialog.search .search-wrapper .form-control {
            padding-left: 8px;
        }

            body.mobile .search-wrapper .form-control[id^=searchTb] {
                padding-left: 30px;
            }

        body.mobile .Language .Icon--caret {
            padding: 11px 11px;
        }

        body.mobile .Dropdown--language, body.mobile .Dropdown--language li, body.mobile .Dropdown--language li:hover {
            background-color: var(--background-color-5) !important;
        }

        body.mobile .Wrapper--Single.Wrapper--CookiePolicy .Confirm--policy {
            flex-direction: column;
            padding: 10px 20px;
            max-height: unset;
        }

        body.mobile .Wrapper--CookiePolicy[style^='overflow-y: scroll'] .Confirm--policy {
            width: 100%;
        }

        body.mobile .cookies-policy {
            overflow-x: scroll;
        }

        body.mobile .game-list-slidable .slick-track {
            display: flex;
            min-width: 2000px;
        }

        body.mobile .modal-open .Wrapper--Header, body.mobile .modal-open .header-secondary,
        body.mobile .modal-open .Main, body.mobile .modal-open .Main_not_slidable {
            padding-right: 0;
        }

        body.mobile #gameModal .modal-dialog {
            width: 100%;
        }

            body.mobile #gameModal .modal-dialog .modal-body {
                text-align: center;
            }

        body.mobile .footer_text_container .Item .Item__Title {
            border-right: none !important;
            margin-bottom: unset;
            font-size: 18px;
        }

        body.mobile .footer_text_container {
            flex-direction: column;
            position: relative;
            padding: 0;
        }

            body.mobile .footer_text_container .Item {
                color: var(--white-color);
            }

                body.mobile .footer_text_container .Item ul {
                    display: none;
                    font-size: 14px;
                }

            body.mobile .footer_text_container .Item {
                width: 100%;
                max-width: unset;
                border-bottom: 1px solid var(--background-color-2);
                margin-bottom: 10px;
            }

                body.mobile .footer_text_container .Item .Item__Title:after {
                    content: '\f107';
                    font-family: 'Line Awesome Free';
                    font-weight: bold;
                    font-size: 18px;
                    position: absolute;
                    right: 0;
                    transition: all .5s;
                }

        body.mobile .Item__Title.openedMenu:after {
            rotate: 180deg;
        }

        body.mobile .sections-trigger ~ .Widget--Header--secondary .Menu--sub .Sections {
            display: none;
        }

        body.mobile .sections-trigger ~ .Widget--Header--secondary .Menu--sub.nested-menu-shown .Sections {
            display: block;
            margin-bottom: 6px;
        }

        body.mobile .sections-trigger ~ .Widget--Header--secondary .Menu--sub.nested-menu-shown {
            height: auto;
        }

            body.mobile .sections-trigger ~ .Widget--Header--secondary .Menu--sub.nested-menu-shown > div {
                color: var(--color-green-2);
                line-height: 48px;
                height: 48px;
            }

        body.mobile .footer_text_container .Item ul li {
            display: block !important;
        }

        body.mobile .game-nav .search-wrapper .form-control-feedback, body.mobile .modal-dialog:not(.search) .glyphicon-search {
            padding: 9px 16px;
        }

        body.mobile .nav-simple .game-nav ul {
            overflow-x: auto;
            overflow-y: hidden;
            height: 40px;
        }

        body.mobile #__depositPopup .modal-dialog {
            width: 100%;
        }

        body.mobile #profilePopup .profile-sub-nav {
            position: sticky;
            top: 132px;
            z-index: 15;
            background-color: var(--background-color-10);
        }

        body.mobile .modal-dialog.withdrawal .modal-content, body.mobile .modal-dialog.deposit .modal-content {
            overflow: hidden !important;
        }

        body.mobile #profilePopup .modal-dialog.withdrawal .modal-body, body.mobile #profilePopup .modal-dialog.deposit .modal-body {
            height: calc(100% - 132px);
        }

        body.mobile #profilePopup .modal-dialog.withdrawal .modal-sub-body, body.mobile #profilePopup .modal-dialog.deposit .modal-sub-body {
            height: calc(100% - 245px);
            overflow: auto;
        }

        body.mobile .modal-dialog.search .modal-content .modal-body {
            height: auto;
            position: relative;
        }

        body.mobile .modal-dialog.promotions [class*='player-bonus-type'] .bonus-body-row-title {
            padding: 20px 20px 10px 164px;
        }

        body.mobile #loginPopup .btn-sign-up:active {
            box-shadow: none;
        }

    .Header--primary__Panel--user:not(.Full) .Register_container .user-sections-trigger {
        display: none;
    }

    .mobile .play-section:not(.full-frame) iframe {
        width: 100%;
        height: 100dvh;
    }

    .mobile .play-section.full-frame .Iframe--full {
        margin-top: 56px;
    }

    /* .mobile .Iframe--full{
        top: 56px;
    } */

    .tp-ic-cash:before, .tp-ic-bonus:before, .tp-ic-total:before, .tp-ic-award:before, .tp-ic-gifts:before {
        font-size: 18px;
    }

    .gameLaunchFull .Balance--items > ul {
        padding: 10px;
        flex-wrap: wrap;
        gap: 7px;
    }

    .header-secondary .Container__Item {
        height: auto;
        padding: 0;
        display: block;
        text-align: center;
    }

    .mobile .header-secondary.gameLaunchFull .la-angle-down {
        padding: 5px 10px;
        display: inline-block;
        color: var(--color-green-2);
        background: var(--background-color-2);
        font-size: 15px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

    .mobile .header-secondary.gameLaunchFull {
        display: block;
        z-index: 1040 !important;
        background-color: unset;
        background: rgb(0 0 0 / 7%);
    }

    .mobile .Balance--items:before {
        content: '';
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        z-index: -1;
        background-color: rgb(152 134 134 / 29%);
    }

    .mobile .Wrapper--Header.Full .Register_container > .Button--Balance {
        display: none;
    }

    body.mobile .Wrapper--Header.Full .Register_container .user-sections-trigger a i {
        width: 30px;
        height: 30px;
        background-size: cover;
        display: inline-block;
        background: url(/content/img/icons/male.svg);
        background-size: contain;
        background-repeat: no-repeat;
    }

    body.mobile .Wrapper--Header.Full .Register_container .user-sections-trigger.female a i {
        background: url(/content/img/icons/female.svg);
        background-size: contain;
        background-repeat: no-repeat;
    }

    body.mobile .Wrapper--Header.Full .Register_container .Button--Balance {
        padding: 0 !important;
    }

    .mobile .gameLaunchFull .la-angle-down:before {
        display: inline-block;
        font-size: 23px;
        transition: all .4s ease;
    }

    .header-secondary.gameLaunchFull .Container__Item > .Container__Item {
        height: 0;
        position: absolute;
        top: -34px;
    }

    body.mobile:not(.LoggedIn) .header-secondary.gameLaunchFull .Container__Item {
        display: none;
    }

    body:not(.mobile) .Wrapper--Single.play-section,
    body:not(.mobile) .Wrapper--Single.game-launch--full {
        margin-top: 148px;
    }

    .mobile .Wrapper--Single.play-section.full-frame {
        margin-top: 58px;
        padding: 0;
        height: calc(100dvh - 56px);
    }

    .mobile div:not(.game-launch--full) .Wrapper--Single.play-section:not(.play-section) {
        height: 100dvh;
        margin: 0;
    }

    .mobile .Iframe--full {
        height: calc(100vh - 58px);
        min-height: calc(100vh - 58px);
    }

    body.mobile:not(.LoggedIn) .Wrapper--Single.play-section, .Wrapper--Single.game-launch--full {
        margin-top: 56px;
    }

    body.mobile:not(.LoggedIn) .Iframe--full {
        height: calc(100vh - 56px);
        min-height: calc(100vh - 56px);
    }

    body.mobile .gameLaunchFull .Balance--items > ul > li {
        min-width: 45%;
        flex: 1;
    }

        body.mobile .gameLaunchFull .Balance--items > ul > li > div {
            justify-content: center;
        }

    body.mobile .gameLaunchFull .Game--Balance .player-bonus-table .btn-bonus ~ .bonus-body-wrapper {
        transform: translateX(-100vw);
        width: 100vw;
        right: 0;
        max-height: 40vh;
        margin: 0;
        transition: all 0.3s;
    }

    body.mobile .gameLaunchFull .Game--Balance .player-bonus-table {
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
    }

    body.mobile .gameLaunchFull .Game--Balance .btn-bonus {
        margin: 4px;
        display: inline-block;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 8px;
        border-top-left-radius: 8px;
        border-top-right-radius: 0;
        position: absolute;
        right: 0;
        left: unset;
        bottom: -36px;
    }

    body.mobile .gameLaunchFull .Game--Balance .player-bonus-table .bonus-body-wrapper {
        position: absolute;
        top: 33px;
    }

    body.mobile .Container--GamePage .Balance--items, body.mobile .gameLaunchFull .Balance--items {
        width: 100%;
        height: auto;
    }

    body.mobile .Game--Balance--Wrapper {
        display: none;
        border-bottom: 2px solid var(--background-color-2);
        position: relative;
    }

    body.mobile .header-secondary.gameLaunchFull .mob-btn-balance.open:before {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    /* .mobile .play-section {
        margin: 0 !important;
    } */

    body.mobile .gameLaunchFull .Game--Balance .player-bonus-table .btn-bonus.open ~ .bonus-body-wrapper {
        visibility: visible;
        opacity: 1;
        transform: translateX(0);
    }

    .apps-install__header_mob {
        position: sticky;
        top: 56px;
        z-index: 9;
        /* -webkit-overflow-scrolling: touch; */
        /* box-sizing: border-box; */
        display: flex;
        height: 50px;
        align-items: center;
        justify-content: center;
        background: var(--background-color-5);
        color: var(--white-color);
    }

    .apps-install_Wrapper__Mobile .tabs {
        padding: 16px 16px 0;
        background: #dddddd;
    }

    .apps-install_Wrapper__Mobile ul {
        position: relative;
        right: 0;
        left: 0;
        top: 0;
        max-width: unset;
    }

    .apps-install_Wrapper__Mobile .tabs .mobile-apps-container {
        margin-top: 24px;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

        .apps-install_Wrapper__Mobile .tabs .mobile-apps-container .card.flipper {
            display: flex;
            justify-content: center;
        }

    .apps-install_Wrapper__Mobile .mobile-apps-container.android .card.flipper {
        flex-direction: column-reverse;
    }

    .mobile-apps-container.android .card.flipper .front {
        width: 100%;
        height: 100%;
        display: flex;
        position: relative;
        flex-direction: column;
        flex-grow: 1;
        justify-content: flex-end;
    }

    .mobile-apps-container .card.flipper .front a {
        bottom: 0;
        display: flex;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

    .apps-install_Wrapper__Mobile .mobile-apps-container.android .card.flipper .front a {
        position: relative;
    }

    .apps-install_Wrapper__Mobile .mobile-apps-container.android .card.flipper .front img {
        display: block;
        margin-top: 5px;
        width: 100%;
    }

    .mobile-apps-container .card.flipper .front .card-date, .mobile-apps-container .card.flipper .front .card-info,
    .mobile-apps-container .card.flipper .back .read-more, .mobile-apps-container .card.flipper .back .close-info,
    .apps-install_Wrapper__Mobile .mobile-apps-container.ios .card.flipper .front,
    .mobile-apps-container .card.flipper .front .card-title {
        display: none;
    }

    .mobile-apps-container .card.flipper .back .card-title {
        display: block;
    }

        .mobile-apps-container .card.flipper .back .card-title:before {
            content: '';
            height: 28px;
            width: 28px;
            display: block;
            margin: calc((var(--lineHeight_DisplayS) - 28px)/2) 0;
        }

    .apps-install_Wrapper__Mobile .mobile-apps-container.android .card.flipper .back .card-title:before {
        background: url(/content/img/icons/android-black.svg) 50% no-repeat;
        background-size: 20px;
    }

    .mobile-apps-container.android .card.flipper .back .card-title:before {
        background: url(/content/img/icons/android-black.svg) 50% no-repeat;
        background-size: 28px;
    }

    .apps-install_Wrapper__Mobile .tabs .mobile-apps-container .back .card-title {
        display: flex;
        gap: 8px;
        font-size: 20px;
        line-height: 28px;
    }

    .apps-install_Wrapper__Mobile .tabs .mobile-apps-container.android .content #install-apps {
        height: 44px;
        margin-top: 24px;
        padding: 0 18px;
        background: var(--gradient-color);
        ;
        border-color: transparent;
        /* color: #139740; */
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
        appearance: none;
        border: 1px solid transparent;
        border-radius: 4px;
        box-sizing: border-box;
        cursor: pointer;
        display: flex;
        flex-shrink: 0;
        justify-content: center;
        outline: none;
        text-decoration: none;
        align-items: center;
    }

    .install-apps_descriptions, .notandrioid_install-apps_descriptions {
        display: none;
        font-size: 11px;
        font-weight: 400;
        line-height: 14px;
        color: var(--grey-color);
        text-align: center;
        margin-top: 12px;
    }

    .notandrioid_install-apps_descriptions {
        display: block;
    }

    .app-preview__picture {
        display: block;
        margin-top: 32px;
        width: 100%;
        -webkit-mask-image: linear-gradient(180deg,#000 62.98%,transparent);
        mask-image: linear-gradient(180deg,#000 62.98%,transparent);
    }

    .ios-download-instruction__instruction, .apps-install_Wrapper__Mobile .tabs .mobile-apps-container.android .content {
        margin-top: 12px;
    }

    .ios-download-instruction__title {
        padding-top: 28px;
        font-size: 20px;
        font-weight: 700;
        line-height: 28px;
    }

    .Container--full.apps-install_Wrapper__Mobile.container_info {
        padding-top: 56px;
    }
    body.mobile #registrationPopup .modal-dialog .modal-body,
    body.mobile #registrationPopup .modal-dialog .modal-content {
        width: 100%;
        height: 100%;
        max-height: 100%;
    }

    #registration-popup #register-bonuses .bonus-body .bonus-body-list {
        justify-content: unset;
    }

    #registration-popup #register-bonuses, #register-container {
        height: auto;
    }

    body.mobile #registrationPopup .modal-dialog .modal-content {
        overflow: hidden;
    }

    body.mobile #registrationPopup .modal-dialog .modal-body {
        height: calc(100% - 40px);
        justify-content: flex-start;
    }

    .checkbox-wrapper-34 {
        margin-top: 15px;
    }

    #profilePopup .modal-history .modal-content .modal-sub-body .row {
        margin-bottom: 5px;
    }

    #profilePopup #searchform .btn.js-form-search-submit {
        margin: 0 0 0 auto;
    }

    #profilePopup .checkwagers {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: space-between;
        gap: 30px;
    }
    body.mobile.LoggedIn:has(.play-section) #chat-widget-container {
    display: none;
    }
}

@media screen and (max-width: 1320px) {
    .News---Single_Pages-Container {
        gap: 50px;
    }
    
    .Blog-Page-Container #promo-body-wraper .tab-body-inner,
    .Wrapper--Single.Blog--Page-Container .Container__Item.row.article-cards {
        grid-template-columns: repeat(3, 1fr);
    }

    body.mobile .responsible-gambling .product-select.open {
        height: 140px;
    }

    .responsible-gambling [id^='transaction-details'] .control-label {
        width: 100% !important;
    }

    .responsible-gambling [id^='transaction-details'] label {
        width: auto;
    }

    body:not(.mobile):not(.LoggedIn) .Wrapper--Single.play-section, body:not(.mobile):not(.LoggedIn) .Wrapper--Single.game-launch--full {
        display: block;
        margin-top: 56px;
    }

    body:not(.mobile) .Wrapper--Single.play-section .Iframe--full, body:not(.mobile) .Wrapper--Single.game-launch--full .Iframe--full {
        height: calc(100vh - 56px);
        min-height: calc(100vh - 56px);
    }

    .Wrapper--Header .Container__Item {
        padding: 0 4px 0 0px;
    }


    .Iframe--full, body.LoggedIn:not(.mobile) .header-secondary.gameLaunchFull .Iframe--full,
    body.LoggedIn:not(.mobile) .Wrapper--Single.game-launch--full .Iframe--full {
        height: calc(100vh - 104px);
        min-height: calc(100vh - 104px);
    }

    body.mobile #registrationPopup .modal-dialog {
        height: 100%;
    }

    .captcha-loader, .col-sm-4, #forgotpassform .col-xs-4, #forgotpassform .captcha-loader {
        width: 188px;
    }

        .captcha-loader img, .captcha_block img {
            width: 150px;
        }

        .captcha-loader ~ .col-xs-2, #forgotpassform .col-xs-2, #forgotpassform .col-sm-2 {
            left: 157px;
            top: 12%;
        }

    .captcha-loader, .col-sm-4, #forgotpassform .col-xs-4 {
        width: 140px;
    }

    .col-xs-6.wrapper_input--captcha, #forgotpassform .col-sm-6, .app-root.login ~ #forgotPasswordPopup #forgotpassform .col-sm-6 {
        width: calc(100% - 155px);
    }

    .captcha-loader img, .captcha_block img {
        width: 110px;
    }

    .captcha-loader ~ .col-xs-2, #forgotpassform .col-xs-2, #forgotpassform .col-sm-2,
    .app-root.login ~ #forgotPasswordPopup #forgotpassform .col-sm-2 {
        left: 113px;
    }

    html[lang="ar-sa"] .captcha-loader ~ .col-xs-2, html[lang="ar-sa"] #forgotpassform .col-xs-2, html[lang="ar-sa"] #forgotpassform .col-sm-2,
    html[lang="fa-ir"] .captcha-loader ~ .col-xs-2, html[lang="fa-ir"] #forgotpassform .col-xs-2, html[lang="fa-ir"] #forgotpassform .col-sm-2 {
        right: 133px;
        left: unset;
    }

    .casino_first_content, .live_casino_first_content, .video_games_first_content {
        padding-top: 36%;
    }

    .first_content, .Wrapper--Single.Home--Page_Menu--Banners {
        padding-top: 35%;
    }

    .Widget--banner--multi .Sections {
        flex-wrap: wrap;
    }

    .Widget--banner--multi .Sections__Item {
        width: calc(50% - 24px);
        padding-bottom: 10px;
    }

    .Jackpot--Counters {
        padding: 0 36px;
    }

    [id^='transaction-details'] label {
        width: 90%;
    }

    .mobile .sections-trigger ~ .Widget--Header--secondary > .Sections {
        height: calc(100dvh - 56px);
        overflow: auto;
        touch-action: auto;
    }

        .mobile .sections-trigger ~ .Widget--Header--secondary > .Sections li {
            min-height: auto;
        }

    body:not(.mobile) .Menu--user {
        width: 302px;
        right: 0;
    }

    #profilePopup .profile-sub-nav:before {
        background-position: center;
    }

    #sendEmailCode, #sendMobileCode, .btn.verification-code-email, .btn.verification-code-email:active, .btn.verification-code-email:focus, .btn.verification-code-mobile,
    .btn.verification-code-mobile:focus, .btn.verification-code-mobile:active {
        padding: 8px 10px !important;
        border-radius: 12px !important;
    }

    /*.verification .input-group {
    display: flex;
}*/

    #profilePopup .modal-footer .col-xs-6 {
        padding-right: 0px;
    }

    #profilePopup .modal-footer .row {
        margin: 0;
    }

    body:not(.mobile) #profilePopup .col-xs-6 .col-xs-12.profile__msg--error,
    body:not(.mobile) #profilePopup .col-xs-6 .col-xs-12.profile__msg--success {
        margin-left: 15px;
    }

    .col-xs-8 {
        width: 100%;
    }

    html[lang="ar-sa"] #profilePopup #profileForm,
    html[lang="fa-ir"] #profilePopup #profileForm {
        flex-direction: column;
    }

    body.mobile #profilePopup .modal-content .modal-sub-body {
        height: 100%;
    }

    .Header--primary__Panel--user .web-languages {
        padding-right: 10px;
    }

        .Header--primary__Panel--user .web-languages .Language .Icon--caret {
            padding: 10px 8px;
        }

    .Language .Dropdown--language {
        flex-direction: column;
    }

    .nav-simple .game-nav, body.mobile .nav-simple .game-nav ~ .search-wrapper {
        padding: 6px 6px;
        margin: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    body.mobile .nav-simple .search-wrapper {
        background-color: var(--background-color-5);
        padding: 6px 10px 10px 10px;
    }

    .modal-sub-body.identifications .header-block {
        padding: 12px 16px;
        margin-bottom: 10px;
    }

    .modal-sub-body.identifications .document-body-row-title button,
    .modal-sub-body.identifications .document-body-row-title i, .modal-sub-body.identifications .document-head-row-title .document-action {
        max-width: 100px;
    }

    .modal-sub-body.identifications .document-body-row-title button {
        padding: 8px 10px !important;
    }

    .nav-simple .game-nav ul {
        padding: 0 0 0 20px;
        overflow: auto;
    }

    .promo-tabs .tab-body-inner {
        grid-gap: 20px;
        grid-template-columns: repeat(3, 1fr);
    }

    .promo-tabs {
        padding: 20px 18px 0 18px;
    }

    body.mobile .modal-dialog.search {
        width: 100vw;
        padding-right: 0 !important;
    }

    .Container--GamePage .game-page .game-container .game-controls {
        right: -36px;
    }

    .game-page .player-bonus-table .btn-bonus {
        left: 3px;
    }

    .game-page .player-bonus-table .bonus-body-wrapper {
        right: 35px;
    }

    body:not(.mobile) .Container--GamePage .game-page .game-container .btn-real-game {
        right: -64px;
    }

        body:not(.mobile) .Container--GamePage .game-page .game-container .btn-real-game.play-full {
            right: -52px;
        }

    .Jackpot--Counters .jackpot-counters {
        flex-wrap: wrap;
    }

        .Jackpot--Counters .jackpot-counters .top-jackpots-container {
            width: calc(50% - 14px);
            flex: unset;
        }

            .Jackpot--Counters .jackpot-counters .top-jackpots-container.hasHit {
                animation: unset;
            }

        .Jackpot--Counters .jackpot-counters .top-jackpots {
            height: 95%;
        }

        .Jackpot--Counters .jackpot-counters .top-jackpots-container:after {
            width: 1000px !important;
            height: 1000px !important;
        }

    .casino-game-list-item [id^='swiper-wrapper-'] article {
        max-width: 246px !important;
        max-height: 203px !important;
    }

    #gameModal .modal-body .gameImgContainer.loading {
        position: relative;
        height: 240px;
    }

    .game-list-slidable.placeholder .casino-categories article:nth-child(6) {
        display: none;
    }

    .game-list-slidable.placeholder .casino-categories .product-wrapper:not(.hero) .product-card:nth-child(5) {
        margin-right: 0px !important;
    }

    .mobile #popupSearchItems {
        overflow-y: unset;
        max-height: unset;
        height: auto;
    }

    .mobile #searchPopup .modal-content {
        overflow: unset;
        height: auto;
    }

    .mobile #searchPopup #popupSearchItems #load-more-container {
        bottom: -47px;
    }

    html[lang="ar-sa"] .nav-simple .game-nav ul,
    html[lang="fa-ir"] .nav-simple .game-nav ul {
        padding: 0 20px 0 0;
    }

    .player-bonus-type-2 .freespin-games > div:not(.freespin-game),
    .player-bonus-type-2 .freespin-game .Item > *, .player-bonus-type-2 .games-info-titles .table--scrollable__th {
        margin: 10px 10px !important;
    }

    .player-bonus-type-2 .table--scrollable__tr > *:not(.games-info-titles) {
        padding: 10px 10px !important;
    }

    .btn-group-vertical {
        width: calc(100% - 32px);
    }

    .game-page:not(.single) .Balance--items li span[class$="-Name"] {
        display: none;
    }

   body:not(.mobie) .Widget--banner--multi [class*='tp-ic'] a, body.mobile .Widget--banner--multi [class*='tp-ic'] {
    padding-bottom: 10px;
   }
}

@media screen and (max-width: 1100px) {

    .News---Single_Pages-Container {
        display: flex;
        flex-direction: column-reverse;
    }

    .News---Single_Pages .Container__Item:has(.Latest_News--Latest--Posts){
        display:none;
    }

    .Blog-Page-Container #promo-body-wraper .tab-body-inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wrapper_info.Contact-us-wrapper #contentText .qualities {
        grid-template-columns: repeat(1, 1fr);
    }

        .wrapper_info.Contact-us-wrapper #contentText .qualities .qualities_item.icon-self-help {
            grid-row: unset;
            grid-column: unset;
        }

    #profilePopup .modal-history .modal-content .modal-sub-body .row > form > div {
        width: 400px;
        flex: none !important;
    }

    .responsible-settings-block .inner-block .inner-body .form-groups {
        grid-template-columns: repeat(2, minmax(100px, 1fr));
    }

    .form-group.start-date, .form-group.end-date {
        padding: 15px;
    }

    /* .responsible-settings-block .inner-block .inner-body .form-groups:has(> div:only-child) .form-group {
        width: 100%;
    }

        .responsible-settings-block .inner-block .inner-body .form-groups:has(> div:only-child) .form-group:not(.prevent-login-form-group) {
            width: 90% !important;
        }*/

    .game-nav .search-wrapper {
        margin-left: unset;
        width: 100%;
        padding: 4px;
    }

    .view-category-filter-form, .game-nav [id^=searchTb] {
        width: 100%;
        min-width: unset;
    }

    #searchPopup .search-wrapper .ss-content {
        width: calc(88vw - 145px);
    }

    body.mobile #searchPopup .search-wrapper .ss-content {
        width: calc(100vw - 94px);
    }

    #searchPopup .search-wrapper .ss-list {
        grid-gap: 4px 12px;
    }

    .game-list-slidable.placeholder .casino-categories article:nth-child(5) {
        display: none;
    }

    .game-list-slidable.placeholder .casino-categories .product-wrapper:not(.hero) .product-card:nth-child(4) {
        margin-right: 0px !important;
    }

    .btn--upgrade, .btn--downgrade, .btn--upgrade.btn-success:focus, .btn--downgrade:focus {
        padding: 2px 0 !important;
    }

    .freespin-game, .no-wrap.table--scrollable__th.games-info-titles {
        flex: 4;
    }

    .player-bonus-type-2 .freespin-gamescontainer, .games-box .table--scrollable__tr, .freespin-gamescontainer {
        min-width: 700px;
    }

    .player-bonus-type-2 .freespin-gamescontainer, .player-bonus-type-2 .games-box .table--scrollable__tr {
        min-width: 900px;
    }

    .player-bonus-type-2 .games-box, .player-bonus-type-6 .games-box {
        overflow: auto;
    }

    .modal-dialog.modal--deposit #paymentsystem > div:nth-child(2) > div {
        overflow: auto;
    }

    .mobile-apps-info #promo-body-wraper .card {
        flex-direction: column;
    }

    .mobile-apps-info .promo-banner .body .tabs {
        width: 500px;
        height: unset;
        max-height: unset;
    }

    .mobile-apps-info ul {
        top: 54%;
        right: 25px;
    }
    .news-single--banner_container img {
        height: auto;
    }
    body.mobile #searchPopup .search-wrapper .ss-content {
        width: calc(100vw - 170px);
    }
}

@media screen and (max-device-width: 550px) {

    /*    #profilePopup .modal-dialog.myProfile .profile-sub-nav li:nth-child(n+4),
    #profilePopup .modal-dialog.notifications .profile-sub-nav li:nth-child(n+4),
    #profilePopup .modal-dialog.identifications .profile-sub-nav li:nth-child(n+4),
    #profilePopup .modal-dialog.responsible-gambling .profile-sub-nav li:nth-child(n+4),
    #profilePopup .modal-dialog.notification-settings .profile-sub-nav li:nth-child(n+4),
    #profilePopup .modal-dialog.securityPassword-settings .profile-sub-nav li:nth-child(n+4) {
        width: 100% !important;
    }*/

    ::-webkit-scrollbar-thumb {
        background-color: var(--background-color-10);
    }

    body.mobile #menu-button-balance {
        margin-left: 2px;
    }

    body.mobile .msg--holder .msg--count {
        font-size: 9px;
    }

    body.mobile .Register_container .Button--outlined.Button--messages {
        margin-right: 10px;
    }

    body.mobile .Wrapper--Header .Container__Item .Menu--user ul li div {
        margin-bottom: 2px;
    }

    body.mobile .Wrapper--Header .Container__Item .Menu--user ul li:nth-child(1), body.mobile .Wrapper--Header .Container__Item .Menu--user ul li:nth-child(2),
    body.mobile .Wrapper--Header .Container__Item .Menu--user ul li:nth-child(3), body.mobile .Wrapper--Header .Container__Item .Menu--user ul li:nth-child(4) {
        font-size: 12px;
    }

    body.mobile .Button--deposit {
        display: block;
    }

    body.mobile .coming, body.mobile .soon {
        font-size: 38px;
    }

    body.mobile .coming {
        margin-left: 30px;
    }

    body.mobile .promotion_container {
        width: 100%;
        overflow: hidden;
    }

    body.mobile #profilePopup .deposit .modal-sub-body .col-md-12,
    body.mobile #profilePopup .withdrawal .modal-sub-body .col-md-12 {
        padding: 0;
    }

    body.mobile .transaction-row-outlined .trans-proc-time, body.mobile .transaction-row .trans-proc-time {
        margin-right: 5px;
    }

    body.mobile .verification .input-group {
        display: table;
    }

    body.mobile #gameModal .modal-header .logo-img {
        margin: 10px auto;
    }

    body.mobile .game-list-slidable .casino-game-list-item .product-wrapper.sliderWithLazyLoad {
        padding: 5px 9px 10px 0px;
    }

    body.mobile .game-category-selector-container, body.mobile .game-category-selector-container .ss-main .ss-multi-selected {
        width: 100%;
    }

    body.mobile #searchPopup .modal-dialog.search .search-wrapper {
        flex-direction: column-reverse;
    }

    body.mobile .tournament-info__section--table th {
        padding: 8px 4px 8px 4px;
    }

    #personal-details .btn-group, .btn-group-vertical {
        width: auto;
    }

    .player-bonus-type-deposit .bonus-body-row-title .bonus-placeholder, .bonus-body-row-header.freespins .bonus-placeholder {
        width: 100px;
        flex: unset !important;
    }
    .Widget--banner--multi [class*='tp-ic']:before {
        top: 10%;
        left: 50%;
        font-size: 55px;
        transform: translate(-50%, 0%);
    }
    .Widget--banner--multi .Sections__Item {
        padding-bottom: 0;
    }
    body.mobile .Widget--banner--multi [class*='tp-ic'] {
        padding-top: 40px;
    }
    #profilePopup .promotions .Promotions_Content_Main, #profilePopup .promotions  .promo_rules_highlight_gold {
        font-size: 14px;
        line-height: 19px;
    }
    #profilePopup .promotions .Promotions_Content-checks_Title {
        line-height: 19px;
        font-size: 12px;
    }
}

@media screen and (max-width: 960px) {

    #registration-popup #register-bonuses .bonus-body .bonus-body-list {
        max-height: 206px !important;
    }

    #registration-popup:has(.bonus-body) .logo-img,
    #registration-popup #register-container-header .modal-title-text {
        display: block;
    }

    .bonus-body-inner__content-properties {
        max-height: 350px;
    }

    .Wrapper--Single.Blog--Page-Container .Container__Item.row.article-cards {
        grid-template-columns: repeat(2, 1fr);
    }

    #registrationPopup .modal-dialog .modal-body {
        padding: 0;
    }

        #registrationPopup .modal-dialog .modal-body .register-container {
            flex-direction: column;
            background-color: var(--background-color-blur);
            max-width: 500px;
            margin: 0 auto;
            border-bottom-right-radius: unset;
            border-bottom-left-radius: unset;
            border-top-right-radius: unset;
            border-top-left-radius: unset;
            max-height: 670px;
            min-height: 670px;
            overflow-x: hidden;
            overflow-y: scroll;
            padding: 0;
            gap: 0;
            justify-content: unset;
        }

    .row.registration-to-logon-row {
        width: 100%;
    }

    #register-container {
        border-bottom-right-radius: unset;
        border-bottom-left-radius: unset;
    }


    #registration-popup #register-bonuses,
    #register-container {
        width: 100%;
        max-width: 500px;
        border-radius: 0;
        min-height: unset;
        max-height: unset;
        margin: 0;
        padding: 25px;
        overflow: unset;
        background: transparent;
    }

    .bonus-body-list-item-inner-buttons-back {
        background-color: #2c2d3b;
    }

    #registration-popup #register-bonuses .bonus-body .bonus-body-list {
        margin-top: 12px;
        padding: 0;
    }

    .bonus-body-list-item {
        margin-bottom: 8px;
        position: relative;
        display: flex;
        height: auto;
        padding: 8px;
        border-radius: 12px;
        flex-direction: row;
        align-items: center;
        gap: 10px;
    }

    .bonus-body-list-item-header {
        display: flex;
        align-items: center;
    }

    .bonus-body-list-item-header-img-wrapper__img {
        height: 100%;
        width: 100%;
        max-width: unset;
        min-width: unset;
        object-fit: contain;
    }

    .bonus-body-list-item-header-img-wrapper {
        width: 52px;
        height: 52px;
        flex-shrink: 0;
        margin-right: 8px;
        overflow: hidden;
    }

    .bonus-body-list-item-header-details {
        display: none;
    }

    .bonus-body-list-item-inner {
        display: flex;
        align-items: center;
        width: 100%;
        gap: 5px;
    }

    .bonus-body-list-item-inner-properties {
        flex-direction: column;
        width: 100%;
    }

    .bonus-body-list-item-inner-properties__item-value, .bonus-body-list-item-inner-properties__item-value-amount {
        align-items: center;
        margin-bottom: 4px;
        font-size: 12px;
    }

    .bonus-body-list-item-inner-properties__item {
        margin: 0;
    }

    .bonus-body-list-item-inner-buttons {
        flex-direction: row-reverse;
    }

    .bonus-body-list-item-inner-buttons-apply {
        width: 40px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .bonus-body-list-item-inner-buttons-info {
        width: 30px;
        height: 30px;
    }

    .bonus-body-row-information {
        position: relative;
    }

    #registrationPopup #registration-popup .modal-content button.close,
    #after-registration-popup #registration-popup .modal-content button.close {
        right: 0;
        background-color: transparent !important;
    }

    #registrationPopup .modal-dialog .modal-content {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }

    #registrationPopup .modal-header {
        height: 40px;
        background-color: var(--background-color-blur);
        border-bottom: 1px solid #2c2d3b ;
    }

    #register-bonuses .registration-sub-nav {
        margin: 16px 0;
    }

    #registration-popup #registration-form {
        max-height: unset !important;
        min-height: unset !important;
        overflow: hidden !important;
    }

    #registrationPopup .modal-dialog .modal-body:has(.bonus-body-inner) #register-container {
        display: none;
    }

    .bonus-body-inner__content {
        padding: 20px 0;
    }

    #registrationPopup .modal-dialog .modal-body:has(.bonus-body-inner) {
        overflow: hidden;
    }
    body:not(.mobie) .Widget--banner--multi [class*='tp-ic'] a,
     body.mobile .Widget--banner--multi [class*='tp-ic'] {
        padding-bottom: 5px;
    }
}

@media screen and (max-width: 909px) {

    #profilePopup .modal-history .modal-content .modal-sub-body .row > form > div {
        width: 100%;
    }
    .wrapper_info {
        width: 100%;
        flex-direction: column;
    }

        .wrapper_info > .Container__Item {
            max-width: 100%;
        }

    .widget-list-container {
        padding: 10px;
    }

        .widget-list-container .Item ul {
            display: flex;
            width: 100%;
            overflow-x: scroll;
            overflow-y: hidden;
            margin: 0;
        }

    body::-webkit-scrollbar {
        width: 2px;
    }

    html[lang="ar-sa"] body:not(.mobile).modal-open .Wrapper--Header, html[lang="ar-sa"] body:not(.mobile).modal-open .header-secondary,
    html[lang="ar-sa"] body:not(.mobile).modal-open .Main, html[lang="ar-sa"] body:not(.mobile).modal-open .Main_not_slidable,
    html[lang="fa-ir"] body:not(.mobile).modal-open .Wrapper--Header, html[lang="fa-ir"] body:not(.mobile).modal-open .header-secondary,
    html[lang="fa-ir"] body:not(.mobile).modal-open .Main, html[lang="fa-ir"] body:not(.mobile).modal-open .Main_not_slidable {
        padding-right: 0;
        width: calc(100% - 2px);
    }

    .carousel-cell img, .background_banner img {
        height: 100%;
        object-fit: cover;
        width: 100vw;
    }

    .Button--Balance {
        padding: 9px 44px 9px 32px;
    }

    .Menu--user .la-user-check:first-child:after {
        left: 9px;
    }

    html[lang="ar-sa"] .Menu--user .la-user-check:first-child:after,
    html[lang="fa-ir"] .Menu--user .la-user-check:first-child:after {
        right: 9px;
        left: unset;
    }

    .Menu--user li i {
        font-size: 14px;
    }

    .Button--deposit {
        height: 32px;
        padding: 0 16px;
        line-height: 30px;
    }

    .la-credit-card {
        margin: auto 2px;
    }

    #profilePopup .modal-dialog {
        width: auto;
    }

    #profilePopup .modal-content, #__depositPopup .modal-dialog, #__depositPopup .modal-content {
        height: 93vh;
    }

    .profile-main-nav {
        margin-right: 32px;
        flex-wrap: wrap;
    }

    #profilePopup .modal-content .modal-body {
        height: calc(100% - 146px);
    }

    .wrapper_about_us {
        margin: 0px 5px;
    }

    .message-content-wrapper .communication-settings-block, .message-content {
        margin: 80px 15px;
    }

    .Register_container .Button--outlined.Button--messages {
        display: none;
    }

    #forgotpassform .col-sm-4, #forgotpassform .col-sm-2, #forgotpassform .col-sm-6,
    .recovery-code-verification .col-sm-4, .recovery-code-verification .col-sm-2, .recovery-code-verification .col-sm-6 {
        float: left;
    }

    html[lang="ar-sa"] #forgotpassform .col-sm-4, html[lang="ar-sa"] #forgotpassform .col-sm-2, html[lang="ar-sa"] #forgotpassform .col-sm-6,
    html[lang="fa-ir"] #forgotpassform .col-sm-4, html[lang="fa-ir"] #forgotpassform .col-sm-2, html[lang="fa-ir"] #forgotpassform .col-sm-6 {
        float: right;
    }

    .footer_providers_group {
        flex-wrap: nowrap !important;
        overflow-x: scroll;
        overflow-y: hidden;
        justify-content: unset;
    }

    .footer_group_container .buttonNext, .footer_group_container .buttonPrev {
        display: flex;
    }

    .footer_providers_group div {
        flex: 0 0 106px;
        scroll-snap-align: start;
    }

    .sub-game-nav ul {
        display: flex;
        overflow-y: hidden;
    }

        .sub-game-nav ul li {
            white-space: nowrap;
        }

    .game-nav ~ .search-wrapper #searchTb {
        background-color: var(--background-color-8);
        border-radius: 8px;
        flex: 1;
    }

    .nav-simple .game-nav {
        padding: 6px 6px;
        margin: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    body:not(.mobile) .Menu--user {
        width: 260px;
        overflow: auto;
    }

    .footer_text_container .Item .Item__Title {
        border-right: none !important;
        margin-bottom: unset;
        font-size: 18px;
        cursor: pointer;
    }

    .footer_text_container {
        flex-direction: column;
        position: relative;
        padding: 0;
    }

        .footer_text_container .Item {
            color: var(--white-color);
        }

        .footer_text_container .Item {
            width: 100%;
            max-width: unset;
            border-bottom: 1px solid var(--background-color-2);
            margin-bottom: 10px;
        }

        .footer_text_container .Item__Title:after {
        content: '\f107';
        font-family: 'Line Awesome Free';
        font-weight: bold;
        font-size: 18px;
        position: absolute;
        right: 0;
        transition: all .5s;
    }

    .Item__Title.openedMenu:after {
        rotate: 180deg;
    }

    .footer_text_container  .Item__Title ~ li {
        display: none !important;
    }

    .Item__Title.openedMenu ~ li {
        display: block !important;
    }

    .modal-sub-body.identifications .document-head-row-title div, .modal-sub-body.identifications .document-body-row-title div,
    .modal-sub-body.identifications .document-body-row-title button, .modal-sub-body.identifications .document-body-row-title i {
        margin: 4px 4px;
    }

    .modal-sub-body.identifications .document-body-row-title .document-name span:nth-child(1) {
        width: 138px;
    }

    .promo-tabs .tab-body-inner {
        grid-gap: 14px;
        grid-template-columns: repeat(2, 1fr);
    }

    .promo-tabs .tabs .scene .back .read-more {
        padding: 4px 14px !important;
    }

    .promo-tabs .tabs .scene .back .content {
        font-size: 12px;
    }

    .promo-tabs .tabs .scene .back .card-title {
        font-size: 18px;
    }

    .promo-tabs .tabs .scene .back {
        gap: 6px;
    }

    body:not(.mobile) .Container--GamePage .game-page {
        width: 88%;
    }

    /* body:not(.mobile) .Container--GamePage .game-page .game-container .game-holder{
        width: 80vw !important;
    } */

    .game-list-slidable.placeholder .casino-categories article:nth-child(4) {
        display: none;
    }

    .game-list-slidable.placeholder .casino-categories .product-wrapper:not(.hero) .product-card:nth-child(3) {
        margin-right: 0px !important;
    }

    .game-list-slidable.placeholder .casino-categories .product-wrapper:not(.hero) .product-card {
        max-height: 175px !important;
        width: auto !important;
        flex: 1;
        max-width: unset !important;
    }

    .Container--full.container_info {
        padding: 100px 15px 15px;
    }

    .mobile.left_open {
        overflow: hidden;
        touch-action: none;
    }

    body:not(.mobile).modal-open .Wrapper--Header, body:not(.mobile).modal-open .header-secondary,
    body:not(.mobile).modal-open .Main, body:not(.mobile).modal-open .Main_not_slidable {
        padding-right: 2px;
    }

    .bonus-placeholder {
        width: 40px;
    }

    #profilePopup .bonus-title-row {
        padding-left: 20px;
    }

    html[lang="ar-sa"] #profilePopup .bonus-title-row, html[lang="fa-ir"] #profilePopup .bonus-title-row {
        padding-left: unset;
        padding-right: 54px;
    }

    .bonus-checkbox-wrapper, .bonus-body-row-header:not(.mobile .bonus-body-row-header) > div:nth-child(1) {
        width: 50px;
    }

    body.mobile .modal-dialog.promotions [class*='player-bonus-type'] .bonus-body-row-title {
        padding: 20px 20px 10px 20px !important;
    }

    .modal-dialog.search.vendorListOpen #popupSearchItems {
        min-height: unset;
    }

    .modal-dialog.modal--deposit #paymentsystem > div:nth-child(2) > div {
        overflow: auto;
    }

    body:not(.mobile).games-box ~ .button-wrapper {
        position: absolute;
        bottom: 3px;
        right: 4px;
    }

    .Container--GamePage .Balance--items > ul, .gameLaunchFull .Balance--items > ul {
        justify-content: start;
        flex-direction: column;
    }
}

@media screen and (max-width: 795px) {

    .Widget-Blog--Header h3 {
        font-size: 25px;
    }

    .Widget-Blog--Header .blog-content {
        font-size: 16px;
    }

    .Blog-Page-Container #promo-body-wraper .tab-body-inner {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .daterangepicker .ranges {
        display: none;
    }

    .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td,
    .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
        padding: 5px 3px;
    }

    .daterangepicker .calendar th, .daterangepicker .calendar td {
        min-width: unset;
    }

    .daterangepicker, .daterangepicker table {
        width: auto;
    }

        .daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar {
            float: left;
        }

            .daterangepicker.ltr .calendar.left .calendar-table {
                border-right: none;
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }

            .daterangepicker.ltr .calendar.right .calendar-table {
                border-left: none;
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
            }

            .daterangepicker.ltr .calendar.right {
                margin-left: 0;
            }

            .daterangepicker.ltr .calendar.left {
                clear: left;
                margin-right: 0;
            }

    .modal-sub-body.identifications .document-body-row-title .document-name span:nth-child(1) {
        width: 87px;
    }

    #profilePopup .communication .col-xs-3, #profilePopup .responsible-gambling .switch {
        width: 92px;
    }

    body:not(.mobile) #profilePopup .communication-settings-block .row {
        display: flex;
    }

    body:not(.mobile) #profilePopup .communication-settings-block .col-xs-3 {
        margin-left: auto;
    }

    body:not(.mobile) #profilePopup .communication .switch {
        position: unset;
    }

    body:not(.mobile) #profilePopup .comunication-label {
        position: absolute;
        top: 0px;
        left: -23px;
    }

    @-webkit-keyframes checkbox_inner {
        0%, 100% {
            -webkit-transform: translateX(64px);
            transform: translateX(64px);
        }

        25%, 50% {
            -webkit-transform: translateX(0px);
            transform: translateX(0px);
        }
    }

    @keyframes checkbox_inner {
        0%, 100% {
            -webkit-transform: translateX(64px);
            transform: translateX(64px);
        }

        25%, 50% {
            -webkit-transform: translateX(0px);
            transform: translateX(0px);
        }
    }

    @keyframes shift {
        0% {
            width: 100%;
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        25% {
            width: 30%;
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        50% {
            width: 30%;
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        100% {
            width: 100%;
            -webkit-transform: translateX(0%) rotate(180deg);
            transform: translateX(0%) rotate(180deg);
        }
    }

    @-webkit-keyframes shift {
        0% {
            width: 100%;
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        25% {
            width: 30%;
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        50% {
            width: 30%;
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        100% {
            width: 100%;
            -webkit-transform: translateX(0%) rotate(180deg);
            transform: translateX(0%) rotate(180deg);
        }
    }

    #profilePopup .communication-settings-block .col-xs-9 {
        width: calc(100% - 118px);
    }

    .Jackpot--Counters .jackpot-counters .top-jackpots-container {
        width: 100%;
    }

    .Wrapper--Single.blue-slider-wrapper.leaderboard #contentText ul {
        width: 90%;
    }

    .tournament-info__section--table-tr td {
        width: 130px;
    }

    html[lang="ar-sa"] .header_logo, html[lang="fa-ir"] .header_logo {
        margin-left: auto;
    }

    .header_logo {
        margin-right: auto;
    }

    .Wrapper--Header.Header--primary__Panel--user > .Container__Item > .Item {
        display: none;
    }

    .left_open .Wrapper--Header.Header--primary__Panel--user > .Container__Item > .Item {
        display: block;
    }

    #searchPopup .search-wrapper .ss-content {
        width: calc(88vw - 135px);
    }

    .game-list-slidable.placeholder .casino-categories .product-wrapper:not(.hero) .product-card {
        max-height: 146px !important;
    }

    .casino_first_content, .live_casino_first_content, .video_games_first_content {
        padding-top: 60%;
    }

    .modal-dialog.modal--deposit #paymentsystem > div:nth-child(2) > div {
        overflow: auto;
    }

    .player-bonus-type-deposit {
        min-width: 850px;
    }

    .games-box .table--scrollable__t {
        min-width: 660px !important;
    }

    #paymentsystem > div:nth-child(2) > div:nth-child(1) {
        overflow-x: auto;
        margin-bottom: 10px;
    }

        #paymentsystem > div:nth-child(2) > div:nth-child(1)::-webkit-scrollbar-thumb {
            display: block;
            background-color: var(--color-green-1);
        }

    .games-box .table--scrollable__tr, .freespin-gamescontainer {
        min-width: 660px !important;
    }

    .freespin-games > div:not(.freespin-game), .freespin-game .Item > *, .games-info-titles .table--scrollable__th {
        margin: 10px;
    }

    .table--scrollable__tr > *:not(.games-info-titles) {
        padding: 10px;
    }

    .mobile #__depositPopup .modal-body {
        padding: 22px 10px;
    }

    .footer_group_container .theme-switcher {
        display: block;
    }

    .Wrapper--Header .theme-switcher {
        display: none;
    }

    .theme-switcher-container {
        display: flex;
        justify-content: end;
    }

    /* #profilePopup .modal-dialog.myProfile .profile-sub-nav li, */
    /* .mobile #profilePopup .modal-dialog.profile .profile-sub-nav li, */
    /* .mobile #profilePopup .modal-dialog.notification-settings .profile-sub-nav li,
    .mobile #profilePopup .modal-dialog.securityPassword-settings .profile-sub-nav li{
        width: calc(100% / 2) !important;
    } */

    /*#profilePopup .modal-dialog.myProfile .profile-sub-nav li:nth-child(1),*/
    /* .mobile #profilePopup .modal-dialog.profile .profile-sub-nav li:nth-child(1), */
    /* .mobile #profilePopup .modal-dialog.notification-settings .profile-sub-nav li:nth-child(1),
    .mobile #profilePopup .modal-dialog.securityPassword-settings .profile-sub-nav li:nth-child(1){
        border-bottom-left-radius: 0px !important;
    } */
    /* #profilePopup .modal-dialog.myProfile .profile-sub-nav li:nth-child(2), */
    /* .mobile #profilePopup .modal-dialog.profile .profile-sub-nav li:nth-child(2), */
    /* .mobile #profilePopup .modal-dialog.notification-settings .profile-sub-nav li:nth-child(2),
    .mobile #profilePopup .modal-dialog.securityPassword-settings .profile-sub-nav li:nth-child(2){
        border-top-right-radius: 12px !important;
    } */
    /* #profilePopup .modal-dialog.myProfile .profile-sub-nav li:nth-child(3), */
    /* .mobile #profilePopup .modal-dialog.profile .profile-sub-nav li:nth-child(3), */
    /* .mobile #profilePopup .modal-dialog.notification-settings .profile-sub-nav li:nth-child(3),
    .mobile #profilePopup .modal-dialog.securityPassword-settings .profile-sub-nav li:nth-child(3){
        border-bottom-left-radius: 12px !important;
    } */
    /* #profilePopup .modal-dialog.myProfile .profile-sub-nav li:nth-child(4), */
    /* .mobile #profilePopup .modal-dialog.profile .profile-sub-nav li:nth-child(4), */
    /* .mobile #profilePopup .modal-dialog.notification-settings .profile-sub-nav li:nth-child(4),
    .mobile #profilePopup .modal-dialog.securityPassword-settings .profile-sub-nav li:nth-child(4){
        border-top-right-radius: 0px !important;
    } */
    .modal-sub-body.securitypassword .modal-body {
        flex-direction: column;
    }

        .modal-sub-body.securitypassword .modal-body form {
            max-width: unset !important;
        }

    #profilePopup .modal-content .modal-sub-body.securitypassword {
        height: calc(100% - 260px) !important;
    }
}

@media screen and (max-width: 697px) {

    #profilePopup .modal-content .modal-sub-body:has(.switch-history) {
        grid-template-rows: 1fr 1fr;
        grid-template-columns: unset;
    }

    .game-list-slidable.placeholder .casino-categories article:nth-child(3) {
        display: none;
    }

    .game-list-slidable.placeholder .casino-categories .product-wrapper:not(.hero) .product-card:nth-child(2) {
        margin-right: 0px !important;
    }

    .game-list-slidable.placeholder .casino-categories .product-wrapper:not(.hero) .product-card {
        max-height: 190px !important;
    }

    .Container--GamePage ~ .Item {
        right: 0;
    }

}

@media screen and (max-width: 599px) {

    .Wrapper--Single.Blog--Page-Container .Container__Item.row.article-cards {
        grid-template-columns: repeat(1, 1fr);
    }

    .responsible-settings-block .inner-block .inner-body .form-groups {
        grid-template-columns: repeat(1, minmax(100px, 1fr));
    }

        .responsible-settings-block .inner-block .inner-body .form-groups:has(.occurrence-notice-info) .form-group .control-label:not(:has(.occurrence-notice-info)) {
            margin-bottom: 5px;
        }

        .responsible-settings-block .inner-block .inner-body .form-groups:has(> div:only-child) .form-group:not(.prevent-login-form-group) {
            width: 92% !important;
        }

    .responsible-gambling #responsibleSystem > div:first-child > div {
        display: block;
    }

    #profilePopup .switch {
        position: relative;
    }

    #registrationPopup {
        width: auto !important;
    }

    .promotion_banners {
        padding: 0;
    }

    .promotion_banners a {
        display: block;
    }

    html[lang="ar-sa"] .promotion_banners,
    html[lang="fa-ir"] .promotion_banners {
        width: 3500px;
        animation: slide-reverse 15s infinite;
        padding: 0;
    }

    @keyframes slide-reverse {
        0% {
            transform: translateX(0);
        }

        25% {
            transform: translateX(calc(100%/3));
        }

        50% {
            transform: translateX(calc((100%/3)*2));
        }

        75% {
            transform: translateX(calc((100%/3)));
        }

        100% {
            transform: translateX(0);
        }
    }

    html[lang="ar-sa"] .promotion_container,
    html[lang="fa-ir"] .promotion_container {
        width: 100%;
        overflow: hidden;
    }

    .wrapper_info {
        flex-direction: column;
        padding: 10px 10px 40px 10px;
    }

        .wrapper_info.promotion_info .Copyright {
            max-width: unset;
        }

        .wrapper_info .Copyright {
            max-width: 100%;
        }

    .footer_text_container .Item {
        margin-right: 8px;
    }

        .footer_text_container .Item .Item__Title {
            font-size: 14px;
        }

        .footer_text_container .Item:not(:last-child) .Item__Title {
            border-right: 1px solid var(--text-color-1);
            padding-right: 10px;
        }

    .casino-game-list-item .product-wrapper:not(.hero) .product-card {
        height: 156px;
    }

    .game-list-normal .casino-game-list-item .product-wrapper:not(.hero) .product-card {
        height: 140px;
    }

    .grid_game_column {
        height: 288px !important;
    }

    #profilePopup .modal-content, #__depositPopup .modal-dialog, #__depositPopup .modal-content {
        height: 97vh;
    }

        #profilePopup .modal-content .modal-body {
            padding: 0 5px;
        }

    body:not(.mobile) #profilePopup .col-xs-6 .col-xs-12.profile__msg--error,
    body:not(.mobile) #profilePopup .col-xs-6 .col-xs-12.profile__msg--success {
        margin-left: 0px;
        padding-left: 12px;
    }

    .game-list-normal .casino-game-list-item .product-wrapper:not(.hero),
    .favorite-cat .product-wrapper, .casino-game-list-item .game-favorite .product-wrapper:not(.hero) {
        grid-auto-rows: minmax(140px,auto);
        grid-template-columns: repeat(auto-fill,minmax(160px,1fr)) !important;
    }
    /* 
    .wagering-percent {
        left: -5px;
    } */

    .flickity-prev-next-button.next, .flickity-prev-next-button.previous {
        display: none;
    }

    .Widget--banner.secondary .Widget--Header--secondary {
        width: 100%;
    }

    .left_open .Wrapper--Header.Header--primary__Panel--user > .Container__Item > .Item {
        width: calc(100% - 20px);
    }

    .Menu--user {
        height: calc(100vh - 56px);
    }

    .header_logo img {
        width: 125px;
    }

    #profilePopup .profile-sub-nav:before {
        background-position: 50% 16%;
        height: 80px;
        
    }

    .profile-sub-nav li:nth-child(2), #profilePopup .no-footer .profile-sub-nav li:nth-child(2), .profile-sub-nav li:nth-child(3) {
        top: 70%;
    }

    #profilePopup .profile-sub-nav a {
        padding: 18px 2px;
        font-size: 14px;
    }
     body.mobile #profilePopup .modal-dialog .profile-sub-nav li,
     #profilePopup .no-footer .profile-sub-nav li:nth-child(1),
     #profilePopup .no-footer .profile-sub-nav li:nth-child(2),
     #profilePopup .modal-dialog.modal--deposit .profile-sub-nav li,
     #profilePopup .modal-dialog.history .modal-body[class*='player-bonus-type'] .profile-sub-nav li,
     body.mobile #profilePopup .modal-dialog.promotions .modal-body[class*='player-bonus-type'] .profile-sub-nav li {
        margin: 0 2px;
        width: 48% !important;
    }
    #profilePopup .modal-dialog.myProfile .profile-sub-nav li {
        flex: none;
    }
    .game-list-slidable .casino-game-list-item .product-wrapper.sliderWithLazyLoad {
        padding: 10px 9px 10px 0px;
    }

    /* .casino-categories {
        padding-right: 12px;
    } */

    .nav-simple .game-nav ul li {
        margin-right: 16px;
    }

    .Wrapper--Single .Container__Item.nav-simple:not(.Tag-Filter), .Container__Item.sub-game-nav-block {
        margin: 0 12px;
    }

    .game-list-normal, .Widget--banner--multi.animated,  .game-list-slidable, .Wrapper--Single.MultiSport {
        padding: 0 12px;
    }
    .promotion_banners, .game-list-slidable, .Wrapper--Single.MultiSport {
        margin-top: 20px;
    }
    .Widget--banner--multi.animated {
        margin-top: 80px;
    }
    .Jackpot--Counters, .Wrapper--Single.leaderboard {
        padding: 0 24px;
    }

    .Wrapper--Single.blue-slider-wrapper.leaderboard #contentText ul li, .tournament-info__section--table-tr td, .tournament-info__section--table th {
        font-size: 12px;
    }

    #profilePopup .modal--payments-history .profile-sub-nav li:nth-child(3), #profilePopup .modal--game-history .profile-sub-nav li:nth-child(3),
    #profilePopup .modal--balance-history .profile-sub-nav li:nth-child(3) {
        top: 70%;
    }

    #profilePopup .row-flex {
        gap: 2px;
    }

    .modal-sub-body.identifications .document-body-row-title button,
    .modal-sub-body.identifications .document-body-row-title i, .modal-sub-body.identifications .document-head-row-title .document-action {
        max-width: 60px;
    }

    .modal-sub-body.identifications .upload-file {
        flex-direction: column;
        gap: 20px;
    }

    #profilePopup .identifications .col-xs-3 {
        height: auto;
    }

    .modal-sub-body.identifications .document-body-row-title button {
        padding: 4px 2px !important;
        font-size: 12px;
    }

    body.mobile .modal-header .logo-img {
        width: 110px;
        margin: 10px auto;
    }

    body.mobile #profilePopup .profile-sub-nav {
        top: 54px !important;
        background-color: var(--background-color-9) !important;
        gap: 5px;
        justify-content: space-between;
    }

    body.mobile #profilePopup .modal-dialog.withdrawal .modal-body, body.mobile #profilePopup .modal-dialog.deposit .modal-body {
        height: calc(100% - 54px) !important;
    }

    body.mobile #profilePopup .modal-dialog.withdrawal .modal-sub-body, body.mobile #profilePopup .modal-dialog.deposit .modal-sub-body {
        height: calc(100% - 209px) !important;
    }

    .modal-sub-body.identifications .document-body-row-title .document-name span:nth-child(1) {
        width: 58px;
    }

    .promo-tabs .tab-body-inner {
        grid-template-columns: repeat(1, 1fr);
    }

    .Wrapper--Single.MultiSport .Container__Item > .Container__Item:nth-child(2) {
        min-width: unset;
    }

    .Wrapper--Single.MultiSport #bt-inner-page {
        width: calc(100vw - 80px);
    }

    #searchPopup .search-wrapper {
        padding: 10px;
    }

    .modal-dialog.search .modal-body {
        padding: 15px 0;
    }

    #searchPopup .search-wrapper .ss-content {
        width: calc(88vw - 96px);
    }

    body.mobile #searchPopup .search-wrapper .ss-content {
        width: calc(100vw - 68px);
    }

    #popupSearchItems {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        grid-gap: 10px;
    }

    .btn.js-see-details, .btn.js-see-details:active, .btn.js-form-search-submit, .btn.js-form-search-submit:active {
        padding: 8px 28px !important;
    }

    #bt-inner-page {
        padding: 0;
    }

    .tournament-info__section--table tr td:nth-child(2) .arrow-up, .tournament-info__section--table tr td:nth-child(2) .arrow-down {
        left: unset;
        right: 1%;
    }

    .game-list-slidable.placeholder .casino-categories .product-wrapper:not(.hero) .product-card {
        max-height: 158px !important;
    }

    .btn--upgrade, .btn--downgrade, .btn--upgrade.btn-success:focus, .btn--downgrade:focus {
        padding: 0px 0 !important;
    }

    body.mobile .freespin-games .Item img:not(.product-vendore-img), body.mobile .games-info-titles .game {
        max-width: 60px;
        min-width: 60px;
    }

    body.mobile .games-box .btn a, body.mobile .games-box .dont-pl-btn {
        padding: 4px 0px !important;
        font-size: 10px;
    }

    body.mobile .player-bonus-type-2 .freespin-game .Item .product-name,
    body.mobile .player-bonus-type-2 .games-info-titles .table--scrollable__th.name {
        max-width: 80px;
        min-width: 80px;
    }

    body.mobile .player-bonus-type-2 .freespin-gamescontainer,
    body.mobile .freespin-gamescontainer {
        min-width: unset !important;
    }

    body.mobile .freespin-games > div:not(.freespin-game),
    body.mobile .freespin-game .Item > *, body.mobile .games-info-titles .table--scrollable__th {
        margin: 10px 10px !important;
    }

    body.mobile .table--scrollable__tr > *:not(.games-info-titles) {
        padding: 10px 10px !important;
    }

    .Promotion_DepositNow__button .Button--sign-in {
        width: auto;
    }
    .Promotion_DepositNow__button .Button--outlined, 
    .Promotion_DepositNow__button .Button--sign-in {
        font-size: 18px;
        padding: 7px 25px;
        line-height: 1.5;
    }
    .Container__Item.Promotions_Single--Page > .Container__Item {
        padding: 0;
    }

    .Blog-Page-Container ul li:not(:first-child) {
        margin: 0;
    }

    .Widget-Blog--Header:not(.Widget-Blog--Header#contentText):before {
        width: 45px;
        height: 45px;
    }

    .Container--full.Wrapper--Blog-Page-Container {
        padding-top: 75px;
    }

    .Container--full.Latest_News--Sliding .Content__Item,
    .Wrapper--Single.Blog--Page-Container,
    .News---Single_Pages-Container,
    .Widget-Promotions--Header:not(#contentText),
    .Container__Item.Promotions_Single--Page,
    .promo-tabs {
        padding: 0 12px;
    }

    .Widget-Promotions--Header:not(#contentText),
    .Container__Item.Promotions_Single--Page {
        margin: 75px auto 0 auto;
    }

    .Container--full.container_info {
        padding:75px 15px 15px;
    }

    .Widget-Blog--Header h1 {
        font-size: 32px;
        margin-bottom: 5px;
    }

    .Widget-Blog--Header h1,
    .Widget-Blog--Header h3, 
    .Widget-Blog--Header p {
        margin-left: 0px;
        padding-left: 15px;
    }

    .Widget-Blog--Header p {
        font-size: 21px;
    }

    .Widget-Blog--Header h3 {
        font-size: 21px;
        margin-top: 10px 
    }

    .Blog-Page-Container ul {
        margin: 16px 16px 16px 0;
    }

    .Blog-Page-Container ul li {
        white-space: nowrap;
    }

    .Container--full.News---Single_Pages {
        padding-top: 80px;
    }

    .news-single--title_container h1 {
        font-size: 26px;
    }

    .news-single--banner_container img {
        margin-top: 10px;
    }

    .news-single--content_container h2 {
        margin-top: 20px;
    }

    .Blog-Page-Container .blog-component .back .card-title {
        padding: 5px 0;
        font-size: 18px;
        line-height: 24px;
        color: var(--color-gold-2);
        margin-bottom: 0px;
        margin-top: 55px;
    }

    .Blog-Page-Container .blog-component .back .content p {
        font-size: 14px;
        line-height: 22px;
    }

    .Wrapper--Single.Home--Page_Menu--Banners {
        padding-top: 43%;
    }

    .Blog-Page-Container .blog-component .back {
        margin-top: 10px;
    }

    .Blog-Page-Container .blog-component .back .blog-category-type {
        top: -43px;
    }

    .Container--full.Latest_News--Sliding {
        margin: 50px 0 0;
    }

    .Latest_News--Latest--Posts.slick-initialized.slick-slider .slick-prev, .Latest_News--Latest--Posts.slick-initialized.slick-slider .slick-next {
        top: -18px;
        width: 35px;
        height: 35px;
    }

    .Container--full.Latest_News--Sliding .Content__Item {
        font-size: 26px;
    }

    .Widget-Promotions--Header h3 {
        margin: 0 0 15px;
    }

    .Promotions_Single--Page .promo__rules_title h3 {
        font-size: 22px;
        padding: 15px 14px;
        margin-left: 0;
    }

    .Promotions_Single--Page .Promo__Rules__Widget > div {
        margin-top: 25px;
    }

    .Promotions-Home-Title {
        margin: 0 auto;
        padding: 0;
    }

    .Promotions-Home-Title_content p {
        margin-bottom: 0;
    }

    .footer_group_container .Container__Item .social_container .telegram {
        width: 35px;
        height: 35px;
    }

    .footer_group_container {
        padding: 15px 12px 40px;
    }

    .footer_group_container > :first-child {
        margin-bottom: 15px;
        padding-bottom: 0px;
    }

    body.mobile .footer_text_container .Item .Item__Title {
        font-size: 16px;
    }

    .Latest_News--Latest--Posts.slick-initialized.slick-slider .slick-track {
        gap: 12px;
    }

    .widget-list-container {
        padding: 0 15px 0 0;
    }

    .wrapper_info .info_content {
        padding: 2px;
    }

    .wrapper_info.Contact-us-wrapper h1 {
        margin-top: 0;
    }

    .Copyright {
        margin-bottom: 20px;
    }

    .General_Disclaimer_Content {
        padding: 10px 0;
    }

    .footer_providers_group, .footer_payments_group {
        margin-bottom: 20px;
    }
    .footer_payments_group div {
        width: 100px;
    }
    #registration-popup .modal-header .logo-img {
        margin: 6px 15px;
        width: 80px;
    }

    #registration-popup #register-bonuses, #register-container {
        padding: 12px;
    }

    #messageModal {
        background-color: var(--background-color-9) ;
    }

    .checkbox-wrapper-34 {
        margin-top: 15px !important;
    }

    #profilePopup .modal-history .modal-content .modal-sub-body .row {
        margin-bottom: 0px !important;
    }

    #profilePopup .modal-history .transaction_seeDetails_btn .form-group {
        margin: 0 0 auto;
    }

    #profilePopup .modal-content .modal-sub-body .row.ajax-result {
        margin-top: 15px;
    }

    body.mobile #searchform .col-xs-12 .form-group:has(.btn-success) {
        display: flex;
        justify-content: flex-end;
    }

    body.mobile #profilePopup .modal-sub-body label {
        margin-left: 5px;
    }

    #profilePopup #searchform .btn.js-see-details,
    #profilePopup #searchform .btn.js-form-search-submit {
        margin-top: 0;
    }

    .bonus-body-inner__content-properties .games-box {
        margin: 15px 0;
    }

    .bonus-body-inner__content-properties .table--scrollable__tr {
        position: relative;
        display: flex;
        width: 100%;
        min-width: unset !important;
        background-color: initial;
        flex-direction: column-reverse;
        align-items: flex-start;
        margin: 0 !important;
    }

    .bonus-body-inner__content-properties .table--scrollable__tr .no-wrap.table--scrollable__th.games-info-titles {
        color: #000;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        background-color: var(--color-gold-2);
    }

    .input-group.unsettled {
        margin-left: 3px;
    }
    .wrapper_info.faq-container .Copyright {
        padding: 4px;
    }

    .promo__rules_title div:not(.promo_rules_highlight_gold) {
        padding: 5px 14px 30px 14px ;
    }
    .sub-game-nav.row {
        padding: 0;
    }
    .video_games_first_content .Container__Item.sub-game-nav-block {
        display: none;
    }
    .Wrapper--Single .sub-game-nav-block .arrow-button:after {
        top: 10px;
    }
    .question_wrapper .question_block {
        padding-right: 35px;
    }
    .headtitle .question_wrapper > p {
        padding: 0;
    }
    body.mobile .promotion_container {
        padding: 15px 14px 0;
    }
    .sub-game-nav li {
        padding: 0 13px;
    }
    .Widget--banner--multi .Sections {
        justify-content: space-evenly;
    }
    .Wrapper--Header.Header--primary__Panel--user > .Container__Item > .Item a  {
        line-height: 36px;
    }
    .promotion_banners img {
        padding: 0;
    }
    .mobile #paymentsystem .bonus-body-row-title .bonus-content-main {
        padding: 10px;
        height: max-content;
    }
    .mobile #paymentsystem .bonus-body-row-title {
        align-items: flex-start;
    }
    [class*='player-bonus-type'] .bonus-body-row-title div {
        overflow: unset;
    }
    #profilePopup .modal-content .modal-header {
        box-shadow: none;
    }
}

@media screen and (max-device-width: 400px) {
    .game-list-slidable.placeholder .casino-categories .product-wrapper:not(.hero) .product-card {
        max-height: 112px !important;
    }
}

@media screen and (max-device-width: 352px) {
    .header_logo img {
        width: 72px;
    }

    .btn, .btn:focus, .btn-warning, .btn-warning:hover, .btn-warning:active, .btn-warning.active,
    .open > .dropdown-toggle.btn-warning, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success,
    .btn-success:active:focus, .play-now {
        padding: 6px 18px !important;
    }

    .Button--sign-up, .Button--sign-in, .Button--deposit {
        padding: 0 10px;
        margin: 0 4px;
        font-size: 12px;
    }

    .Register_container .Button--Balance {
        padding: 8px 6px 8px 6px;
    }

    .Button--Balance .la-wallet:before {
        display: none;
    }

    #registrationPopup .modal-content {
        overflow-x: hidden;
    }

    #loginPopup .modal-dialog .modal-body, #forgotPasswordPopup .modal-dialog .modal-body, #changePasswordPopup .modal-dialog .modal-body {
        padding: 40px 16px;
    }

    .captcha-loader, .col-sm-4, #forgotpassform .col-xs-4, #forgotpassform .captcha-loader {
        width: 100px;
        padding: 0;
    }

        .captcha-loader ~ .col-xs-6, .col-sm-4 ~ .col-sm-6, label[for^=Captcha] ~ .row .col-xs-6 {
            padding-right: 0;
        }

        .captcha-loader img, .captcha_block img {
            width: 100%;
            border-radius: 12px;
        }

    .section--captcha, label[for^=Captcha] ~ .row {
        display: flex;
        padding: 15px;
    }

        .section--captcha div, label[for^=Captcha] ~ .row div {
            float: none;
            flex: 1;
            padding: 0 !important;
            margin: 0 !important;
            position: unset !important;
        }

        .section--captcha .col-xs-2.btn--reload--captcha, label[for^=Captcha] ~ .row .col-xs-2 {
            flex: .5;
            display: flex;
            justify-content: center;
            align-items: center;
        }

    .game-list-normal .casino-game-list-item .product-wrapper:not(.hero), .favorite-cat .product-wrapper,
    .casino-game-list-item .game-favorite .product-wrapper:not(.hero) {
        grid-auto-rows: minmax(114px,auto);
        grid-template-columns: repeat(auto-fill,minmax(114px,1fr)) !important;
    }

    .Container__Item.tag li button {
        padding: 6px 16px;
    }

    .sub-game-nav li {
        padding: 0 8px;
    }

    .sub-game-nav.row {
        padding: 0;
    }

    .casino-game-list-item .product-wrapper:not(.hero) .product-card {
        height: 114px;
    }

    .game-list-normal, .Widget--banner--multi.animated, .game-list-slidable, .Jackpot--Counters, .Wrapper--Single.leaderboard {
        padding: 0 10px;
    }

    #gameModal .modal-body {
        padding: 15px 4px;
    }

    body.mobile #profilePopup .profile-sub-nav:before {
        background-size: 64em;
    }

    #profilePopup .profile-sub-nav a {
        padding: 10px 0px;
        font-size: 11px;
    }

    .profile-sub-nav li:nth-child(2), #profilePopup .no-footer .profile-sub-nav li:nth-child(2) {
        top: 69%;
    }

    body.mobile .communication-settings-wrapper .communication-settings-block {
        padding: 10px 6px 10px 6px;
    }

    #profilePopup .col-xs-3 {
        width: 86px;
    }

    @-webkit-keyframes checkbox_inner {
        0%, 100% {
            -webkit-transform: translateX(58px);
            transform: translateX(58px);
        }

        25%, 50% {
            -webkit-transform: translateX(0px);
            transform: translateX(0px);
        }
    }

    @keyframes checkbox_inner {
        0%, 100% {
            -webkit-transform: translateX(58px);
            transform: translateX(58px);
        }

        25%, 50% {
            -webkit-transform: translateX(0px);
            transform: translateX(0px);
        }
    }


    @-webkit-keyframes shift {
        0% {
            width: 100%;
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        25% {
            width: 32%;
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        50% {
            width: 32%;
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        100% {
            width: 100%;
            -webkit-transform: translateX(0%) rotate(180deg);
            transform: translateX(0%) rotate(180deg);
        }
    }

    @keyframes shift {
        0% {
            width: 100%;
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        25% {
            width: 32%;
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        50% {
            width: 32%;
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        100% {
            width: 100%;
            -webkit-transform: translateX(0%) rotate(180deg);
            transform: translateX(0%) rotate(180deg);
        }
    }

    #profilePopup .modal-dialog.profile [class^=col-xs-], #profilePopup [class^=col-sm-], #profilePopup [class^=col-lg-], #profilePopup [class^=col-md-] {
        padding-right: 6px;
        padding-left: 6px;
    }

    #profilePopup .communication-settings-block .col-xs-9 {
        width: calc(100% - 126px);
    }

    #profilePopup .modal-sub-body .emutable-details {
        padding: 10px 10px 10px 10px;
    }

    #sendEmailCode, #sendMobileCode, .btn.verification-code-email, .btn.verification-code-email:active, .btn.verification-code-email:focus,
    .btn.verification-code-mobile, .btn.verification-code-mobile:focus, .btn.verification-code-mobile:active {
        padding: 8px 4px !important;
    }

    .transaction-row-outlined.column-headers, .transaction-row-outlined.column-headers-withdrawal,
    .responsible-gambling .transaction-row span, .transaction-row div {
        font-size: 9px;
    }

    .transaction-row-outlined.column-headers, .transaction-row-outlined.column-headers-withdrawal {
        padding: 10px 0px 10px 20%;
    }

    .transaction-row-outlined .trans-proc-time, .transaction-row-outlined .trans-max {
        width: 34%;
    }

    .transaction-row-outlined .trans-fee, .transaction-row-outlined .trans-min {
        width: 26%;
    }

    .transaction-row .trans-logo, .transaction-row .trans-title {
        width: calc(20% / 2);
        margin: 0 4px;
    }

    .transaction-row .trans-proc-time, .transaction-row .trans-max {
        width: calc((100% - 20%) * 34 / 100);
    }

    .transaction-row .trans-fee, .transaction-row .trans-min {
        width: calc((100% - 20%) * 26 / 100);
    }

    #profilePopup .form-control, #profilePopup .select2-container .select2-selection--single {
        font-size: 10px;
    }

    .promotion_banners {
        width: 900px;
    }

    .footer_group_container {
        padding: 15px 10px 40px;
    }

    .social_container div {
        margin-right: 9px !important;
    }

    .casino_first_content, .live_casino_first_content, .video_games_first_content {
        padding-top: 44%;
    }

    #registerContainer .wrapper--gender--dob .col-xs-6 {
        width: 100%;
    }

    .Container--full.container_info {
        padding-top: 64px;
    }

    .Container--full.apps-install_Wrapper__Mobile.container_info {
        padding-top: 56px;
    }

    .wrapper_info .info_content > div > p:nth-child(1) span span {
        font-size: 28px !important;
    }

    .wrapper_info .info_content p {
        margin: 0 5px;
    }

    .container_info .Copyright:before, .container_info .Copyright:after {
        margin: auto;
    }

    .modal-sub-body.identifications .header-block {
        padding: 8px 6px;
    }

    .identifications .document-head-row-title div, .slot-banner .body .tab-body .item .win-amount {
        font-size: 12px;
    }

    .modal-sub-body.identifications .document-body-row-title div, .tooltip {
        font-size: 10px;
    }

    .modal-sub-body.identifications .document-body-row-title button, .modal-sub-body.identifications .document-body-row-title i {
        max-width: 40px;
        padding: 4px 0px !important;
    }

    .modal-sub-body.identifications .document-head-row-title .document-action {
        max-width: 40px;
    }

    .modal-sub-body.identifications .document-body-row-title button {
        font-size: 9px;
    }

    .modal-sub-body.identifications .document-body-row-title i {
        font-size: 16px;
    }

    .game-nav ~ .search-wrapper [id^=searchTb] {
        padding-right: 8px;
    }

    .profile-sub-nav li:nth-child(2), #profilePopup .no-footer .profile-sub-nav li:nth-child(2), .profile-sub-nav li:nth-child(3) {
        top: 69%;
    }

    .modal-sub-body.identifications .document-body-row-title .document-name span:nth-child(1) {
        width: 42px;
    }

    #popupSearchItems {
        grid-template-columns: repeat(auto-fill, minmax(105px, 1fr));
    }

    #searchPopup .search-wrapper .ss-list {
        grid-template-columns: repeat(auto-fill,minmax(100px,1fr));
        grid-auto-rows: minmax(60px, auto);
    }

    .modal-dialog.search .ss-content .ss-list .ss-option {
        padding: 6px 0px 6px 2px;
        font-size: 10px;
    }

        .modal-dialog.search .ss-content .ss-list .ss-option:after {
            width: 18px;
            height: 18px;
        }

    .modal-dialog.search .modal-content button.close {
        right: 0;
    }

    .game-nav .search-wrapper, body.mobile .game-nav ~ .search-wrapper {
        flex-direction: column;
    }

    .Wrapper--Single .search-wrapper .game-category-selector-container {
        height: 42px;
    }

    .promo-tabs .tabs ul {
        gap: 20px;
    }

    .tournament-info__section--table-tr td {
        padding: 8px 8px 8px 16px;
    }

    .tournament-info__section--table th {
        padding: 8px 8px 8px 8px;
    }

    .Wrapper--Single.blue-slider-wrapper.leaderboard #contentText ul li, .tournament-info__section--table-tr td, .tournament-info__section--table th {
        font-size: 9px;
    }

    .info_content span {
        font-size: 14px !important;
    }

    .Jackpot--Counters .jackpot-counters .jackpot-counter, .Jackpot--Counters .jackpot-counters #jackpot-symbol {
        font-size: 14px;
    }

    .jackpot-hit-container {
        width: 20px;
    }

    .activity-feed .tab-body.recent-winners .item {
        height: 68px;
        font-size: 9px;
    }

    .Widget--banner--multi [class*=tp-ic]:before {
        font-size: 35px;
    }

    .Widget--banner--multi .Sections__Item, body.mobile .Widget--banner--multi .Sections__Item a {
        height: 90px;
    }

    #registerContainer #NumberCode {
        padding: 6px 2px;
    }
}



@media (orientation: landscape) {
    .mobile .Widget--banner.secondary .Widget--Header--secondary, .mobile .Menu--user {
        width: 100%;
    }

    .mobile.left_open .Wrapper--Header.Header--primary__Panel--user > .Container__Item > .Item {
        width: calc(100% - 20px);
    }

    .mobile .Wrapper--Header .Container__Item .Menu--user ul li:nth-child(2), .mobile .Wrapper--Header .Container__Item .Menu--user ul li:nth-child(3) {
        padding: 0 70px !important;
    }

    .mobile .Wrapper--Header .Container__Item .Menu--user ul li:nth-child(1) {
        padding: 5px 70px 2px 70px !important;
    }

    .mobile .Menu--user li i {
        padding: 3.5vh 0;
    }

    .mobile .Menu--user .la-user-check:first-child:after {
        left: 70px;
    }

    .mobile #gameModal .modal-content, .mobile #loginPopup .modal-content {
        touch-action: initial;
        overflow: auto;
        transform: none;
        -webkit-overflow-scrolling: touch;
    }

        .mobile #gameModal .modal-content .modal-body > div {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

    .mobile .modal-header .logo-img {
        width: 104px;
        margin: 4px auto;
    }

    body.mobile #profilePopup .profile-sub-nav {
        top: 48px;
    }

    body.mobile .profile-sub-nav li:nth-child(3), body.mobile #profilePopup .no-footer .profile-sub-nav li:nth-child(2) {
        top: 59%;
    }

    .mobile #profilePopup .profile-sub-nav:before {
        height: 78px;
        background-position: 50% 18%;
        margin: 2px 0 10px;
    }

    body.mobile #profilePopup .modal-dialog.withdrawal .modal-body, body.mobile #profilePopup .modal-dialog.deposit .modal-body {
        height: calc(100% - 68px);
    }

    body.mobile #profilePopup .modal-dialog.withdrawal .modal-sub-body, body.mobile #profilePopup .modal-dialog.deposit .modal-sub-body {
        height: calc(100% - 165px) !important;
    }

    .mobile .modal.fade .modal-dialog {
        width: 100% !important;
    }

    .mobile #loginForm, .mobile #forgotpassform {
        max-width: 60%;
        margin: auto;
    }

    .mobile .wrapper_info:not(.wrapper_info.Contact-us-wrapper) {
        flex-direction: column;
        align-items: center;
    }

    .mobile .wrapper_info .Copyright {
        width: 90%;
        max-width: 90%;
    }

    .mobile .Wrapper--Header .Container__Item {
        padding: 0 12px 0px 12px;
    }

    .mobile .promotion_banners, .mobile .game-list-slidable,
    .mobile #registrationPopup .modal-title-text, .mobile #loginPopup .modal-title-text {
        padding: 0 36px !important;
    }

    .footer_group_container {
        padding: 15px 36px !important;
    }

    .mobile .left_open .Wrapper--Header.Header--primary__Panel--user > .Container__Item > .Item a {
        padding: 0 20px;
    }

    .mobile .sections-trigger ~ .Widget--Header--secondary > .Sections {
        padding: 45px 20px 0 20px;
    }

    .mobile .promo-tabs {
        padding: 74px 36px 0 36px;
    }

    body.mobile .Widget--banner--multi .Sections__Item a {
        padding-top: 45px;
    }
    #profilePopup .modal-content .modal-header {
        box-shadow: none;
    }
}