@media only screen and (min-width: 1921px) {
    .scroll-wrap {
        max-width: 1576px;
    }

    #app_footer .footer-wrapper {
        max-width: 1576px !important;
    }

    #modernSkin .casino_search-widget .new-skin-modal-mask .new-skin-modal-wrapper .new-skin-modal-container {
        transform  : none;
        max-width  : 1624px !important;
        margin-left: calc((((100% - 296px) - 1624px) / 2) + 296px) !important;
    }

    #app_left_navigation.menu-nav.shrink~.content-wrapper .casino_search-widget .new-skin-modal-container {
        margin-left: calc((((100% - 64px) - 1624px) / 2) + 64px) !important;
    }

    .tournaments-top-banner {
        max-width: 1624px;
        margin   : -20px auto 0;
    }

    .tournament-list-modern-wrapper {
        max-width: 1576px;
        margin   : -400px auto 0;
    }
}

@media only screen and (max-width: 1600px) {
    .card-icon-page-links {
        display              : grid;
        grid-template-columns: repeat(4, 1fr);
        gap                  : 16px;
    }

    .category-cards .category-items {
        grid-template-columns: repeat(4, 1fr);
        grid-auto-flow       : row;
        gap                  : 40px 16px;
    }

    #komp-transactions-history .section-system-filter .form-group {
        flex     : 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .home-page-content .terms-and-condition-container {
        padding: 65px 12px 100px;
    }

    .tournament-list-item-wrapper {
        & .tournament-list-item {
            & .tournament-item-detail-panel {
                flex-direction: column;

                & .tournament-panel-data {
                    order: 2;
                    width: 400px;
                }

                & .tournament-panel-leaderboard {
                    order: 1;
                }
            }
        }
    }

    .home-page-content:not(.shrink) .referral-page .referral-card {
        grid-template-columns: repeat(1, 1fr);
        gap                  : 160px;
        padding              : 114px 40px 107px 160px
    }

    .home-page-content:not(.shrink) .referral-page .referral-card .referral-reward .referral-reward-container img {
        max-width: 328px;
        position : absolute;
        top      : -116px;
        left     : 0px
    }

    .home-page-content:not(.shrink) .referral-page .referral-comission {
        padding: 0;
    }

    .home-page-content:not(.shrink) .referral-page .referral-reward-steps .referral-reward-steps-card {
        padding: 57px 50px;
    }

    .home-page-content:not(.shrink) .referral-page .referral-reward-steps .referral-reward-steps-card {
        padding: 57px 50px;
    }

    .home-page-content:not(.shrink) .comission-condition-container .comission-condition-container-table-holder img {
        left: -88px;
    }

    .home-page-content:not(.shrink) .referral-page .referral-promotion-bonus-container .refer-a-friend-bonus-container {
        padding: 100px 96px 50px;
    }

    .home-page-content:not(.shrink) .referral-page .referral-promotion-bonus-container .refer-a-friend-bonus-container>div img {
        max-width: 270px;
        top      : -122px;
        left     : 80px;
    }

    .comission-condition-container .comission-condition-container-table-holder {
        padding: 36px 8px 40px;
    }

    .home-page-content:not(.shrink) .comission-condition-container .comission-condition-container-table-holder img {
        left: -164px;
    }

    .comission-condition-container .comission-condition-container-table-holder img {
        left: -88px;
    }

    .comission-condition-container .comission-condition-container-table-holder table tr th,
    .comission-condition-container .comission-condition-container-table-holder table tr td {
        padding: 0px 16px;
    }

    .nm-widget.category-nav,
    .product_categories-widget {
        padding: 16px 16px 8px !important;

        & .card-icon-page-links {
            display        : flex;
            justify-content: start;
            overflow-x     : auto;
            padding-bottom : 8px;
        }

        .w-product-categories-display {
            justify-content: start;
            overflow-x     : auto;
            padding-bottom : 8px;
        }
    }


    #app_header .player-information-header .left-align {
        & ul {
            a {
                span {
                    display: none;
                }
            }
        }
    }
}

@media only screen and (max-width: 1400px) {
    .home-page-content.shrink .terms-and-condition-container {
        padding: 65px 104px 100px;
    }

    .home-page-content .terms-and-condition-container {
        padding: 65px 74px 100px;
    }

    .referral-page .referral-card {
        grid-template-columns: repeat(1, 1fr);
        gap                  : 160px;
        padding              : 114px 40px 107px 160px
    }


    .referral-page .referral-comission .commission-paid p,
    .referral-page .referral-comission .total-comission-paid p {
        font-size: 14px;
    }

    .referral-page .referral-comission .commission-paid h1,
    .referral-page .referral-comission .total-comission-paid h1 {
        font-size: 16px;
    }

    .referral-page .referral-reward-steps .referral-reward-steps-card img {
        width : 69px;
        height: 69px;
    }

    .referral-page .referral-reward-steps .referral-reward-steps-card {
        padding: 56px 48px;
    }


    .home-page-content:not(.shrink) .referral-page .earn-referral-reward-container>p {
        padding: 0;
    }

    .home-page-content:not(.shrink) .referral-page .earn-referral-reward-container .how-to-use-container {
        padding: 119px 0 102px;
    }

    .home-page-content:not(.shrink) .referral-page .earn-referral-reward-container .how-to-use-container .how-to-use-container-wrapper img {
        left: -32px;
    }

    .home-page-content:not(.shrink) .referral-page .referral-promotion-bonus-container .refer-a-friend-bonus-container {
        padding: 83px 57px 29px;
    }

    .home-page-content:not(.shrink) .referral-page .referral-promotion-bonus-container .refer-a-friend-bonus-container>div img {
        left : 24px;
        top  : -106px;
        width: 900px;
    }

    .referral-page .referral-promotion-bonus-container .refer-a-friend-bonus-container {
        padding: 96px 57px 29px;
    }

    .referral-page .referral-promotion-bonus-container .refer-a-friend-bonus-container>div img {
        width: 240px;
        top  : -116px;
        left : 80px;
    }

    .vip-levels {
        grid-template-columns: repeat(6, 1fr);
    }

    .vip-levels .vip-icon-item {
        grid-column   : span 2;
        display       : flex;
        flex-direction: column;
    }

    .vip-levels .vip-icon-item:nth-child(4),
    .vip-levels .vip-icon-item:nth-child(9) {
        grid-column-end: -4;
        display        : flex;
    }

    #app_header.main-header-container .logo-container {
        padding-right: 0 !important;
    }
}

@media only screen and (max-width: 1200px) {
    .layout-wrapper .header-section {
        width: calc(100% + 64px) !important;
        left : -64px;
    }

    #modernSkin .close-left-nav {
        right     : 50px !important;
        top       : -51px !important;
        z-index   : 9999;
        background: var(--color-default) !important;
    }

    #modernSkin #app_left_navigation.menu-nav .close-left-nav i:before {
        content          : '';
        background-image : url(https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSOKK/design-assets/header/Bitcoin.Games_Burger_Menu.png);
        height           : 24px;
        width            : 24px;
        display          : inline-block;
        background-size  : contain;
        background-repeat: no-repeat;
        transform        : rotate(180deg);
    }

    .casino_search-widget .modal-trigger-wrapper .search-button-field {
        width: fit-content !important;
    }

    .casino_search-widget .modal-trigger-wrapper .search-button-field button {
        font-size: 0 !important;
    }

    #app_footer {
        padding: 24px 0 100px !important;
    }

    #app_footer .footer-wrapper {
        padding: 0;
    }

    #app_footer .footer-wrapper .top-footer {
        flex-direction: column;
        gap           : 32px;
    }

    #app_footer .footer-wrapper .top-footer .footer-details {
        flex: 0 0 auto;
    }

    #app_footer .footer-wrapper .footer-menu {
        padding-left         : 0;
        grid-template-columns: repeat(2, 1fr) !important;
        gap                  : 32px 16px !important;
    }

    #app_footer .footer-wrapper .subfooter-payments {
        flex-wrap: wrap;
    }

    #app_footer .footer-wrapper .subfooter-providers {
        flex-wrap: wrap;
    }

    #modal-user-profile {
        z-index: 9999;
    }

    #modal-user-profile .modal-body .modal-wrapper .sidenav-system {
        max-width: 250px;
    }

    .section-system-filter>.col-md-5,
    .section-system-filter>.col-md-7,
    #my-komp-points .referral-link.p-2 {
        flex     : 0 0 100%;
        max-width: 100%;
    }

    #my-komp-points .referral-link.p-2.text-right {
        text-align: left !important;
        margin-top: 16px;
    }

    .section-system-filter>.col-md-7 .offset-md-6 {
        margin-left: 0;
        margin-top : 16px;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .grp-date-range {
        max-width: 100%;
    }

    #user-profile-change-password .section-system-main .col-md-4 {
        flex     : 0 0 50%;
        max-width: 50%;
    }

    #my-komp-points .referral-link.form .form-group .col-2 {
        flex     : 0 0 40%;
        max-width: 40%;
    }

    #komp-transactions-history .section-system-filter .form-group {
        margin-bottom: 16px;
        flex         : 0 0 40%;
        max-width    : 40%;
    }

    #notification-page .subject-notification,
    #notification-page .date-notification {
        width  : 100%;
        display: inline-block;
    }

    #notification-page .date-notification .mr-4 {
        margin-right: 0 !important;
    }

    #notification-page .notification-body-message {
        text-align  : left;
        font-family : 14px;
        margin-right: 0 !important;
    }

    #notification-page .btn-notificaton-body ul {
        display       : flex;
        flex-direction: column;
    }

    #notification-page .btn-notificaton-body ul li:first-child {
        text-align   : right;
        order        : 2;
        margin-bottom: 8px;
    }

    #notification-page .btn-notificaton-body ul li:nth-child(2) {
        order: 1;
    }

    #notification-page .btn-notificaton-body ul li:last-child {
        order: 3;
    }

    #notification-page .deleteButton {
        vertical-align: top;
        text-align    : left;
    }

    .home-page-content.shrink .terms-and-condition-container {
        padding: 65px 32px 100px;
    }

    .referral-page .referral-card .referral-reward .referral-reward-container img {
        max-width: 328px;
        position : absolute;
        left     : 0px;
    }

    .referral-page .referral-comission {
        padding: 0;
    }

    .referral-page .earn-referral-reward-container>p {
        padding: 0;
    }

    .referral-page .earn-referral-reward-container .how-to-use-container {
        padding: 119px 0 102px;
    }

    .comission-condition-container .comission-condition-container-table-holder img {
        left: -164px;
    }

    .referral-page .referral-promotion-bonus-container .refer-a-friend-bonus-container {
        padding: 83px 57px 29px;
    }

    .referral-page .referral-promotion-bonus-container .refer-a-friend-bonus-container>div img {
        top  : -104px;
        width: 268px;
    }

    #app_header.main-header-container .logo-container .hamburger-menu-button-container {
        padding: 0 0 0 24px !important;
    }
}

