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

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper.isOnSportsPage .home-page-content .nm-widget,
    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .nm-widget.digitain-sports-stage-container {
        margin-left: 0px;
    }
}

@media only screen and (max-width: 1650px) {
    .player-information-header .top-header .left-align .menuw ul .nav-item a {
        position: relative;
    }

    .player-information-header .top-header .left-align .menuw ul .nav-item a i::before {
        margin-right: 0;
    }

    .player-information-header .top-header .left-align .menuw ul .nav-item a span {
        display    : none;
        position   : absolute;
        top        : 100%;
        left       : 0;
        white-space: nowrap;
        background : var(--color-blue-hover);
        z-index    : 1;
        padding    : 5px;
        box-shadow : var(--box-shadow-accordion);
    }

    .player-information-header .top-header .left-align .menuw ul .nav-item a:hover span,
    .player-information-header .top-header .left-align .menuw ul .nav-item a:focus span {
        display: block;
    }
}

@media only screen and (max-width: 1600px) {
    #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .logo-container {
        flex: 0 0 226px;
    }

    #modernSkin.main-wrapper .layout-wrapper .header-section a {
        display        : flex;
        align-items    : center;
        justify-content: center;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .logo-container #brand-logo {
        width: 90% !important;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .main-menu-header .menuw ul li a {
        margin : 0 10px;
        padding: 0;
    }

    .buy-crypto-banner .buy-crypto-wrapper h4 {
        font-size: 20px;
    }

    .buy-crypto-banner .buy-crypto-wrapper .crypto-payment-methods img {
        height: 28px;
    }

    .buy-crypto-banner .buy-crypto-wrapper .crypto-button button {
        font-size: 20px;
        height   : 60px;
        padding  : 0 20px;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .casino_search-widget .new-skin-modal-container {
        max-width: 100% !important;
    }

    .tournament-view-modern-wrapper {
        gap: 64px;
    }

    .tournament-view-modern-wrapper .data-panel {
        padding-left: 0;
        max-width   : calc(50% - 32px);
    }

    .tournament-view-modern-wrapper .leaderboard-panel {
        padding-right: 0;
        max-width    : calc(50% - 32px);
    }

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

    .tournament-list-item-wrapper .tournament-btn-view {
        float: right;
    }

    .tournament-list-item-wrapper .tournament-panel-leaderboard {
        margin-top: 16px;
        max-width : 100%;
    }
}

@media only screen and (max-width: 1400px) {
    #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .main-menu-header .menuw ul li a {
        margin   : 0 8px;
        font-size: 14px;
    }

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

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer .footer-wrapper .footer-menu {
        padding: 0;
    }
}

