@media screen and (min-width: 1930px) {
    .casino-game-list-item .product-wrapper:not(.hero){
        grid-template-columns: repeat(5,1fr);
    }
}

@media screen and (min-width: 2100px) {
    .casino-game-list-item .product-wrapper:not(.hero){
        grid-template-columns: repeat(6,1fr);
    }
}

@media screen and (min-width: 3330px) {
    .casino-game-list-item .product-wrapper:not(.hero){
        grid-template-columns: repeat(8,1fr);
    }
}

@media screen and (max-width: 1430px) and (min-width: 1320px) {
    .casino-game-list-item .product-wrapper:not(.hero){
        grid-template-columns: repeat(3,1fr);
    }
}

@media screen and (max-width: 1600px) {
    body:not(.mobile) .gameLaunchFull .Game--Balance .player-bonus-table .btn-bonus~.bonus-body-wrapper{
        min-width: 250px;
    }

    .Wrapper--Header.Header--secondary.gameLaunchFull .Container__Item {
        grid-template-columns: 180px 1fr 1fr;
        grid-template-areas:
        'logo gameSection langTime'
        'logo gameBalanceWrapper gameBalanceWrapper';
    }

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

    .mobile .header-secondary.gameLaunchFull{
        display: block;
        width: 100%;
        margin-top: 50px;
        z-index: 1040 !important;
        background-color: unset;
        background: #000000a6;
        position: fixed;
        top: 0;
    }

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

    .gameLaunchFull .availability_wrapper, .mobile .Wrapper--Header.Full .Register_container > .Button--Balance,
    .Header--primary__Panel--user:not(.Full) .Register_container .user-sections-trigger,
    body.mobile:not(.LoggedIn) .header-secondary.gameLaunchFull .Container__Item,
    body.mobile .Wrapper--Header:not(.Full) .Register_container .user-sections-trigger{
        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/design/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/design/icons/female.svg)  ;
        background-size: contain;
        background-repeat: no-repeat;
        min-width: unset;
    }

    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{
        width: 100%;
        height: 0;
        position: absolute;
        top: -34px;
        text-align: center;
    }

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

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

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

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

    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-color5);
        position: relative;
    }

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

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

    body.mobile .gameLaunchFull .Balance--items>ul {
        padding: 10px;
        max-width: unset;
        flex-wrap: wrap;
        gap: 7px;
    }

    body.mobile #popupSearchItems .play-now-btn a{
        visibility: hidden;
    }
}

