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

	.scroll-wrap,
	#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer {
		max-width: 1856px;
	}

	#app_header.main-header-container {
		max-width: 1920px;
	}
}

@media only screen and (max-width: 1800px) {
	#app_header.main-header-container .subheader-menu .nm-widget.menuw ul {
		gap: 40px;
	}

	.vip-page-content .vip-rank-container .vip-rank-cards {
		grid-template-columns: repeat(3, 1fr);
	}

	.vip-page-content .vip-rank-container .vip-rank-cards .vip-rank:nth-child(4),
	.vip-page-content .vip-rank-container .vip-rank-cards .vip-rank:nth-child(5),
	.vip-page-content .vip-rank-container .vip-rank-cards .vip-rank:last-child {
		margin-top: 200px;
	}

	.player-information-header .right-align .custom-chat-link-tablet {
		display: block;
	}

	.player-information-header .right-align .custom-chat-link {
		display: none;
	}

	#app_header.main-header-container .player-information-header .left-align,
	#app_header.main-header-container .player-information-header .right-align,
	body.logged-in #app_header.main-header-container .player-information-header .header-wallets {
		gap: 4px;
	}

	body.logged-in .right-align .nm-widget.login-w {
		padding: 0px 8px;
		margin: 0;
	}
}

@media only screen and (max-width: 1600px) {
	#modernSkin #app_header .player-information-header {
		padding-right: 16px !important;
	}

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

	#modal-user-profile .content-wrapper-system {
		max-width: calc(100% - 300px);
	}

	.layout-wrapper .content-wrapper .home-page-content {
		padding-left: 24px !important;
		padding-right: 24px !important;
	}

	.scroll-wrap.full-width {
		max-width: 100%;
	}

	.hero-section:before {
		width: 400px;
		height: 302px;
	}

	.hero-section.category:before {
		width: 500px;
		height: 359px;
		top: -77px;
		right: 350px;
	}

	.hero-section .hero-left-banner h1 {
		width: 70%;
	}

	.player-information-header .custom-promo-link {
		padding: 0 4px;
	}

	.vip-page-content .vip-rank-container .vip-info-section {
		grid-template-columns: repeat(2, 1fr);
	}

	.vip-page-content .vip-rank-container .vip-info-section .vip-info-item p {
		width: 100%;
	}

	#modernSkin .new-skin-modal-mask .new-skin-modal-wrapper .new-skin-modal-container {
		padding: 32px 24px !important;
	}

	.referrals-tab .section-system-filter .col-12 .row .form-group {
		flex: 0 0 100%;
		max-width: 100%;
	}

	#app_header.main-header-container .player-information-header .right-align .custom-chat-link-tablet button {
		padding: 0 12px;
	}

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

@media only screen and (max-width: 1480px) {
	#modernSkin .home-page-content.chat-hidden .casino_search-widget .new-skin-modal-container {
		max-width: 100% !important;
	}
}

@media only screen and (max-width: 1400px) {
	.section-system-filter>.col-md-5 {
		max-width: 70%;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}

	.section-system-filter>.col-md-7 {
		max-width: 30%;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}

	.container-search .wrapper-search {
		max-width: 100%;
		margin-left: 0;
	}

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

	#modal-user-profile .content-wrapper-system {
		max-width: calc(100% - 250px);
	}

	#app_header.main-header-container .subheader-menu .nm-widget.menuw {
		overflow: auto;
		border: 24px solid transparent;
		border-style: none solid;
		padding: 10px 0 0;
	}

	#app_header.main-header-container .subheader-menu .nm-widget.menuw ul {
		gap: 32px;
		width: max-content;
	}

	.card-icon-page-links .card-icon-item a {
		align-items: center;
		padding-left: 0;
	}

	.card-icon-page-links .card-icon-item img {
		right: auto;
		bottom: auto;
		top: -22px;
		max-height: 80px;
	}

	.card-icon-page-links .card-icon-item span {
		max-width: 90%;
		text-align: center;
	}

	.card-icon-page-links .card-icon-item {
		padding-left: 0px;
	}

	.header-section.scrollSrink #app_header.main-header-container .nm-widget.menuw .nav-item a span {
		position: fixed;
		top: 100px;
	}

	#app_header.main-header-container .subheader-menu .nm-widget.menuw ul .nav-item:last-child {
		position: relative;
		right: auto;
	}

	.header-section.scrollSrink #app_header.main-header-container .nm-widget.menuw .nav-item a i.LiveChat:before {
		width: 34px;
		height: 34px;
	}

	.player-information-header .custom-promo-link {
		font-size: 0;
		padding: 0;
		width: 32px;
		white-space: nowrap;
		gap: 0;
		position: relative;
	}

	.player-information-header .custom-promo-link img {
		height: 24px;
		width: 24px;
		object-fit: contain;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.komp-page-content .komp-info-section {
		padding: 84px 90px;
	}

	.hero-section .hero-banner {
		height: 400px;
	}
}

@media only screen and (max-width: 1200px) {
	#modernSkin .content-wrapper {
		margin-left: 0 !important;
	}

	.layout-wrapper .header-section {
		padding: 0;
	}

	.scroll-wrap.buffered .buffered-left {
		margin-left: 0;
	}

	#modal-user-profile .modal-body .modal-wrapper {
		padding: 60px 32px 0;
	}

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

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

	.section-system-table {
		max-width: 100%;
		overflow: auto;
	}

	.hero-section:before {
		right: 272px;
	}

	.hero-section.category:before {
		right: 227px;
	}

	.hero-section .hero-left-banner h1 {
		font-size: 30px;
	}

	.hero-section .hero-right-banner .hero-section-details h1 {
		font-size: 40px;
	}

	#modal-user-profile .modal-body .modal-wrapper .grp-balance .btn-balance-wrapper .btn-wallet-balance,
	#modal-user-profile .modal-body .modal-wrapper .grp-balance .btn-bonus-balance-wrapper .btn-bonus-balance {
		font-size: 14px;
		line-height: 14px;
	}

	#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile.preview-mode .accordion .card input:disabled,
	#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile.preview-mode .accordion .card select:disabled,
	#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .accordion .card input,
	#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .accordion .card select,
	#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .accordion .card .dropdown .dropdown-system-toggle-input,
	#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .accordion .card .dropdown {
		max-width: 100%;
		min-width: 100%;
	}

	#app_header.main-header-container .logo-container {
		padding-right: 16px;
	}

	#app_header.main-header-container .logo-container #brand-logo {
		height: 38px !important;
	}

	body.logged-in .nm-widget.login-w {
		padding: 0;
		margin: 0;
		border-left: 0;
		border-right: 0;
	}

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

	.card-page-links .card-page-item {
		padding: 16px;
	}

	.card-page-links .card-page-item-header h4 {
		font-size: 18px;
	}

	.card-page-links .card-page-item-details p {
		font-size: 14px;
		max-width: 100%;
	}

	.komp-page-content .komp-info-section {
		padding: 84px 30px;
	}

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

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

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

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

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

	#modernSkin .content-wrapper .home-page-content.shrink.chat-hidden .casino_search-widget .new-skin-modal-container {
		max-width: 100% !important;
		margin-left: 0 !important;
	}

	#komp-system .tab-content-player-account-window #my-komp-points .tab-content-wrapper .referral-link .form-group .col-2 {
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}

	#komp-system .tab-content-player-account-window #my-komp-points .tab-content-wrapper .referral-link .form-group .col-2:nth-child(2) {
		padding: 0;
	}


	.tournament-view-modern-wrapper .data-panel,
	.tournament-view-modern-wrapper .leaderboard-panel {
		max-width: 100%;
		padding: 12px
	}

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

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

	.hero-section .hero-banner {
		height: 300px;
	}

	.hero-section .hero-banner.home {
		padding: 0 10% 0 0;
	}

	.hero-section .hero-banner.category {
	    padding: 0 0 0 10%;
	}

	.two-row-gamelobby .game-lobby-renderer.horizontal,
	.two-row-gamelobby .loader-container.horizontal div {
		grid-auto-columns: calc(calc(100% - 120px) / 6);
	}

	.game-provider-wrapper span .game-provider-list,
	.game-provider-wrapper span .loader-container.horizontal div {
		grid-auto-columns: calc(calc(100% - 120px) / 6) !important;
	}

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

	.loader-container.tiles div svg:nth-last-child(-n+2) {
    	display: none;
	}
}