@media only screen and (max-width: 1200px) {
    #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .logo-container {
        flex: 0 0 186px;
    }

    #modernSkin .content-wrapper {
        margin-left: 0;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .top-header .left-align .menuw ul {
        gap: 0 5px;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .top-header .left-align .menuw ul li a {
        font-size: 11px;
        padding  : 0 8px;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .main-menu-header .menuw ul li a {
        margin   : 0 8px;
        font-size: 14px;
    }

    .scroll-wrapper .home-hero {
        padding: 0 20px;
    }

    .scroll-wrapper .home-hero .call-to-actions {
        margin-left: 0;
    }

    .orientation-tiles .game-lobby-renderer.horizontal,
    .orientation-tiles .loader-container.horizontal div {
        grid-template-columns: repeat(5, 1fr);
        width                : 100% !important;
    }

    .orientation-tiles .game-lobby-renderer .game-lobby-renderer-card:nth-last-child(-n+3):not(.see-all-card) {
        display: none;
    }

    .buy-crypto-banner .buy-crypto-wrapper h4 {
        font-size: 14px;
    }

    .buy-crypto-banner .buy-crypto-wrapper .crypto-payment-methods img {
        height: 18px;
    }

    .buy-crypto-banner .buy-crypto-wrapper .crypto-button button {
        font-size: 16px;
        height   : 36px;
        padding  : 0 12px;
    }

    .buy-crypto-banner .buy-crypto-wrapper .crypto-button button:before {
        -webkit-clip-path: var(--clip-path-small-hover);
        clip-path        : var(--clip-path-small-hover);
    }

    .buy-crypto-banner .buy-crypto-wrapper {
        padding: 14px;
    }

    .more-rewards-wrapper .more-rewards-details p {
        font-size: 28px;
    }

    .more-rewards-wrapper .more-rewards-details h1 {
        font-size: 60px;
    }

    .champions-cup-wrapper .champions-cup-details h3 {
        font-size: 34px;
    }

    .champions-cup-wrapper .champions-cup-details h1 {
        font-size: 80px;
    }

    .category-page-header .category-page-flex {
        padding: 0 20px;
    }

    .game-lobby-renderer.tiles,
    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .scroll-wrapper.provider-list-page .game-providers,
    .loader-container.tiles div {
        grid-template-columns: repeat(6, 1fr);
        gap                  : 8px;
    }

    .search-casino-results .game-lobby-renderer.tiles {
        grid-template-columns: repeat(8, 1fr);
    }

    .promotions .promotions-wrapper {
        gap: 24px 16px;
    }

    .modal .modal-dialog {
        flex-direction: column;
    }

    .modal.message-box-modal .modal-dialog {
        flex-direction: row;
    }

    /*
	#modal-login .modal-dialog-centered:before {
		width: 100%;
	    height: 354px;
	    background-size: cover;
	    background-position: center;
	    background-image: url('https://nmbio.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/promo/login-image-mobile.png');
	}
	
	#modal-login .modal-content {
	    margin-top: 354px;
	    padding: 60px 0 40px;
	    height: fit-content;
	    max-width: 100% !important;
	}
	*/
    #modal-login.modal .modal-dialog .modal-content .modal-header {
        max-width    : 440px;
        padding      : 16px 0 0;
        margin-bottom: 12px;
    }

    #modal-login .modal-content .modal-body {
        max-width: 440px;
    }

    .modal-body form .form-group button,
    .modal-body .form .form-group button,
    .form-register .form-group input[type="submit"] {
        float      : none;
        width      : 100%;
        font-size  : 18px;
        height     : 52px;
        font-family: var(--font-family-bold);
    }

    #modal-login#modal-login.modal .modal-dialog .modal-content .modal-header .close {
        left     : auto;
        right    : 40px;
        /* filter: invert(74%)sepia(15%)saturate(904%)hue-rotate(184deg)brightness(180%)contrast(96%); */
    }

    .modal .modal-dialog .modal-content .modal-header .close:before {
        font-size: 30px;
    }

    /*
	.form-register {
        max-height: calc(100vh - 574px);
	}
	*/
    .form-register .form-group input[type="submit"] {
        bottom   : 80px;
        max-width: 396px;
    }

    .form-register .form-group.signin-group {
        max-width: 396px;
        width    : 100%;
        bottom   : 12px;
    }

    .game-lobby-filter section button {
        min-width: 120px !important;
    }

    .tournament-view-modal .modal-body,
    .tournament-result-modal .modal-body {
        padding: 80px 42px 0;
    }

    .tournament-view-modal .modal-content .tournament-preview-container .title {
        font-size: 50px;
        top      : 80px;
    }

    .tournament-view-modern-wrapper .banner-title-panel .tournament-name {
        font-size: 50px;
    }

    .vip-page-content .vip-page-cards {
        justify-content: center;
        flex-wrap      : wrap;
        gap            : 16px 24px;
    }

    .vip-page-content .vip-page-cards .vip-page-card-item {
        flex     : 1 0 33%;
        max-width: calc(33% - 24px);
    }

    .lowerMessage div p {
        max-width: 400px;
    }

    .lowerMessage .whatIskomp img,
    .lowerMessage .howTogetPoints img {
        min-width: 64px;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper.isOnSportsPage .home-page-content .nm-widget,
    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .nm-widget.digitain-sports-stage-container {
        margin-left: -42px;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .main-menu-header .menuw ul li a {
        font-size: 12px;
    }

    .referral-page .referral-page-wrapper {
        gap: 8px;
    }

    .referral-page .referral-comission-container .referral-comission-holder {
        margin-left: 420px;
    }

    .referral-page .referral-reward-steps-container .referral-reward-steps h6 {
        top: 77px;
    }

    .referral-page .referral-reward-steps-container .referral-reward-steps h1 {
        top: 54px;
    }

    .referral-terms-and-condition div img {
        left: -292px;
    }

    .referral-comission-conditions .referral-how-to-use-container img {
        left: -364px;
    }

    .referral-how-to-use .referral-how-to-use-container img {
        left: -169px;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer .footer-wrapper .footer-menu {
        display              : grid;
        grid-template-columns: repeat(2, 1fr);
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer .footer-wrapper .footer-menu .menu-column {
        margin-bottom: 40px;
    }

    form#dynamic_register_form:before,
    form.form-login:before,
    form.form-forgot-password:before,
    form.login-existing-user-verification:before {
        top: -93px;
    }

    .promo-page .promo-page-content .promo-page-details .baccarat-page p {
        margin: 8px 5rem;
    }

    .promo-page .promo-page-content .promo-page-details .baccarat-page li {
        margin-left: 5rem;
    }

}

@media only screen and (max-width: 991px) {
    .mobile-view {
        display: block !important;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header {
        max-width: calc(100vw - 213px);
    }

    body.logged-in #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header {
        max-width: calc(100vw - 100px);
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .top-header {
        justify-content: flex-end;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .top-header .left-align,
    #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .top-header .right-align .nm-widget.language-w {
        display: none;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .main-menu-header {
        width      : 100vw;
        margin-left: -202px;
        padding    : 0 12px;
    }

    body.logged-in #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .main-menu-header {
        margin-left: -213px;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .logo-container #brand-logo {
        width: 100% !important;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .main-menu-header .menuw {
        overflow  : hidden;
        overflow-x: scroll;
        padding   : 10px 0;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .main-menu-header .menuw ul {
        align-items: center;
        white-space: nowrap;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .logo-container {
        height     : 100px;
        align-items: start;
        flex       : 0 0 213px;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .logo-container.logged-in {
        flex: 0 0 100px;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .main-menu-header .menuw ul li a {
        font-size: 14px;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .logo-container .side-nav-toggle {
        height         : 50px;
        min-width      : 40px;
        margin-left    : 8px;
        display        : flex !important;
        align-items    : center;
        justify-content: center;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .logo-container .side-nav-toggle i {
        color    : #FFF;
        font-size: 20px;
    }

    #modernSkin.main-wrapper .layout-wrapper .header-section a.site-header-logo {
        height: 50px;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .logo-container .hamburger-menu-button-container {
        padding: 0 !important;
        margin : 0 10px 0 15px;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .logo-container .hamburger-menu-button-container #toggle-sidenav {
        height: 50px;
        width : 21px;
    }

    #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav {
        left      : 0;
        width     : 272px !important;
        background: var(--bg-menu-nav);
    }

    #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.shrink {
        left: -272px;
    }

    #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .product-menu .nav-menu-item {
        font-size  : 16px;
        font-weight: 700;
        line-height: 1.4;
        color      : #FFF;
        background : transparent;
        height     : 50px;
    }

    #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .product-menu {
        border: 0;
    }

    #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .product-menu .nav-menu-item i,
    #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .product-menu .nav-menu-item.active::before {
        display: none;
    }

    #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .product-menu .nav-menu-item.active {
        background: var(--color-blue);
    }

    #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .product-menu .nav-menu-item.active p {
        color: var(--color-primary) !important;
    }

    #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu {
        padding   : 0;
        background: var(--color-blue);
        height    : calc(100vh - 50px);
        max-height: -webkit-fill-available;
    }

    #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item {
        margin: 0;
    }

    #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a {
        min-height    : 48px;
        color         : #fff;
        padding       : 0 16px 0 24px !important;
        font-size     : 14px;
        font-weight   : 700;
        line-height   : 143%;
        text-transform: uppercase;
    }

    #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a:hover,
    #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a.active {
        font-size : 14px;
        color     : var(--color-primary) !important;
        background: var(--color-blue-hover);
    }

    #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu .float-bottom,
    #modernSkin #app_mobile_navigation .float-bottom {
        position       : absolute;
        bottom         : 0;
        left           : 0;
        z-index        : 999;
        height         : 125px;
        background     : var(--bg-menu-nav);
        width          : 100%;
        display        : flex;
        align-items    : end;
        justify-content: flex-start;
    }

    body.logged-in #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu .float-bottom,
    body.logged-in #modernSkin #app_mobile_navigation .float-bottom {
        flex-direction : column;
        align-items    : start;
        justify-content: space-between;
    }

    #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav .nm-widget.language-w .language-public .language,
    #modernSkin #app_mobile_navigation .float-bottom .nm-widget.language-w .language-public .language {
        width          : fit-content;
        display        : flex;
        animation      : center;
        justify-content: center;
        padding        : 16px;
        font-size      : 16px;
        font-weight    : 700;
        gap            : 0 12px;
    }

    #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav .nm-widget.language-w,
    #modernSkin #app_mobile_navigation .float-bottom .nm-widget.language-w {
        margin: 0;
    }

    #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav .nm-widget.language-w .language-public .language.dropdown-toggle:after,
    #modernSkin #app_mobile_navigation .float-bottom .nm-widget.language-w .language-public .language.dropdown-toggle:after {
        display: none;
    }

    #modernSkin #app_left_navigation.menu-nav .close-left-nav {
        width        : 50px;
        height       : 50px;
        right        : -50px !important;
        top          : 0 !important;
        border-radius: 0;
    }

    .scroll-wrapper .home-hero {
        height: 420px;
    }

    .scroll-wrapper .home-hero .call-to-actions h3 {
        font-size  : 18px;
        line-height: 125%;
    }

    .scroll-wrapper .home-hero .deposit-play {
        margin   : 16px 0;
        max-width: 335px;
        z-index  : 4;
    }

    .scroll-wrapper .home-hero #bonusDetailsDropdownButton span,
    #modernSkin .scroll-wrapper .home-hero .bonus-details-dropdown .dropdown-menu .dropdown-item span {
        font-size    : 16px;
        margin-bottom: 0px;
    }

    .scroll-wrapper .home-hero #bonusDetailsDropdownButton {
        font-size  : 18px;
        line-height: 120%;
    }

    .scroll-wrapper .home-hero .form-group:before {
        width : 206px;
        height: 52px;
    }

    .scroll-wrapper .home-hero .form-group input {
        height   : 48px;
        width    : 202px;
        font-size: 24px;
    }

    .scroll-wrapper .home-hero .form-group:after {
        width : 105px;
        height: 52px;
    }

    .scroll-wrapper .home-hero .form-group #currencyBonusdropdownButton {
        width : 101px;
        height: 48px;
    }

    .scroll-wrapper .home-hero .form-button {
        height: 52px;
    }

    .scroll-wrapper .home-hero .form-button a button {
        font-size: 22px;
        height   : 52px;
    }

    .scroll-wrapper .home-hero .payment-methods {
        margin-top: 12px;
    }

    .scroll-wrapper .home-hero .events-links,
    .category-page-flex .events-links {
        grid-gap: 8px 0;
    }

    .scroll-wrapper .home-hero .events-item,
    .category-page-flex .events-item {
        padding: 14px 17px 14px 39px;
        height : fit-content;
    }

    .scroll-wrapper .home-hero .events-item img,
    .category-page-flex .events-item img {
        width : 60px;
        height: 60px;
        left  : -30px;
        top   : 0;
    }

    .scroll-wrapper .home-hero .events-item .tag-section,
    .category-page-flex .events-item .tag-section {
        margin-bottom: 6px;
        font-size    : 12px;
        white-space  : nowrap;
    }

    .scroll-wrapper .home-hero .events-item .tag-section span.with-bg,
    .category-page-flex .events-item .tag-section span.with-bg {
        font-style: normal;
        padding   : 2px 10px;
        font-size : 10px;
    }

    .scroll-wrapper .home-hero .events-item a h4,
    .category-page-flex .events-item a h4 {
        text-shadow        : 1px 1px #061249, -1px 1px #061249, 1px -1px #061249, -1px -1px #061249, 0 1px 5px #0003, 0 3px 4px #0000001f, 0 2px 4px #00000024;
        -webkit-text-stroke: 0;
        font-style         : unset;
        font-size          : 20px;
        white-space        : nowrap;
    }

    .category-page-header {
        max-height: 264px;
    }

    .category-page-header .category-page-flex {
        top   : 0;
        height: 100%;
    }

    .category-page-header .category-page-flex .create-account-banner h5 {
        margin-bottom: 0.75em;
        font-size    : 12px;
    }

    .category-page-header .category-page-flex .create-account-card {
        padding  : 35px 16px;
        min-width: 228px;
    }

    .category-page-header .category-page-flex .create-account-card p {
        font-size    : 12px;
        margin-bottom: 8px;
    }

    .category-page-header .category-page-flex .create-account-card h2 {
        font-size: 22px;
    }

    .category-page-header .category-page-flex .create-account-banner button {
        font-size : 18px;
        max-width : 228px;
        margin-top: 24px;
    }

    .category-page-content {
        display       : flex;
        flex-direction: column;
    }

    .category-page-content .category-page-nav {
        display: none;
    }

    #modernSkin .category-page-content .casino_search-widget .modal-trigger-wrapper {
        margin: 0 0 20px 0;
        height: fit-content;
        filter: none;
    }

    #modernSkin .category-page-content .casino_search-widget .modal-trigger-wrapper .search-button-field i {
        color : var(--color-body);
        filter: none;
    }

    #modernSkin .category-page-content .casino_search-widget .modal-trigger-wrapper .search-button-field button {
        height        : var(--input-height);
        border        : var(--input-border);
        clip-path     : none;
        border-radius : 0;
        color         : var(--color-body);
        text-transform: uppercase;
        font-size     : 14px;
        font-weight   : bold;
    }

    .category-page-content .nm-widget .game-lobby-renderer.horizontal,
    .category-page-content .loader-container.horizontal div {
        grid-auto-columns: calc(calc(100% - 56px) / 8) !important;
        gap              : 0 8px !important;
        width            : 100% !important;
    }

    .category-page-content .nm-widget .game-lobby-renderer.horizontal:after {
        display: none;
    }

    .game-lobby-renderer.tiles,
    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .scroll-wrapper.provider-list-page .game-providers,
    .category-page-game-lobby .loader-container.tiles div {
        grid-template-columns: repeat(4, 1fr) !important;
    }

    .casino-games .category-page-content {
        padding-top: 0;
    }

    .casino-games .nm-widget .game-lobby-load-more-container button {
        font-size: 18px;
        height   : 52px;
        padding  : 0 22px
    }

    /*
	#modal-login .modal-dialog-centered:before {
	    height: 200px;
	}
	#modal-login .modal-content {
	    margin-top: 200px;
	}
	*/
    #modal-login#modal-login.modal .modal-dialog .modal-content .modal-header .close {
        /* top: -164px !important;*/
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .casino_search-widget .new-skin-modal-container {
        width : calc(100% - 44px) !important;
        margin: 100px auto 0 22px !important;
    }

    .search-casino-results .game-lobby-renderer.tiles {
        grid-template-columns: repeat(8, 1fr) !important;
        gap                  : 8px;
    }

    .carousel .img-responsive {
        height    : 264px;
        object-fit: cover;
    }

    #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.shrink .menu-container .nav-item a:hover span {
        background: transparent;
        margin    : 0;
        left      : auto;
        padding   : 0;
        position  : relative;
        height    : unset;
    }

    .form-register {
        max-height: 360px
    }

    #modernSkin #app_mobile_navigation {
        display   : none;
        position  : absolute;
        top       : 0;
        left      : 0;
        right     : 0;
        z-index   : 9999;
        background: transparent;
        width     : fit-content;
        height    : fit-content;
    }

    #modernSkin #app_mobile_navigation #mobile-left-menu {
        position  : fixed;
        left      : 0;
        top       : 0;
        width     : 272px;
        height    : 100%;
        background: var(--color-blue);
    }

    #modernSkin #app_mobile_navigation .menuTab {
        height         : 50px;
        display        : flex;
        align-items    : center;
        justify-content: space-between;
    }

    #modernSkin #app_mobile_navigation .menuTabLinks {
        font-size     : 16px;
        font-weight   : 700;
        line-height   : 1.4;
        color         : #FFF;
        text-transform: uppercase;
        flex          : 0 0 50%;
        height        : 100%;
        background    : var(--bg-menu-nav);
    }

    #modernSkin #app_mobile_navigation .menuTabLinks.active {
        background: (transparent);
        color     : var(--color-primary);
    }

    #modernSkin #app_mobile_navigation .tabcontent {
        display: none;
        height : calc(100% - 50px);
    }

    #modernSkin #app_mobile_navigation .tabcontent.active {
        display: block;
    }

    #modernSkin #app_mobile_navigation .tabcontent .menu-wrapper {
        max-height    : calc(100vh - 175px);
        overflow      : auto;
        padding-bottom: 50px;
    }

    #modernSkin #app_mobile_navigation .tabcontent .nav-item {
        height: 48px;
    }

    #modernSkin #app_mobile_navigation .tabcontent .nav-item a {
        min-height    : 48px;
        color         : #fff;
        padding       : 0 16px 0 24px !important;
        font-size     : 14px;
        font-weight   : 700;
        line-height   : 143%;
        text-transform: uppercase;
        display       : flex;
        align-items   : center;
    }

    #modernSkin #app_mobile_navigation .tabcontent .nav-item a.active,
    #modernSkin #app_mobile_navigation .tabcontent .nav-item a:hover {
        background     : var(--color-blue-hover);
        color          : var(--color-primary) !important;
        text-decoration: none;
    }

    #modernSkin #app_mobile_navigation .close-nav {
        position       : absolute;
        height         : 50px;
        width          : 50px;
        right          : -50px;
        background     : var(--color-body);
        display        : flex;
        align-items    : center;
        justify-content: center;
    }

    #modernSkin #app_mobile_navigation .close-nav i {
        font-size: 20px;
        color    : #C6C5C4;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content section .template-list-page {
        margin-top: 0 !important;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #provider-game-list-page-casino-group .template-list-page {
        padding-top: 0;
        display    : block;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .template-list-page .before-provider-game-list-casino-group {
        display: none;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .template-list-page .game-lobby-filter {
        margin-top   : 0;
        margin-bottom: 104px !important;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #provider-game-list-page-casino-group .template-page-header-container .template-page-header {
        top      : 83px;
        height   : 84px;
        left     : 40px;
        max-width: calc(100% - 80px);
    }

    .game-lobby-filter section button {
        min-width : 220px !important;
        height    : var(--input-height) !important;
        border    : var(--input-border) !important;
        color     : var(--color-body) !important;
        background: #FFF !important;
    }

    .game-lobby-filter button:has(> i.open),
    .game-lobby-filter button:hover {
        border: 0 !important;
    }

    .tournament-list-modern-wrapper .tournament-list-container {
        grid-template-columns: repeat(1, 1fr);
        grid-auto-rows       : auto;
    }

    .tournament-list-item-wrapper .tournament-list-item {
        min-height: fit-content;
    }

    .tournament-list-wrapper {
        padding: 0 !important;
    }

    .tournament-banner {
        margin-bottom: 32px;
    }

    .tournament-view-modal .modal-content .tournament-preview-container {
        gap: 40px;
    }

    .tournament-view-modal .modal-content .tournament-preview-container .tournament-summary {
        padding-left: 0;
    }

    .tournament-view-modal .modal-content .tournament-preview-container .read-more-btn {
        left      : 0;
        margin-top: 0;
    }

    .tournament-view-modal .modal-content .tournament-preview-container .tournament-preview-detail-panel {
        padding-right: 0;
    }

    .tournament-view-modern-wrapper {
        flex-direction: column;
        gap           : 32px;
        padding-top   : 0;
    }

    .tournament-view-modern-wrapper .data-panel {
        max-width: 100%;
    }

    .tournament-view-modern-wrapper .leaderboard-panel {
        max-width: 100%;
    }

    .vip-page-content .vip-page-cards .vip-page-card-item {
        flex     : 1 0 50%;
        max-width: calc(50% - 24px);
    }

    .komp-page-tab {
        width: 100%
    }

    .tabcontent {
        width: 100%;
    }

    #freeBet .komp-referral-icon,
    #bonusMoney .komp-referral-icon {
        display: none;
    }

    .komp-points-details {
        width: 80%;
    }

    .komp-page-content .tabcontent {
        width: 100%
    }

    .komp-points-details .komp-points-container {
        width : 80%;
        height: 60px;
    }

    .komp-points-details .komp-points-info {
        width : 95%;
        height: 45px
    }

    .komp-points-border {
        height : 42px;
        width  : 42px;
        left   : 10px;
        top    : 10px;
        padding: 1px;
    }

    .komp-points-bullet {
        height: 40px;
        width : 40px;
    }

    .komp-points-details .komp-points-container svg {
        left  : 7px;
        top   : 7px;
        width : 28px;
        height: 28px;
    }

    .komp-page-content .tabcontent {

        height: 525px;
    }

    .referral-page-header {
        flex-direction: column;
        height        : 515px;
    }

    .referral-page .referral-page-wrapper {
        margin-top: 0px;
    }

    .referral-page-head-container {
        width: 100% !important;
    }

    .referral-page-head-container img {
        margin: auto;
    }

    .referral-card-img {
        width: 50%;
    }

    .referral-page .referral-comission-container .referral-comission-holder {
        margin: 0;
    }

    .referral-page .referral-reward-steps-container .referral-reward-steps h1 {
        top: 49px;
    }

    .referral-page .referral-reward-steps-container .referral-reward-steps h6 {
        top: 70px;
    }

    .referral-how-to-use .referral-how-to-use-container img {
        left : -125px;
        width: 800px;
    }

    .referral-comission-conditions .referral-how-to-use-container img {
        left : -403px;
        width: 890px;
    }

    .referral-terms-and-condition div img {
        left : -330px;
        width: 800px;
    }

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

    .referral-comission-container img {
        top       : 110px;
        max-height: 539px;
        left      : 50%;
        transform : translateX(-50%);
    }

    .referral-page .referral-comission-container {
        height: 401px;
    }

    .scroll-wrapper .about-us-article {
        flex-direction: column;
    }

    .about-us-page-cards {
        display              : grid;
        grid-template-columns: repeat(2, 1fr);
        gap                  : 0;
    }

    .about-us .about-us-partner-container .inner {
        width: 100%;
    }

    .provider-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .about-us-page-cards .about-us-page-item {
        margin: 20px 0;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer .footer-wrapper .top-footer {
        flex-direction: column;
    }

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

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer {
        padding: 45px 40px 50px !important;
    }

    .subfooter .partners-logo {
        grid-template-columns: repeat(2, 1fr);
        width                : 100%;
        gap                  : 0;
    }

    .subfooter .partners-logo .partners-logo-item {
        width : 113px;
        height: 67px;
        margin: auto;
    }

    .subfooter .mode-of-payment-logo {
        grid-template-columns: repeat(3, 1fr);
        padding              : 50px 10px 10px;
    }

    .mode-of-payment-logo-item:nth-child(7) {
        order      : 6;
        /* Move seventh item to the end */
        grid-column: 2/3;
    }

    .mode-of-payment-logo-item:last-child {
        order: 5;
        /* Move last item to the seventh position */
    }

    .about-us .about-us-article::before {
        width    : 540px;
        height   : 350px;
        transform: translateX(-50%);
        left     : 50%;
        top      : 0px;
    }

    .komp-points-panel .accumulated-points,
    .komp-points-panel .available-komp-points {
        padding: 11px 0;
    }

    .points-logged-in {
        padding: 11px 0px
    }

}