@media screen and (max-width: 1320px) {
    .content_wrapper > .Container__Item:nth-of-type(5), .content_wrapper > .Container__Item:nth-of-type(6) {
        display: none;
    }

    body.mobile ::-webkit-scrollbar{
        width: 0;
    }

    .responsiveTabGroup {
        height: 70px;
    }

    .content_wrapper{
        grid-template-columns: 380px 4fr;
        grid-template-areas:
        'nav nav nav'
        'tag game recent'
        'tag game recent'
        'promo game big'
        'promo load load';
    }

    body.mobile .content_wrapper{
        grid-template-columns: auto auto;
    }

    .casino-game-list-item .product-wrapper:not(.hero), .content_wrapper.live-casino .casino-game-list-item .product-wrapper:not(.hero){
        grid-template-columns: repeat(4,1fr);
    }

    .content_wrapper .Container__Item.game-nav.row{
        padding-right: 20px;
    }

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

    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, body.mobile .row.main-buttons .text-right, #loginPopup #popupLoginBtn,
    body.mobile .communication-settings-wrapper .communication-settings-block{
        width: 100%;
    }

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

    body.mobile .Wrapper--Single.Wrapper--CookiePolicy #contentText{
        margin: 0 auto 79px;
        padding-bottom: 100px;
    }

    body.mobile .Menu--user{
        top: 50px;
    }

    body.mobile .sections-trigger ~ .Widget--Header--secondary, body.mobile .Menu--user{
        width: 100%;
        left: 0;
    }

    body.mobile .Menu--user{
        height: calc(100vh - 50px);
        overflow: auto;
    }

    .Button--Balance.menu-button-balance-open i, .Button--Balance.menu-button-balance-open span{
        color: var(--brand-color);
    }

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

    body.mobile .registration.page-1 .col-md-4, body.mobile .col-md-6.province {
        margin-top: 15px;
    }

    body.mobile .row.section--captcha ~ .col-xs-12{
        padding: 0;
    }

    body.mobile #profilePopup #profileForm {
        display: unset;
    }

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

    body.mobile #profilePopup .email-verification-block, body.mobile #profilePopup .phone-number-verification-block {
        height: 36px;
    }

    body.mobile .email_block_margin {
        margin-top: 114px!important;
    }

    body.mobile .modal-sub-body.identifications .header-block{
        height: auto;
    }

    .wallet-table .wallet-table {
        min-width: 600px;
    }

    .wallet-table td{
        white-space: normal;
    }

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

    body:not(.mobile) #profilePopup .modal-content .modal-sub-body:not(.communication) {
        height: auto !important;
        padding: 0!important;
        position: relative;
        overflow-y: auto;
        overflow-x: hidden;
    }

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

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

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

    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 {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        touch-action: auto;
    }

    body.mobile .message-wrapper .message-text {
        background-color: var(--brand-color);
        border-radius: 20px 20px 20px 0;
        line-height: 1.5;
        padding: 16px;
        margin: 6vh 15px;
        box-shadow: 0 0 4px var(--black-color);
    }

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

    body.mobile #gameModal .modal-content{
        background-color: var(--grey-color);
    }

    body.mobile #gameModal .modal-header{
        border: none;
    }

    #gameModal .modal-dialog .modal-content .modal-body .game-name-fav {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #gameModal .modal-dialog .modal-content .modal-body .game-title {
        margin-top: 4px;
        padding: 10px;
        color: var(--white-color);
        font-size: 20px;
    }

    #gameModal .modal-dialog .modal-content .modal-body .game-control-button{
        display: flex;
        gap: 10px;
        justify-content: center;
    }

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

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

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

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

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

    body.mobile .has-feedback label~.form-control-feedback{
        right: 0px;
    }

    body.mobile .modal-dialog.search{
        width: 100vw;
        height: 100%;
        padding-right: 0 !important;
        margin: 0;
        overflow: auto;
    }

    .mobile #searchPopup .modal-content {
        overflow: auto;
        height: auto;
        min-height: 100%;
        -webkit-overflow-scrolling: touch;
        touch-action: auto;
    }

    .mobile #searchPopup .search-wrapper .view-category-filter-form{
        width: 100%;
        position: relative;
    }

    .mobile #searchPopup .glyphicon-search {
        top: 3px;
        right: 4px;
    }

    .mobile #searchPopup .game-category-selector-container, .mobile #searchPopup .game-category-selector-container .ss-main .ss-multi-selected{
        width: auto;
    }

    body.mobile .transaction-title-row .trans-proc-time{
        grid-area: procTime;
    }

    body.mobile .transaction-title-row .trans-fee{
        grid-area: fee;
    }

    body.mobile .transaction-title-row .trans-min{
        grid-area: min;
    }

    body.mobile .transaction-title-row .trans-max{
        grid-area: max;
    }

    body.mobile .transaction-block > .col-md-12{
        padding: 0;
    }

    body.mobile #profilePopup .table-striped.wallet-table{
        min-width: 100%;
        border-radius: 4px;
        overflow: hidden;
    }

    .row.ajax-result > .col-xs-12{
        padding-right: 15px !important;
    }

    .mobile .row.ajax-result > .col-xs-12, .mobile .row.ajax-result > .col-md-12{
        padding: 0 !important;
    }

    .mobile .modal-dialog.history div.wallet-table.table--scrollable{
        min-width: 710px !important;
    }

    .modal--balance-history .wallet-table.table--scrollable {
        min-width: 1600px;
    }

    body.mobile #forgotpassform > .row .col-md-12{
        text-align: right;
    }

    body.mobile .modal-dialog.wallet .wallet-table{
        width: 100%;
    }
    
    body.mobile #messageModal .modal-dialog{
        width: 100%;
        height: 100%;
        margin: 0;
    }

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

    body.mobile #profilePopup .modal-dialog:not(.modal--payments-history) .modal-body{
        height: auto;
        overflow-y: unset;
    }

    body.mobile #profilePopup #searchform > .row > .col-xs-6 > .form-group input{
        width: calc(50vw - 34px);
    }

    body.mobile .Menu--user .playerId + li > div span:not(.Played--Balane){
        width: unset;
        min-width: 100px;
    }

    body.mobile .player-bonus-type-deposit .bonus-body-row-header, body.mobile .player-bonus-type-deposit .bonus-body-row-title{
        grid-template-columns: 10vw 12vw 1fr 1fr 1fr 1fr 1fr;
    }

    #paymentsystem .games-box .table--scrollable__tr, #paymentsystem .freespin-gamescontainer{
        min-width: 680px;
    }

    .Container--GamePage .game-page.single .game-container.first{
        max-width: 80vw;
        height: 52vw;
    }
    
    .mobile #profilePopup .games-box .freespin-game .Item.isPlay .play-now.btn, 
    .mobile #profilePopup .games-box .table--scrollable__th.games-info-titles .table--scrollable__th.button,
    .mobile .games-box .dont-pl-btn, .game-page:not(.single) .Balance--items li span[class$=-Name],
    body.mobile .casino-game-list .product-card .user-product-ctrl, body.mobile .sign-up-section .or-sep {
        display: none;
    }

    .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;
    }

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

    .Container--GamePage .Balance--items>ul, .gameLaunchFull .Balance--items>ul{
        gap: 5px;
    }

    .mobile .apps-install__header_mob {
        position: sticky;
        top: 50px;
        z-index: 3;
        display: flex;
        height: 50px;
        align-items: center;
        justify-content: center;
        background: var(--background-color1);
        color: var(--white-color);
    }

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

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

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

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

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

    .mobile .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 .mobile-apps-container .card.flipper .front a {
        bottom: 0;
        display: flex;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

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

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

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

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

    .mobile .mobile-apps-container .card.flipper .back .card-title:before {
        content: '';
        width: 28px;
        height: 28px;
        display: block;
    }

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

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

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

    .mobile .apps-install_Wrapper__Mobile .tabs .mobile-apps-container.android .content #install-apps {
        height: 44px;
        margin-top: 24px;
        padding: 0 18px;
        background: var(--selected-color);
        border-color: transparent;
        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;
    }

    .mobile .install-apps_descriptions, .mobile .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;
    }

    .mobile .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);
    }

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

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

@media screen and (min-width: 1100px) {
    .Container__Item.game-nav.row .js-view-category-filter-btn{
        pointer-events: none;
    }

    .content_wrapper .sub-game-nav-block{
        display: block ;
    }
}