@media only screen and (max-width: 991px) {
	.layout-wrapper .header-section {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

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

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

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

	.two-row-gamelobby .game-lobby-renderer.horizontal {
		grid-auto-columns: calc(calc(100% - 48px) / 4) !important;
		gap: 16px !important;
	}

	.two-row-gamelobby .loader-container.horizontal div {
		grid-auto-columns: calc(calc(100% - 48px) / 4) !important;
		gap: 16px;
		width: 100% !important;
	}

	.category-page-wrapper,
	.recommended-promos .promo-items {
		gap: 0 16px;
	}

	.category-page-content .game-lobby-renderer.horizontal,
	.category-page-content .loader-container.horizontal div {
		grid-auto-columns: calc(calc(100% - 48px) / 4) !important;
		gap: 0 16px;
	}

	#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #provider-game-list-page-casino-group .template-list-page {
		grid-gap: 0 16px;
	}

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

	.promo-page .promoTabContent.active {
		gap: 16px;
	}

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

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

	.nav-tab-system-horizontal .nav-tabs {
		max-width: fit-content !important;
	}

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

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

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

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

	#app_header.main-header-container .subheader-menu .nm-widget.menuw {
		padding: 0;
	}

	#app_header.main-header-container .subheader-menu .nm-widget.menuw ul {
		gap: 0 24px;
		padding: 0;
	}

	#app_header.main-header-container .subheader-menu .nm-widget.menuw ul a {
		font-size: 14px;
	}

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

	.card-icon-page-links .card-icon-item img {
		top: -48px;
	}

	.scroll-wrap.full-width {
		margin-top: 24px;
		padding: 0 18px 24px;
	}

	.scroll-wrap.full-width .game-lobby-renderer.horizontal {
		grid-auto-columns: calc(calc(100% - 36px) / 3) !important;
		gap: 0 18px;
	}

	.scroll-wrap.full-width .nm-widget:before {
		height: 100%;
		width: calc(100% + 36px);
		bottom: -24px;
		left: -18px;
	}

	.scroll-wrap.full-width .nm-widget:after {
		height: calc(100% - 4px);
		width: calc(100% + 32px);
		bottom: -22px;
		left: -16px;
	}

	.scroll-wrap.full-width .nm-widget .game-lobby-header {
		margin-bottom: 32px;
	}

	.scroll-wrap.full-width .nm-widget .game-lobby-header .header-container h5 {
		font-size: 40px;
	}

	.scroll-wrap.full-width .nm-widget .game-lobby-header .header-container h5::before {
		width: calc(100% + 16px);
		left: -8px;
	}

	.scroll-wrap.full-width .nm-widget .game-lobby-header .header-container h5::after {
		width: calc(100% + 16px);
		left: -8px;
	}

	.hero-section:before {
		background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSMSS/assets/images/banners/home-banner-center-img-mobile.webp');
		right: 0;
		height: 291px;
		width: 212px;
	}

	.hero-section.category:before {
		background-image: url(https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSMSS/assets/images/banners/casino-hero-banner-center-mobile.webp);
		right: -61px;
		height: 291px;
		width: 284px;
		top: -24px;
	}

	.hero-section .hero-right-banner {
		display: none;
	}

	.hero-section .hero-banner {
		max-width: 100%;
	}

	.hero-section .hero-left-banner h1 {
		font-size: 40px;
	}

	.custom-carousel .carousel-items {
		gap: 16px;
	}

	.custom-carousel .carousel-img img {
		height: 120px;
	}

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

	.bottom-logos .bottom-logo-wrapper:nth-last-child(-n+2) {
		display: none;
	}

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

	body.logged-in .nm-widget.login-w .btn-user-profile {
		height: 32px;
		width: 32px;
		font-size: 12px;
	}

	#app_header.main-header-container .player-information-header .left-align {
		gap: 4px;
	}

	.player-information-header .custom-promo-link {
		width: 28px;
		height: 28px;
	}

	.player-information-header .custom-promo-link img {
		height: 18px;
		width: 18px;
	}

	.player-information-header .custom-chat-link img {
		height: 28px;
		width: 28px;
	}

	.player-information-header .nm-widget.language-w .language-public .language {
		height: 24px;
		width: 24px;
	}

	.card-page-links {
		gap: 10px;
	}

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

	.active-bonuses-tab .active-bonus-item .icon-section-wrapper,
	.active-bonuses-tab .available-bonus-item .icon-section-wrapper,
	.available-bonuses-tab .active-bonus-item .icon-section-wrapper,
	.available-bonuses-tab .available-bonus-item .icon-section-wrapper {
		padding-left: 0;
	}

	#vip-progress .col-12 .section-system-main .col-12 .p-1 .col-10 {
		padding-left: 55px;
	}

	.vip-page-content .vip-rank-container .vip-rank-cards {
		grid-template-columns: repeat(2, 1fr);
		gap: 82px 0;
	}

    .vip-page-content .vip-rank-container .vip-rank-cards .vip-rank {
    	margin-top: 0 !important;
    }

	.vip-page-content .vip-rank-container .vip-rank-header p {
		width: auto;
	}

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

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

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

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

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

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

	.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-page .referral-reward-steps-container .referral-reward-steps h1 {
		top: 49px;
	}

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

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

	.loader-container.tiles div svg:nth-last-child(-n+4) {
		display: none;
	}

	#app_header.main-header-container .player-information-header .right-align .custom-chat-link-tablet button {
		padding: 0 8px;
	}

	body.logged-in .right-align .nm-widget.login-w {
		padding: 0;
	}

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

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

	.tournament-list-modern-wrapper .tournament-list-container .tournament-list-item-status-container {
		grid-column: span 1;
	}

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

	#modernSkin .game-provider-list,
	.game-provider-wrapper span .loader-container.horizontal div {
		width: 100% !important;
		grid-auto-columns: calc(calc(100% - 48px) / 4) !important;
        gap: 16px !important;
	}
}