@media only screen and (max-width: 768px) {
    .nm-widget.login-w .desktop {
        display: inline-block !important;
    }

    .nm-widget.login-w .mobile {
        display: none !important;
    }

    #modal-user-profile .modal-body .modal-wrapper,
    #modal-user-profile .modal-body .modal-wrapper>.row {
        height: fit-content;
    }

    #modal-user-profile .modal-body .modal-wrapper .mobile-header {
        background   : var(--color-blue);
        margin-bottom: 20px;
        color        : #FFF;
    }

    #modal-user-profile .modal-body .modal-wrapper .mobile-header .header {
        font-size  : 18px;
        line-height: normal;
        border     : 0;
    }

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

    #modal-user-profile .modal-body .modal-wrapper .grp-balance .btn-balance-wrapper,
    #modal-user-profile .modal-body .modal-wrapper .grp-balance .btn-bonus-balance-wrapper {
        padding   : 10px;
        background: #FFF;
    }

    #modal-user-profile .modal-body .modal-wrapper .grp-balance .btn-balance {
        padding   : 0;
        background: transparent;
        font-size : 12px;
    }

    #modal-user-profile .modal-body .modal-wrapper .grp-balance .btn-bonus-balance-wrapper:before {
        width: 100%;
    }

    #modal-user-profile .modal-body .modal-wrapper .grp-balance .btn-bonus-balance {
        padding  : 0;
        color    : var(--color-primary);
        position : relative;
        border   : 0;
        font-size: 12px;
    }

    .nav-tab-system-horizontal>.col-12 {
        padding: 0 24px;
    }

    .active-bonuses-tab,
    .available-bonuses-tab {
        padding-top: 20px;
    }

    .table-system-header td[colspan="6"],
    .table-system-header td[colspan="4"],
    .table-system-header td[colspan="9"],
    #notification-page .table-player-message td,
    .active-bonuses-tab .no-data-wrapper p,
    .available-bonuses-tab .no-data-wrapper p {
        padding  : 20px !important;
        font-size: 14px;
    }

    .tab-content>.tab-pane {
        padding: 0;
    }

    .bonus-history {
        padding-top: 0;
    }

    #modal-user-profile .section-system-filter {
        padding: 20px 0;
        margin : 0;
    }

    #modal-user-profile .section-system-filter .col-md-5,
    .section-system-filter .col-md-7 {
        -ms-flex : 0 0 100%;
        flex     : 0 0 100%;
        max-width: 100%;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .grp-date-range {
        padding-left : 0;
        padding-right: 15px;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .grp-status {
        padding-left : 15px;
        padding-right: 0;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper input,
    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .no-data,
    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper p {
        font-size: 14px;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-methods-title {
        margin: 20px 0;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .section-title,
    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-methods-title {
        font-size: 24px;
    }

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

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile.preview-mode .accordion,
    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .section-system,
    .modal-body .modal-wrapper .tab-content-wrapper #user-profile-change-password .section-system-main,
    .section-system-main-lg {
        margin: 0;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile.preview-mode .accordion {
        max-height: calc(100vh - 375px);
        padding   : 0 5px;
    }

    .bonus-history .no-data,
    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .no-data {
        padding-left: 15px;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper {
        padding: 0 15px;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.notification-tab,
    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile {
        padding: 0;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .accordion {
        margin    : 0;
        max-height: calc(100vh - 322px);
        padding   : 0 5px;
    }

    .active-bonuses-tab .active-bonus-item .product-icon,
    .active-bonuses-tab .available-bonus-item .product-icon,
    .available-bonuses-tab .active-bonus-item .product-icon,
    .available-bonuses-tab .available-bonus-item .product-icon {
        color: var(--bg-events-item-hover);
    }

    .active-bonuses-tab .active-bonus-item .description-section-wrapper .name-wrapper .name,
    .active-bonuses-tab .available-bonus-item .description-section-wrapper .name-wrapper .name,
    .available-bonuses-tab .active-bonus-item .description-section-wrapper .name-wrapper .name,
    .available-bonuses-tab .available-bonus-item .description-section-wrapper .name-wrapper .name {
        font-size  : 20px;
        font-family: var(--font-family);
        font-weight: 700
    }

    .active-bonuses-tab .active-bonus-item,
    .active-bonuses-tab .available-bonus-item,
    .available-bonuses-tab .active-bonus-item,
    .available-bonuses-tab .available-bonus-item {
        margin: 0 0 20px 0;
    }

    .player-account-window-bonuses .nav-tab-system-horizontal {
        margin-bottom: 20px;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-methods-panel .payment-method-item {
        flex: 0 0 30%;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-method .overwrite-mode-amount-wrapper,
    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-method .btn-system-amount-wrapper>.row:nth-child(3) .col {
        display: flex;
        gap    : 0 10px;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-method .overwrite-mode-amount-wrapper a,
    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-method a.btn-withdraw-amount {
        margin   : 0 0 20px 0;
        min-width: fit-content;
    }

    #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 {
        background   : #FFF !important;
        border-radius: 0 !important;
        border       : 0 !important;
        padding      : 20px;
        box-shadow   : var(--box-shadow-accordion) !important;
        margin-bottom: 20px;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .transaction-history-mobile .transaction-item .transaction-header {
        text-decoration: none;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .transaction-history-mobile .transaction-item .transaction-header .col-6 {
        padding: 0;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .transaction-history-mobile .transaction-item .transaction-header .grp-main-info {
        padding: 0;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .transaction-history-mobile .transaction-item .transaction-header .grp-main-info .transaction-amt {
        color: var(--color-blue);
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .transaction-history-mobile .transaction-item .transaction-header .grp-sub-info {
        color      : var(--color-blue);
        font-weight: 700;
        padding    : 0;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .transaction-history-mobile .transaction-item .transaction-header .grp-foot-info,
    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .transaction-history-mobile .transaction-item .transaction-header .grp-foot-subinfo {
        color       : var(--color-blue);
        font-weight : 700;
        border-color: var(--bg-thumbnail-overlay);
        padding     : 8px 0 0;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.history-tab {
        margin-bottom: 10px;
    }

    #notification-page .table-player-message {
        margin-left: 0;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-method .section-system-main {
        margin: 0 0 20px 0;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .transaction-history-mobile .transaction-content.show {
        visibility : visible;
        padding    : 0;
        color      : var(--color-blue);
        font-weight: 700;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .transaction-history-mobile .transaction-content.show .col-6 {
        padding: 0;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .transaction-history-mobile .transaction-content ul li {
        padding        : 3px 0;
        color          : var(--color-blue);
        font-weight    : 700;
        display        : flex;
        align-items    : center;
        justify-content: space-between;
    }

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

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .transaction-history-mobile .transaction-content ul.sub-detail {
        padding      : 10px;
        margin       : 10px 0;
        border       : 0;
        border-radius: 0;
        background   : var(--bg-body);
    }

    .referrals-tab {
        padding: 0 !important;
    }

    .referrals-tab .referral-link {
        margin: 0 0 10px 0;
    }

    .referrals-tab .section-system-filter .col-12 {
        padding: 0;
    }

    .form-register .form-group.signin-group {
        max-width: 320px;
    }

    .active-bonuses-tab .active-bonus-item .detail.col-sm-2,
    .active-bonuses-tab .available-bonus-item .detail.col-sm-2 {
        -ms-flex : 0 0 calc(100% / 5);
        flex     : 0 0 calc(100% / 5);
        max-width: calc(100% / 5);
    }

    .custom-tooltip .tooltip-text {
        top: 30px;
    }

    .custom-tooltip .tooltip-text::after {
        left        : unset;
        top         : -10px;
        border-color: transparent transparent var(--color-primary-hover) transparent;
    }

    .active-bonuses-tab .active-bonus-item .product-icon.icon-basketball1.icomoon-mobile,
    .available-bonuses-tab .available-bonus-item .product-icon.icon-basketball1.icomoon-mobile {
        background-image : url(https://nmbio.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/Sports.svg);
        background-repeat: no-repeat;
        background-size  : contain;
        width            : 24px;
        height           : 24px;
        display          : inline-block;
    }

    .tab-content #bonuses {
        padding-left: 0 !important;
    }

    body.logged-in #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .main-menu-header {
        margin-left: -92px;
    }

    #modernSkin.main-wrapper .layout-wrapper .header-section {
        height: 100px !important;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .btn-deposit-confirm,
    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .btn-withdraw-request-cancel {
        display: none !important;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .deposit-mobile .cancel-section .btn,
    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .withdraw-mobile .cancel-section .btn {
        height         : 36px;
        width          : fit-content;
        padding        : 0 10px !important;
        font-size      : 16px !important;
        font-weight    : bold;
        color          : var(--color-blue) !important;
        background     : transparent;
        text-decoration: underline;
        border         : 0;
        display        : flex;
        align-items    : center;
        margin-right   : 10px;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .deposit-mobile .confirm-section .btn,
    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .withdraw-mobile .confirm-section .btn {
        height           : 36px;
        width            : fit-content;
        padding          : 0 16px !important;
        font-size        : 16px !important;
        font-weight      : bold;
        color            : #FFF !important;
        border-radius    : 0;
        background       : var(--color-primary);
        border           : 0;
        -webkit-clip-path: var(--clip-path-small-hover);
        clip-path        : var(--clip-path-small-hover);
        text-transform   : uppercase;
        display          : flex;
        align-items      : center;
        justify-content  : center;
    }

    .modal.message-box-modal .modal-dialog .modal-body {
        width: 100%;
    }

    .report.casino-bet .container-search,
    .report.sport-bet .container-search {
        margin-right: 0;
    }

    #vip-progress .section-system-main .row.p-1 {
        flex-direction: column;
        padding       : 0 0 10px !important;
    }

    #vip-progress .section-system-main .row.p-1 .col-2,
    #vip-progress .section-system-main .row.p-1 .col-10 {
        -ms-flex : 0 0 100%;
        flex     : 0 0 100%;
        max-width: 100%;
    }

    #vip-progress .komp-progress-bar {
        margin: 10px 0 !important;
    }

    #my-komp-points .section-system-main p.text-right {
        text-align : left !important;
        margin-left: 17px;
    }

    #vip-progress .section-system-main,
    #my-komp-points .section-system-main,
    #komp-redemption .section-system-main,
    .referrals-tab .referrals-tab-link,
    .referrals-tab .section-system-table,
    .referrals-tab .section-system-main {
        margin: 10px 3px;
    }

    #vip-progress .section-system-main,
    #my-komp-points .section-system-main,
    #komp-redemption .section-system-main,
    #my-komp-points .section-system {
        margin: 20px 3px 0 !important;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .lbl-system {
        margin-left: 0;
        margin-top : 20px;
    }

    #komp-transactions-history {
        padding: 0 15px;
    }

    #komp-transactions-history .komp-history-tab .section-system-filter .col-2,
    #komp-transactions-history .komp-history-tab .section-system-filter .col-1 {
        -ms-flex : 0 0 33.333334%;
        flex     : 0 0 33.333334%;
        max-width: 33.333334%;
    }

    #komp-transactions-history .komp-history-tab .section-system-filter .form-group {
        padding-right: 15px;
    }

    #komp-transactions-history .komp-history-tab .section-system-filter .grp-date-range {
        padding-left: 15px !important;
    }

    #referral .nav-tab-system-horizontal>.col-12 {
        padding: 0 10px;
    }

    #komp-system .form-group.pl-4 {
        margin-bottom: 0;
        gap          : 10px 0;
        padding      : 0 !important;
    }

    #komp-system .form-group.pl-4 .col-2,
    #komp-system .form-group.pl-4 .col-3 {
        -ms-flex  : 0 0 100%;
        flex      : 0 0 100%;
        max-width : 100%;
        border-top: var(--border-modal-userprofile);
        padding   : 15px 0 0 0;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper #kompBonusRedeemBtn {
        margin-top: 20px;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .lbl-system .custom-tooltip .tooltip-text {
        margin: 0 -52px 0 auto;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .lbl-system .custom-tooltip .tooltip-text::after {
        right      : auto;
        margin-left: -20px;
    }

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

    body.logged-in #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .logo-container.logged-in {
        display        : flex;
        justify-content: start;
    }

    body.logged-in #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .logo-container.non-logged-in {
        display: none;
    }

    .referral-page .referral-page-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }


    .referral-how-to-use .referral-how-to-use-container img,
    .referral-comission-conditions .referral-how-to-use-container img {
        left     : 50%;
        transform: translateX(-50%);
        top      : 0;
        width    : 559px;
        height   : 410px;
    }

    .referral-comission-conditions .referral-how-to-use-container img {
        left     : 50%;
        transform: translateX(-50%);
        top      : 0;
        width    : 530px;
        height   : 410px;
    }

    .referral-promotion {
        margin-top: 19px;
    }

    .referral-page .referral-reward-steps-container {
        grid-template-columns: repeat(1, 1fr);
        gap                  : 15px;
    }

    .referral-page .referral-reward-steps-container .referral-reward-steps {
        margin: auto;
        width : 100%;
    }

    .referral-page .referral-reward-steps-container .referral-reward-steps h1 {
        top: 80px;
    }

    .referral-page .referral-reward-steps-container .referral-reward-steps h6 {
        top: 100px;
    }

    #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) {
    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content {
        height: fit-content !important;
    }

    #modernSkin #app_header {
        background: transparent;
    }

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

    #modernSkin #app_header .hamburger-menu-button-container {
        display: block;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #provider-game-list-page-casino-group .template-page-header-container .template-page-header h5 {
        font-size: 1rem !important;
        top      : -10px;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .template-page-header-container .template-page-header h5:before {
        top   : -25px;
        left  : -28px;
        height: 60px;
        width : 90px;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #provider-game-list-page-casino-group .template-page-header-container .template-page-header {
        top   : 80px;
        height: 84px;
        left  : -2px;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .logo-container.logged-in #brand-logo.mobile-logo {
        max-height: 35px;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper {
        padding-top: 100px;
    }

    .scroll-wrapper .home-hero {
        flex-direction: column;
        padding-top   : 40px;
    }

    .scroll-wrapper .home-hero .video-overlay {
        height: 420px;
    }

    .scroll-wrapper .home-hero .call-to-actions h3 {
        font-size: 24px;
    }

    .scroll-wrapper .home-hero .events-links,
    .category-page-flex .events-links {
        flex-wrap : nowrap;
        gap       : 40px;
        padding   : 20px 13px 10px 43px;
        display   : flex;
        overflow-x: auto;
        width     : 100%;
    }

    .orientation-tiles .game-lobby-renderer.horizontal,
    .orientation-tiles .loader-container.horizontal div {
        grid-auto-flow       : column;
        grid-auto-columns    : calc(calc(100% - 32px) / 5) !important;
        grid-template-columns: unset;
        gap                  : 0 8px !important;
    }

    .orientation-tiles .game-lobby-renderer .game-lobby-renderer-card:nth-last-child(-n+3):not(.see-all-card) {
        display: flex;
    }

    .orientation-tiles .game-lobby-renderer-card.see-all-card:after,
    .orientation-tiles .game-lobby-renderer.horizontal:before {
        display: none;
    }

    .orientation-tiles .game-lobby-renderer .game-lobby-renderer-card.see-all-card,
    .category-page-content .nm-widget .game-lobby-renderer .game-lobby-renderer-card.see-all-card {
        bottom           : 0;
        top              : -50px;
        height           : 40px;
        left             : auto;
        transform        : none;
        right            : 0;
        padding          : 0;
        -webkit-clip-path: none;
        clip-path        : none;
    }

    .orientation-tiles .game-lobby-renderer .game-lobby-renderer-card.see-all-card a .see-all-container .see-all-label {
        font-size      : 14px;
        font-weight    : 700;
        line-height    : 24px;
        text-transform : capitalize;
        font-family    : var(--font-family);
        text-decoration: underline;
    }

    .category-page-content .nm-widget .game-lobby-slider-container {
        display: none;
    }

    .nm-widget .game-lobby-header {
        margin-bottom: 0px !important;
    }

    .nm-widget .game-lobby-header .header-container i,
    .category-page-content .nm-widget .game-lobby-header .header-container i {
        margin-right : -65px !important;
        margin-bottom: 10px;
    }

    .nm-widget .game-lobby-header .header-container i:before,
    .category-page-content .nm-widget .game-lobby-header .header-container i:before,
    .promotions h4:before,
    .article-main-header:before {
        height: 60px;
        width : 90px;
    }

    .nm-widget .game-lobby-header .header-container h5,
    .category-page-content .nm-widget .game-lobby-header .header-container h5,
    .promotions h4,
    .article-main-header,
    .top_matches_banner h5 {
        font-size: 28px !important;
    }

    .orientation-tiles,
    .orientation-tiles .game-lobby-renderer.horizontal {
        margin-bottom: 0;
    }

    .home-banner,
    .home-accordion,
    .orientation-tiles .game-lobby-wrapper {
        margin-top: 20px;
    }

    .buy-crypto-banner .buy-crypto-wrapper {
        min-height         : 80px;
        grid-template      : 1fr 1fr/auto auto;
        display            : grid;
        background-position: -680px center;
    }

    .buy-crypto-banner .buy-crypto-wrapper h4 {
        grid-area: 1/1/2/2;
    }

    .buy-crypto-banner .buy-crypto-wrapper .crypto-payment-methods {
        grid-area: 2/1/3/2;
        gap      : 0 18px;
    }

    .buy-crypto-banner .buy-crypto-wrapper .crypto-payment-methods img {
        height: 16px;
    }

    .buy-crypto-banner .buy-crypto-wrapper .crypto-button {
        grid-area: 1/2/3/3;
    }

    .more-rewards-wrapper img.desktop-banner {
        display: none;
    }

    .more-rewards-wrapper img.mobile-banner {
        display          : block;
        -webkit-clip-path: var(--clip-path-events-button);
        clip-path        : var(--clip-path-events-button);
    }

    .more-rewards-wrapper .more-rewards-details {
        width: 100%;
    }

    .more-rewards-wrapper .more-rewards-details p {
        font-size    : 12px;
        font-weight  : 700;
        line-height  : 133%;
        margin-bottom: 10px;
        text-shadow  : 2px 2px black;
    }

    .more-rewards-wrapper .more-rewards-details h1 {
        font-size    : 22px;
        line-height  : 1;
        margin-bottom: 12px;
        text-shadow  : 2px 2px black;
    }

    .champions-cup-wrapper img.desktop-banner,
    .category-page-banner .weekly-challenges img.desktop-banner {
        display: none;
    }

    .champions-cup-wrapper img.mobile-banner,
    .category-page-banner .weekly-challenges img.mobile-banner {
        display: block;
    }

    .champions-cup-wrapper .champions-cup-details {
        padding: 20px 10px 24px;
        width  : 100%;
    }

    .champions-cup-wrapper .champions-cup-details h3 {
        margin-bottom: 8px;
        font-size    : 28px;
        line-height  : 33px;
    }

    .champions-cup-wrapper .champions-cup-details h1 {
        margin-bottom: 18px;
    }

    .champions-cup-wrapper .champions-cup-details button {
        font-size: 18px;
        height   : 52px;
    }

    .accordion-container .accordion {
        padding   : 18px 56px 18px 12px;
        font-size : 16px;
        text-align: left;
    }

    .accordion-container .panel {
        padding: 12px 20px;
    }

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

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer .footer-wrapper .subfooter {
        padding-bottom: 100px;
    }

    .category-page-content .nm-widget .game-lobby-renderer.horizontal,
    .category-page-content .loader-container.horizontal div {
        grid-auto-columns: calc(calc(100% - 40px) / 6) !important;
    }

    .category-page-flex .events-links {
        display: none;
    }

    .category-page-banner .weekly-challenges .details-section {
        margin-left: 0;
    }

    .category-page-banner .weekly-challenges .details-section p {
        margin-bottom: 0.75em;
        font-size    : 16px;
        line-height  : 19px;
    }

    .category-page-banner .weekly-challenges .details-section h1 {
        text-shadow  : 0 24px 38px #00000024, 0 9px 46px #0000001f, 0 11px 15px #0003;
        margin-bottom: 0.5em;
        font-size    : 36px;
        line-height  : 120%;
    }

    .category-page-banner .weekly-challenges .details-section button {
        font-size: 18px;
        height   : 52px;
    }

    .category-page-banner {
        margin: 20px 0;
    }

    .promotions h4 {
        margin: 20px 0;
    }

    .promotions h4:before,
    .article-main-header:before {
        top : -22px;
        left: -26px;
    }

    .promotions .promotions-wrapper {
        grid-template-columns: repeat(1, 1fr);
        margin-top           : 24px;
    }

    #modal-login .modal-dialog-centered:before {
        height : 80px;
        display: none;
    }

    #modal-login .modal-content {
        /*margin-top: 80px;*/
        /*padding: 40px 0;*/
        height   : fit-content;
        max-width: 100% !important;
    }

    #modal-login.modal .modal-dialog .modal-content .modal-header,
    #modal-login .modal-content .modal-body {
        max-width: 320px;
    }

    #modal-login#modal-login.modal .modal-dialog .modal-content .modal-header .close {
        top: 32px !important;
    }

    .search-casino-results .game-lobby-renderer.tiles {
        grid-template-columns: repeat(6, 1fr) !important;
    }

    .form-register {
        /*
    	max-height: calc(100vh - 340px);
		*/
    }

    .form-register .form-group input[type="submit"] {
        max-width: 320px;
    }

    .promo-page>a {
        height      : 50px;
        background  : var(--color-blue-hover);
        top         : -20px;
        width       : calc(100% + 84px);
        left        : -42px;
        font-size   : 14px;
        display     : flex;
        align-items : center;
        padding-left: 25px;
        color       : #FFF;
    }

    .promotions .top-promotions-banner img.mobile-img,
    .promotions .promotions-wrapper img.mobile-img {
        /*height: 495px;
    	object-fit: cover;*/
        display: block;
    }

    .promotions .top-promotions-banner img.desktop-img,
    .promotions .promotions-wrapper img.desktop-img {
        display: none;
    }

    .promo-page .promo-page-content {
        padding: 30px 0 20px;
    }

    .promo-page .promo-page-details {
        flex-direction: column;
        align-items   : center;
        gap           : 40px 0;
        padding-top   : 20px
    }

    .promo-page .promo-side-banner {
        flex: none;
    }

    .promo-page .promo-side-banner button {
        height   : 48px;
        font-size: 18px;
    }

    .article-side-nav {
        display: none;
    }

    .article-main-content {
        flex: 0 0 100%;
    }

    .game-lobby-filter section button {
        min-width: 120px !important;
    }

    .tournament-view-modern-wrapper .banner-title-panel .tournament-name {
        font-size: 40px;
    }

    .tournament-list-item-wrapper .tournament-list-item {
        padding: 49px 24px 43px 24px;
    }

    .tournament-view-modal .modal-body,
    .tournament-result-modal .modal-body {
        padding: 60px 42px 0;
    }

    .tournament-view-modal .modal-content .tournament-preview-container .title {
        top   : 60px;
        height: 275px;
    }

    .tournament-view-modal .modal-content .tournament-preview-container .tournament-image img {
        max-height: 275px;
    }

    .tournament-view-modal .modal-content .tournament-preview-container {
        grid-template-columns: repeat(1, 1fr);
        gap                  : 24px;
    }

    .tournament-view-modal .modal-content .tournament-preview-container .tournament-image,
    .tournament-view-modal .modal-content .tournament-preview-container .tournament-preview-detail-panel,
    .tournament-view-modal .modal-content .tournament-preview-container .tournament-summary,
    .tournament-view-modal .modal-content .tournament-preview-container .read-more-btn {
        grid-row   : auto;
        grid-column: auto;
    }

    .tournament-view-modal .modal-content .tournament-preview-container .read-more-btn {
        width: 100%;
    }

    .tournament-view-modern-wrapper .banner-title-panel {
        min-height: 275px;
    }

    .tournament-view-modern-wrapper .data-panel .tournament-view-description .description-title,
    .tournament-view-games .tournament-view-games-title,
    .tournament-view-modern-wrapper .leaderboard-panel .tournament-previous-container .title {
        margin-bottom: 16px;
    }

    .tournament-view-modern-wrapper .data-panel .tournament-view-description {
        padding: 0 0 32px 0;
    }

    .tournament-view-modern-wrapper .tournament-panel,
    .tournament-view-modern-wrapper .leaderboard-panel .tournament-previous-container {
        padding: 0;
    }

    .vip-page-content .vip-page-header {
        padding-top: 0;
    }

    .vip-page-content .vip-page-header p {
        max-width: 100%;
    }

    .vip-page-content .vip-info-section .vip-info-item {
        flex     : 0 0 100%;
        max-width: 100%;
    }

    .lowerMessage {
        flex-direction: column;
    }

    .lowerMessage div p {
        max-width: 100%
    }

    .lowerMessage .whatIskomp,
    .lowerMessage .howTogetPoints {
        width  : 100%;
        padding: 10px 0px;
    }

    .komp-points-details .komp-points-container {
        width: 75%;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper.isOnSportsPage .home-page-content .nm-widget,
    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .nm-widget.digitain-sports-stage-container {
        margin-left: 0px;
    }

    .form-register .form-prompt .text-center button {
        width       : 100%;
        margin-left : 0px;
        margin-right: 0px;
    }

    .referral-page .referral-page-wrapper {
        grid-template-columns: repeat(1, 1fr);
        gap                  : 25px;
    }

    .referral-how-to-use .referral-how-to-use-container-holder {
        flex-direction: column;
    }

    .referral-comission-conditions,
    .referral-terms-and-condition {
        flex-direction: column-reverse;
        margin-top    : 15px;
    }

    .referral-how-to-use .referral-how-to-use-container-holder .referral-how-to-use-container,
    .referral-terms-and-condition div,
    .referral-comission-conditions div {
        max-width: 100%;
    }

    .referral-how-to-use .referral-how-to-use-container:nth-child(2),
    .referral-comission-conditions .referral-how-to-use-container:first-child {
        height: 448px;
    }

    .referral-terms-and-condition div:first-child {
        height: 359px;
    }

    .referral-terms-and-condition div img {
        left     : 50%;
        transform: translateX(-50%);
        top      : 0;
    }

    .referral-money-rewards .referral-money-rewards-cards {
        grid-template-columns: repeat(1, 1fr);
        height               : fit-content;
    }

    .referral-money-card {
        height: 293px;
    }

    .referral-page .referral-comission-container {
        padding: 45px 25px;
    }

    form#dynamic_register_form:before,
    form.form-login:before,
    form.form-forgot-password:before,
    form.login-existing-user-verification:before {
        display: none;
    }

    .promo-page .promo-page-content .promo-page-details .promo-page-main h3 {
        line-height: normal;
    }

    *[lang="ko"] .komp-points-panel .available-komp-points {
        padding: 0;
    }

    *[lang="ko"] .komp-points-panel .accumulated-points {
        padding: 11px 0;
    }

    .komp-points-panel .accumulated-points,
    .komp-points-panel .available-komp-points {
        padding: 0;
    }

    .referral-terms-and-condition h3,
    .referral-how-to-use-container h3,
    .referral-how-to-use-container h3 {
        text-align: center;
    }

    #referral .referrals-tab section .no-mobile-table table {
        min-width : 675px;
        overflow  : hidden;
        overflow-x: auto;
    }

    .promotions-wrapper .img-wrapper:first-child {
        order: 1;
    }

    .promotions-wrapper .img-wrapper:nth-child(2) {
        order: 2;
    }

    .promotions-wrapper .img-wrapper:nth-child(3) {
        order: 4;
    }


    .promotions-wrapper .img-wrapper:nth-child(4) {
        order: 3;
    }

    .promotions-wrapper .img-wrapper:nth-child(5) {
        order: 5;
    }

    .promotions-wrapper .img-wrapper:nth-child(6) {
        order: 6;
    }

    .promotions-wrapper .img-wrapper:nth-child(7) {
        order: 8;
    }

    .promotions-wrapper .img-wrapper:nth-child(8) {
        order: 7;
    }

    .promotions-wrapper .img-wrapper:nth-child(9) {
        order: 9;
    }

    .promotions-wrapper .img-wrapper:nth-child(10) {
        order: 10;
    }

    .promotions-wrapper .img-wrapper:nth-child(11) {
        order: 12;
    }

    .promotions-wrapper .img-wrapper:nth-child(12) {
        order: 11;
    }

    .promotions-wrapper .img-wrapper:nth-child(13) {
        order: 12;
    }

    .promotions-wrapper .img-wrapper:nth-child(14) {
        order: 13;
    }

    .promotions-wrapper .img-wrapper:last-child {
        order: 14;
    }

    .form-register .user-registration-birthdate-mobile input {
        padding: 0 16px 0 16px !important;
    }

    #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;
        background    : #FFF;
        ;
        margin       : 0 0 24px 0;
        border-radius: 4px
    }

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

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

    .tencoin-deposit-container,
    .tencoin-withdrawal-container {
        padding: 9px 0px;
    }

    #modal-user-profile.modal .modal-dialog .modal-content {
        padding: 40px 24px 60px 24px
    }

    #modal-user-profile.modal .modal-dialog .modal-content .close {
        right: 0px;
        top  : -32px !important;
    }

    .description-section-wrapper .bonus-toggle-details-wrapper button {
        color            : #FFF;
        font-size        : 16px;
        font-weight      : 700 !important;
        font-family      : var(--font-family);
        font-weight      : bold;
        background       : var(--color-primary);
        -webkit-clip-path: var(--clip-path-events-with-bg);
        clip-path        : var(--clip-path-events-with-bg);
        width            : fit-content;
        height           : 36px;
        padding          : 0 16px !important;
        text-transform   : uppercase;
    }

    .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.bonus-mobile-hide,
    .active-bonus-item .row .description-section-wrapper button.btn-system-disabled {
        width: calc(50% - 4px);
    }

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

    .active-bonus-item .row .description-section-wrapper a.bonus-mobile-hide,
    .active-bonus-item .row .description-section-wrapper a.btn-cancel.btn-system-disabled,
    .active-bonus-item .row .description-section-wrapper button.btn-system-disabled.bonus-mobile-hide {
        display        : flex !important;
        justify-content: center;
    }

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

    .active-bonuses-tab .active-bonus-item .img-running,
    .active-bonuses-tab .available-bonus-item .img-running {
        height: 24px;
    }

    .active-bonuses-tab .active-bonus-item.claimed:after,
    .active-bonuses-tab .available-bonus-item.claimed:after {
        border-top: 24px solid var(--bg-general-input);
    }

    #mobile-left-spacer{
        height  : 100dvh;
        position: fixed;
        width   : calc(100dvw - 272px);
        top     : 0;
        right   : 0;
    }

}

@media only screen and (max-width: 620px) {
    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .template-list-page .game-lobby-filter {
        gap: 0 8px;
    }

    .game-lobby-filter .game-lobby-filter-provider,
    .game-lobby-filter .game-lobby-sort {
        width: 50%;
    }

    .game-lobby-filter .game-lobby-filter-provider section,
    .game-lobby-filter .game-lobby-sort section {
        width: 100%;
    }

    .game-lobby-filter section button {
        width: 100% !important;
    }

    .tournament-player-bets-report-wrapper .tournament-details {
        flex-direction: column;
    }

    #vipbtn-w .vipbtn-w-btn {
        padding  : 0 8px !important;
        min-width: fit-content !important;
    }

    #vipbtn-w .vipbtn-w-btn .vipbtn-w-text {
        font-size  : 14px !important;
        white-space: nowrap;
    }

    .player-information-header .nm-widget.bonus-badge-w .btn-system-balance {
        padding  : 0 5px 0 0;
        height   : 40px;
        font-size: 12px;
    }

    .player-information-header .nm-widget.wallet-button-w .btn-system-balance {
        padding  : 0 7px;
        height   : 40px;
        font-size: 12px;
    }

    .referral-page .referral-page-wrapper .referral-card .referral-card-img img {
        max-width : 640px;
        left      : -310px;
        top       : -80px;
        max-height: 547px;
    }

    .promo-page .promo-page-content .promo-page-details .baccarat-page p {
        margin: 8px;
    }

    .promo-page .promo-page-content .promo-page-details .baccarat-page li {
        margin-left: 8px;
    }

}

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

    /* */
    .user-referral-commission-history-monthly,
    .section-system-table,
    .user-referral-commission-history-daily,
    .user-referral-commission-history-report {
        overflow-x: auto;
    }

    .user-referral-filters {
        position: absolute;
        width   : 100%;
    }

    .user-referral-commission-history-daily table {
        margin-top: 84px;
    }

    .user-referral-commission-history-report table {
        margin-top: 141px;
    }

    /* */
    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content {
        padding: 20px 15px 0 !important;
    }

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

    #modernSkin #app_footer .footer-menu {
        grid-template-columns: repeat(1, 1fr);
        gap                  : 8px 0;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer .footer-wrapper .footer-menu .menu-column h5 {
        height          : 48px;
        color           : var(--color-footer-mobile-header);
        background-color: var(--bg-footer-mobile-header);
        display         : flex;
        align-items     : center;
        padding         : 10px 36px 10px 16px;
        font-size       : 14px !important;
        margin-bottom   : 0 !important;
        text-transform  : capitalize;
        font-family     : var(--font-family-bold);
    }

    /*
	#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer .footer-wrapper .footer-menu .menu-column .menuw {
		margin: 0;
	    padding: 10px 28px;
	    background: var(--bg-footer-mobile);
	}
	*/
    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer .footer-wrapper .footer-menu .menu-column .menuw ul li {
        margin-bottom: 0 !important;
        padding      : 10px 0;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer .footer-wrapper .footer-menu .menu-column .menuw ul li:not(:last-child) {
        margin-bottom: 0 !important;
    }

    /*
	#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer .footer-wrapper .footer-menu .menu-column a {
		text-transform: capitalize;
	    font-family: var(--font-family-bold);
	    font-size: 14px !important;
	    text-decoration: underline;
	    color: var(--color-footer-mobile-header) !important;
	}
	*/
    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer .footer-wrapper .footer-menu .menu-column.desktop-view {
        display: none;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer .footer-wrapper .footer-menu {
        margin-bottom: 32px !important;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer .footer-wrapper .subfooter {
        padding-top: 0;
    }

    .orientation-tiles .game-lobby-wrapper {
        margin-top: 20px;
    }

    .orientation-tiles .game-lobby-renderer.horizontal,
    .category-page-content .nm-widget .game-lobby-renderer.horizontal,
    .orientation-tiles .loader-container.horizontal div,
    .category-page-content .loader-container.horizontal div {
        grid-auto-columns: calc(calc(100% - 16px) / 3) !important;
    }

    .buy-crypto-banner .buy-crypto-wrapper .crypto-payment-methods {
        gap: 0 5px;
    }

    .buy-crypto-banner .buy-crypto-wrapper .crypto-payment-methods img {
        height: 14px;
    }

    .category-page-header .category-page-flex .create-account-banner button {
        font-size: 16px;
        padding  : 5px 16px;
        height   : 36px;
    }

    .category-page-header,
    .scroll-wrapper .home-hero {
        width      : calc(100% + 30px);
        margin-left: -15px;
    }

    .game-lobby-renderer.tiles,
    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .scroll-wrapper.provider-list-page .game-providers,
    .category-page-game-lobby .loader-container.tiles div {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .search-casino-results .game-lobby-renderer.tiles,
    .loader-container.tiles div {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .casino_search-widget .new-skin-modal-container {
        margin           : 100px auto 0 !important;
        -webkit-clip-path: none;
        clip-path        : none;
        width            : 100% !important;
        border-radius    : 0;
    }

    #modernSkin .category-page-content .casino_search-widget .casino-search-modal-header h5 {
        font-size: 20px;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .logo-container .hamburger-menu-button-container {
        margin: 0 7px 0 15px;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .top-header .right-align {
        gap: 0 5px;
    }

    .player-information-header .header-wallets {
        gap          : 0 0px;
        padding-right: 0;
    }

    .player-information-header .nm-widget.bonus-badge-w .btn-system-balance {
        background   : #05207B;
        width        : 100%;
        height       : 100%;
        padding      : 0;
        border-radius: 4px;
        font-size    : 12px;
    }

    .player-information-header .nm-widget.wallet-button-w .btn-system-balance {
        width        : 100%;
        height       : 100%;
        padding      : 0;
        border-radius: 4px;
        font-size    : 12px;
    }

    #modal-user-profile.modal .modal-dialog .modal-content .close {
        right: 0px;
        top  : -30px !important;
    }

    #modal-user-profile .modal-body .close:before,
    #user-referral-ch-monthly-details .btn-close-icon:before {
        font-size: 24px;
    }

    #user-referral-ch-monthly-details .btn-close-icon[data-v-0e1cecc8] {
        height       : 24px;
        width        : 24px;
        margin-bottom: 8px;
    }

    #modal-user-profile.modal .modal-dialog .modal-content {
        padding: 40px 15px 20px;
    }

    .nav-tab-system-horizontal .nav-tabs .nav-item {
        font-size: 10px;
    }

    .nav-tab-system-horizontal .nav-tabs .nav-item a,
    .nav-tab-system-horizontal .nav-tabs .nav-item a:hover {
        padding: 10px 3px;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .grp-status button,
    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .grp-status button i {
        font-size: 14px;
    }

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

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .grp-status {
        padding-left: 0;
    }

    #modal-user-profile .section-system-filter .col-md-5>.row,
    .section-system-filter .col-md-7 .row {
        flex-direction: column;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .change-password-container input {
        font-size: 12px;
        height   : fit-content;
        padding  : 10px 40px 10px 10px;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .change-password-container .password-visible {
        right : 30px !important;
        bottom: 28% !important;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .change-password-container .password-visible i {
        font-size: 12px;
    }

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

    .active-bonuses-tab .active-bonus-item .description-section-wrapper .description,
    .active-bonuses-tab .available-bonus-item .description-section-wrapper .description,
    .available-bonuses-tab .active-bonus-item .description-section-wrapper .description,
    .available-bonuses-tab .available-bonus-item .description-section-wrapper .description {
        font-size: 14px;
    }

    .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 {
        border-bottom: 0;
        margin-bottom: 5px;
        padding      : 12px 0 0;
    }

    .active-bonuses-tab .active-bonus-item .detail:last-child,
    .active-bonuses-tab .available-bonus-item .detail:last-child,
    .available-bonuses-tab .active-bonus-item .detail:last-child,
    .available-bonuses-tab .available-bonus-item .detail:last-child {
        margin-bottom: 0;
    }

    .active-bonuses-tab .active-bonus-item .product-icon.fa-dice:before,
    .available-bonuses-tab .available-bonus-item .product-icon.fa-dice:before,
    #bonus-popup .modal-content .modal-body .bonus-list-wrapper .bonus-details .icon-casino-dice,
    .active-bonuses-tab .active-bonus-item .product-icon.icon-basketball1.icomoon-mobile,
    .available-bonuses-tab .available-bonus-item .product-icon.icon-basketball1.icomoon-mobile {
        height: 20px;
        width : 20px;
    }

    .active-bonuses-tab .active-bonus-item .product-icon,
    .active-bonuses-tab .available-bonus-item .product-icon,
    .available-bonuses-tab .active-bonus-item .product-icon,
    .available-bonuses-tab .available-bonus-item .product-icon {
        margin: 0 4px 0 0;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .transaction-subtab-container {
        padding-bottom: 0;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .transaction-subtab-container button {
        font-size: 14px;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .section-title,
    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-methods-title,
    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .header p,
    #vip-progress .nav-tab-system-horizontal .nav-tabs .nav-item a {
        font-size: 24px;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-method .overwrite-mode-amount-wrapper,
    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-method .btn-system-amount-wrapper>.row:nth-child(3) .col {
        flex-wrap    : wrap;
        gap          : 10px;
        margin-bottom: 10px;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-method .overwrite-mode-amount-wrapper a,
    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-method a.btn-withdraw-amount {
        margin-bottom: 0;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-methods-panel .payment-method-item {
        flex: 0 0 40%;
    }

    .bank-accounts-table .bank-accounts-table-header {
        flex-direction : column;
        justify-content: center;
        gap            : 10px 0;
    }

    .promo-page>a {
        width: calc(100% + 30px);
        left : -15px;
    }

    .promo-page .details-item .details-item-content h5 {
        font-size: 18px;
    }

    .promo-page .details-item .details-item-content p {
        font-size: 14px;
    }

    .promo-page .promo-page-main h4 {
        font-size     : 20px;
        letter-spacing: normal;
    }

    .game-lobby-renderer .game-lobby-renderer-card .game-lobby-renderer-card-buttons button:nth-child(1) {
        height: 45px;
        width : 45px;
    }

    .game-lobby-renderer .game-lobby-renderer-card .game-lobby-renderer-card-buttons button:nth-child(2) {
        bottom: 30px;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header {
        padding-right: 8px !important;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .main-menu-header {
        margin-left: -205px;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #game-providers-page .casino_search-widget .new-skin-modal-container {
        width : 100% !important;
        margin: 100px auto !important;
    }

    .active-bonuses-tab .active-bonus-item .detail.col-sm-2,
    .active-bonuses-tab .available-bonus-item .detail.col-sm-2 {
        -ms-flex : 0 0 100%;
        flex     : 0 0 100%;
        max-width: 100%;
    }

    .active-bonuses-tab .active-bonus-item .detail,
    .active-bonuses-tab .available-bonus-item .detail {
        margin-bottom: 10px;
    }

    #bonus-popup .modal-content {
        padding: 0 0 15px;
    }

    #bonus-popup .modal-content .modal-body .bonus-list-wrapper .bonus-header {
        font-size: 20px;
    }

    #bonus-popup .modal-content .modal-body .bonus-list-wrapper .bonus-details {
        font-size: 12px;
        padding  : 12px 10px;
    }

    #bonus-popup .modal-content .modal-body .bonus-list-wrapper .bonus-details .icon-casino-dice,
    #bonus-popup .modal-content .modal-body .bonus-list-wrapper .bonus-details .icon-basketball1 {
        height: 110%;
    }

    #bonus-popup .modal-content .modal-body .bonus-list-wrapper .btn-action-wrapper:not(.no-gutter) button {
        height   : 40px;
        padding  : 0 16px;
        font-size: 14px;
    }

    #bonus-popup.modal .modal-dialog {
        margin: 0 auto;
    }

    .scroll-wrapper .home-hero .video-overlay,
    .scroll-wrapper .home-hero {
        height: 200px;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .template-page-header-container .template-page-header {
        left     : 15px;
        max-width: calc(100% - 30px);
    }

    #komp-transactions-history .komp-history-tab .section-system-filter .col-2,
    #komp-transactions-history .komp-history-tab .section-system-filter .col-1 {
        -ms-flex     : 0 0 100%;
        flex         : 0 0 100%;
        max-width    : 100%;
        margin-bottom: 15px;
    }

    #komp-transactions-history .komp-history-tab .section-system-filter .grp-date-range {
        padding-right: 15px !important;
    }

    #komp-transactions-history .komp-history-tab .section-system-filter .grp-status {
        padding-left : 15px !important;
        padding-right: 15px !important;
    }

    #komp-transactions-history .section-system .komp-section-tabs .komp-section-tab {
        font-size: 12px;
    }

    .referrals-tab .section-system-filter .referrals-tab-filters .date-range-wrapper,
    .referrals-tab .section-system-filter .referrals-tab-filters .referrals-tab-search {
        width: 50% !important;
    }

    .user-referral-commission-history-report .user-referral-filters {
        flex-direction: column;
        gap           : 15px 0;
    }

    .month-year-picker-datepicker {
        width: 100%;
    }

    .user-referral-commission-history-report .user-referral-filters .user-referral-search {
        width: 100% !important;
    }

    .dropdown .dropdown-menu.dropdown-filter,
    .btn-group .dropdown-menu.dropdown-filter {
        min-width: calc(100vw - 40px);
        width    : calc(100vw - 40px);
    }

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

    .tournament-list-item-wrapper .tournament-list-item .tournament-status {
        height   : 32px;
        font-size: 16px;
        padding  : 5px 10px;
    }

    .tournament-list-item-wrapper .tournament-name {
        font-size: 24px;
        padding  : 0 0 8px 0;
    }

    .tournament-list-item-wrapper .tournament-panel-data {
        padding: 0;
    }

    .tournament-list-item-wrapper .tournament-panel-data .tournament-items-action {
        margin-top: 8px;
    }

    .tournament-list-item-wrapper .tournament-panel-leaderboard .tournament-item-leaderboard-title {
        height : fit-content;
        padding: 8px 0;
    }

    .tournament-view-modal .modal-body,
    .tournament-result-modal .modal-body {
        padding: 60px 15px 50px;
    }

    .tournament-view-modal .modal-content .tournament-preview-container .tournament-image img {
        max-height: 200px;
    }

    .tournament-view-modal .modal-content .tournament-preview-container .title {
        width    : calc(100% - 30px);
        font-size: 24px;
        height   : 68px;
    }

    .tournament-view-modal .modal-content .tournament-preview-container,
    .tournament-view-modal .modal-content .tournament-preview-container .tournament-preview-detail-panel {
        gap: 16px;
    }

    .tournament-view-modal.modal .modal-dialog .modal-content .close,
    .tournament-result-modal.modal .modal-dialog .modal-content .close {
        right: 31px;
        left : auto;
        width: min-content;
    }

    .tournament-view-modal.modal .modal-dialog .modal-content .close i,
    .tournament-result-modal.modal .modal-dialog .modal-content .close i {
        display: none;
    }

    .tournament-view-modern-wrapper,
    .tournament-view-modern-wrapper .tournament-panel {
        gap: 24px;
    }

    .tournament-view-modern-wrapper .banner-title-panel .tournament-name {
        font-size: 24px;
    }

    .tournament-view-modern-wrapper .banner-title-panel {
        min-height: 200px;
    }

    .tournament-view-modern-wrapper .data-panel .tournament-view-description .description-title,
    .tournament-view-games .tournament-view-games-title,
    .tournament-view-modern-wrapper .leaderboard-panel .tournament-leaderboard-title,
    .tournament-view-modern-wrapper .leaderboard-panel .tournament-previous-container .title {
        font-size: 20px;
    }

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

    .tournament-view-games-article-thumbnails .base-game-card-buttons button:nth-child(1) {
        height: 45px;
        width : 45px;
    }

    .tournament-view-modern-wrapper .data-panel .tournament-terms-container {
        align-items: center;
    }

    .tournament-view-modern-wrapper .data-panel .tournament-terms-container.shorted .terms-readmore-btn {
        position   : relative;
        width      : 178px;
        height     : 36px;
        color      : white;
        font-size  : 14px;
        font-weight: 700;
        filter     : drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.32)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.04));
    }

    .tournament-view-modern-wrapper .data-panel .tournament-terms-container .terms-readmore-btn::before {
        content         : '';
        position        : absolute;
        top             : 0;
        left            : 0;
        width           : 178px;
        height          : 36px;
        background      : var(--bg-events-item-hover);
        -webkt-clip-path: var(--clip-path-events-with-bg);
        clip-path       : var(--clip-path-events-with-bg);
    }

    .vip-page-content .vip-page-header h3 {
        font-size: 24px;
    }

    .vip-page-content .vip-page-cards {
        gap       : 100px;
        margin-top: 40px;
    }

    .vip-page-content .vip-page-cards .vip-page-card-item {
        flex     : 1 0 100%;
        max-width: 100%;
    }

    .vip-page-content .vip-page-cards .vip-page-card-item .vip-badge {
        height: 120px;
        width : 120px;
        margin: 0 auto -55px;
    }

    .vip-page-content .vip-page-cards .vip-page-card-item .vip-badge h1 {
        font-size: 40px;
    }

    .vip-page-content .vip-page-cards .vip-page-card-item .vip-badge span {
        font-size: 14px;
    }

    .vip-page-content .vip-page-cards .vip-page-card-item .vip-details .withdraw-limit {
        padding: 65px 16px 16px;
    }

    .vip-page-content .vip-page-cards .vip-page-card-item .vip-details .cashback {
        padding: 16px;
    }

    .vip-page-content .vip-page-cards .vip-page-card-item .vip-details .account-manager {
        padding: 16px 16px 24px;
    }

    .vip-page-content .vip-page-cards .vip-page-card-item .vip-details h2 {
        font-size: 24px;
    }

    .vip-page-content .vip-page-cards .vip-page-card-item .vip-details p {
        font-size: 12px;
    }

    .vip-page-content .vip-info-section .vip-info-item h6 {
        align-items: center;
    }

    .vip-page-content .vip-info-section .vip-info-item h6 img {
        height: 32px;
        width : 32px;
    }

    .vip-page-content .vip-info-section .vip-info-item p {
        max-width: 100%;
        margin   : 8px 0 0 0;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper.isOnSportsPage .home-page-content .scroll-wrapper,
    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .scroll-wrapper.digitain-esports {
        width      : calc(100% + 30px) !important;
        max-width  : calc(100% + 30px) !important;
        margin-left: -15px !important;
    }

    #vip-progress .komp-vip-progress-tier-icon {
        max-height: 50px !important;
        max-width : 50px !important;
    }

    /*
	 #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .top-header .right-align #vipbtn-w {
		display: none;
	 }
     */
    #vipbtn-w .vipbtn-w-btn {
        clip-path: none;
        margin   : 16px 0 0 16px;
    }

    .promotions .nav-tabs .nav-item {
        flex: 1 1 auto;
    }

    .promotions .nav-tabs .nav-link {
        padding: 6px 0;
        width  : 100%;
    }


    body.logged-in #modernSkin.main-wrapper .layout-wrapper .header-section a.vipbtn-w-btn {
        background: var(--bg-top-header);
        padding   : 0 !important;
        margin    : 0;
    }

    body.logged-in #modernSkin.main-wrapper .layout-wrapper .header-section a.vipbtn-w-btn p {
        display: none;
    }

    body.logged-in #vipbtn-w .vipbtn-w-btn .vipbtn-w-image {
        max-width : 41px !important;
        max-height: 41px !important;
    }

    body.logged-in #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .top-header {
        height: 91px;
    }

    body.logged-in #modernSkin.main-wrapper .layout-wrapper .header-section {
        height: 141px !important;
    }

    body.logged-in #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container:before {
        height: 91px;
    }

    body.logged-in .player-information-header .header-wallets {
        flex-direction: column;
        gap           : 3px 0px;
    }

    body.logged-in #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .top-header .right-align {
        gap: 0 9px;
    }

    body.logged-in .player-information-header .header-wallets .bonus-badge-w,
    .player-information-header .header-wallets .wallet-button-w {
        width : 197px;
        height: 32px;
    }

    body.logged-in .player-information-header .header-wallets .bonus-badge-w .btn-bonus-balance {
        background: #05207B;
    }

    body.logged-in .player-information-header .nm-widget.wallet-button-w .btn-system-balance:before {
        clip-path    : xywh(0 0px 100% 100% round 0 0) !important;
        border-radius: 4px;
    }

    body.logged-in #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content {
        margin-top: 40px;
    }

    #transaction-history .withdrawal-transactions-history-classic .custom-modal-container .custom-modal-body,
    #transaction-history .deposit-transactions-history-classic .custom-modal-container .custom-modal-body {
        height: fit-content;
    }

    .promo-page .promo-page-content .promo-page-details .baccarat-page .baccarat-content-info table {
        width: 280px;
    }

    .promo-page .promo-page-content .promo-page-details .baccarat-page .baccarat-content-info .baccarat-prize {
        font-size: 40px !important;
    }

    .promo-page .promo-page-content .promo-page-details .baccarat-page .baccarat-content-info .baccarat-text {
        font-size: 24px !important;
    }

    .promo-page .promo-page-content .promo-page-details .baccarat-page h1 {
        font-size: 16px;
    }


    /* GP-4331 Mobile Notif temporary disable no approval 

	.custom-modal-container.promotion-modal {
		height: 100% !important;
	}

	.custom-modal-container.promotion-modal .custom-modal-body {
		padding: 20px 0;
	}

	.custom-modal-container.promotion-modal .custom-modal-body .custom-modal-section .promotion-popup-container {
		flex-direction: column;
		display: flex;
		width: 100%;
		height: 100%;
	}

	.custom-modal-container.promotion-modal .custom-modal-body .custom-modal-section .promotion-popup-container .promotion-item-card {
		position: relative;
		margin: 0;
	}

	.custom-modal-container.promotion-modal .custom-modal-body .custom-modal-section .promotion-popup-container .promotion-item-card .promotion-card {
		margin: 4px auto;
	}

	.custom-modal-container.promotion-modal .custom-modal-body .custom-modal-section .promotion-popup-container .promotion-item-card .promotion-card .promotion-card-content {
		max-height: 100%;
	}

	.custom-modal-container.promotion-modal .custom-modal-body .custom-modal-section .promotion-popup-container .promotion-item-card .promotion-card .promotion-card-content img {
		max-height: 150px
	}

    .custom-modal-container.promotion-modal .custom-modal-body .custom-modal-section .promotion-popup-container .promotion-item-card:not(:first-child):hover .promotion-card .promotion-card-header{
        display: flex !important;
    } 

    .custom-modal-container.promotion-modal .custom-modal-body .custom-modal-section .promotion-popup-container .promotion-item-card .promotion-card .promotion-card-header {
        padding: 8px 16px !important;
        align-items: center; 
    }

    .custom-modal-container.promotion-modal .custom-modal-body .custom-modal-section .promotion-popup-container .promotion-item-card .promotion-card .promotion-card-header .promotion-card-title{
        font-size: 12px;
    }  

    .custom-modal-container.promotion-modal .custom-modal-body .custom-modal-section .promotion-popup-container .promotion-item-card .promotion-card .promotion-card-action {
        min-height: fit-content;
    }

    .custom-modal-container.promotion-modal .custom-modal-body .custom-modal-section .promotion-popup-container .promotion-item-card .promotion-card .promotion-card-action button {
        padding: 8px 12px !important;
    }

    .custom-modal-container.promotion-modal .custom-modal-body .custom-modal-section .promotion-popup-container .promotion-item-card .promotion-card .promotion-card-action .optout-hidden{
        height: 36px;
    }
	
	*/
    #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
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-methods-panel {
        gap: 0 16px
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-methods-panel .payment-method-item {
        flex   : 0 0 30%;
        padding: 8px
    }

    section.tencoin-deposit-container form .base-input-container .base-input-wrapper input,
    section.tencoin-withdrawal-container form .base-input-container .base-input-wrapper input {
        min-width: 100%;
        width    : 100% !important;
    }

    section.tencoin-deposit-container form .payment-amount-suggested button,
    section.tencoin-withdrawal-container form .payment-amount-suggested button {
        min-width: 40%
    }

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

    .tencoin-deposit-form .tencoin-deposit-wallet-address {
        text-align: center
    }

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

    .tencoin-withdrawal-form .base-input-container .base-input-wrapper .base-input-field,
    .tencoin-deposit-form .base-input-container .base-input-wrapper .base-input-field {
        width: 100%
    }

    .tencoin-withdrawal-form .base-input-container .base-input-wrapper .base-input-append,
    .tencoin-deposit-form .base-input-container .base-input-wrapper .base-input-append {
        text-wrap: nowrap;
    }

    .custom-modal-container {
        height: 100% !important;
        top   : 0 !important;
    }

    section.tencoin-deposit-container .tencoin-deposit-form {
        grid-template-columns: repeat(2, 1fr);
    }

    .tencoin-deposit-container .base-input-container {
        max-width: 100% !important;
        width    : 100% !important;
    }

    .tencoin-deposit-container .base-input-container label {
        font-size: 12px !important;
    }
}