@media only screen and (max-width: 991px) {
    .card-icon-page-links .card-icon-item span {
        font-size: 12px;
    }

    .two-row-gamelobby .game-lobby-renderer.horizontal,
    .two-row-gamelobby .loader-container.horizontal div,
    .category-page-content .game-lobby-renderer.horizontal,
    #modernSkin .loader-container.horizontal div {
        grid-auto-columns: calc(calc(100% - 48px) / 4) !important;
    }

    #provider-game-list-page-casino-group .game-lobby-renderer.tiles,
    #provider-game-list-page-casino-group .loader-container.tiles div {
        grid-template-columns: repeat(4, 1fr);
    }

    .bottom-logos>div {
        grid-template-columns: repeat(4, 1fr);
    }

    .promo-page .promoTabContent.active {
        grid-template-columns: repeat(2, 1fr);
    }

    #modernSkin .content-wrapper .game-lobby-renderer.tiles,
    .loader-container.tiles div {
        grid-template-columns: repeat(4, 1fr);
    }

    .vip-levels .vip-icon-details {
        padding: 16px;
    }

    .vip-levels .vip-icon-details ul li {
        font-size: 12px;
        height   : fit-content;
        padding  : 8px 0;
    }

    .vip-levels .vip-icon-details ul li img {
        max-width: 24px;
    }

    .info-accordion-wrapper {
        flex-direction: column;
    }

    .bnnrw .carousel {
        height: 300px;
    }

    .carousel-indicators {
        top: 264px;
    }

    #modal-user-profile .modal-body .modal-wrapper .sidenav-system {
        padding-top: 24px;
    }

    #modal-user-profile .modal-body .modal-wrapper .sidenav-system .grp-account {
        padding: 0 32px 12px !important;
    }

    #modal-user-profile .modal-body .modal-wrapper .sidenav-system .grp-balance {
        padding: 0 16px !important;
    }

    #modal-user-profile .modal-body .modal-wrapper .grp-balance .btn-balance-wrapper {
        padding: 0 0 8px 0 !important;
    }

    #modal-user-profile .modal-body .modal-wrapper .grp-balance .btn-bonus-balance-wrapper {
        padding: 0 !important;
    }

    #modal-user-profile .modal-body .modal-wrapper .sidenav-system .grp-balance .col-6 .btn-wallet-balance,
    #modal-user-profile .modal-body .modal-wrapper .sidenav-system .grp-balance .col-6 .btn-bonus-balance {
        padding  : 8px !important;
        font-size: 14px !important;
    }

    .btn-system-balance i {
        margin-right: 8px !important;
        font-size   : 16px;
    }

    .nav-tab-system-vertical {
        margin-top: 24px;
    }

    #modal-user-profile .modal-body .modal-wrapper .nav-tab-system-vertical ul li a {
        font-size: 16px !important;
    }

    #modal-user-profile .modal-body:before {
        width           : 54px;
        background-image: url(https://alpha-static.gpfront.com/DOSKKO/design-assets/img/betenjoy-new-mobile.png);
    }

    .nav-tab-system-horizontal .nav-tabs {
        gap: 8px;
    }

    .nav-tab-system-horizontal .nav-tabs .nav-item a,
    .user-referral-commission-history .user-referral-commission-history-tabs li,
    .komp-section-tab {
        font-size: 14px;
        padding  : 0 12px;
    }

    .table-system th {
        font-size: 14px;
    }

    .table-system tbody tr td {
        height   : 40px;
        font-size: 12px;
    }

    .btn-system-amount {
        margin-bottom: 12px;
        margin-right : 8px;
    }

    .section-system-main,
    .section-system-notif,
    .section-system-main-lg {
        margin : 0 0 24px 0;
        padding: 16px;
    }

    .section-system-table {
        padding: 16px;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .tab-header .btn-back {
        left: -50px;
    }

    #my-komp-points .referral-link.form .form-group {
        margin : 0;
        padding: 0 !important;
    }

    #my-komp-points .referral-link.form .form-group .col-2,
    #komp-redemption .btn-system-amount-wrapper .col-8 {
        flex     : 0 0 100%;
        max-width: 100%;
    }

    body.logged-in {
        & #app_header.main-header-container .logo-container.non-loggedin {
            display: none !important;
        }

        & #app_header.main-header-container .logo-container.loggedin {
            display: flex !important;
        }

        & #app_header.main-header-container .logo-container.loggedin .desktop-logo {
            display: none !important;
        }

        & #app_header.main-header-container .logo-container.loggedin .mobile-logo {
            display: block !important;
        }

        & #modernSkin .close-left-nav {
            right: 188px !important;
        }
    }

    .tournament-list-item-wrapper {
        & .tournament-list-item {
            & .tournament-item-detail-panel {
                & .tournament-panel-leaderboard {
                    width: 100%;
                }
            }
        }
    }

    .tournament-view-wrapper {
        & .container-fluid {
            & .tournament-panel {
                & .tournament-view-title-panel {
                    padding: 120px 24px 0;

                    & .tournament-title {
                        font-size: 40px;
                    }
                }

                & .tournament-view-image {
                    & img {
                        height: 300px;
                    }
                }
            }

            & .tournament-view-games {
                & .tournament-view-games-article {
                    & .tournament-view-games-article-thumbnails {
                        grid-template-columns: repeat(4, 1fr);
                    }
                }
            }
        }
    }

    .referral-page .money-rewards-tnc-container {
        gap: 24px;
    }

    .referral-page .sign-up-wrapper .sign-up-container {
        width: 100%;
    }

    .referral-page .sign-up-wrapper .sign-up-container:first-child div {
        gap: 16px;
    }

    .referral-page .sign-up-wrapper .sign-up-container:first-child div:last-child {
        margin-top: 16px;
        gap       : 16px;
    }

    .referral-page .referral-comission img {
        display: none;
    }

    .referral-page .referral-reward-steps .referral-reward-steps-card,
    .home-page-content:not(.shrink) .referral-page .referral-reward-steps .referral-reward-steps-card {
        padding        : 26px 20px;
        justify-content: center;
    }

    .referral-page .referral-reward-steps .referral-reward-steps-card img {
        margin: 0;
    }

    .referral-page .referral-promotion-bonus-container .refer-a-friend-bonus-container>div img {
        display: none;
    }

    .referral-page .referral-promotion-bonus-container .refer-a-friend-bonus-container>div:first-child {
        width    : 100%;
        max-width: 100%;
    }

    .referral-page .referral-promotion-bonus-container .refer-a-friend-bonus-container>div:last-child {
        width: 0%;
    }

    .referral-page .earn-referral-reward-container .how-to-use-container .how-to-use-container-wrapper,
    .comission-condition-container .comission-condition-container-table-holder>div {
        max-width: 199%;
    }

    .referral-page .earn-referral-reward-container .how-to-use-container .how-to-use-container-wrapper:last-child,
    .comission-condition-container .comission-condition-container-table-holder>div:first-child {
        display: none;
    }

    .referral-page .referral-card,
    .home-page-content:not(.shrink) .referral-page .referral-card {
        padding: 89px 0px 107px 88px;
    }

    .referral-page .referral-card .referral-reward .referral-reward-container>div {
        display       : flex;
        flex-direction: column;
    }

    .referral-page .sign-up-wrapper {
        flex-direction: column;
    }

    .tournament-list-modern-wrapper {
        margin-top: -200px;
    }

    #modernSkin .game-provider-list {
        grid-auto-columns: calc(calc(100% - 48px) / 4) !important;
    }

    .referral-page .sign-up-wrapper .sign-up-container:first-child {
        padding: 56px 0 24px;
    }

    .referral-page .referral-reward-steps {
        flex-direction: column;
    }

    .article-details {
        width: 100%;

        & .promo-content {
            & p {
                font-size  : 16px;
                line-height: 24px;
            }

            & .article-section-box {
                padding: 32px 48px;
            }
        }

        .promotion-table {
            overflow-x: auto;
        }
    }

    #modernSkin #app_header .player-information-header {
        justify-content: end !important;
    }

    #app_header .player-information-header .left-align {
        display: none !important;

        .menuw {
            display: none;
        }
    }


    .vip-header {
        h2 {
            font-size: 32px;
        }

        p {
            font-size: 18px;
        }

        .accordion-container {
            margin: 24px 0 12px;

            .panel {
                p {
                    font-size: 16px;
                }
            }
        }
    }
}