@media only screen and (max-width: 920px) {
	.section-system-mobile {
		display: block;
	}

	.deposit-table-desktop,
	.withdraw-table-desktop,
	.bank-transfer-deposit-classic .section-system-main>div>.row .btn-deposit-confirm,
	.wallet-payment-method .section-system-main .col-12 .row .btn-withdraw-request-cancel {
		display: none;
	}

	.section-system-mobile .deposit-table-mobile ul li {
		margin: 10px 0 10px 10px;
	}

	.section-system-mobile .cancel-section {
		margin-top: 8px;
	}
}

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

	.nm-widget .login,
	.nm-widget.register-w .btn-join {
		min-width: fit-content;
		padding: 0px 31px;
		white-space: nowrap;
	}

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

	.card-icon-page-links .card-icon-item a {
		padding-bottom: 12px;
	}

	.card-icon-page-links .card-icon-item span {
		font-size: 12px;
	}

	.game-lobby-filter-label,
	.game-lobby-sort-label {
		font-size: 14px;
		margin-right: 4px !important;
	}

	.game-lobby-filter .game-lobby-filter-provider button,
	.game-lobby-filter .game-lobby-sort button {
		font-size: 14px;
	}

	body.logged-in #app_header.main-header-container .logo-container #brand-logo.desktop-logo {
		display: none !important;
	}

	body.logged-in #app_header.main-header-container .logo-container #brand-logo.mobile-logo {
		display: block !important;
	}

	/* 04052024 */
	.card-icon-page-links .card-icon-item {
		padding-bottom: 0px;
	}

	.vip-page-content .vip-rank-container .vip-info-section {
		grid-template-columns: repeat(1, 1fr);
	}

	.vip-page-content .vip-rank-container .vip-info-section p {
		margin: 0;
		max-width: 100%;
	}

	.vip-page-content .vip-rank-container .vip-info-section h6 {
		align-items: center;
		margin-bottom: 10px;
	}

	.vip-page-content .vip-rank-container .vip-info-section .vip-info-item {
		margin: 20px 0;
	}

	.vip-page-content .vip-rank-container .vip-info-section h6 img {
		height: 56px;
		width: 56px;
	}

	.komp-page-content .komp-info-section {
		grid-template-columns: repeat(1, 1fr);
	}

	.tabcontent-wrapper .komp-button-wrapper button {
		width: calc(100% - 15px);
	}
}

@media only screen and (max-width: 768px) {
	.nm-widget.login-w .btn-user-profile.mobile {
		display: none !important;
	}

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

	.dropdown .dropdown-menu {
		width: fit-content;
		float: none;
	}

	#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .transaction-history-mobile .transaction-item {
		background: var(--bg-section) !important;
		border: 1px solid rgba(255, 255, 255, 0.35) !important;
		border-radius: var(--border-radius) !important;
	}

	#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .transaction-history-mobile .transaction-item:hover {
		border: 1px solid #FFC008 !important;
	}

	#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:before {
		top: 12px;
		left: 16px;
	}

	.card-page-links.mobile {
		display: grid !important;
	}

	.card-page-links .card-page-item {
		height: auto;
		width: 100%;
		justify-content: center;
	}

	.card-page-links .card-page-item-header {
		flex-direction: column;
		pointer-events: none;
	}

	.card-page-links .card-page-item-header img {
		height: 32px;
		width: 32px;
	}

	.card-page-links .card-page-item-header h4 {
		text-align: center;
	}

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

	.nav-tab-system-horizontal .nav-tabs .nav-item {
		margin: 0;
		font-size: 16px;
		line-height: 24px;
	}

	.wallet-action-container .btn-system-footer,
	.wallet-action-container .btn-system-small,
	.withdrawal-mgate-classic-container .section-system-main .wallet-action-container .btn-withdraw-clear,
	.withdrawal-mgate-classic-container .section-system-main .wallet-action-container .btn-withdraw {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		margin-top: 4px;
		margin-bottom: 4px;
		margin-right: 0px !important;
	}

	.btn-system-amount {
		margin: 10px;
	}

	#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper input {
		/* color: #444473; */
	}

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

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

	.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-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-page .referral-reward-steps-container .referral-reward-steps h1 {
		top: 80px;
	}

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

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

	#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .money {
		text-align: left;
	}

	#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile.preview-mode .accordion .card {
		margin-bottom: 16px;
	}
}