@media only screen and (max-width: 480px) {
    .section-system-mobile {
        margin: 0 4px;
    }

    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-method .overwrite-mode-amount-wrapper a,
    #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-method a.btn-withdraw-amount {
        padding: 10px 5px;
    }

    .tournament-list-item-wrapper .tournament-panel-data .tournament-panel-data-item {
        font-size: 12px;
    }

    .tournament-list-item-wrapper .tournament-list-item .tournament-status {
        width: 130px;
    }

    .tournament-view-result-wrapper .table th,
    .tournament-view-result-wrapper .table td {
        padding: 15px !important;
    }

    .tournament-view-result-wrapper .table th,
    .tournament-view-result-wrapper .table td,
    .tournament-view-leaderboard-wrapper .table th,
    .tournament-view-leaderboard-wrapper .table td {
        padding: 15px 7.5px !important;
    }

    .tournament-view-modern-wrapper .tournament-timer-detail-panel {
        flex-direction: column;
    }

    .tournament-view-modern-wrapper .tournament-timer-detail-panel .base-time-ticker {
        width: 100%;
    }

    .tournament-view-modern-wrapper .tournament-timer-detail-panel .base-time-ticker p {
        width    : 100%;
        height   : 60px;
        font-size: 16px;
    }

    .tournament-view-modern-wrapper .tournament-timer-detail-panel .tournament-view-detail-prizepool {
        height: 60px;
    }

    .tournament-view-myrank-wrapper table tr th[data-v-3423ba8e]:nth-child(1) {
        width: auto;
    }

    .tournament-view-myrank-wrapper .table th {
        padding: 15px 7.5px !important;
    }

    .komp-page-tab,
    .komp-page-content .tabcontent,
    .komp-points-textfield {
        width: 100%;
    }

    .komp-page-content .tabcontent {
        height: 560px;
    }

    .komp-points-details {
        width  : 100%;
        padding: 10px;
    }

    .komp-points-details .komp-points-container {
        width  : 100%;
        padding: 10px;
    }

    .komp-points-details .komp-points-info {
        width : 100%;
        height: 50px;
        margin: 0;
    }

    .komp-points-border {
        display: none;
    }

    .komp-points-details p {
        font-size: 15px;
    }

    .lowerMessage .howTogetPoints {
        padding-left: 15px;
    }

    .lowerMessage .howTogetPoints {
        padding: 20px 0px;
    }

    .scroll-wrapper .home-hero .video-overlay,
    .scroll-wrapper .home-hero,
    .carousel-item .img-responsive {
        height: 140px;
    }

    .referral-page .referral-page-wrapper .referral-card .referral-card-img img {
        max-width : 564px;
        left      : -313px;
        top       : -80px;
        max-height: 547px;
    }

    .referral-page .referral-reward-steps-container {
        gap: 0;
    }

    .referral-promotion {
        padding: 28px 10px 28px 10px;
    }

    .referral-promotion div h3 {
        font-size: 37px;
    }

    .referral-promotion p,
    .referral-promotion h2,
    .referral-promotion h3,
    .referral-promotion button {
        z-index: 2;
    }

    .referral-promotion img {
        width  : 646px;
        left   : -92px;
        top    : -22px;
        z-index: 1;
    }

    .referral-promotion div p {
        width: 100%;
    }

    .referral-how-to-use-container h3,
    .referral-how-to-use-container h1,
    .referral-how-to-use-container p {
        margin: 10px 20px;
    }

    .provider-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .about-us .about-us-partner-container {
        padding: 0;
    }

    .about-us-page-cards {
        grid-template-columns: repeat(2, 1fr);
        gap                  : 10px;
    }

    .referral-page .referral-reward-steps-container .referral-reward-steps h1 {
        top: 70px;
    }

    .referral-page .referral-reward-steps-container .referral-reward-steps h6 {
        top: 90px;
    }

    .provider-grid .provider-item img {
        margin: auto;
    }

    .about-us .about-us-page-cards .about-us-page-item .about-us-badge {
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.50);
        width     : 140px;
        height    : 140px;
        font-size : 50px;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer {
        padding: 45px 20px 50px !important;
    }

    .scroll-wrapper .home-hero {
        padding: 0 20px !important;
    }

    .accordion-container .accordion {
        height       : 60px;
        overflow     : hidden;
        text-overflow: ellipsis;
        white-space  : nowrap;
        display      : block !important;
        padding      : 20px 68px 22px 22px;
    }

    .accordion-container .accordion.active i {
        top: 18px;
    }

    .top_matches_header_container {
        margin-top   : 10px;
        margin-bottom: -20px;
    }

    .top_matches_header_container .TopMatches {
        margin-right : -56px !important;
        margin-bottom: 3px;
    }

    .top_matches_header_container i:before {
        height: 55px;
        width : 84px;
    }

    .komp-points-panel .available-komp-points,
    .komp-points-panel .accumulated-points,
    *[lang="ko"] .komp-points-panel .available-komp-points {
        padding: 3px 0;
    }

    *[lang="ko"] .komp-points-panel .accumulated-points {
        padding: 14px 0;
    }

    .promo-page .promo-page-content .promo-page-details .promo-page-main h3 {
        font-size: 28px;
    }

    .promo-page-details .promo-page-main .centeredImage {
        margin: auto;
    }

    #freeBet h3,
    #bonusMoney h3 {
        font-size: 22px;
    }

    .points-logged-in {
        padding: 14px 0px;
    }

    body.logged-in .player-information-header .header-wallets .bonus-badge-w,
    .player-information-header .header-wallets .wallet-button-w {
        width: 140px;
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .logo-container .side-nav-toggle {
        margin-left: 0px;
    }

    .referral-card-container p {
        font-size: 22px;
    }

    .referral-card-container span {
        font-size: 26px;
    }

    .info-accordion .accordion-container .accordion span {
        display: none;
    }


    .promo-page-main .promo-modal-content-image {
        max-height: 50%;
        height    : 100% !important;
    }

    .promo-page-main .daily-komp-modal .modal-content {
        width     : 100%;
        max-height: 480px;
    }

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

    .tencoin-withdrawal-currency-placeholder-slot div span,
    .tencoin-withdrawal-network-placeholder-slot span,
    body .tencoin-withdrawal-network-placeholder-slot label,
    .tencoin-deposit-network-placeholder-slot span,
    body .tencoin-deposit-network-placeholder-slot label,
    section.tencoin-deposit-container form .tencoin-deposit-payment section.tencoin-deposit-currency button .tencoin-deposit-currency-placeholder-slot div span {
        font-size: 12px !important;
    }
}

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

    .promotions h4:before,
    .article-main-header:before {
        top : -22px;
        left: 32px;
    }
}

@media only screen and (max-width: 480px) {
    .top_matches_banner h5 {
        font-size: 1rem !important;
    }

    .referral-page-header {
        flex-direction: column;
        height        : 600px;
    }

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

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

@media only screen and (max-width: 387px) {
    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .scroll-wrapper.article-page {
        display: block;
    }

    *[lang="ko"] .nm-widget .login,
    .nm-widget.register-w .btn-join {
        font-size: 12px;
    }
}

@media only screen and (max-width: 351px) {
    .bank-transfer-deposit-classic .btn-system-amount-wrapper .increment-mode-amount-wrapper a {
        min-width: 112px;
    }
}