@media screen and (max-width: 1100px) {
    body.mobile .modal-dialog {
        width: 100% !important;
        height: 100%;
        margin: 0 !important;
    }

    body.mobile .modal-dialog > .modal-content{
        height: 100%;
        overflow: auto !important;
    }

    .content_wrapper, .content_wrapper.live-casino{
        grid-template-areas: 'nav   nav  nav'
                             'tag   tag tag'
                             'game   game game'
                             'game game game'
                             'load  load load' !important;
        grid-template-rows: auto auto 540px;
    }
    
    .content_wrapper > .Container__Item:nth-of-type(8){
        display: none !important;
    }

    .casino-game-list-item .product-wrapper:not(.hero){
        margin: 0;
        padding: 20px;
    }

    .content_wrapper .Container__Item.game-nav.row, .content_wrapper > .Container__Item.game-list-normal{
        padding-right: 20px;
    }

    .content_wrapper > .Container__Item.game-list-normal, .content_wrapper .sub-game-nav-block{
        padding: 0;
    }

    .content_wrapper .sub-game-nav ul{
        background-color:  var(--black-color);
        transition: max-height .5s;
    }

    .content_wrapper .sub-game-nav ul {
        margin-bottom: 0;
        padding: 10px 30px;
        display: grid;
        grid-template-columns: repeat(auto-fill,minmax(200px,1fr));
    }

    .content_wrapper .sub-game-nav li {
        width: unset!important;
        height: unset!important;
        margin: 0 8px 10px 0;
        padding: 8px 24px;
        border-radius: 3px;
        color: var(--white-color);
        white-space: nowrap;
    }

    .content_wrapper .sub-game-nav li a{
        height: 30px;
    }

    .js-view-category-filter-btn:not(.hidden){
        pointer-events: auto !important;
    }

    .Container__Item.game-nav.row .js-view-category-filter-btn:not(.hidden), .js-view-category-filter-btn:not(.hidden) .filter-icon:before, 
    .js-view-category-filter-btn.open:not(.hidden) .filter-icon-middle:before, .js-view-category-filter-btn.filterOpen:not(.hidden) .filter-icon-middle:after{
        border-color: var(--brand-color) !important;
    }

    .js-view-category-filter-btn:not(.hidden) .filter-icon{
        background-color: var(--brand-color);
    }

    #profilePopup .modal-dialog, #__depositPopup .modal-dialog{
        width: 100vw;
        height: 100%;
        margin: 0;
        max-width: unset;
    }

    #profilePopup .modal-content, #__depositPopup .modal-dialog, #__depositPopup .modal-content{
        width: 100%;
        height: 100%;
    }

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

    .promo-tabs .card.flipper .back .content, .promo-tabs .card.flipper .back .content span{
        font-size: 14px;
    }

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

    .availability_wrapper, .header_game_sections, .Wrapper--Header.Header--primary .Container__Item, .lang-time,
    .Wrapper--Header.Header--secondary #searchSettings ~ a i ~ span, .Wrapper--Header.Header--secondary.gameLaunchFull .Game--Balance--Wrapper,
    .Wrapper--Header .sections-trigger i, .content_wrapper .sub-game-nav-block{
        display: none;
    }
    
    .Header--secondary{
        margin-top: 0px;
    }

    body.modal-open .Wrapper--Header.Header--secondary{
        padding-right: 6px;
    }

    .Wrapper--Header.Header--secondary{
        position: fixed;
        top: 0;
        z-index: 5;
        width: 100%;
        background-color: var(--background-color5);
    }

    body.mobile .Wrapper--Header.Header--secondary{
        padding: 0 5px;
    }

    .Widget--banner--sliding, .promo-tabs-wrapper, .promotion_content_wrapper, .content_wrapper_top, .live_casino_wrapper, 
    .coming_soon_wrapper, .Wrapper--Single.play-section.full-frame .Iframe--full, .Container--full.content-page.comingsoon,
    .Availability, body:not(.mobile) .Wrapper--Single.game-launch--full, .Container--full.apps-install_Wrapper__Mobile.container_info,
    .gameAvailability{
        margin-top: 50px;
    }

    .gameAvailabilityWrapper{
        display: flex;
        flex-direction: column;
    }

    .gameAvailability .vendors_list{
        width: auto;
        padding: 0 0.75rem;
        position: relative;
        max-height: 316px;
    }

    .gameAvailabilityPage.reg #chartdiv{
        width: 100%;
        margin: 0;
    }

    body:not(.mobile) .Wrapper--Single.play-section{
        margin-top: 68px;
    }

    .Container--GamePage .game-page{
        height: calc(100vh - 110px);
    }

    .Container--GamePage .Balance--items{
        height: 60px;
    }

    .Container--GamePage .game-page .game-container .game-holder,
    .Container--GamePage .game-page.played-games-open .game-container .game-holder{
        height: calc(100% - 60px) !important;
    }

    .Container--GamePage .Balance--items>ul{
        flex-wrap: wrap;
    }
    
    .Container--GamePage .Balance--items > ul > li{
        width: 40%;
    }

    .Wrapper--Header.Header--secondary .Container__Item {
        height: 50px;
        display: flex;
    }

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

    .Wrapper--Header.Header--secondary .Register_container{
        display: flex;
        margin-left: auto;
        padding: 7px 0;
    }

    .Wrapper--Header.Header--secondary .Container__Item > .Item{
        width: 36px;
        height: 36px;
        display: block;
        min-width: unset;
        margin: 7px auto 0 5px;
    }

    .Wrapper--Header.Header--secondary .header_logo img{
        max-height: 42px;
    }

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

    .Wrapper--Header .sections-trigger div:nth-child(1){
        display: inline-block;
        width: 36px;
        height: 36px;
        position: relative;
        color: var(--loading-color);
        cursor: pointer;
    }

    .Wrapper--Header .sections-trigger span {
        height: 2px;
        width: 24px;
        display: block;
        top: 12px;
        left: 10px;
        position: absolute;
        background-color: var(--white-color);
        border-radius: 10px;
        transition: all .4s;
    }

    .Wrapper--Header .sections-trigger span:nth-child(3){
        transform: rotate(0deg);
        top: 21px;
    }

    .Wrapper--Header .sections-trigger span:nth-child(4){
        top: 30px;
    }

    body.left_open .Wrapper--Header .sections-trigger span:nth-child(3),
    body.left_open .Wrapper--Header .sections-trigger span:nth-child(4){
        animation: burgerAnimation1 .8s forwards;
        animation-delay: 300ms;
    }

    @keyframes burgerAnimation1 {
        0%{
            transform: rotate(0deg);
        }
        33%{
            top: 21px;
            transform: rotate(0deg);
        }
        67%{
            transform: rotate(145deg);
            top: 21px;
        }
        80%{
            transform: rotate(125deg);
            top: 21px;
        }
        100%{
            transform: rotate(135deg);
            top: 21px;
        }
    }

    body:not(.left_open) .Wrapper--Header .sections-trigger span:nth-child(3){
        animation: burgerAnimation1back .8s forwards;
    }

    @keyframes burgerAnimation1back {
        0%{
            transform: rotate(135deg);
            top: 21px;
        }
        50%{
            transform: rotate(0deg);
            top: 21px;
        }
        60%{
            transform: rotate(0deg);
            top: 21px;
        }
        100%{
            transform: rotate(0deg);
            top: 21px;
        }
    }

    body:not(.left_open) .Wrapper--Header .sections-trigger span:nth-child(4){
        animation: burgerAnimation2back .8s forwards;
    }

    @keyframes burgerAnimation2back {
        0%{
            transform: rotate(135deg);
            top: 21px;
        }
        50%{
            transform: rotate(0deg);
            top: 21px;
        }
        60%{
            transform: rotate(0deg);
            top: 21px;
        }
        100%{
            transform: rotate(0deg);
            top: 30px;
        }
    }

    body.left_open .Wrapper--Header .sections-trigger span:nth-child(2){
        animation: burgerAnimation3 .8s forwards;
        animation-delay: 300ms;
    }

    @keyframes burgerAnimation3 {
        0%{
            transform: rotate(0deg);
        }
        33%{
            top: 21px;
            transform: rotate(0deg);
        }
        67%{
            transform: rotate(55deg);
            top: 21px;
        }
        80%{
            transform: rotate(35deg);
            top: 21px;
        }
        100%{
            transform: rotate(45deg);
            top: 21px;
        }
    }

    body:not(.left_open) .Wrapper--Header .sections-trigger span:nth-child(2){
        animation: burgerAnimation3back .8s forwards;
    }

    @keyframes burgerAnimation3back {
        0%{
            transform: rotate(45deg);
            top: 21px;
        }
        50%{
            transform: rotate(0deg);
            top: 21px;
        }
        60%{
            transform: rotate(0deg);
            top: 21px;
        }
        100%{
            transform: rotate(0deg);
            top: 12px;
        }
    }
    
    .Wrapper--Header .sections-trigger span {
        line-height: 25px;
        text-indent: 5px;
    }

    .Backdrop {
        position: fixed;
        top: 50px;
        background-color: #00000070;
        z-index: 8;
        width: 100vw;
        height: calc(100vh - 50px);
        user-select: none;
        opacity: 0;
        display: none;
        touch-action: none;
    }

    .Widget--banner.secondary .Widget--Header--secondary {
        margin: 0 auto 18px;
        display: none;
        height: calc(100% - 50px)!important;
        overflow: auto;
    }

    .sections-trigger ~ .Widget--Header--secondary {
        width: 306px;
        padding: 5px 0;
        background-color: var(--background-color5);
        position: fixed;
        z-index: 9;
        left: 0;
        top: 50px;
    }

    /* .sections-trigger ~ .Widget--Header--secondary > .Sections{
        overflow: auto;
    } */

    .sections-trigger ~ .Widget--Header--secondary .Sections {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .sections-trigger ~ .Widget--Header--secondary .Sections li {
        width: 100%;
        height: 48px;
        padding: 0 18px;
        line-height: 48px;
        border-bottom: 1px solid;
        border-image-slice: 1;
        border-image-source: var(--border-gradient3);
    }

    .sections-trigger ~ .Widget--Header--secondary .Sections li a, .langTime-leftPanel .Language .Dropdown--language a{
        color: var(--white-color);
    }

    .Header--secondary .langTime-leftPanel{
        border: none;
        text-align: center;
        display: block !important;
        background: var(--border-gradient4);
    }

    .Container__Item > .langTime-leftPanel{
        display: none !important;
    }

    .langTime-leftPanel .Language{
        width: 100%;
        padding: 0 18px 0 18px;
        margin: 0;
        justify-content: space-between;
    }

    .langTime-leftPanel .Language .Dropdown--language{
        width: 100%;
        top: 50px;
        left: 0;
    }

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

    #profilePopup .inbox-grid{
        height: calc(90vh - 50px);
    }

    .wallet-table.table--scrollable, .modal-dialog.history [class*=player-bonus-type] .scrollable .bonus-table {
        min-width: 1000px;
    }

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

    .registration.page-3 .freespin-game .Item .product-name, .registration.page-3 .games-info-titles .name {
        max-width: 150px;
    }

    .registration.page-3 .freespin-games > div.spin-count, .registration.page-3 .table--scrollable__tr > .table--scrollable__th.spin-count{
        flex: .5;
    }

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

    .Wrapper--Header.header--responsive{
        display: block;
        margin-top: 50px;
    }

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

    body:not(.mobile) .Wrapper--Single.game-launch--full .Iframe--full{
        height: calc(100vh - 50px);
    }

    body:not(.mobile).LoggedIn .Wrapper--Single.game-launch--full .Iframe--full{
        height: calc(100vh - 85px);
    }

    .Wrapper--Header.header--responsive.gameLaunchFull .Game--Balance > div{
        flex: unset;
        width: auto;
    }

    .Container--GamePage .game-page{
        width: 85%;
    }

    .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;
    }
}

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

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

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

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

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

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

            #registrationPopup .modal-dialog .modal-body .register-container {
                background-color: var(--background-color6) !important;
                flex-direction: column;
                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: 675px;
                overflow-x: hidden;
                overflow-y: scroll;
                padding: 0;
                gap: 0;
            }

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

        #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: visible;
        }

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

        #registrationPopup #register-container-header{
            width: 100%;
        }

        .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;
            align-items: center;
        }

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

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

        #registrationPopup #registration-popup .modal-content button.close,
        #after-registration-popup #afterregistration-popup .modal-content button.close {
            background-color: transparent !important;
            top: 10px;
        }

        #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;
        }

}

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

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

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

    .responsiveTabGroup > .Container__Item > .Container__Item, .responsiveTabGroup .recent_winners_responsive .slot-banner, 
    .responsiveTabGroup .big_wins_responsive .slot-banner, .responsiveTabGroup .recent_winners_responsive > .header, 
    .responsiveTabGroup .big_wins_responsive > .header{
        width: calc((100% - 20px) /2 );
    }

    .responsiveTabGroup > .Container__Item{
        gap: 20px;
    }

    .responsiveTabGroup .recent_winners_responsive > .header, .responsiveTabGroup .big_wins_responsive > .header,
    .mobile .responsiveTabGroup .recent_winners_responsive .tabs>ul, .mobile .responsiveTabGroup .big_wins_responsive .tabs>ul{
        width: 100%;
        height: 50px;
        padding-left: 140px;
        justify-content: start;
        font: 18px sans-serif;
        border-bottom: 1px solid var(--border-color6);
    }
    
    .responsiveTabGroup .recent_winners .product-image, .responsiveTabGroup .big_wins .product-image{
        width: 64px;
        left: 48px;
    }

    .responsiveTabGroup .product-name, .responsiveTabGroup .product-name{
        left: 48px;
    }

    .responsiveTabGroup .recent_winners .tab-body-inner .item, .responsiveTabGroup .big_wins .tab-body-inner .item{
        padding: 0 0 0 85px;
    }

    .recent_winners_responsive.tp-i_recent-winners:before, .big_wins_responsive.tp-i_big-win:before{
        position: absolute;
        top: 5px;
        left: 72px;
    }

    .responsiveTabGroup .recent_winners_responsive .slot-banner, 
    .responsiveTabGroup .big_wins_responsive .slot-banner{
        width: 80%;
    }

    .responsiveTabGroup{
        height: 116px;
    }

    .responsiveTabGroup .recent_winners_responsive, .responsiveTabGroup .big_wins_responsive{
        flex-direction: column;
        align-items: center;
    }

    .responsiveTabGroup .recent_winners_responsive > .header:before, .responsiveTabGroup .recent_winners_responsive > .header:after, 
    .responsiveTabGroup .big_wins_responsive > .header:before, .responsiveTabGroup .big_wins_responsive > .header:after,
    .mobile .responsiveTabGroup .recent_winners_responsive .tabs>ul:before, .mobile .responsiveTabGroup .recent_winners_responsive .tabs>ul:after, 
    .mobile .responsiveTabGroup .big_wins_responsive .tabs>ul:before, .mobile .responsiveTabGroup .big_wins_responsive .tabs>ul:after{
        content: none;
    }

    .mobile .responsiveTabGroup .recent_winners_responsive .tabs, .mobile .responsiveTabGroup .big_wins_responsive .tabs {
        display: block;
    }

    .mobile .responsiveTabGroup .recent_winners_responsive #winner-body-wraper, .mobile .responsiveTabGroup .big_wins_responsive #winner-body-wraper{
        width: 100%;
    }

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

    #profilePopup .identifications .col-xs-3, .modal-sub-body.identifications .upload-file .col-xs-6{
        padding-right: 15px;
        padding-left: 15px;
    }

    .contact-us-container{
        flex-direction: column;
        align-items: center;
    }

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

    .casino-game-list-item .product-wrapper:not(.hero){
        grid-template-columns: repeat(auto-fill,minmax(190px,1fr));
    }

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

    #paymentsystem .freespin-games .Item img:not(.product-vendore-img), .games-info-titles .game, 
    .modal--promotions-freespins .freespin-games .Item img:not(.product-vendore-img){
        max-width: 60px;
        min-width: 60px;
    }

    .player-bonus-type-deposit .freespin-game .Item{
        min-height: 80px;
    }

    .load-more-container .gamePaging, .load-more-container .prev, .load-more-container .next, 
    .go-button, .load-more-container .start, .load-more-container .end{
        width: 30px!important;
        height: 30px;
        margin: 3px;
        font-size: 16px;
    }

    .go-pagenumber{
        height: 30px;
        margin: 3px;
    }

    .content_wrapper.live-casino .casino-game-list-item .product-wrapper:not(.hero){
        grid-template-columns: repeat(3,1fr);
    }

    .gameLaunchFull .Game--Balance{
        justify-content: space-between;
    }

    .gameLaunchFull .player-bonus-table{
        text-align: right;
        min-width: unset;
    }
}