@media only screen and (max-width: 767px) {
	.layout-wrapper .header-section {
		background: var(--bg-body);
	}

	#modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .logo-container {
		padding-left: 16px !important;
	}

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

	#app_header.main-header-container {
		background: transparent !important;
	}

	#modernSkin #app_header #brand-logo,
	#app_footer .footer-wrapper .top-footer .footer-details .desktop-logo {
		height: 38px !important;
	}

	#app_footer .footer-wrapper .top-footer .footer-details .desktop-logo {
		margin: 0 auto 16px;
	}

	.player-information-header .custom-category-menu ul .nav-item a {
		padding: 3px 10px;
	}

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

	.carousel-control-prev {
		left: 8px;
	}

	.carousel-control-next {
		right: 8px;
	}

	.two-row-gamelobby .nm-widget .game-lobby-header {
		margin-bottom: 16px;
	}

	#app_footer {
		padding: 32px 0 72px !important;
	}

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

	.scroll-wrap.buffered .buffered-left {
		margin-left: -23px;
		width: calc(100% + 23px);
		padding-bottom: 40px;
		margin-top: 16px;
	}

	.category-page-left-nav {
		flex: 0 0 72px;
	}

	.category-page-nav {
		padding: 0;
		margin-bottom: 8px;
		max-width: 72px;
		position: relative;
	}

	.category-page-nav .button {
		font-size: 0;
		padding-left: 0;
		justify-content: center;
	}

	.category-page-nav .button img {
		position: relative;
		margin-right: 4px;
		left: 0;
	}

	.category-page-nav .content {
		position: absolute;
		max-height: var(--height-max-cat-nav-page-content);
		left: -180px;
		transition: 0.2s left ease-in-out;
		width: 180px;
		margin-left: 6px;
		background: rgba(17, 15, 74, 0.75);
		z-index: 99;
		padding: 0 12px;
		border-bottom-right-radius: 8px;
		border: var(--border-section);
		border-style: none solid solid none;
	}

	.category-page-nav input:checked~label .button {
		font-size: 16px;
		margin-left: 6px;
		padding-left: 12px;
		width: 180px;
		background: rgba(17, 15, 74, 0.75);
		justify-content: start;
		z-index: 99;
		border-top: var(--border-section);
	}

	.category-page-nav input:checked~label .button::before {
		content: '';
		position: absolute;
		right: -72px;
		top: 0;
		height: 100%;
		width: 72px;
		background: rgba(17, 15, 74, 0.75);
		border-top-right-radius: 8px;
		border-bottom-right-radius: 8px;
		border: var(--border-section);
		border-style: solid solid solid none;
	}

	.category-page-nav input:checked~label .button i {
		position: absolute;
		right: -55px;
		transform: rotate(90deg) !important;
	}

	.category-page-nav input:checked~label .button img {
		margin-right: 8px;
	}

	.category-page-nav input:checked~.content {
		left: 0;
	}

	.category-page-nav .nav-item a {
		font-size: 13px;
	}

	.left-nav-links {
		margin-top: 8px;
	}

	.left-nav-link-item a {
		font-size: 0;
		padding: 0;
		justify-content: center;
	}

	.left-nav-link-item a i {
		margin-right: 0;
		margin-left: 8px;
	}

	.nm-widget .game-lobby-load-more-container {
		margin-top: 16px;
	}

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

	#modal-user-profile .modal-body .modal-wrapper>.row {
		margin: 0;
	}

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

	#modal-user-profile .modal-body .modal-wrapper .mobile-header {
		background: var(--bg-section);
		border: var(--border-section);
		border-radius: var(--border-radius-section);
		padding: var(--padding-section);
	}

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

	#modal-user-profile .modal-body .modal-wrapper .mobile-header .header {
		border-bottom: 0;
		padding: 0 0 24px;
		font-size: 16px;
		text-transform: uppercase;
		color: #FFFFFF;
	}

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

	#modal-user-profile .modal-body .modal-wrapper .grp-balance .btn-balance-wrapper .btn-wallet-balance i,
	#modal-user-profile .modal-body .modal-wrapper .grp-balance .btn-bonus-balance-wrapper .btn-bonus-balance i {
		margin-right: 8px;
	}

	#modal-user-profile .content-wrapper-system {
		max-width: 100%;
		padding: 24px 15px 0 !important;
		height: 100vh;
		max-height: calc(100vh - 237px);
	}

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

	.bonus-history .no-data {
		padding-left: 0;
	}

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

	.grp-edit-profile .section-system {
		margin-bottom: 0;
	}

	#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .accordion {
		max-height: 55vh;
		overflow: auto;
	}

	.section-system-footer {
		margin-right: 0;
		margin-top: 16px;
	}

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

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

	.report.casino-bet {
		margin-top: 0;
	}

	.container-search {
		margin-bottom: 16px;
	}

	.nm-widget.time-w .d-sm-none {
		display: inline-block !important;
	}

	.nm-widget.time-w span.time-w-timezone {
		display: none;
	}

	#app_header.main-header-container .subheader-menu .nm-widget.menuw {
		border-width: 16px;
	}

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

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

	#app_footer .footer-wrapper .top-footer .footer-details .social-links {
		justify-content: center;
		position: relative;
		padding: 24px 0 32px;
	}

	#app_footer .footer-wrapper .top-footer .footer-details .social-links:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background: linear-gradient(270deg, rgba(125, 34, 170, 0.00) 0%, rgba(165, 43, 225, 0.50) 50.4%, rgba(125, 34, 170, 0.00) 96.77%);
		filter: opacity(0.5)
	}

	#app_footer .footer-wrapper .top-footer .footer-details .legal-age {
		float: none;
		margin-left: 50%;
		transform: translateX(-50%);
	}

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

	.header-section.scrollSrink #app_header.main-header-container .subheader-menu .nm-widget.menuw ul a {
		min-width: auto;
	}

	#app_footer .footer-wrapper .top-footer .footer-details p {
		text-align: center;
		margin-bottom: 24px;
	}

	#modernSkin #app_footer .footer-menu {
		padding: 0 !important;
		gap: 16px;
	}

	.custom-carousel.car-small {
		display: block;
	}

	.custom-carousel.car-large {
		display: none;
	}

	.custom-carousel .carousel-items {
		display: block;
	}

	.custom-carousel .carousel-img img {
		height: 300px;
	}

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

	#modernSkin.main-wrapper .layout-wrapper #app_left_navigation.shrink {
		display: flex !important;
	}

	#modernSkin #app_mobile_navigation {
		z-index: 999;
		height: 72px;
		background: var(--bg-mobile-nav);
	}

	#modernSkin #app_mobile_navigation:before {
		content: '';
		position: absolute;
		height: 100%;
		width: 100%;
		background: var(--bg-subheader-menu);
		pointer-events: none;
	}

	#modernSkin #app_mobile_navigation:after {
		content: '';
		position: absolute;
		top: 0;
		left: 8px;
		width: calc(100% - 16px);
		height: 1px;
        background: var(--borderSubFooter);
		pointer-events: none;
	}

	#modernSkin #app_mobile_navigation #mobile-left-menu {
		position: fixed;
		display: none;
		left: 0px;
		top: 0;
		width: 272px;
		height: 100%;
		background: linear-gradient(180deg, #67228A 0%, #791CA6 42.06%);
		z-index: 1;
	}

	#modernSkin #app_mobile_navigation #mobile-left-menu .close-nav {
		position: absolute;
		right: -40px;
		top: 0;
		width: 40px;
		height: 40px;
		background: linear-gradient(180deg, #8022AF 0%, #7D22AA 35.79%, #681C8E 42.06%);
		padding: 4px;
		border-bottom-right-radius: 8px
	}

	#modernSkin #app_mobile_navigation #mobile-left-menu .close-nav .fa-times:before {
		content: '';
		background-image: url(https://sgp1.digitaloceanspaces.com/wnkstg/DOSMSS/assets/images/icons/gameStageXButton.svg);
		height: 32px;
		width: 32px;
		display: inline-block;
		background-size: cover;
	}

	#modernSkin #app_mobile_navigation .mobile-menu {
		        position: relative;
        z-index: 1;
	} 

	#modernSkin #app_mobile_navigation .mobile-menu ul {
		padding: 0 16px;
	}

	#modernSkin #app_mobile_navigation .mobile-menu ul li a {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		font-size: 12px;
		font-weight: 700;
		gap: 4px;
		text-decoration: none;
		color: #FFFFFF;
	}

	#modernSkin #app_mobile_navigation .mobile-menu ul li a #app_footer::after {
		left: 30px;
		width: calc(100% - 60px);
	}

	#modernSkin #app_mobile_navigation .mobile-menu ul li a img.light-th-img {
		display: none;
	}

	#modernSkin #app_mobile_navigation .mobile-menu ul li#menu a:hover img {
		content: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSMSS/assets/images/icons/Menu-mobile-active.svg');
	}

	#modernSkin #app_mobile_navigation .mobile-menu ul li#sports a:hover img {
		content: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSMSS/assets/images/icons/Sports-mobile-active.svg');
	}

	#modernSkin #app_mobile_navigation .mobile-menu ul li#casino a:hover img {
		content: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSMSS/assets/images/icons/Casino-mobile-active.svg');
	}

	#modernSkin #app_mobile_navigation .mobile-menu ul li#liveCasino a:hover img {
		content: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSMSS/assets/images/icons/LiveCasino-mobile-active.svg');
	}

	#modernSkin #app_mobile_navigation .mobile-menu ul li#helpCenter a:hover img {
		content: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSMSS/assets/images/icons/HelpCenter-mobile-active.svg');
	}

	#modernSkin #app_mobile_navigation .tabcontent {
		display: none;
		border: 0;
		padding: 0;
	}

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

	#modernSkin #app_mobile_navigation .tabcontent .menuw ul {
		padding: 16px;
	}

	#modernSkin #app_mobile_navigation .tabcontent .nav-item a {
		width: 100%;
		height: 40px;
		background: var(--bg-button);
		padding: 0 10px;
		display: flex;
		align-items: center;
		border-radius: 8px;
		margin-bottom: 4px;
		font-size: 16px;
		font-weight: 700;
	}

	#modernSkin #app_mobile_navigation .tabcontent .nav-item a:hover, 
	#modernSkin #app_mobile_navigation .tabcontent .nav-item a:focus {
		background: var(--bg-button-reverse);
		text-decoration: none;
		color: var(--color-button-reverse);
	}

	#modernSkin #app_mobile_navigation .menuTab {
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		background: linear-gradient(180deg, #8022AF 0%, #7D22AA 35.79%, #681C8E 42.06%);
	}

	#modernSkin #app_mobile_navigation .menuTabLinks {
		text-transform: uppercase;
		flex: 0 0 50%;
		height: 100%;
		font-size: 16px;
		font-weight: 700;
		border: 1px solid #7D22AA;
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	}

	#modernSkin #app_mobile_navigation .menuTabLinks.active,
	#modernSkin #app_mobile_navigation .menuTabLinks:hover {
		color: #FAF054;
	}

	#modernSkin #app_mobile_navigation .float-bottom {
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 999;
		height: fit-content;
		background: radial-gradient(50% 35% at 50% 100%, #4B215F 0%, rgba(123, 103, 134, 0) 100%);
		width: 100%;
		display: flex;
		justify-content: flex-start;
		padding: 24px 16px;
	}

	#modernSkin #app_mobile_navigation .float-bottom:before {
		content: '';
		position: absolute;
		top: 0;
		left: 8px;
		width: calc(100% - 16px);
		height: 1px;
		background: linear-gradient(270deg, rgba(125, 34, 170, 0.00) 0%, rgba(165, 43, 225, 0.50) 50.4%, rgba(125, 34, 170, 0.00) 96.77%);
		filter: opacity(0.5);
		pointer-events: none;
	}

	#modernSkin #app_mobile_navigation .float-bottom .nm-widget.language-w .language-public .dropdown-menu {
		top: -8px !important;
	}

	#app_header.main-header-container .player-information-header .right-align .nm-widget.language-w,
	#app_header.main-header-container .player-information-header .right-align .switch-skin-mode-container {
		display: none;
	}

	#app_header.main-header-container .subheader-menu .nm-widget.menuw ul .nav-item:last-child {
		display: none;
	}

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

	.sports-wrap {
		width: calc(100% + 32px);
		margin-left: -16px;
		margin-top: -20px;
	}

	.sports-book-container iframe.sportsbook-launcher {
		min-height: calc(100vh - 211px);
	}

	.nav-tab-system-horizontal .nav-tabs {
		height: fit-content;
		margin: auto;
	}

	#app_header.main-header-container .player-information-header .left-align .custom-promo-link,
	#app_header.main-header-container .player-information-header .right-align .custom-chat-link,
	#app_header.main-header-container .player-information-header .right-align .custom-chat-link-tablet {
		display: none;
	}

	#mobileSportsMenu {
		position: absolute;
		bottom: 76px;
		left: 15%;
		display: none;
		background: linear-gradient(180deg, rgba(71, 20, 97, 0.95) 0%, rgba(59, 18, 79, 0.95) 42.06%);
		padding: 8px;
		border-radius: 8px;
		gap: 16px;
		border: 2px solid rgba(255, 255, 255, 0.1);
		border-style: solid solid none;
	}

	#mobileSportsMenu a {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		color: rgba(235, 235, 245, 1);
		gap: 4px;
	}

	#mobileSportsMenu a:hover,
	#mobileSportsMenu a:focus {
		color: #FFC008;
		text-decoration: none;
	}

	#mobileSportsMenu a img {
		width: 24px;
		height: 24px;
		object-fit: contain;
	}

	#mobileSportsMenu a img.light-th-img {
		display: none;
	}

	#mobileSportsMenu a#bt1Sports:hover img {
		content: url(https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSMSS/assets/images/icons/BT1KoreanSports-active.svg);
	}

	#mobileSportsMenu a#winkaSports:hover img {
		content: url(https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSMSS/assets/images/icons/Winka_Sports-active.svg);
	}

	#mobileSportsMenu a#pinnacleSports:hover img {
		content: url(https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSMSS/assets/images/icons/Pinnacle_Sports-active.svg);
	}

	#mobileSportsMenu a#pinnacleESports:hover img {
		content: url(https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSMSS/assets/images/icons/PinnacleESports-active.svg);
	}

	.gamestage-wrapper-new-skin.gamestage-launch-from-casino-lobby .fullscreen {
		z-index: 1000;
	}

	body.light-theme {
		& .layout-wrapper .header-section {
			background: linear-gradient(180deg, rgba(82, 160, 244, 1) 0%, rgba(82, 160, 244, 1) 60%, rgba(103, 141, 211, 1) 90%)
		}

		& #modernSkin #app_mobile_navigation .mobile-menu ul li a img.light-th-img {
			display: block;
		}

		& #modernSkin #app_mobile_navigation .mobile-menu ul li a img.dark-th-img {
			display: none;
		}

		& #modernSkin #app_mobile_navigation #mobile-left-menu {
			background: linear-gradient(180deg, #52A0F4 0%, #52A0F4 35.79%, #678DD3 42.06%);
		}

		& #modernSkin #app_mobile_navigation .menuTab {
			background: linear-gradient(180deg, #008CFF 0%, #0956FA 100%);
		}

		& #modernSkin #app_mobile_navigation .menuTabLinks {
			border: 1px solid #52A0F4;
		}

		& #modernSkin #app_mobile_navigation #mobile-left-menu .close-nav {
			background: rgba(255, 255, 255, 0.6);
		}

		& #modernSkin #app_mobile_navigation .float-bottom:before {
			background: linear-gradient(270deg, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.50) 50.4%, rgba(255, 255, 255, 0.13) 96.77%)
		}

		& #modernSkin #app_mobile_navigation .mobile-menu ul li a {
			color: #FFFFFF;
		}

		& #mobileSportsMenu {
			background: linear-gradient(180deg, #52A0F4 0%, #0956FA 100%);
		}

		& #mobileSportsMenu a {
			color: #FFFFFF;
		}

		& #mobileSportsMenu a img.dark-th-img {
			display: none;
		}

		& #mobileSportsMenu a img.light-th-img {
			display: block;
		}

		& #mobileSportsMenu a:hover,
		& #mobileSportsMenu a:focus {
			color: #FFC008;
		}
	}

	#vip-progress .col-12 .section-system-main .p-1 {
		display: block;
	}

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

	#vip-progress .col-12 .section-system-main .col-12 .p-1 .col-10 {
		padding-left: 15px;
	}

	.vip-page-content .vip-rank-container .vip-rank-cards {
		grid-template-columns: repeat(1, 1fr);
	}

	.vip-page-content .vip-rank-container .vip-button-wrapper button {
		width: 100%;
	}

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

	#modernSkin.main-wrapper .layout-wrapper .content-wrapper .komp-page {
		padding-top: 0 !important;
	}

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

	.komp-tab-header .komp-tablinks {
		font-size: 16px;
	}

	.komp-page .komp-page-content .komp-header h1 {
		font-size: 26px;
	}

	.komp-page .komp-page-content .komp-header h1:before {
		width: 32px;
		height: 32px;
	}

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

	.bank-accounts-table .bank-accounts-table-header {
		margin-top: 10px;
	}

	#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper input {
		padding-left: 48px;
	}

	#transaction-history .mt-4 .section-system-filter .dropdown #dropdown-menu-status input {
		padding-left: 8px !important;
	}

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

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

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

	.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-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-money-rewards .referral-money-rewards-cards {
		grid-template-columns: repeat(1, 1fr);
		height: fit-content;
	}

	.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-money-card {
		height: 293px;
	}

	.referral-terms-and-condition div img {
		left: 0;
        width: 100%;
        top: 0;
        position: relative;
	}

	.referral-terms-and-condition div:first-child {
		height: fit-content;
	}

	.referral-page {
		padding: 0 16px;
	}

	.referral-terms-and-condition,
	.referral-money-rewards-container {
		margin: 48px 0;
	}

	#modernSkin .new-skin-modal-mask .new-skin-modal-wrapper .new-skin-modal-container {
		padding: 24px 16px !important;
	}

	#komp-system .row .col-12 .nav-tab-system-horizontal .col-12 .row ul {
		margin: auto;
	}

	#my-komp-points .tab-content-wrapper .section-system-main>.col-12 .row .referral-link i {
		display: none;
	}

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

	#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .grp-status .dropdown .dropdown-system-toggle {
		width: 100%;
		min-width: 92px;
	}

	#komp-transactions-history .referrals-tab .section-system-filter:nth-child(2) .col-12 .row div.grp-status .dropdown {
		margin-right: 0px;
	}

	#komp-transactions-history .referrals-tab .section-system-filter:nth-child(2) .col-12 .row div.grp-status {
		padding-right: 0;
	}

	.sports-wrap .sports-book-container iframe {
		height: calc(100dvh - 212px) !important
	}

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

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

	.tournament-preview-detail-panel {
		flex-direction: column;
	}

	#tournamentViewModal.modal .modal-dialog {
		min-width: 100%;
	}

	#tournamentViewModal .modal-dialog .modal-body .tournament-preview-detail-panel .base-time-ticker {
		max-width: 100%;
		gap: 16px;
		padding: 8px;
	}

	#tournamentViewModal .modal-dialog .modal-body .tournament-preview-detail-panel .tournament-view-details {
		max-width: 100%;
	}

	.tournament-view-details .tournament-view-details-item {
		text-align: center;
	}

	.withdraw-tab .wallet-payment-methods-container .wallet-payment-methods-panel .payment-method-item,
	.deposit-tab .wallet-payment-methods-container .wallet-payment-methods-panel .payment-method-item {
		flex: 0 0 30%;
	}

    .hero-section .hero-banner.home {
        padding: 0 16px;
        justify-content: center;
        background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSMSS/assets/images/banners/446x246/Artboard6.webp') !important;
    }

    .hero-section .hero-banner.home .hero-section-details h5 {
    	font-size: 16px;
    }

    .hero-section .hero-banner.home .hero-section-details h1 {
    	font-size: 48px;
        margin-bottom: 24px;
    }

    .hero-section .hero-banner button {
    	font-size: 12px;
    	height: 32px;
    	padding: 0 16px;
    }

    .hero-section .hero-banner.category {
    	padding: 0 16px;
        justify-content: center;
    }

    .hero-section .hero-banner.category#liveCasino {
    	background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSMSS/assets/images/banners/446x246/Artboard18.webp') !important;
    }

    .hero-section .hero-banner.category#jackpotsCat {
    	background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSMSS/assets/images/banners/446x246/Artboard7.webp') !important;
    }

    .hero-section .hero-banner.category#casinoGames {
    	background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSMSS/assets/images/banners/446x246/Artboard5.webp') !important;
    }

    .hero-section .hero-banner.category .hero-section-details {
    	text-align: center;
    }

    .hero-section .hero-banner h6 {
    	font-size: 14px;
    }

    .hero-section .hero-banner.category h1 {
    	font-size: 32px;
    }

    .hero-section .hero-banner.category:before {
    	background: linear-gradient(0deg, rgba(71, 20, 97, 0.80) 0%, rgba(72, 23, 96, 0) 90%);
    }

    .hero-section .hero-banner.home:before {
    	background: linear-gradient(180deg, rgba(72, 23, 96, 0) 10%, rgba(71, 20, 97, 0.80) 100%);
    }

    #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content.vip-page {
    	max-width: 100%;
    	padding-top: 0 !important;
    }

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

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

    #vip-progress {

    	& .col-12 {
    		padding: 0;    	

	    	& #header-personal-vip {
			    padding: 0 0 16px;
			    background-color: transparent;
			    border: 0;
	    	}
    	}
    }

    #komp-system {

    	& #my-komp-points {
    		padding: 0;    	

	    	& .referral-link {
			    padding: 0 0 16px !important;
	    	}


	    	& .referral-link.text-right {
			    padding: 0 !important;
	    	}
    	}
    }

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

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