@media only screen and (max-width: 768px) {
    #mtUserprofileMobile {
        display: none !important;
    }

    .nm-widget.login-w .dropdown.desktop {
        display: inline-block !important;
    }

    .nav-tab-system-horizontal .nav-tabs .nav-item {
        margin: 0;
    }

    .btn-system-footer {
        width: fit-content;
    }

    .tournament-view-wrapper {
        margin-left : 0;
        margin-right: 0;
    }

    .bank-accounts-table-mobile ul {
        margin-left: 0 !important;
    }

    .bank-accounts-table-mobile ul li form {
        align-items: center;
    }

    .bank-accounts-table-mobile form input {
        background   : var(--bg-input-select);
        height       : var(--height-input-select);
        padding      : var(--padding-input-select) !important;
        border       : var(--border-input-select);
        border-radius: var(--border-radius-input-select) !important;
        color        : var(--color-input-select);
        font-weight  : 400;
        font-size    : 14px !important;
    }

    .bank-accounts-table-mobile form input:focus {
        outline: 0;
    }

    .bank-accounts-table-mobile form button {
        height          : 40px;
        font-size       : 14px;
        padding         : 0 16px;
        background-color: transparent;
        background      : var(--bg-button-reverse);
        color           : var(--color-button);
        border          : 0;
        font-weight     : 600;
        border-radius   : 8px;
    }

    .bank-accounts-table-mobile form button:not(:last-child):hover {
        background: var(--bg-button);
        color     : var(--color-button);
    }

    .bank-accounts-table-mobile form button.cancel-btn {
        background: var(--bg-button);
        color     : rgba(255, 255, 255, 0.35);
    }

    .bank-accounts-table-mobile form button.cancel-btn:hover {
        color: var(--color-button);
    }

    .bank-accounts-table-mobile ul li {
        position: relative;
    }

    .bank-accounts-table-mobile ul li small {
        position: absolute;
        right   : 150px;
        top     : 50px;
    }

    .active-bonuses-tab .active-bonus-item .detail,
    .active-bonuses-tab .available-bonus-item .detail,
    .available-bonuses-tab .active-bonus-item .detail,
    .available-bonuses-tab .available-bonus-item .detail {
        margin-bottom: 16px;
        margin-top   : 0 !important;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .transaction-history-mobile .transaction-item .transaction-header .grp-sub-info p,
    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .transaction-history-mobile .transaction-content {
        font-size: 12px !important;
    }

    #komp-system .section-system-table {
        display : block !important;
        overflow: auto
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper p {
        font-size: 12px
    }
}

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

    .layout-wrapper .header-section,
    #app_left_navigation.menu-nav.shrink~.content-wrapper .header-section {
        width: 100% !important;
        left : 0px;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content {
        height     : fit-content !important;
        padding-top: 80px !important;
    }

    #modernSkin #app_header #brand-logo {
        height: 40px !important;
    }

    .category-cards .category-items {
        margin-top: 32px;
    }

    #modernSkin #app_mobile_navigation {
        height       : 90px;
        background   : var(--bg-mobile-nav);
        border-radius: 16px 16px 0 0;
    }

    #modernSkin #app_mobile_navigation .mobile-menu {
        height: 100%;
    }

    #modernSkin #app_mobile_navigation .mobile-menu ul li {
        position       : relative;
        flex-direction : column;
        justify-content: center;
        gap            : 8px;
        color          : var(--color-default);
    }

    #modernSkin #app_mobile_navigation .mobile-menu ul li .hamburger-menu-button-container {
        padding: 0;
    }

    #modernSkin #app_mobile_navigation .mobile-menu ul li .hamburger-menu-button-container img {
        width: 32px;
    }

    #modernSkin #app_mobile_navigation .mobile-menu ul li a {
        display        : flex;
        justify-content: center;
        flex-direction : column;
        align-self     : center;
        gap            : 8px;
        color          : var(--color-default);
    }

    #modernSkin #app_mobile_navigation .mobile-menu ul li a img {
        height    : 32px;
        object-fit: contain;
    }

    #onlinehelp-button-b29c3ce0-e44d-41de-a9f1-1b1637a26c16 iframe {
        bottom: 90px !important;
    }

    #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.shrink {
        width: 296px !important;
    }

    #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.shrink .menu-container .nav-item a {
        padding: 0 16px !important;
    }

    #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.shrink .menu-container .nav-item a i {
        position: relative !important;
        margin  : 0 8px 0 0 !important;
    }

    #app_left_navigation.menu-nav.shrink .nm-widget.language-w .language-public .language,
    #app_left_navigation.menu-nav.shrink a.custom-chat-link {
        font-size: 16px;
    }

    #app_left_navigation.menu-nav.shrink .nm-widget.language-w .language-public,
    #app_left_navigation.menu-nav.shrink a.custom-chat-link {
        padding: 0 16px;
    }

    #modernSkin .close-left-nav {
        filter: drop-shadow(2px 4px 6px var(--color-default));
    }

    body.logged-in {
        & #modernSkin .close-left-nav {
            right: 0 !important;
        }
    }

    #modernSkin #app_left_navigation.menu-nav .close-left-nav i:before {
        height: 32px;
        width : 32px;
    }

    .nm-widget.register-w .btn-join,
    .nm-widget .login {
        padding: 0 14px;
    }

    #modernSkin #app_footer .footer-wrapper .footer-menu .menu-column .menuw {
        display: block !important;
    }

    #modernSkin #app_mobile_navigation .mobile-menu ul {
        padding: 0 12px;
        height : 100%;
    }

    #app_footer .footer-wrapper .subfooter-providers img {
        max-width: 120px;
    }

    .vip-levels {
        gap: 16px;
    }

    .komp-page .kompTabContent.active {
        padding: 24px;
    }

    .card-box-section {
        grid-template-columns: repeat(1, 1fr);
        grid-auto-rows       : auto;
        gap                  : 16px;
    }

    #app_left_navigation.menu-nav.shrink section .side-menu ul .nav-item a:hover::before,
    #app_left_navigation.menu-nav.shrink section .side-menu ul .nav-item a.active::before,
    #app_left_navigation.menu-nav.shrink .nm-widget.language-w .language-public:hover:before,
    #app_left_navigation.menu-nav.shrink a.custom-chat-link:hover::before {
        left : 0px;
        width: 100%;
    }

    #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.shrink .menu-container .nav-item a:hover span {
        position   : relative !important;
        left       : auto !important;
        margin-left: 0 !important;
        padding    : 0 !important;
        box-shadow : none;
    }

    #modernSkin #app_mobile_navigation .mobile-menu ul li#sports img {
        height    : 32px;
        object-fit: contain;
    }

    .mobile-menu #mobile-menu-items li#sports .menu {
        position: absolute;
        height  : 100%;
        width   : 90px;
    }

    .mobile-menu #mobile-menu-items li#sports .menu-item a {
        filter  : drop-shadow(0px 0px 6px #6d6d6d);
        gap     : 4px;
        position: relative;
    }

    .mobile-menu #mobile-menu-items .menu-toggler {
        position: absolute;
        display : block;
        top     : 0;
        left    : 0;
        margin  : auto;
        width   : 100%;
        height  : 100%;
        z-index : 2;
        opacity : 0;
        cursor  : pointer;
    }

    .mobile-menu #mobile-menu-items .menu-item {
        position  : absolute !important;
        top       : 0;
        bottom    : 0;
        left      : 0;
        right     : 0;
        margin    : auto;
        width     : fit-content !important;
        height    : auto;
        opacity   : 0 !important;
        transition: 0.2s ease-in-out;
    }

    .mobile-menu #mobile-menu-items .menu-toggler:checked~ul .menu-item {
        opacity: 1 !important;
    }

    .mobile-menu #mobile-menu-items .menu-item a:hover {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
        color     : white;
        background: rgba(255, 255, 255, 0.3);
        font-size : 44.44px
    }

    .mobile-menu #mobile-menu-items .menu .menu-item a p {
        font-size     : 14px;
        color         : var(--color-nav-title);
        pointer-events: none;
    }

    .mobile-menu #mobile-menu-items .menu .menu-item a::before {
        content          : "";
        width            : 24px;
        background-size  : contain;
        background-repeat: no-repeat;
        height           : 24px;
        margin-left      : 50%;
        transform        : translateX(-50%);
        pointer-events   : none;
    }

    .mobile-menu #mobile-menu-items .menu .menu-item a:hover {
        text-decoration: none;
    }

    .mobile-menu #mobile-menu-items .menu .menu-item .menu-item-virtual::before {
        background-image: var(--content-virtual-sports-icon);
    }

    .mobile-menu #mobile-menu-items .menu .menu-item .menu-item-digitain::before {
        background-image: var(--content-digitain-sports-icon);
    }

    .mobile-menu #mobile-menu-items .menu .menu-item .menu-item-bt1::before {
        background-image: var(--content-bti-sports-icon);
    }

    .mobile-menu #mobile-menu-items .menu .menu-item .menu-item-pinnacle::before {
        background-image: var(--content-ap-sports-icon);
    }

    .mobile-menu #mobile-menu-items .menu .menu-item .menu-item-e-sports::before {
        background-image: var(--content-e-sports-icon);
        margin-top      : 3px;
    }

    .mobile-menu #mobile-menu-items .menu-item:nth-child(1) {
        transform: rotate(-45deg) translate(0);
    }

    .mobile-menu #mobile-menu-items .menu-toggler:checked~ul .menu-item:nth-child(1) {
        transform: rotate(0deg) translate(-140px, -75px);
    }

    .mobile-menu #mobile-menu-items .menu-item:nth-child(2) {
        transform: rotate(-45deg) translate(0);
    }

    .mobile-menu #mobile-menu-items .menu-toggler:checked~ul .menu-item:nth-child(2) {
        transform: rotate(0) translate(-70px, -105px);
    }

    .mobile-menu #mobile-menu-items .menu-item:nth-child(3) {
        transform: rotate(-45deg) translate(0);
    }

    .mobile-menu #mobile-menu-items .menu-toggler:checked~ul .menu-item:nth-child(3) {
        transform: rotate(0) translate(0, -120px);
    }

    .mobile-menu #mobile-menu-items .menu-item:nth-child(4) {
        transform: rotate(-45deg) translate(0);
    }

    .mobile-menu #mobile-menu-items .menu-toggler:checked~ul .menu-item:nth-child(4) {
        transform: rotate(0) translate(70px, -105px);
    }

    .mobile-menu #mobile-menu-items .menu-item:last-child {
        transform: rotate(-45deg) translate(0);
    }

    .mobile-menu #mobile-menu-items .menu-toggler:checked~ul .menu-item:last-child {
        transform: rotate(0) translate(140px, -75px);
    }

    #modal-user-profile .modal-body .modal-wrapper {
        padding: 110px 16px 0;
    }

    #modal-user-profile .modal-body .modal-wrapper .mobile-header {
        background: transparent;
    }

    #modal-user-profile .modal-body .modal-wrapper .mobile-header .header {
        padding      : 8px 0 16px;
        font-size    : 16px;
        position     : relative;
        border-bottom: 0;
    }

    #modal-user-profile .modal-body .modal-wrapper .mobile-header .header:before {
        content       : '';
        position      : absolute;
        height        : 1px;
        width         : 100%;
        bottom        : 0;
        left          : 0;
        background    : linear-gradient(270deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, 0) 80%) !important;
        pointer-events: none;
        filter        : opacity(0.7);
    }

    #modal-user-profile .modal-body .modal-wrapper .mobile-header .btn-back {
        top : 10px;
        left: 16px;
    }

    #modal-user-profile .modal-body .modal-wrapper .grp-balance {
        padding: 24px 16px 8px;
    }

    #modal-user-profile .modal-body .modal-wrapper .grp-balance .btn-balance-wrapper .btn-wallet-balance i,
    #modal-user-profile .modal-body .modal-wrapper .grp-balance .btn-bonus-balance-wrapper .btn-bonus-balance i {
        margin-right   : 8px;
        background-size: 100%;
        color          : var(--color-button);
    }

    #modal-user-profile .content-wrapper-system {
        padding-left : 16px;
        padding-right: 16px;
        margin-top   : 0;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .transaction-history-mobile>.row {
        margin: 0;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .transaction-history-mobile .transaction-item,
    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .transaction-history-mobile .transaction-item:hover {
        background   : var(--bg-panel-2);
        border-radius: 8px;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .transaction-history-mobile .transaction-item:hover {
        border: 2px solid rgba(255, 255, 255, 0.1);
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .transaction-history-mobile .transaction-item .transaction-header:hover {
        color          : var(--color-default);
        text-decoration: none;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .transaction-history-mobile .transaction-content.collapse {
        visibility: visible;
    }

    .report.casino-bet .wrapper-search {
        max-width    : 50%;
        margin-bottom: 16px;
    }

    #modal-user-profile .content-wrapper-system {
        max-height: calc(100vh - 200px);
    }

    #my-komp-points .referral-link.form .form-group .col-2,
    #komp-redemption .btn-system-amount-wrapper .col-8,
    #komp-redemption .btn-system-amount-wrapper .col-4 {
        flex     : 0 0 50%;
        max-width: 50%;
    }

    #komp-redemption .btn-system-amount-wrapper .col-4 .dropdown {
        width: 100%;
    }

    #komp-redemption .btn-system-amount-wrapper .col-4 #redeemRewardTypeBtn {
        min-width: 100%;
    }

    #komp-redemption .btn-system-amount-wrapper .row.m-1.col-12 .lbl-system {
        margin-left: 0;
        margin-top : 8px;
    }

    #modernSkin #app_mobile_navigation .mobile-menu ul li .menu ul li a:after {
        content       : " ";
        position      : absolute;
        background    : var(--bg-mobile-nav);
        width         : 42px;
        height        : 42px;
        border-radius : 50%;
        top           : -9px;
        left          : 50%;
        z-index       : -1;
        transform     : translateX(-50%);
        pointer-events: none;
    }

    #modernSkin #app_mobile_navigation .mobile-menu ul li .menu ul:before {
        content   : '';
        position  : absolute;
        left      : 50%;
        transform : translateX(-50%) scale(1);
        top       : -19px;
        width     : 35px;
        height    : 20px;
        transition: transform 0.2s ease;
        background: var(--bg-mobile-nav);
        clip-path : polygon(50% 20%, 0% 100%, 100% 100%);
    }

    .mobile-menu #mobile-menu-items .menu-toggler:checked~ul:before {
        transform: translateX(-50%) scale(0) !important;
    }

    .nav-tab-system-horizontal .nav-tabs .nav-item a,
    .user-referral-commission-history .user-referral-commission-history-tabs li,
    .komp-section-tab {
        font-size: 12px;
        padding  : 0 8px;
    }

    .home-page-content .terms-and-condition-container {
        padding: 65px 12px 100px;
    }

    .tournament-list-item-wrapper {
        & .tournament-list-item {
            & .tournament-item-detail-panel {
                & .tournament-panel-data {
                    width: 100%;

                    & .tournament-panel-data-item {
                        min-width: 100%;
                    }
                }
            }
        }
    }

    .tournament-view-wrapper {
        & .container-fluid {
            & .tournament-panel {
                & .tournament-timer-detail-panel {
                    & .tournament-prize-pool {
                        width: 100%;
                    }
                }

                & .tournament-view-details {
                    width: 100%;
                }
            }
        }
    }

    .referral-page .referral-card .referral-reward {
        flex-direction: column-reverse;
    }

    .referral-page .referral-card,
    .home-page-content:not(.shrink) .referral-page .referral-card {
        padding: 89px 24px 107px 24px;
    }

    .referral-page .referral-card .referral-reward .referral-reward-container {
        max-width: 100%;
    }

    .referral-page .referral-card .referral-reward .referral-reward-container:first-child {
        height         : fit-content;
        justify-content: center;
        align-items    : center;
        text-emphasis  : center;
    }

    .referral-page .referral-card .referral-reward .referral-reward-container:last-child {
        height: 300px;
    }

    .home-page-content:not(.shrink) .referral-page .referral-card .referral-reward .referral-reward-container img,
    .referral-page .referral-card .referral-reward .referral-reward-container img {
        top      : -24px;
        left     : 50%;
        transform: translateX(-50%);
    }

    .referral-page .referral-card .referral-reward h2 {
        text-transform: uppercase;
        font-size     : 26px;
    }

    .referral-page .money-rewards-tnc-container {
        flex-direction: column;
        width         : fit-content;
        margin        : 16px auto;
    }

    .referral-page .referral-card .referral-promotion {
        flex-direction: column-reverse;
    }

    .referral-page .terms-and-conditions-container {
        padding: 30px 36px 36px;
    }

    .referral-page .earn-referral-reward-container,
    .referral-page .referral-promotion-bonus-container {
        padding: 72px 16px 36px;
    }

    .referral-page .referral-card .referral-promotion .referral-promotion-container img {
        left     : 50%;
        transform: translateX(-50%);
    }

    .referral-page .referral-card .referral-promotion .referral-promotion-container {
        max-width      : 100%;
        justify-content: center;
        align-items    : center;
        display        : flex;
        flex-direction : column;
    }

    .referral-page .referral-card .referral-promotion .referral-promotion-container:last-child {
        height: 300px;
    }

    #app_left_navigation.menu-nav.shrink .nm-widget.language-w .language-public .dropdown-menu a {
        font-size: 16px !important;
        width    : 100%;
        padding  : 8px !important;
        gap      : 8px;
    }

    .article-details {
        & .promo-content {
            & .article-section-box {
                & img {
                    &.mobile-img {
                        display: block;
                    }

                    &.desktop-img {
                        display: none;
                    }
                }
            }
        }
    }

    #my-komp-points .tab-content-wrapper .section-system-main>.col-12 .row .referral-link:nth-child(2) {
        text-align: left !important
    }

    #komp-transactions-history .komp-history-tab .transaction-history-table .table-system-header thead {
        display: none
    }

    #komp-transactions-history .komp-history-tab .transaction-history-table .table-system-header tbody {
        background: none
    }

    #komp-transactions-history .komp-history-tab .transaction-history-table .table-system-header tbody tr {
        display       : flex;
        flex-direction: column;
        width         : 100%;
        max-width     : 100%;
        text-align    : right;
        ;
        margin       : 0 0 24px 0;
        border-radius: 16px
    }

    #komp-transactions-history .komp-history-tab .transaction-history-table .table-system-header tbody tr td {
        position     : relative;
        padding      : 15px 20px 15px 130px;
        text-align   : right !important;
        min-height   : 50px;
        color        : var(--color-subnav-tab) !important;
        border-radius: 0px;
    }

    #komp-transactions-history .komp-history-tab .transaction-history-table .table-system-header tbody tr td:first-child {
        border-top-left-radius : 16px;
        border-top-right-radius: 16px;
    }

    #komp-transactions-history .komp-history-tab .transaction-history-table .table-system-header tbody tr td:last-child {
        border-bottom-left-radius : 16px;
        border-bottom-right-radius: 16px;
    }

    #komp-transactions-history .komp-history-tab .transaction-history-table .table-system-header tbody tr td:before {
        position: absolute;
        left    : 20px;
        color   : var(--color-blue);
    }

    #komp-transactions-history .komp-history-tab .transaction-history-table .table-system-header tbody tr td:only-child:before {
        content: " " !important
    }

    #komp-transactions-history .komp-history-tab .transaction-history-table .table-system-header tbody tr td span.text.guid {
        text-wrap: auto
    }

    .tencoin-deposit-currency menu,
    .tencoin-withdrawal-currency menu,
    .tencoin-deposit-network menu,
    .tencoin-withdrawal-network menu {
        top   : -234px !important;
        height: 234px;
    }

    .tencoin-deposit-currency menu ul,
    .tencoin-withdrawal-currency menu ul,
    .tencoin-deposit-network menu ul,
    .tencoin-withdrawal-network menu ul {
        max-height: 180px !important;
    }

    .event-content-card {
        min-width: 319px !important;
    }

    .bti-sports-event-container .events-content-container .right-button,
    .bti-sports-event-container .events-content-container .left-button,
    .bti-sports-event-container .sports-list-container .right-button,
    .bti-sports-event-container .sports-list-container .left-button {
        display: none !important;
    }

    #modal-user-profile .modal-dialog .modal-body img.user-profile-modal-logo {
        content: url(https://alpha-static.gpfront.com/DOSOKK/assets/logos/mobile-v2-betenjoy-logo.png) !important;
        width  : 64px !important;
        height : 64px !important;
        top    : -96px !important;
        left   : 8px !important;
    }

    .event-content {
        scroll-snap-type: x mandatory;
    }

    .event-content-card {
        scroll-snap-align: center;
    }

    .sports-wrap .sports-fullscreen {
        display        : flex !important;
        justify-content: center;
        align-items    : center;
    }


    #page_content_modern .sports-wrap .btis-stage-container iframe,
    #page_content_modern .sports-wrap .sports-book-container iframe,
    #page_content_modern .sports-wrap .sports-book-container sport-mobile,
    #page_content_modern .sports-wrap #pinnacle-sports,
    #page_content_modern .sports-wrap #pinnacle-esports-hub-game-widget-pinnacle-wkprop {
        height    : 100% !important;
        min-height: calc(100dvh - 150px) !important;
        max-height: calc(100dvh - 150px) !important;
        overflow  : auto;
    }


    #page_content_modern.focused .sports-wrap #pinnacle-sports,
    #page_content_modern.focused .sports-wrap #pinnacle-esports-hub-game-widget-pinnacle-wkprop {
        min-height: calc(100dvh - 60px) !important;
    }


    body.modal-open {
        overflow: hidden;
        position: fixed;
        width   : 100%;
        height  : 100%;
    }

    #komp-redemption .section-system.header.m-4 {
        margin : 24px 16px !important;
        padding: 0 !important;
    }

    #komp-redemption .section-system.header.m-4 p {
        font-size: 16px;
    }

    #komp-redemption .section-system-main.referral-link.form .col-12 p.komp-bonus-description {
        margin   : 8px 0px 16px -16px !important;
        font-size: 16px;
    }

    #komp-redemption .section-system-main.referral-link.form .row.form-group {
        display       : flex;
        flex-direction: column;
        width         : 100%;
        padding       : 0 !important;
        margin        : 0;
    }

    #komp-redemption .section-system-main.referral-link.form .row.form-group .col-3,
    #komp-redemption .section-system-main.referral-link.form .row.form-group .col-2 {
        display        : flex;
        justify-content: space-between;
        align-items    : center;
        flex           : 0 0 100%;
        max-width      : 100%;
        padding        : 8px;
        border-bottom  : 2px solid rgba(255, 255, 255, 0.1);
        background     : linear-gradient(180deg, rgba(29, 75, 229, 0.90) 0%, rgba(0, 102, 236, 0.90) 25%, rgba(13, 108, 235, 0.90) 50%, rgba(1, 88, 202, 0.90) 75%, rgba(24, 69, 220, 0.90) 100%);
    }

    #komp-redemption .section-system-main.referral-link.form .row.form-group .col-3:first-child {
        border-radius: 16px 16px 0 0;
    }

    #komp-redemption .section-system-main.referral-link.form .row.form-group .col-2:last-child {
        border-radius: 0 0 16px 16px;
    }

    #komp-redemption .section-system-main.referral-link.form .row.form-group .col-3 .form-prompt,
    #komp-redemption .section-system-main.referral-link.form .row.form-group .col-2 .form-prompt {
        margin: 0;
    }

    #komp-redemption .section-system-main.referral-link.form .row.form-group .col-3 span.ellipsis .copy-id-wrapper {
        position   : absolute;
        top        : 10px;
        margin-left: -24px;
    }

    #komp-redemption .section-system-main.referral-link.form div #kompBonusRedeemBtn {
        margin         : 8px auto;
        display        : flex;
        align-items    : center;
        justify-content: center;
    }

    #app_left_navigation.menu-nav.shrink .nm-widget.language-w .language-public .dropdown-menu a:hover:before {
        left : 0px;
        width: 100%;
    }

    .active-bonus-item .row .description-section-wrapper a,
    .active-bonus-item .row .description-section-wrapper .bonus-toggle-details-wrapper,
    .active-bonus-item .row .description-section-wrapper button.btn-system-disabled {
        width          : calc(50% - 4px);
        justify-content: center;
    }

    .active-bonus-item .row .description-section-wrapper .bonus-toggle-details-wrapper {
        position: absolute;
        bottom  : 0;
        right   : 0;
    }

    .active-bonus-item .row .description-section-wrapper .bonus-toggle-details-wrapper button {
        width          : 100%;
        justify-content: center;
    }

    #modernSkin #app_header {
        background: var(--bg-header);
    }

    #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.shrink .menu-container .nav-item a span {
        color: var(--color-default);
    }

    #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.shrink .menu-container .nav-item a.active span {
        color: var(--color-button-active);
    }
}