@media screen and (min-width: 796px) {

    body.mobile .content_wrapper > .Container__Item.nav-simple{
        display: flex;
    }

    body.mobile .content_wrapper .Container__Item.game-nav.row{
        padding-bottom: 20px;
    }

    body.mobile .game-nav ~ .search-wrapper{
        height: 80px !important;
        padding: 20px;
        border: none;
    }

    .search-wrapper .view-category-filter-form{
        width: 200px;
    }

    body.mobile .game-nav ~ .search-wrapper .form-control-feedback{
        top: 20px;
    }
}

@media screen and (max-width: 795px) {
    #profilePopup .modal-content .modal-sub-body:has(.switch-history) {
        grid-template-rows: 1fr 1fr;
        grid-template-columns: unset;
    }

    .modal-sub-body.securitypassword .form-footer .col-md-7 .btn {
        width: auto;
        margin: 0 0 0 auto;
    }

    .modal-sub-body.securitypassword .row {
        margin: 0;
    }

    .modal-sub-body.securitypassword .modal-body {
        flex-direction: column;
        height: calc(100% - 146px);
    }

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

    .content_wrapper .Container__Item.game-nav.row{
        flex-wrap: wrap;
    }

    .game-nav .search-wrapper, body.mobile .game-nav ~ .search-wrapper{
        width: 100%;
        height: 40px;
        margin-top: 10px;
        gap: 20px;
    }

    .content_wrapper .game-category-selector-container, .content_wrapper .view-category-filter-form{
        width: 50%;
    }

    .content_wrapper .game-category-selector-container .ss-main .ss-multi-selected, .content_wrapper .view-category-filter-form .game-nav [id^=searchTb],
    #profilePopup #profileForm .col-xs-8{
        width: 100%;
    }

    #profilePopup #profileForm{
        display: flex;
        flex-direction: column;
    }

    .promo-tabs .tab-body-inner > div {
        max-width: calc(100% / 2.2);
    }

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

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

    body:not(.mobile) #paymentsystem > div > div{
        grid-template-columns: 1fr !important;
    }

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

    .transaction-row-outlined.column-headers, .transaction-row-outlined.column-headers-withdrawal, 
    .options--deposit .transaction-row, .options--withdrawal .transaction-row,
    body.mobile .transaction-row, body.mobile [class^='modal-body player-bonus-type-'] .bonus-title-row, 
    body.mobile [class^='modal-body player-bonus-type-'] .bonus-body-row-title{
        grid-template-columns: 10vw 12vw 1fr 1fr 1fr 1fr;
    }

    .modal-dialog.promotions [class*=player-bonus-type] .bonus-state-group-simple .bonus-table{
        min-width: 900px;
    }

    .modal-dialog.promotions [class*=player-bonus-type] .bonus-state-group-simple .bonus-body-row-title > div,
    .modal-dialog.history [class*=player-bonus-type] .bonus-body-row-title > div{
        white-space: normal;
    }

    .modal-dialog.promotions [class*=player-bonus-type] .bonus-title-row, .modal-dialog.promotions [class*=player-bonus-type] .bonus-body-row-title{
        grid-template-columns: 80px 80px 1fr 1fr 1fr 1fr !important;
    }

    .modal-dialog.promotions .player-bonus-type-1 .bonus-title-row, .modal-dialog.promotions .player-bonus-type-1 .bonus-body-row-title,
    .modal-dialog.history .player-bonus-type-1 .bonus-title-row, .modal-dialog.history .player-bonus-type-1 .bonus-body-row-title,
    .modal-dialog.history.modal--promotions-freespins [class*=player-bonus-type] .bonus-title-row,
    .modal-dialog.history.modal--promotions-freespins [class*=player-bonus-type] .bonus-body-row-title{
        grid-template-columns: 100px 1fr 1fr 1fr 1fr !important;
    }

    .modal-dialog.promotions.modal--promotions-freespins [class*=player-bonus-type] .bonus-title-row, 
    .modal-dialog.promotions.modal--promotions-freespins [class*=player-bonus-type] .bonus-body-row-title{
        grid-template-columns: 80px 80px 1fr 1fr 1fr !important;
    }

    .modal-dialog.promotions.modal--promotions-freespins .player-bonus-type-1 .bonus-title-row,
    .modal-dialog.promotions.modal--promotions-freespins .player-bonus-type-1 .bonus-body-row-title,
    .modal-dialog.history.modal--promotions-freespins .player-bonus-type-1 .bonus-title-row,
    .modal-dialog.history.modal--promotions-freespins .player-bonus-type-1 .bonus-body-row-title{
        grid-template-columns: 80px 1fr 1fr 1fr !important;
    }

    .mobile .modal-dialog.promotions:not(.modal--promotions-freespins) .player-bonus-type-2 .bonus-title-row, 
    .mobile .modal-dialog.promotions:not(.modal--promotions-freespins) .player-bonus-type-2 .bonus-body-row-title,
    .modal-dialog.history:not(.modal--promotions-freespins) .player-bonus-type-2 .bonus-title-row,
    .modal-dialog.history:not(.modal--promotions-freespins) .player-bonus-type-2 .bonus-body-row-title{
        grid-template-columns: 100px 1fr 1fr 1fr 1fr 2fr 1fr !important;
    }

    .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;
    }

    .cs-section{
        font-size: 20px;
    }

    .cs-section div:before{
        width: 100px;
        height: 100px;
    }

    .cs-section div{
        width: 114px;
        height: 114px;
    }

    .cs-section div:after{
        bottom: 18px;
    }

    .responsiveTabGroup .recent_winners .tab-body-inner .item, .responsiveTabGroup .big_wins .tab-body-inner .item{
        padding: 0 0 0 110px;
    }
}