@media only screen and (max-width: 699px) {
	#app_header.main-header-container .logo-container {
		padding-right: 8px;
	}

	#app_header.main-header-container .player-information-header .right-align,
	.recommended-promos .promo-items {
		gap: 0 8px;
	}

	body.logged-in #app_header.main-header-container .player-information-header .header-wallets {
		gap: 0 6px;
		margin-left: 0;
	}

	body.logged-in .player-information-header .custom-category-menu {
		display: none;
	}

	.player-information-header .custom-category-menu ul .nav-item a {
		padding: 3px 4px;
	}

	.nm-widget .login,
	.nm-widget.register-w .btn-join {
		min-width: fit-content;
		padding: 0px 16px;
		white-space: nowrap;
	}

	body.logged-in .nm-widget.wallet-button-w button,
	body.logged-in .nm-widget.bonus-badge-w button {
		padding: 0 4px;
	}

	.player-information-header .custom-promo-link img {
		height: 18px;
	}

	.card-icon-page-links .card-icon-item img {
		max-height: 65px;
		top: -25px;
	}

	.card-icon-page-links .card-icon-item span {
		font-size: 10px;
	}

	.bottom-logos div img {
		max-height: 100%;
	}

	.nav-tab-system-horizontal .nav-tabs {
		padding: 4px;
	}

	.nav-tab-system-horizontal .nav-tabs .nav-item a {
		font-weight: 600;
		padding: 4px 6px;
	}

	#mobileSportsMenu {
		left: 2%;
	}

	.komp-page-content .komp-page-main-content .tabcontent .tabcontent-header h1 {
		font-size: 18px;
	}

	.komp-page-content .komp-page-main-content .tabcontent .tabcontent-header {
		margin: 40px auto 0;
	}

	.komp-page .komp-page-content .komp-header {
		padding: 56px 0 40px 62px;
	}

	.vip-page-content .vip-rank-container .vip-rank-header h2:before {
		left: -15px;
	}

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

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