@media only screen and (max-width: 720px) {
    .promotion-popup-container {
        width      : calc(100vw - 16px);
        height     : calc(100dvh - 86px) !important;
        align-items: center;

        .promotion-item-card {
            .promotion-card {
                background-color: var(--bg-app-left-nav) !important;

                .promotion-card-content {
                    img {
                        max-height: calc(100dvh - 214px);
                    }
                }
            }
        }
    }
}

@media only screen and (max-width: 576px) {
    .custom-modal-container {
        & .custom-modal-body {
            height: fit-content !important;
        }
    }
}

@media only screen and (max-width: 575px) {
    #app_header.main-header-container {
        height: 70px !important;
    }

    .casino_search-widget {
        display: none;
    }

    #modernSkin #app_header .logo-container {
        padding-right: 8px !important;
        padding-left : 4px !important;
    }

    #modernSkin #app_header #brand-logo {
        height: 40px !important;
    }

    .nm-widget.register-w .btn-join,
    .nm-widget .login {
        padding      : 0 12px;
        font-size    : 14px;
        height       : 40px;
        border-radius: 8px;
    }

    .nm-widget .login:before,
    .nm-widget.register-w .btn-join:before {
        border-radius: 8px;
    }

    .nm-widget .login:after,
    .nm-widget.register-w .btn-join:after {
        height: 16px;
        width : 16px;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content {
        padding: 90px 8px 0 !important;
    }

    #modernSkin #app_header .player-information-header {
        padding-right: 8px !important;
    }

    .bnnrw .carousel {
        height: 200px;
    }

    .carousel-indicators {
        top: 164px;
    }

    .card-icon-page-links {
        gap: 8px;
    }

    .card-icon-page-links .card-icon-item {
        height: 135px;
    }

    .card-icon-page-links .card-icon-item img {
        max-height   : 75px;
        margin-bottom: 45px;
    }

    .card-icon-page-links .card-icon-item span {
        font-size : 10px;
        padding   : 0 8px;
        text-align: center;
    }

    .category-cards h4,
    .digitain-top-matches h4,
    .two-row-gamelobby .nm-widget .game-lobby-header .header-container h5 {
        font-size: 16px;
    }

    .category-cards h4 img,
    .digitain-top-matches h4 img,
    .nm-widget .game-lobby-header .header-container i:before {
        height: 24px;
        width : 24px;
    }

    .category-cards .category-items {
        gap: 8px;
    }

    .category-cards .cat-card-desc {
        font-size : 11px;
        padding   : 0 8px;
        text-align: center;
    }

    .two-row-gamelobby .game-lobby-renderer.horizontal,
    .two-row-gamelobby .loader-container.horizontal div,
    .category-page-content .game-lobby-renderer.horizontal,
    #modernSkin .loader-container.horizontal div {
        grid-auto-columns: calc(calc(100% - 16px) / 3) !important;
        gap              : 8px !important;
    }

    .bottom-logos>div {
        grid-template-columns: repeat(2, 1fr);
        gap                  : 8px;
    }

    #app_footer .footer-wrapper .top-footer .footer-details .desktop-logo {
        max-height: 30px;
    }

    #modernSkin #app_mobile_navigation {
        height: 70px;
    }

    #modernSkin #app_mobile_navigation .mobile-menu ul li {
        font-size: 14px;
    }

    #modernSkin #app_mobile_navigation .mobile-menu ul li .hamburger-menu-button-container img {
        width: 24px;
    }

    #modernSkin #app_mobile_navigation .mobile-menu ul li a img {
        height: 24px;
    }

    #app_left_navigation.menu-nav {
        margin-top: 70px;
    }

    #modernSkin .close-left-nav {
        top: calc(50% - 70px) !important;
    }

    #modernSkin .content-wrapper .game-lobby-renderer.tiles,
    .loader-container.tiles div {
        grid-template-columns: repeat(3, 1fr);
        gap                  : 8px !important;
    }

    .nm-widget .game-lobby-load-more-container .load-more-counter span {
        font-size: 16px;
    }

    #app_footer .footer-wrapper .footer-menu .menu-column .menuw ul li:not(:last-child) {
        margin-bottom: 12px !important;
    }

    #onlinehelp-button-b29c3ce0-e44d-41de-a9f1-1b1637a26c16 iframe {
        bottom: 56px !important;
        right : -16px !important;
        width : 104px !important;
        height: 104px !important;
    }

    .two-row-gamelobby .game-lobby-slider-container {
        top: 8px;
    }

    .two-row-gamelobby .game-lobby-renderer .game-lobby-renderer-card.see-all-card {
        bottom: calc(100% + 12px);
    }

    .category-page-content .game-lobby-slider-container {
        top: 0px;
    }

    .promo-page .promoTabContent.active {
        grid-template-columns: repeat(1, 1fr);
        gap                  : 16px;
    }

    .info-accordion .accordion-container .panel.shown {
        padding: 52px 16px 24px;
    }

    .komp-page .kompTabContent.active>h4 {
        font-size    : 20px;
        margin-bottom: 24px;
    }

    .komp-page .komp-progress-wrapper {
        padding: 16px;
    }

    .komp-page .signin-button button {
        height       : 40px;
        border-radius: 8px;
        font-size    : 14px;
    }

    .komp-page .komp-progress-conversion h4 {
        font-size: 20px;
    }

    .card-box-section .card-box {
        padding: 16px;
    }

    .card-box-section .card-box-header img {
        width : 40px;
        height: 40px;
    }

    .card-box-section .card-box-details p {
        font-size: 14px;
    }

    #modernSkin #app_mobile_navigation .mobile-menu ul li#sports img {
        height: 24px;
    }

    .mobile-menu #mobile-menu-items .menu-toggler:checked~ul .menu-item:nth-child(1) {
        transform: rotate(0deg) translate(-115px, -75px);
    }

    .mobile-menu #mobile-menu-items .menu-toggler:checked~ul .menu-item:nth-child(2) {
        transform: rotate(0) translate(-65px, -105px);
    }

    .mobile-menu #mobile-menu-items .menu-toggler:checked~ul .menu-item:nth-child(4) {
        transform: rotate(0) translate(65px, -105px);
    }

    .mobile-menu #mobile-menu-items .menu-toggler:checked~ul .menu-item:last-child {
        transform: rotate(0) translate(115px, -75px);
    }

    #modal-login .modal-dialog-centered {
        margin: 0 auto;
    }

    .nav-tab-system-horizontal .nav-tabs .nav-item a,
    .user-referral-commission-history .user-referral-commission-history-tabs,
    .komp-section-tab {
        height       : 40px;
        border-radius: 8px;
        font-size    : 10px;
    }

    .nav-tab-system-horizontal .nav-tabs .nav-item a:before {
        border-radius: 8px;
    }

    .nav-tab-system-horizontal {
        top  : 26px;
        right: 56px;
    }

    .nav-tab-system-horizontal .nav-tabs {
        height: fit-content;
        gap   : 4px;
    }

    #modal-user-profile .modal-body:before {
        width: 48px;
        top  : 18px;
    }

    #modal-user-profile .modal-body .modal-wrapper .grp-balance .btn-balance-wrapper .btn-wallet-balance,
    #modal-user-profile .modal-body .modal-wrapper .grp-balance .btn-bonus-balance-wrapper .btn-bonus-balance {
        height       : 40px;
        border-radius: 8px;
    }

    .wallet-payment-methods-container,
    #vip-progress .card {
        padding: 16px;
    }

    .section-system-table,
    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.history-tab .mt-4,
    #notification-page #notification-container,
    #notification-page #notification-message,
    .user-referral-commission-history-monthly,
    .user-referral-commission-history-daily,
    .user-referral-commission-history-report {
        padding: 16px;
    }

    .transaction-subtab-container {
        height       : 40px;
        border-radius: 8px;
    }

    .transaction-subtab-container button {
        font-size: 12px;
        padding  : 0 8px;
    }

    body.logged-in {

        & .nm-widget.bonus-badge-w button,
        & .nm-widget.wallet-button-w button {
            font-size    : 12px;
            min-height   : 40px;
            height       : fit-content;
            border-radius: 8px;
        }

        & .nm-widget.notification-w {
            display: none !important;
        }

        .nm-widget.login-w {
            padding: 0 !important;
            border : 0 !important;
        }

        & .btn-system-balance i {
            font-size: 16px;
        }

        & #modernSkin #app_header #brand-logo {
            height: 52px !important;
        }

        & #app_header.main-header-container .player-information-header .header-wallets {
            gap        : 8px;
            align-items: center;
        }
    }

    .terms-and-condition-container .terms-and-condition-header {
        font-size: 24px;
    }

    .terms-and-condition-container p {
        font-size  : 12px;
        line-height: 20px;
        font-weight: 400;
    }

    .terms-and-condition-container .terms-and-condition-cards p {
        font-size  : 12px;
        line-height: 22px;
    }

    .terms-and-condition-container .terms-and-condition-cards {
        padding: 34px 12px;
    }

    .home-page-content .terms-and-condition-container {
        padding: 10px 12px 100px;
    }

    .tournament-panel-data .tournament-items-action button {
        width: 100%;
    }

    .tournaments-top-banner {
        height: 200px;

        & h1 {
            font-size: 32px;
        }
    }

    .tournament-view-modal .modal-body .tournament-view-details-item {
        min-width: 100% !important;
    }

    .tournament-view-wrapper {
        & .container-fluid {
            & .tournament-panel {
                & .tournament-view-image {
                    & img {
                        height: 200px;
                    }
                }

                & .tournament-view-title-panel {
                    padding: 80px 16px 0;

                    & .tournament-title {
                        font-size: 32px;
                    }

                    & .tournament-status {
                        padding    : 6px 8px;
                        font-size  : 14px;
                        font-weight: 700;
                    }
                }
            }

            & .tournament-view-games {
                & .tournament-view-games-article {
                    & .tournament-view-games-article-thumbnails {
                        grid-template-columns: repeat(3, 1fr);
                        gap                  : 8px;
                    }
                }
            }
        }
    }

    .tournaments-top-banner {
        height: 350px;
    }

    .tournament-list-modern-wrapper {
        margin-top: -150px;
    }

    .vip-levels .vip-icon-details {
        padding: 16px 8px;
    }

    .info-accordion .accordion-container .panel.shown p {
        font-size: 14px;
    }

    .tournament-panel-leaderboard {
        & table {
            table-layout: fixed;
            width       : 130%;
        }
    }

    .tournament-view-modal,
    .tournament-result-modal {
        & .modal-content {
            & .modal-body {

                & .tournament-preview-container,
                & .tournament-view-result-wrapper {
                    & .tournament-top-player {
                        & div:not(.player) {
                            min-width: 100%;
                        }
                    }

                    & .table-responsive {
                        & table {
                            table-layout: fixed;
                            width       : 130%;
                        }
                    }
                }
            }
        }
    }

    #modernSkin .content-wrapper .home-page-content .game-provider-list {
        grid-auto-columns: calc(calc(100% - 16px) / 3) !important;
        gap              : 8px !important;
    }

    .wallet-payment-methods-panel {
        gap: 16px;
    }

    .referral-page .referral-card .referral-promotion h1 {
        text-align: center;
    }

    .referral-page .sign-up-wrapper .sign-up-container img {
        max-width: 100%;
    }

    .home-page-content:not(.shrink) .referral-page .referral-card .referral-reward .referral-reward-container img,
    .referral-page .referral-card .referral-reward .referral-reward-container img {
        max-width: 320px;
        top      : -96px;
    }

    .referral-page .referral-card .referral-reward .referral-reward-container:last-child {
        height: 200px;
    }

    .referral-page .referral-card .referral-promotion .referral-promotion-container img {
        max-width: 334px;
    }

    .referral-page .referral-card .referral-promotion .referral-promotion-container:last-child {
        height: 200px;
    }

    .bank-accounts-table .bank-accounts-table-header .btn-warning {
        font-size  : 12px;
        padding    : 8px;
        height     : fit-content;
        line-height: normal;
        min-height : 36px;
    }

    .bank-accounts-table-mobile form {
        flex-wrap: wrap;
        gap      : 16px;
    }

    .bank-accounts-table-mobile form input {
        flex: 0 0 100%;
    }

    .bank-accounts-table-mobile form button {
        margin-left: 0 !important;
        flex       : 0 0 calc(50% - 8px);
        height     : 36px;
    }

    .bank-accounts-table-mobile ul li small {
        top       : 100px;
        right     : auto;
        width     : 100%;
        text-align: center;
    }

    .active-bonuses-tab .section-system-main,
    .available-bonuses-tab .section-system-main {
        padding: 16px;
    }

    .active-bonuses-tab .active-bonus-item .description-section-wrapper .name-wrapper,
    .active-bonuses-tab .available-bonus-item .description-section-wrapper .name-wrapper,
    .available-bonuses-tab .active-bonus-item .description-section-wrapper .name-wrapper,
    .available-bonuses-tab .available-bonus-item .description-section-wrapper .name-wrapper {
        padding: 0 0 0 16px;
    }

    .active-bonuses-tab .active-bonus-item .description-section-wrapper .bonus-details-wrapper .detail-header,
    .active-bonuses-tab .available-bonus-item .description-section-wrapper .bonus-details-wrapper .detail-header,
    .available-bonuses-tab .active-bonus-item .description-section-wrapper .bonus-details-wrapper .detail-header,
    .available-bonuses-tab .available-bonus-item .description-section-wrapper .bonus-details-wrapper .detail-header {
        margin-bottom: 8px;
    }

    .active-bonuses-tab .active-bonus-item .btn-claim,
    .active-bonuses-tab .active-bonus-item .btn-cancel,
    .active-bonuses-tab .available-bonus-item .btn-claim,
    .active-bonuses-tab .available-bonus-item .btn-cancel,
    .available-bonuses-tab .active-bonus-item .btn-claim,
    .available-bonuses-tab .active-bonus-item .btn-cancel,
    .available-bonuses-tab .available-bonus-item .btn-claim,
    .available-bonuses-tab .available-bonus-item .btn-cancel {
        margin-top: 0;
    }

    .article-details {
        & .promo-content {
            & p {
                max-width: 100%;
            }

            & .article-section-box {
                padding: 24px 16px;
            }
        }
    }

    #my-komp-points .tab-content-wrapper .referral-link .form-group .col-2 {
        max-width: 100%;
        width    : 100%
    }

    #my-komp-points .tab-content-wrapper .referral-link .form-group {
        justify-content: center
    }

    .product_categories-widget {
        .w-product-categories-display {
            gap: 8px;

            .w-product-categories-list {
                gap: 8px;
            }
        }
    }

    #provider-game-list-page-casino-group #w-providers-list-widget-container {
        margin-top: 200px;

        .w-provider-item {
            padding: 0 8px;
            height : 40px;

            .w-provider-item-logo {
                width: 56px;
            }

            &.w-provider-item-all {
                img {
                    content: var(--content-providers-icon);
                }
            }
        }

        .w-providers-list-expand {
            height: 40px;
            width : 40px;
        }
    }

    #modal-user-profile .modal-dialog .modal-body img.user-profile-modal-logo {
        width : 48px !important;
        height: 48px !important;
        top   : -55px !important;
        left  : 10px !important;
    }

    .accordion-container .rule-accordion,
    .page-article-wrapper .rule-accordion {
        padding: 12px 40px 12px 16px;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #provider-game-list-page-casino-group .template-list-page .before-provider-game-list-casino-group {
        min-height: 240px;
    }

    .sports-wrap .sports-book-container .loader-wrapper {
        height: calc(100dvh - 70px);
    }

    #page_content_modern .sports-wrap .sports-book-container sport-mobile,
    #page_content_modern .sports-wrap #pinnacle-sports,
    #page_content_modern .sports-wrap #pinnacle-esports-hub-game-widget-pinnacle-wkprop {
        height    : 100% !important;
        min-height: calc(100dvh - 140px) !important;
        max-height: calc(100dvh - 140px) !important;
        overflow  : auto;
    }


    /* uses by pinnacle / esports  */
    #page_content_modern .sports-wrap .sports-book-container iframe {
        height     : 100% !important;
        min-height : calc(100dvh - 140px) !important;
        max-height : calc(100dvh - 140px) !important;
        width      : calc(100% - 16px) !important;
        margin-left: 16px;
    }

    #modal-user-profile .modal-body .modal-wrapper {
        padding: 56px 16px 0;
    }

    #modal-user-profile .modal-body:after {
        height: 48px;
    }

    #modal-user-profile .modal-body .close {
        top: 16px;
    }

    #modal-user-profile .modal-body .modal-wrapper .mobile-header .btn-back {
        display: none;
    }

    #modal-user-profile .modal-body .modal-wrapper .mobile-header .header {
        padding  : 0 0 8px;
        font-size: 14px;
    }

    #modal-user-profile .modal-body .modal-wrapper .grp-balance {
        padding: 0 16px;
    }

    #modal-user-profile .content-wrapper-system {
        padding-top: 12px;
    }

    .nav-tab-system-horizontal {
        position: relative;
        padding : 0 0 16px;
        top     : 0;
        right   : 0;
    }

    .nav-tab-system-horizontal .nav-tabs .nav-item a,
    .user-referral-commission-history .user-referral-commission-history-tabs li,
    .komp-section-tab {
        justify-content: center;
        padding        : 0 8px !important;
    }

    .komp-section-tabs {
        height: fit-content;
    }

    #app_left_navigation.menu-nav.shrink #leftNavMenuListId {
        padding: 28px 16px 96px !important;
    }

    .custom-modal-container {
        border-top: 0 !important;
        height    : calc(100% - 70px) !important;
    }

    #page_content_modern .sports-wrap .sports-book-container sport-mobile {
        width : calc(100% - 16px);
        margin: 0 16px;
    }

    .pwa-install-banner .install-card {
        padding: 16px 8px !important;
        gap    : 4px;
    }

    .pwa-install-banner .install-card .install-action button {
        text-wrap: nowrap;
    }
}