@media screen and (max-width: 650px){
    .promo-tabs .tab-body-inner > div{
        max-width: unset;
    }

    .promo-tabs .tab-body-inner{
        margin: 0px auto;
    }

    #tabGroupPromo .tabs ul{
        margin: 5px 0 0px;
    }

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

    .modal-dialog{
        display: flex;
        width: 100% !important;
        height: 100%;
        margin: 0 !important;
    }

    body:not(.mobile) .modal-dialog .modal-content{
        width: 98%;
        margin: auto;
    }

    body:not(.mobile) #loginPopup .modal-dialog .modal-content, body:not(.mobile) #forgotPasswordPopup .modal-dialog .modal-content, 
    body:not(.mobile) #changePasswordPopup .modal-dialog .modal-content{
        max-width: 350px;
    }

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

    .modal-backdrop.show{
        opacity: .9;
    }

    .registration.page-3 .bonus-body-row-header > div:nth-child(1), #registrationPopup .registration.page-3 .bonus-checkbox-wrapper{
        flex: .25;
    }

    body:not(.mobile) .registration.page-3 .player-bonus-type-registration{
        min-height: unset;
        max-height: unset;
    }

    .content-page.faq #contentText{
        padding: 10px 20px;
    }

    .Wrapper--Header.Header--secondary > .Container__Item > .Register_container > .Button--messages{
        display: none;
    }

    .registration.page-3 .bonus-body-row-header > div, .registration.page-3 .bonus-body-row-title > div{
        font-size: 12px;
        padding: 0;
    }

    .registration.page-3 .bonus-body-row-header:not(.freespins) > div:nth-of-type(4), 
    .registration.page-3 .bonus-body-row-title > div.bonus-current-amount.bonus-max-amount{
        flex: .5;
    }

    .responsiveTabGroup .recent_winners .product-image, .responsiveTabGroup .big_wins .product-image{
        width: 58px;
    }

    .Container--GamePage .game-page.single .game-container.first{
        max-width: 80vw;
        height: 52vw;
    }

    .mobile #chartdiv{
        height: 350px;
    }

    .mobile .availabilityPage.reg{
        padding-top: 0;
        grid-template-rows: 320px 144px;
    }

    .mobile .Availability{
        min-height: calc(100vh - 120px);
    }
}