@media only screen and (max-width: 575px) {
	#modernSkin #app_header .logo-container {
		padding-left: 0 !important;
	}

	#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 .home-page-content {
		padding: 159px 8px 0 !important;
	}

	#app_header.main-header-container .subheader-menu .nm-widget.menuw {
		border-width: 8px;
	}

	.scroll-wrap .card-icon-page-links {
		display: none;
	}

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

	#modernSkin #app_footer .footer-menu {
		padding-left: 0;
	}

	#modernSkin #app_mobile_navigation .card-icon-page-links {
		display: flex !important;
		position: absolute;
		margin-top: 0;
		bottom: 16px;
		width: 100%;
		padding: 0 8px;
		gap: 0 8px;
	}

	#modernSkin #app_mobile_navigation .card-icon-page-links .card-icon-item {
		height: 64px;
		padding: 0px;
	}

	.card-icon-page-links .card-icon-item img {
		max-height: 45px;
		top: -20px;
	}

	.card-icon-page-links .card-icon-item span {
		font-size: 8px;
	}

	.scroll-wrap.buffered .buffered-left {
		margin-left: 0;
		width: 100%;
	}

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

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

	#app_footer .footer-wrapper {
		padding-bottom: 150px;
	}

	#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #provider-game-list-page-casino-group .template-list-page {
		display: flex;
		flex-direction: column;
		width: 100% !important;
		margin-left: 0;
	}

	#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #provider-game-list-page-casino-group .template-page-header-container .template-page-header {
		left: 0;
	}

	#provider-game-list-page-casino-group .game-lobby-renderer.tiles,
	#provider-game-list-page-casino-group .loader-container.tiles div {
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 16px 8px !important;
	}

	#modal-user-profile .modal-body .modal-wrapper {
		padding: 48px 8px 0;
	}

	#modal-user-profile .content-wrapper-system {
		padding: 16px 15px 80px !important;
	}

	.nav-tab-system-horizontal {
		margin-bottom: 16px;
	}

	.section-system-filter>.col-md-5 {
		max-width: 100%;
	}

	.active-bonuses-tab .section-system-main,
	.available-bonuses-tab .section-system-main {
		padding: 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 {
		margin-bottom: 16px;
		margin-top: 8px;
	}

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

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

	.active-bonuses-tab .active-bonus-item .description-section-wrapper .name-wrapper,
	.active-bonuses-tab .available-bonus-item .description-section-wrapper .name-wrapper,
	.available-bonuses-tab .active-bonus-item .description-section-wrapper .name-wrapper,
	.available-bonuses-tab .available-bonus-item .description-section-wrapper .name-wrapper {
		display: flex;
		align-items: center;
		padding: 20px 0 0 0;
	}

	.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 {
		max-width: 100%;
	}

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

	#notification-page #notification-container,
	#notification-page #notification-message {
		margin-top: 0;
	}

	#notification-page .mark-all-btn,
	#notification-page .delete-all-btn {
		margin-bottom: 16px !important;
	}

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

	.promo-page .promoTabContent a img {
		width: 100vw;
	}

	#modal-user-profile .modal-body .close .icon-close,
	.modal .modal-dialog .modal-content .close .icomoon-icon {
		height: 20px;
		width: 20px;
		display: block;
	}

	.article-content {
		margin-top: 16px;
	}

	#modal-login .modal-content .modal-body,
	.modal .modal-dialog .modal-content .modal-header {
		padding: 16px;
	}

	#modal-login .modal-content .modal-header .modal-title {
		font-size: 16px;
	}

	.modal-dialog {
		margin: 0;
	}

	#modal-login .modal-content .modal-body .form-login,
	#modal-login .modal-content .modal-body .form-forgot-password,
	.form-register {
		max-height: calc(75vh);
		overflow: auto;
	}

	.form-register .form-group .sms-verification-btn {
		padding: 0;
	}

	#app_header.main-header-container .subheader-menu .nm-widget.menuw ul {
		gap: 0 16px;
	}

	.nm-widget.time-w {
		display: none;
	}

	#modernSkin #app_header #brand-logo,
	#app_footer .footer-wrapper .top-footer .footer-details .desktop-logo {
		height: 35px !important;
	}

	.card-icon-page-links {
		display: none;
	}

	.scroll-wrap.full-width {
		padding: 0 16px 16px;
	}

	.scroll-wrap.full-width .nm-widget:before {
		height: calc(100% - 3px);
		width: calc(100% + 32px);
		bottom: -16px;
		left: -16px;
	}

	.scroll-wrap.full-width .nm-widget:after {
		height: calc(100% - 7px);
		width: calc(100% + 28px);
		bottom: -14px;
		left: -14px;
	}

	.scroll-wrap.full-width .nm-widget .game-lobby-header {
		margin-bottom: 26px;
	}

	.scroll-wrap.full-width .nm-widget .game-lobby-header .header-container h5 {
		font-size: 32px;
	}

	.scroll-wrap.full-width .game-lobby-renderer.horizontal {
		grid-auto-columns: calc(calc(100% - 38px) / 3) !important;
		gap: 0 14px !important;
	}

	.category-page-content {
		margin-top: 24px;
	}

	.hero-section .hero-left-banner {
		padding: 24px 12px;
	}

	.hero-section .hero-left-banner h1 {
		font-size: 30px;
	}

	.card-page-links {
		gap: 8px;
		margin-top: 24px;
	}

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

	.bottom-logos {
		margin-top: 0;
	}

	.custom-carousel .carousel-img img {
		height: 168px;
	}

	#app_footer .footer-wrapper .subfooter p {
		max-width: 100%;
	}

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

	#modal-user-profile .modal-body:before {
		height: 30px;
		width: 119px;
	}

	.active-bonuses-tab .active-bonus-item .img-running,
	.active-bonuses-tab .available-bonus-item .img-running {
		right: -16px;
		top: -16px;
	}

	#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile.preview-mode .accordion .card input:disabled,
	#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile.preview-mode .accordion .card select:disabled,
	#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .accordion .card input,
	#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .accordion .card select,
	#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .accordion .card .dropdown .dropdown-system-toggle-input {
		min-width: 100%;
	}

	.sports-wrap {
		width: calc(100% + 16px);
		margin-left: -8px;
	}

	#modernSkin #app_header #brand-logo,
	#app_footer .footer-wrapper .top-footer .footer-details .desktop-logo {
		height: 24px !important;
	}

	body.logged-in #modernSkin #app_header #brand-logo {
		height: 36px !important;
	}

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

	.category-page-content .game-lobby-renderer .game-lobby-renderer-card.see-all-card,
	.two-row-gamelobby .game-lobby-renderer .game-lobby-renderer-card.see-all-card {
		top: -36px;
		height: 24px;
	}

	#mobileSportsMenu {
		width: calc(100% - 8px);
		gap: initial;
		justify-content: space-between;
		left: 4px;
	}

	#mobileSportsMenu a {
		font-size: 12px;
	}

	#modernSkin #app_mobile_navigation .mobile-menu ul {
		padding: 0 8px;
	}

	.gamestage-wrapper-new-skin.gamestage-launch-from-casino-lobby .fullscreen .gamestage_breadcrumbs,
	.gamestage-wrapper-new-skin .fullscreen .gamestage-bottom-controls-container {
		padding: 0 16px !important;
	}

	.deposit-transactions-history-classic .custom-modal-container {
		height: 100%;
	}

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

	#home_operator .vip-page {
		max-width: calc(100% - 25px);
	}

	.vip-page-content .vip-rank-container .vip-rank-header p {
		font-size: 12px;
	}

	.vip-page-content .vip-rank-container .vip-rank-header h2 {
		font-size: 16px;
	}

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

	.komp-page .komp-page-content .komp-header {
		padding: 70px 0 85px 60px;
	}

	.komp-page-content .komp-info-section .komp-info-item h6 {
		align-items: center;
		margin-bottom: 10px;
	}

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

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

	.komp-page .komp-page-content .komp-header {
		padding: 32px 0 40px 39px;
	}

	.tabcontent .tabcontent-wrapper {
		max-width: calc(100% - 30px);
	}

	.komp-page-content .komp-info-section {
		padding: 40px 30px;
	}

	.komp-page .komp-page-content .komp-header h1 {
		font-size: 22px;
	}

	.komp-page .komp-page-content .komp-header h1:before {
		left: -38px;
	}

	.bank-accounts-table .bank-accounts-table-mobile ul li:last-child {
		flex-direction: column;
	}

	#bonus-popup .modal-dialog .modal-content .modal-body .bonus-list-wrapper {
		padding: 0;
	}

	.vip-page-content .vip-rank-container .vip-rank-header h2:before {
		width: 19px;
		height: 16px;
		left: -25px;
	}

	.referral-money-rewards-container h2,
	.referral-how-to-use-container h3,
	.referral-reward-container h4,
	.referral-page-header .referral-page-head-container h3,
	.referral-terms-and-condition h3 {
		font-size: 26px;
	}

	.loader-container.tiles div svg:nth-last-child(-n+5) {
		display: none;
	}

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

	#modernSkin .new-skin-modal-mask .new-skin-modal-wrapper .new-skin-modal-container {
		padding: 24px 8px !important;
	}

	#bonus-popup .modal-dialog .modal-content .modal-body .bonus-list-wrapper .row button.claim-later {
		margin: 20px 0;
	}

	#active-bonuses-page .section-system-main .description-section-wrapper .custom-tooltip {
		position: relative;
	}

	#active-bonuses-page .section-system-main .description-section-wrapper .custom-tooltip .tooltip-text {
		right: -8px;
		bottom: 32px;
	}

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

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

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

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

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

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

	.withdraw-tab .wallet-payment-methods-container .wallet-payment-methods-panel .payment-method-item,
	.deposit-tab .wallet-payment-methods-container .wallet-payment-methods-panel .payment-method-item {
		flex: 0 0 40%;
	}

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

	.baccarat-content .baccarat-content-info .baccarat-prize {
		font-size: 40px;
	}

	.baccarat-content .baccarat-content-info .baccarat-text {
		font-size: 24px;
	}

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

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

	.referral-promotion {
		margin: 36px 0;
	}

	.article-content .accordion-container .panel {
	    padding: 24px 16px;
	}

	.article-content .accordion-container .panel p {
		padding-left: 0;
	}

	.vip-rank-container .vip-rank-cards .vip-rank .vip-rank-details {
		padding: 0;
	}
	.game-provider-wrapper span .loader-container.horizontal div,
	#modernSkin .content-wrapper .home-page-content .game-provider-list {
		grid-auto-columns: calc(calc(100% - 16px) / 3) !important;
        gap: 8px !important;
	}
}