@media only screen and (max-width: 480px) {
    .category-cards .cat-card-item {
        height: 150px;
    }

    .promo-page .promoTabLinks {
        font-size: 14px;
        padding  : 0 8px;
    }

    .vip-levels {
        grid-template-columns: repeat(6, 1fr);
    }

    .vip-levels .vip-icon-item:nth-child(4),
    .vip-levels .vip-icon-item:nth-child(9) {
        grid-column-end: auto;
    }

    .nav-tab-system-horizontal .nav-tabs .nav-item a,
    .user-referral-commission-history .user-referral-commission-history-tabs li,
    .komp-section-tab {
        padding: 0 6px;
    }

    #about-us .container .about-us-headline h1 {
        font-size: 24px;
    }

    .tournament-list-item-wrapper .tournament-list-item {
        padding: 54px 16px 32px;
    }

    .tournament-list-item .tournament-status {
        padding: 6px 8px;
    }

    .tournament-list-item .tournament-status span {
        font-size  : 14px;
        font-weight: 700;
    }

    .tournament-name.outer {
        font-size: 20px;
    }

    .tournament-panel-data .tournament-panel-data-item {
        height   : 40px;
        font-size: 14px;
    }

    .tournament-panel-data .tournament-panel-data-item {

        &.prize-pool .item-value span,
        &.ends-in .item-value p,
        &.minimum-bet .item-value {
            font-size: 16px;
        }
    }

    .tournament-panel-leaderboard {
        padding: 16px;
    }

    .tournament-panel-leaderboard {
        & table {
            width: 160%;

            & th {
                padding: 4px 6px;
            }

            & td {
                padding: 4px 6px !important;
            }
        }
    }

    .tournament-view-modal,
    .tournament-result-modal {
        & .modal-content {
            & .modal-body {
                padding: 32px 16px;

                & .tournament-preview-container,
                & .tournament-view-result-wrapper {

                    & .title,
                    & .tournament-top-player .player {
                        font-size: 20px;
                    }

                    & .table-responsive {
                        & table {
                            width: 160%;
                        }
                    }
                }
            }
        }
    }

    .tournament-view-wrapper {
        & .container-fluid {
            & .tournament-panel {
                & .tournament-view-title-panel {
                    & .tournament-title {
                        font-size: 24px;
                    }
                }

                & .tournament-view-myrank-wrapper,
                & .tournament-view-leaderboard-wrapper {
                    padding: 16px;

                    & table {
                        & th {
                            padding    : 8px;
                            font-weight: 700;
                            font-size  : 14px;
                        }

                        & td {
                            padding  : 8px !important;
                            font-size: 14px !important;
                        }
                    }
                }
            }

            & .tournament-view-description,
            & .tournament-view-games,
            & .leaderboard-panel,
            & .tournament-previous-container {

                & .description-title,
                & .tournament-view-games-title,
                & .tournament-leaderboard-title,
                & .title {
                    font-size: 20px;
                }

                & .tournament-view-games-article {
                    & .tournament-view-games-article-thumbnails {
                        &.sports {
                            grid-template-columns: repeat(2, 1fr);
                        }
                    }
                }
            }
        }
    }

    .game_provider_horizontal_list-widget {
        & .game-provider-list {
            & button {
                height: 56px;

                & img {
                    width : 85%;
                    height: 85%;
                }
            }
        }
    }

    .wallet-payment-methods-panel .payment-method-item {
        height: 140px;
    }

    .referral-page .referral-card .referral-reward h2 {
        font-size : 23px;
        text-align: center;
    }

    .scroll-wrap.referral-page {
        padding: 0 4px;
    }

    .referral-page .earn-referral-reward-container,
    .referral-page .referral-promotion-bonus-container {
        padding: 72px 0px 36px;
    }

    .referral-page .referral-comission .commission-paid p,
    .referral-page .referral-comission .total-comission-paid p,
    .referral-page .referral-comission .commission-paid h1,
    .referral-page .referral-comission .total-comission-paid h1 {
        font-size: 12px;
    }

    .referral-page .referral-comission .comission-container {
        padding: 0 12px;
    }

    .referral-page .referral-promotion-bonus-container h2 {
        font-size  : 24px;
        line-height: 36px;
    }

    .referral-page .referral-promotion-bonus-container p {
        font-size: 12px;
    }

    .referral-page .referral-promotion-bonus-container .money-rewards-tnc {
        padding: 18px 32px 32px;
    }

    .referral-page .terms-and-conditions-container h1 {
        font-size: 24px;
    }

    .referral-page .terms-and-conditions-container {
        padding: 30px 12px 36px;
    }

    .home-page-content .terms-and-condition-container {
        padding: 10px 12px 12px;
    }

    .home-page-content:not(.shrink) .referral-page .referral-promotion-bonus-container .refer-a-friend-bonus-container {
        padding: 32px 24px 29px;
    }

    .referral-page .referral-promotion-bonus-container .refer-a-friend-bonus-container h1,
    .referral-page .earn-referral-reward-container>h1,
    .referral-page .referral-promotion-bonus-container>h1,
    .referral-page .earn-referral-reward-container h2 {
        font-size: 24px;
    }

    .referral-page .referral-promotion-bonus-container .refer-a-friend-bonus-container p,
    .comission-condition-container .comission-condition-container-table-holder table tr th,
    .comission-condition-container .comission-condition-container-table-holder table tr td {
        font-size: 12px;
    }

    .comission-condition-container .comission-condition-container-table-holder table tr th,
    .comission-condition-container .comission-condition-container-table-holder table tr td {
        padding: 0 8px;
    }

    .referral-page .earn-referral-reward-container .comission-condition-container {
        padding: 16px 0;
    }

    .active-bonuses-tab .active-bonus-item .img-running {
        padding: 0 0 0 24px;
    }

    .active-bonuses-tab .active-bonus-item .description-section-wrapper .name-wrapper {
        padding: 0 0 0 12px;
    }

    .section-system-mobile {
        margin: 0;
    }

    .article-details {
        & .promo-content {
            & h2 {
                font-size: 16px;
            }

            & h4 {
                font-size: 20px;
            }

            & .article-section-box {
                & h5 {
                    font-size: 18px;
                }
            }
        }
    }

    .wallet-payment-methods-panel .payment-method-name {
        text-align: center;
    }

    .base-input-container.tencoin-deposit-wallet-address {
        text-align: center;
    }

    .base-input-container.tencoin-deposit-wallet-address .base-input-wrapper {
        justify-content: center;
    }

    .tencoin-deposit-form .tencoin-deposit-qr-address {
        width: 100%;
    }

    #komp-redemption .tab-content-wrapper .btn-system-amount-wrapper .m-1 .col-8,
    #komp-redemption .tab-content-wrapper .btn-system-amount-wrapper>.col-12 .form-group {
        flex     : none;
        max-width: 100%
    }

    #komp-redemption .tab-content-wrapper .btn-system-amount-wrapper>.col-12 .form-group .dropdown {
        width: 100%
    }

    #komp-redemption .tab-content-wrapper .btn-system-amount-wrapper>.col-12 .form-group .dropdown .dropdown-system-toggle-input {
        min-width: 100%
    }

    #page_content_modern.focused .sports-wrap .btis-stage-container iframe,
    #page_content_modern.focused .sports-wrap .sports-book-container iframe,
    #page_content_modern.focused .sports-wrap .sports-book-container sport-mobile {
        height    : 100% !important;
        min-height: calc(100dvh - 70px) !important;
        max-height: calc(100dvh - 70px) !important;
    }

    #modal-user-profile .modal-content .container-fluid .mobile-header .mobile-header-content .grp-balance .btn-balance-wrapper,
    #modal-user-profile .modal-content .container-fluid .mobile-header .mobile-header-content .grp-balance .btn-bonus-balance-wrapper {
        flex     : 0 0 50%;
        max-width: 50%;
        padding  : 8px 0 !important;
    }


    #modal-user-profile .modal-content .container-fluid .mobile-header .mobile-header-content .grp-balance .btn-balance-wrapper div span,
    #modal-user-profile .modal-content .container-fluid .mobile-header .mobile-header-content .grp-balance .btn-bonus-balance-wrapper div span {
        font-size: 12px;
    }

    #deposit-page .wallet-payment-method .bank-transfer-deposit-classic .btn-system-amount-wrapper .overwrite-mode-amount-wrapper,
    #deposit-page .wallet-payment-method .tencoin-deposit-container form.tencoin-deposit-form .payment-amount-suggested,
    #withdraw .wallet-payment-method .btn-system-amount-wrapper .row:nth-of-type(1) .col,
    #withdraw #withdraw-page .wallet-payment-method .tencoin-withdrawal-container form.tencoin-withdrawal-form .payment-amount-suggested {
        display              : grid;
        grid-template-columns: repeat(2, 1fr);
        gap                  : 8px;
    }

    #deposit-page .wallet-payment-method .tencoin-deposit-container form.tencoin-deposit-form .payment-amount-suggested p,
    #withdraw #withdraw-page .wallet-payment-method .tencoin-withdrawal-container form.tencoin-withdrawal-form .payment-amount-suggested p {
        grid-column: span 2;
        font-size  : 14px;
    }

    #deposit-page .wallet-payment-method .bank-transfer-deposit-classic .btn-system-amount-wrapper .overwrite-mode-amount-wrapper a,
    #deposit-page .wallet-payment-method .tencoin-deposit-container form.tencoin-deposit-form .payment-amount-suggested button,
    #withdraw .wallet-payment-method .btn-system-amount-wrapper .row:nth-of-type(1) .col a,
    #withdraw #withdraw-page .wallet-payment-method .tencoin-withdrawal-container form.tencoin-withdrawal-form .payment-amount-suggested button {
        font-size: 12px;
        margin   : 0 !important;
    }

    .promotion-popup-container {
        .promotion-item-card {
            width: calc(100% - 16px);

            .promotion-card {
                max-width: 100% !important;

                .promotion-card-content {
                    min-width: 100%;
                }
            }
        }
    }

    #app_header.main-header-container .header-wallets {

        & .nm-widget.bonus-badge-w,
        & .nm-widget.wallet-button-w {
            button {
                font-weight: 400;

                i {
                    font-size   : 12px;
                    margin-right: 2px !important;
                }
            }
        }
    }

    .nm-widget.register-w .btn-join,
    .nm-widget .login {
        padding  : 0 8px;
        font-size: 12px;
    }

    .referral-page .terms-and-conditions-container img {
        max-width: 320px;
    }

    .vip-header {
        h2 {
            font-size: 20px;
            margin   : 16px auto;
        }

        p {
            font-size  : 16px;
            font-weight: 500;
            line-height: 24px;
        }

        .accordion-container {
            margin: 16px 0 8px;

            .panel {
                p {
                    font-size: 14px;
                }
            }
        }
    }

    .vip-levels {
        gap: 8px;
    }
}

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

    .bank-transfer-deposit-classic .btn-system-amount-wrapper .increment-mode-amount-wrapper,
    .withdraw-tab .wallet-payment-method .btn-system-amount-wrapper .row:first-of-type .col {
        display              : grid !important;
        grid-template-columns: repeat(2, 1fr);
        gap                  : 8px !important;
    }

    .bank-transfer-deposit-classic .btn-system-amount-wrapper .increment-mode-amount-wrapper a,
    .withdraw-tab .wallet-payment-method .btn-system-amount-wrapper .row:first-of-type .col a {
        margin-right : 0;
        margin-bottom: 0;
        min-width    : auto;
    }

    #modernSkin #app_header .logo-container #brand-logo.mobile-logo {
        width: 180px !important;
    }
}