@media screen and (max-width: 550px){
    .responsiveTabGroup .recent_winners .product-image, .responsiveTabGroup .big_wins .product-image,
    .responsiveTabGroup .product-name, .responsiveTabGroup .product-name{
        left: 0px;
    }

    .responsiveTabGroup .product-name, .responsiveTabGroup .product-name{
        white-space: nowrap;
    }

    .responsiveTabGroup .recent_winners .tab-body-inner .item, .responsiveTabGroup .big_wins .tab-body-inner .item{
        padding: 8px 0 0 60px;
        margin: 0 5px;
    }

    .responsiveTabGroup .recent_winners .product-image, .responsiveTabGroup .big_wins .product-image{
        width: 54px;
        bottom: 14px;
    }

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

    .promotion_content_wrapper #contentText{
        padding-top: 1px
    }

    .promotion_content_wrapper #contentText .header{
        margin: 20px 0;
    }

    .promotion_content_wrapper .steps_wrapper{
        margin: 15px auto;
    }

    .promo-tabs .card.flipper .back .card-title, .steps_wrapper, #contentText > div > p, .terms_wrapper > div, body.mobile .comm-single-type {
        font-size: 14px;
    }

    .promo-tabs .card.flipper .back .content, .promo-tabs .card.flipper .back .content span, .content_wrapper .sub-game-nav li a {
        font-size: 12px;
    }

    .promotion_content_wrapper .steps_wrapper, .responsiveTabGroup > .Container__Item{
        gap: 10px;
    }

    .promotion_content_wrapper{
        padding: 0;
    }

    .promotion_content_wrapper.slot-cashback .steps_wrapper > div, .promotion_content_wrapper.happy-friday .steps_wrapper > div,
    .promotion_content_wrapper.sport .steps_wrapper > div{
        height: 300px;
    }

    .promotion_content_wrapper{
        min-height: calc(100vh + 98px);
    }

    .promotion_content_wrapper.welcome-bonus, .promotion_content_wrapper.happy-friday{
        min-height: calc(100vh + 90px);
    }

    .promotion_content_wrapper.sport{
        min-height: calc(100vh + 150px);
    }

    .footer_info #contentText span span{
        font-size: 12px !important;
    }

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

    .header_logo{
        margin-left: 2px;
    }

    .Register_container [class^='Button-']:not(#msg-row), .promo-tabs .card.flipper .back a{
        margin: 0 4px;
        white-space: nowrap;
    }

    .casino-game-list-item .product-wrapper:not(.hero){
        grid-template-columns: repeat(auto-fill,minmax(140px,1fr));
    }

    .content_wrapper .sub-game-nav ul {
        padding: 10px 20px;
    }

    .content_wrapper .sub-game-nav li{
        padding: 4px 2px;
    }

    .registration.page-2 #Day, .registration.page-2 #Month, .registration.page-2 #Year {
        padding: 0 6px 0 4px;
    }

    body.mobile .registration.page-2 #Day, body.mobile .registration.page-2 #Month, body.mobile .registration.page-2 #Year {
        padding: 0;
        font-size: 12px;
    }

    .Register_container .Button--Balance{
        width: auto;
        margin: 0 10px;
    }

    .Wrapper--Header.Header--secondary .header_logo img {
        max-height: 32px;
    }

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

    .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;
    }

    body.mobile .comm-single-type {
        margin-top: 10px;
        margin-bottom: 20px;
        color: var(--selected-color);
    }

    body.mobile #profilePopup .communication-settings-block .col-xs-9 {
        margin-bottom: 5px;
    }

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

    #searchPopup .search-wrapper .ss-content{
        width: calc(100vw - 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;
    }

    #searchPopup .glyphicon-search{
        top: 13px;
        right: 14px;
    }

    .contact-us-container{
        margin: 25px 0;
        gap: 30px;
    }

    .contact-us-images{
        flex-direction: row;
    }

    .contact-us-images > div{
        min-height: 150px;
        background-position: center !important;
    }

    #contentText{
        padding: 15px;
    }

    .Wrapper--Header .sections-trigger span{
        left: 7px;
    }

    .responsiveTabGroup > .Container__Item > .Container__Item{
        width: calc((100% - 10px) /2 );
    }

    .responsiveTabGroup .recent_winners_responsive .slot-banner, .responsiveTabGroup .big_wins_responsive .slot-banner {
        width: 100% !important;
    }

    .recent_winners_responsive.tp-i_recent-winners:before, .big_wins_responsive.tp-i_big-win:before{
        margin: auto 0px;
        left: 16px;
    }

    .responsiveTabGroup .recent_winners_responsive > .header, .responsiveTabGroup .big_wins_responsive > .header,
    .mobile .responsiveTabGroup .recent_winners_responsive .tabs>ul, .mobile .responsiveTabGroup .big_wins_responsive .tabs>ul{
        padding-left: 75px;
    }

    #winner-body-wraper{
        padding: 0 10px;
    }
    
    .Register_container [class^='Button-']{
        min-width: 80px;
    }

    .content_wrapper .sub-game-nav ul{
        grid-template-columns: repeat(auto-fill,minmax(160px,1fr));
    }

    body.mobile .transaction-row, body.mobile .transaction-row-outlined, body.mobile #profilePopup .table-striped.wallet-table,
    #profilePopup .modal-sub-body .wallet-table, .modal-dialog [class*=player-bonus-type] .bonus-title-row,
    .modal-dialog [class*=player-bonus-type] .bonus-body-row-title,
    .player-bonus-type-deposit .bonus-body-row-header, .player-bonus-type-deposit .bonus-body-row-header .bonus-placeholder1{
        font-size: 12px;
        text-align: center !important;
    }

    .cs-section div:before{
        width: 60px;
        height: 60px;
    }

    .cs-section{
        gap: 0;
        justify-content: center;
    }

    .cs-section div{
        width: 77px;
        height: 77px;
    }

    .cs-section div:after{
        bottom: 15px;
        font-size: 10px;
    }

    .load-more-container .gamePaging, .load-more-container .prev, .load-more-container .next, 
    .go-button, .load-more-container .start, .load-more-container .end{
        width: 25px!important;
        height: 25px;
        margin: 3px;
        font-size: 14px;
    }

    .go-pagenumber{
        height: 25px;
    }

    .Wrapper--Single.content_wrapper .load-more-container{
        min-height: 80px;
        flex-wrap: wrap;
        position: relative;
    }

    .load-more-container .next{
        background-size: 5px;
    }

    .load-more-container .end{
        background-size: 10px;
    }

    .mobile .load-more-container .prev, .mobile .load-more-container .next, .mobile .load-more-container .start, 
    .mobile .load-more-container .end, .mobile .go-pagenumber, .mobile .go-button{
        position: absolute;
        bottom: 0;
    }

    .load-more-container .next{
        right: 30%;
    }

    .load-more-container .end{
        right: 23%;
    }

    .load-more-container .start{
        left: 23%;
    }

    .load-more-container .prev{
        left: 30%;
    }

    .go-button{
        right: 38%;
    }

    .go-pagenumber{
        right: 45%;
    }

    .content_wrapper.live-casino .casino-game-list-item .product-wrapper:not(.hero){
        grid-template-columns: repeat(2,1fr);
    }
}