@media only screen and (max-width: 480px) {
	.card-icon-page-links .card-icon-item img {
		max-height: 45px;
	}

	.player-information-header .custom-category-menu {
		display: none;
	}

	.bottom-logos div {
		gap: 8px;
	}

	.bottom-logos .bottom-logo-wrapper {
		height: 48px;
	}

	.bottom-logos div img {
		margin: 0 auto;
	}

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

	.nm-widget.language-w {
		margin-left: 8px;
	}

	.nm-widget.language-w:before {
		left: -8px;
	}

	#modernSkin #app_mobile_navigation .card-icon-page-links {
		padding: 0 4px;
		gap: 0 4px;
	}

	#modernSkin #app_mobile_navigation .card-icon-page-links .card-icon-item {
		height: 48px;
	}

	.card-icon-page-links .card-icon-item a {
		padding-bottom: 8px;
	}

	.card-icon-page-links .card-icon-item img {
		max-height: 32px;
		top: -12px;
	}

	.card-icon-page-links .card-icon-item span {
		font-size: 7px;
	}

	.recommended-promos .promo-items {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.card-page-links .card-page-item {
		padding: 12px 8px;
	}

	.card-page-links .card-page-item-header h4 {
		font-size: 16px;
	}

	#modernSkin .content-wrapper .two-row-gamelobby .game-lobby-renderer.horizontal {
		grid-auto-columns: calc((100% - 12px) / 2) !important;
		gap: 12px !important;
	}

	#modernSkin .content-wrapper .two-row-gamelobby .loader-container.horizontal div {
		grid-auto-columns: calc(calc(100% - 12px) / 2) !important;
		gap: 12px !important;
	}

	.two-row-gamelobby .nm-widget .game-lobby-header .header-container h5,
	.category-page-content .nm-widget .game-lobby-header .header-container h5,
	#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .template-page-header-container .template-page-header h5 {
		font-size: 16px !important;
	}

	body.logged-in .nm-widget.wallet-button-w button,
	body.logged-in .nm-widget.bonus-badge-w button {
		font-size: 10px;
	}

	#modernSkin #app_footer .footer-menu {
		gap: 20px 12px;
	}

	#app_footer .footer-wrapper .footer-menu .menu-column a {
		font-size: 14px !important;
	}

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

	#app_footer .footer-wrapper .footer-menu .menu-column h6 {
		margin-bottom: 12px;
	}

	#provider-game-list-page-casino-group .game-lobby-renderer.tiles,
	#provider-game-list-page-casino-group .loader-container.tiles div {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 18px 12px !important;
	}

	.game-lobby-renderer.tiles,
	.loader-container.tiles div {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 16px 8px !important;
	}

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

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

	.header-section.scrollSrink #app_header.main-header-container .nm-widget.menuw .nav-item a span {
		font-size: 12px;
	}

	.btn-system-amount:nth-child(odd) {
		margin: 5px 10px 5px 0px;
	}

	.btn-system-amount:nth-child(even) {
		margin: 5px 0px 5px 0px;
	}

	.tabcontent .tabcontent-wrapper {
		max-width: 100%;
	}

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

	.referral-card-container p {
		font-size: 19px !important;
		font-weight: normal !important;
	}

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

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

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

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

	.referral-promotion a {
		z-index: 2;
	}

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

	.referral-page-header {
		height: 600px !important;
	}

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

	.referral-promotion div p {
		width: 300px;
	}

	.bonus-details {
		.col-1 {
			display: none;
		}

		.col-3 {
			flex: 0 0 33%;
			max-width: 33%;
		}
	}

	#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 .dropdown-system-toggle-input {
		min-width: 100%;
	}

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

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

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

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

	.tournament-view-modern-wrapper .tournament-timer-detail-panel .tournament-view-detail-prizepool div:nth-child(2) {
		gap: 4px;
		padding: 8px 0;
	}

	.tournament-view-modern-wrapper .tournament-view-details .tournament-view-details-item span {
		font-size: 10px;
		line-height: 14px;
	}

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

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

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

    .hero-section .hero-banner {
        height: 250px;
    }

    .hero-section .hero-banner.home .hero-section-details h1 {
        font-size: 40px;
        margin-bottom: 16px;
    }

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

	.game-provider-wrapper span .loader-container.horizontal div,
	#modernSkin .content-wrapper .home-page-content .game-provider-list {
		grid-auto-columns: calc((100% - 12px) / 2) !important;
        gap: 12px !important;
	}

	.loader-container.tiles div svg:nth-last-child(-n+6) {
    	display: none;
	}

	#modal-user-profile .modal-body .modal-wrapper .mobile-header,
	.section-system-main,
	#vip-progress .card {
		padding: 16px;
	}
}

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

	.nav-tab-system-horizontal .nav-tabs .nav-item a,
	.nav-tab-system-horizontal .nav-tabs .nav-item {
		font-size: 11px;
	}

	#mobileSportsMenu a {
		font-size: 11px;
	}

	#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper input {
		width: 100%;
	}

	.bank-accounts-table-mobile .col-value {
		margin-left: 0px !important;
	}

	#dropdown-menu-status .dropdonw-menu-content .dropdown-menu-body .col-12 .dropdown-item input {
		width: fit-content;
	}

	#komp-redemption .tab-content-wrapper .btn-system-amount-wrapper div.row .form-group .dropdown {
		width: 100%;
	}

	#komp-redemption .tab-content-wrapper .btn-system-amount-wrapper div.row .form-group {
		flex: 0 0 100%;
		max-width: 100%;
		padding: 0;
	}

	#komp-redemption .tab-content-wrapper .btn-system-amount-wrapper div.row .form-group button {
		min-width: 100%;
	}

	#komp-redemption .tab-content-wrapper .btn-system-amount-wrapper .m-1 {
		padding: 0;
	}

	#komp-redemption .tab-content-wrapper .btn-system-amount-wrapper .m-1 .form-group {
		padding-top: 1rem !important;
	}

	#komp-transactions-history .komp-history-tab .section-system-filter .section-system,
	#komp-transactions-history .komp-history-tab .section-system-filter .komp-section-tabs {
		margin: 0;
        padding: 0;
	}

	.tournament-view-myrank-wrapper .table th,
	.tournament-view-leaderboard-wrapper .table th {
		text-wrap: nowrap;
		font-size: 12px;
		padding: 12px 16px !important;
	}

	.baccarat-content .baccarat-toggle {
		margin-left: 0;
	}

	.komp-section-tab {
		font-size: 12px;
		padding: 8px 4px !important;
        margin: 0 4px !important;

		&:first-child {
			margin-left: 0 !important;
		}

		&:last-child {
			margin-right: 0 !important;
		}
	}
}

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

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

	#modal-user-profile .modal-body .modal-wrapper .mobile-header {
		padding: 16px 8px;
	}

	.dropdown .dropdown-menu.dropdown-filter .dropdonw-menu-content .dropdown-menu-body,
	.btn-group .dropdown-menu.dropdown-filter .dropdonw-menu-content .dropdown-menu-body {
		max-height: 225px;
	}

	#modernSkin .content-wrapper .game-lobby-renderer .game-lobby-renderer-card.see-all-card a .see-all-container .see-all-label {
		font-size: 12px !important;
	}
}

@media only screen and (max-width: 357px) {
	.vip-page-content .vip-rank-container .vip-rank-header h2:before {
		left: 0px;
	}
}