@media (orientation: landscape) {
    body.mobile .cookies-policy, body.mobile .Wrapper--Single.Wrapper--CookiePolicy .Confirm--policy,
    body.mobile .sections-trigger ~ .Widget--Header--secondary .Sections li, body.mobile .Menu--user ul li,
    body.mobile .langTime-leftPanel .Language, body.mobile .responsiveTabGroup,
    body.mobile .casino-game-list-item .product-wrapper:not(.hero),
    body.mobile .content_wrapper .sub-game-nav ul, body.mobile #profilePopup .modal-dialog:not(.modal--payments-history) .modal-body,
    body.mobile #messageModal .modal-body, body.mobile div[id*="Popup"]:not(#registrationPopup) .modal-body, body.mobile .promotion_content_wrapper,
    body.mobile .content_wrapper_top{
        padding-left: 45px !important;
        padding-right: 45px !important;
    }

    body.mobile .content_wrapper .Container__Item.game-nav.row{
        padding-left: 45px !important;
    }

    body.mobile .game-nav ~ .search-wrapper{
        padding-right: 45px !important;
    }

    body.mobile .game-nav ~ .search-wrapper .form-control-feedback{
        right: 45px;
    }

    body.mobile #loginPopup .btn-sign-up{
        right: 35px;
    }

    body.mobile #popupSearchItems, body.mobile .casino-game-list-item .product-wrapper:not(.hero){
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    }
}

@media screen and (max-width: 390px){
    .responsiveTabGroup .recent_winners .product-image, .responsiveTabGroup .big_wins .product-image{
        width: 44px;
        bottom: 17px;
    }

    .responsiveTabGroup .recent_winners .tab-body-inner .item, .responsiveTabGroup .big_wins .tab-body-inner .item{
        padding: 8px 0 0 45px;
    }

    .load-more-container .next{
        right: 22%;
    }

    .load-more-container .end{
        right: 14%;
    }

    .load-more-container .start{
        left: 14%;
    }

    .load-more-container .prev{
        left: 22%;
    }

    .go-button{
        right: 33%;
    }

    .go-pagenumber{
        right: 42%;
    }
}

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

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

    body.mobile .row.registration-to-logon-row,
    body.mobile #registrationPopup .modal-dialog .modal-content{
        border-radius: 0;
    }
}

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

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

    .content_wrapper .game-category-selector-container, .content_wrapper .view-category-filter-form {
        width: 100%;
        height: 50%;
    }

    body.mobile .game-nav ~ .search-wrapper{
        height: 90px !important;
    }

    .content_wrapper .view-category-filter-form{
        position: relative;
    }

    body.mobile .game-nav ~ .search-wrapper .form-control-feedback{
        right: 0;
    }

    .content_wrapper {
        grid-template-columns: auto auto;
    }

    .casino-game-list-item .product-wrapper:not(.hero), .content_wrapper .Container__Item.game-nav.row,
    .content_wrapper .sub-game-nav ul, .promo-tabs .tab-body-inner{
        padding: 10px;
    }

    .Register_container [class^='Button-']:not(#msg-row){
        padding: 6px 2px;
        min-width: 60px;
        font-size: 11px;
    }

    .Register_container [class^='Button-']:not(#msg-row) .las.la-wallet, .casino-game-list .product-card .product-title{
        font-size: 14px;
    }

    .casino-game-list-item .product-wrapper:not(.hero){
        grid-gap: 10px;
        grid-template-columns: repeat(auto-fill,minmax(110px,1fr));
    }

    body.mobile .game-nav ~ .search-wrapper{
        padding: 0 10px 10px;
    }

    .content_wrapper .sub-game-nav ul, #popupSearchItems{
        grid-template-columns: repeat(auto-fill,minmax(120px,1fr));
    }

    .content_wrapper .sub-game-nav li a{
        height: auto;
        line-height: unset;
    }
    
    .content_wrapper .sub-game-nav li{
        white-space: normal;
    }

    .recent_winners_responsive.tp-i_recent-winners:before, .big_wins_responsive.tp-i_big-win:before{
        width: 30px;
        height: 30px;   
        font-size: 22px;
        min-width: 30px;
    }

    .mobile .responsiveTabGroup .recent_winners_responsive .tabs>ul, .mobile .responsiveTabGroup .big_wins_responsive .tabs>ul{
        height: 40px;
        padding-left: 55px;
        font: 14px sans-serif;
    }

    .promotion_content_wrapper .steps_wrapper > div{
        min-width: 120px;
    }

    .promotion_content_wrapper .steps_wrapper{
        justify-content: center;
        flex-wrap: wrap;
    }

    #profilePopup .modal-body{
        padding: 6px;
    }

    body.mobile .modal-sub-body.identifications .header-block {
        overflow: auto;
    }

    body.mobile .modal-sub-body.identifications .header-block > .document-body-row-title,
    body.mobile .modal-sub-body.identifications .header-block > .document-head-row-title{
        min-width: 400px;
    }

    .Register_container .Button--Balance{
        white-space: nowrap;
    }

    .casino-game-list .product-card .product-title{
        padding: 3px 5px;
    }

    .casino-game-list-item .product-wrapper .product-card .picture-productThumb{
        height: calc(100% - 30px)!important;
    }

    body.mobile .modal-dialog.search .modal-content .modal-body{
        padding: 0px 0px 34px;
    }

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

    #searchPopup .search-wrapper .ss-list{
        grid-auto-rows: minmax(40px, auto);
    }

    .codeMobilePassportSection>div:nth-child(2), body.mobile .row.section--captcha .wrapper_input--captcha {
        padding-left: 40px!important;
    }

    .codeMobilePassportSection div:nth-child(1), body.mobile .row.section--captcha .captcha-loader {
        flex: .6;
    }

    .codeMobilePassportSection .form-control#NumberCode,
    #profilePopup .email-verification-code-block .form-control,
    #profilePopup .mobile-verification-code-block .form-control{
        padding: 0;
    }

    .registration.page-2 > .form-group > .row{
        display: flex;
        flex-direction: column;
    }

    .registration.page-2 > .form-group > .row > .col-xs-6{
        width: 100%;
    }

    .registration.page-2 .control-label.checkboxes, .has-error, .required-field, .depositmessage-error, .withdrawalmessage-error{
        font-size: 12px;
    }

    .registration.page-2 > .form-group > .row:nth-child(1) > .col-xs-6:nth-child(1){
        margin-bottom: 15px;
    }

    .registration.page-3 .bonus-body-row-header > div, .registration.page-3 .bonus-body-row-title > div {
        font-size: 10px;
    }

    .registration.page-3 .bonus-body-row-header > div:nth-child(1), #registrationPopup .registration.page-3 .bonus-checkbox-wrapper {
        flex: .30;
    }

    .registration.page-3 .bonus-body-row-header:not(.freespins) > div:nth-of-type(4), 
    .registration.page-3 .bonus-body-row-title > div.bonus-current-amount.bonus-max-amount {
        flex: .6;
    }

    #profilePopup .verification-code-email, #profilePopup .verification-code-mobile{
        padding: 6px 8px;
    }

    .recent_winners .player-id, .big_wins .player-id, .big_wins .bet-amount{
        display: none;
    }

    .responsiveTabGroup .recent_winners .product-image, .responsiveTabGroup .big_wins .product-image{
        left: 35%;
    }

    .responsiveTabGroup .recent_winners .tab-body-inner .item, .responsiveTabGroup .big_wins .tab-body-inner .item{
        padding: 7px 0 0 10px;
        justify-content: end;
    }

    .load-more-container .gamePaging{
        width: 23px!important;
        height: 23px;
    }
}