@media (max-width: 1400px) {
	.slider-content__text {
		font-size: 2em !important;
	}
}

@media (max-width: 1300px) {
	.slider-content__text {
		font-size: 1.5em !important;
	}
	
	.slider-button {
		width: 12em !important;
	}
}

@media (max-width: 1150px) {
	.slider-content__text {
		font-size: 1.2em !important;
	}
	
	.slider-button {
		width: 11em !important;
	}
}

@media (max-width: 1000px) {
	.slider-button {
		width: 10em !important;
	}
	
	.slider-content {
		padding: 2em 2em !important;
	}
}

@media (max-width: 850px) {
	.slider-button {
		width: 8em !important;
	}
}

@media (max-width: 800px) {
	.slider-button {
		width: 6em !important;
	}
}

@media (max-width: 750px) {
	.slider-banner_2 {
		background-image: url(/img/banners/banner2_small.png) !important;
	}	
}

@media (max-width: 700px) {
	.slider-content {
		padding: 1em 2em !important;
	}	
}

@media (max-width: 820px) {
    .game-categories {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-x;
        scrollbar-width: none;
    }

    .game-categories::-webkit-scrollbar {
        display: none;
    }

    .game-categories ul {
        width: max-content;
        min-width: 100%;
        flex-wrap: nowrap;
    }

    .game-categories li {
        flex: 0 0 auto;
    }
}

@media (max-width: 820px) {
	

	
	.sidebar-support-container {
		padding-block: 15px 0;
	}
	

	
	
	
	
	
	
	.main-page-right {
		padding-inline: 0;
	}
	
	.c35hj93-header {
    margin-top: 0;
    top: 0;
    position: sticky;
    z-index: 120;
    background-color: var(--blue-body);
}
	
	.nav-backbar_block {
		background: transparent;
	}
	
	.logo_img {
		width: 55px;
		height: 24px;
	}
	
	.logo_img_betjoy {
		width: 55px;
	}
	
	.balance-header {
		gap: 12px;
	}
	
	.balance-header-left {
		padding-inline: 12px;
		height: 32px;
		gap: 2px;
	}
	
	.settings-header__button {
		height: 32px;
		width: 32px;
	}
	
	.settings-header__button svg {
		padding: 8px;
	}
	
	.balance-currency {
		font-size: 11px;
	}
	
	.balance-money {
		font-size: 12px;
	}
	
	.deposit__button {
		height: 32px;
		padding: 0px 16px 0px 16px;
		font-size: 12px;
	}
	
	.banner-slider {
		display: flex;
		flex-direction: column;
		height: calc(68dvh);
		margin-bottom: 16px;
		gap: 12px;
	}
	
	.games-container {
		gap: 16px;
	}
	
	.game-box {
		padding-inline: 12px;
	}

	
	.category-section {
		gap: 12px;
	}
	
	.icon-box_root {
		width: 32px;
		height: 32px;
	}
	
	.title_title {
		font-size: 16px;
	}
	
	.wallet-finance-top_content {
		align-items: flex-start;
	}
	
	.modal-top-bar_left {
		flex-direction: column;
		align-items: flex-start;
		gap: 4px;
	}
	
	.modal-detail_content {
		min-width: auto;
		max-width: none;
		width: 100dvw;
		max-height: 80dvh;
		height: 80dvh;
		bottom: 0;
		left: 50%;
		transform: translate(-50%, 100%);
		position: absolute;
		transition: .3s ease;
	}
	
	.modal-content.active .modal-detail_content {
		transform: translate(-50%, 0%);
	}
	
	.modal-setting_content {
		min-width: auto;
        max-width: none;
        width: 100dvw;
        max-height: 80dvh;
        height: min-content;
        border-radius: 16px 16px 0 0;
        position: absolute;
        transform: translate(-50%, 100%);
        transition: .3s ease;
        left: 50%;
        bottom: 0;
	}
	
	.modal-content.active .modal-setting_content {
		transform: translate(-50%, 0%);
		bottom: 60px;
	}
	
	.modal-wallet_content {
		min-width: auto;
        max-width: none;
        width: 100dvw;
        max-height: 80dvh;
        height: min-content;
        bottom: 0;
        left: 50%;
		transform: translate(-50%, 100%);
        position: absolute;
		transition: .3s ease;
	}
	
	.modal-content.active .modal-wallet_content {
		transform: translate(-50%, 0%);
	}
	
	.modal-wallet-left_block {
		display: none;
	}
	
	.modal-wallet-right_block {
        border-radius: 16px 16px 0 0;
		width: 100%;
    }
	
	.modal-detail_content {
		border-radius: 16px 16px 0 0;
	}
	
	.wallet-finance-middle_content {
		height: 60dvh;
	}
	
	.wallet-finance-included_content {
		width: auto;
	}
	
	.wallet-finance-cryptocurrency_content {
		
		gap: 8px;
	}
	
	.wallet-finance-bottom_content {
		font-size: 6px;
	}
	
	.wallet-finance-bottom_content::before {
		height: 0;
	}
	
	.wallet-deposit-cryptocurrency_text {
		font-size: 16px;
	}
	
	.wallet-deposit-address_top {
		font-size: 14px;
	}
	
	.wallet-menu-button_success {
		font-size: 14px;
	}
	
	.wallet-alert_text {
		font-size: 10px;
	}
	
	.wallet-deposit-address_overlay {
		padding: 12px;
	}
	
	.wallet-notice_block {
		padding: 12px;
	}
}

@media (max-width: 820px) {
	.notification-bar {
		right: 50% !important;
        
		transform: translate(50%, 100%);
        top: auto;
        bottom: 0;
        max-height: 80dvh;
        min-height: 80dvh;
        min-width: 100dvw;
        border-radius: 12px 12px 0 0;
	}
	
	.notification-bar.view {
		transform: translate(50%, 0%);
	}
	
	.notification-bar .modal-notifications-arrow {
		display: none;
	}
	
	.overlay-bg.view {
		display: block;
	}
	
	.notification-content-block {
		height: 100dvh;
		justify-content: center;
	}
	
	.overlay-bg.view {
		opacity: 1;
		display: block;
	}
	.bottom-spacer {
		padding: 12px;
	}
	.slider-content {
		grid-template-columns: auto !important;
		grid-template-rows: auto auto !important;
	}
	
	.slider-button {
		justify-self: end !important;
	}
	
	.top-bar_button {
		height: 34px;
		width: 34px;
	}
}



.slider-content {
	padding: 2em 4em;
    display: grid;
    align-content: space-between;
    height: calc(100% - 6em);
}

.slider-content__text {
	display: grid;
    color: white;
    font-weight: 900;
    font-size: 2.5em;
    text-shadow: #f5671987 0px 0px 20px;
}

.slider-text__orange {
	color: #f56719;
}

.slider-button__singup {
	height: 3em;
    width: 13em;
	background: #f56719c7;
    backdrop-filter: blur(10px);
    box-shadow: 0px 0px 0px 0px #f5671991;
}

.slider-button__singup.hidden {
    opacity: 0;
    visibility: hidden;
}

.slider-button__singup:hover {
	background: #f56719;
    box-shadow: 0px 0px 0px 0px #f56719;
}

@media (max-width: 1600px) {
	.link-7 { display: none; }
}

@media (max-width: 1492px) {
	.link-6 { display: none; }
}

@media (max-width: 1384px) {
	.link-5 { display: none; }
}

@media (max-width: 1276px) {
	.link-4 { display: none; }
}

@media (max-width: 1168px) {
	.link-3 { display: none; }
}

@media (max-width: 1060px) {
	.link-2 { display: none; }
	.content_game-bar_spacer { display: none; }
}

@media (max-width: 800px) {
	
	.game-card .game-title {
		font-size: 0.6rem;
	}
}

@media (max-width: 810px) {
	.link-4 { display: none; }
}

@media (max-width: 730px) {
	.link-3 { display: none; }
}

@media (max-width: 600px) {
	.modal-logo-main {
		margin: -176px 0px 0px 0px;
		width: 330px;
		left: calc(50% - 165px);
	}
	
	.modal-login_content {
		width: 340px;
	}
	
	.modal-login_content::after {
		width: 550px;
		height: 300px;
		margin: 0px 0px 0px -100px;
	}
}

.wallet-withdrawal-label_icon {
	display: none;
}

@media (max-width: 640px) {
	.link-2 { display: none; }
}

@media (max-width: 500px) {

	.history-detail__button-status {
		padding: 0px 16px;
	}

	.history-detail__button-info {
		top: 75px;
	}

	.history-detail__button-info:hover > .history-detail__info-error {
		top: 0;
	}

	.history-detail__button-status {
		align-content: center;
	}

	.wallet-finance-included_content::before {
		width: 50px;
    		height: 50px;
    		left: calc(50% - 25px);
    		top: calc(50% - 100px);
	}

	.modal-logo-main {
		margin: -120px 0px 0px 0px;
		width: 230px;
		left: calc(50% - 115px);
	}
	
	
	
	.link-1 { display: none; }
	

	
	.wallet-deposit-address {
		display: none;
	}
	
	.balance-money-view {
	font-size: 12px;
}
	
	.slider-win_text-id {
		font-size: 9px;
	}
	
	.category-title {
		font-size: 18px;
	}
	
	.section-title {
		font-size: 12px;
		margin: 10px 0 10px;
	}
	
	.game-card .game-title {
		font-size: 0.55rem;
	}
	
	
	
	.game-categories::after {
		content: "";
	}
	
	.bonus-container_img {
		right: -30px;
		transform: rotate(0deg);
	}
	
	.top-bar-bonus_block {
		margin-top: 145px;
	}
	
	.bonus-text_header {
		padding: 0px 10px 0px 10px;
	}
	
	.bonus-text_middle {
		padding: 5px 10px 10px 10px;
	}
	
	.bonus-text_bottom {
		padding: 0px 10px 0px 10px;
	}
	
	.settings-header__container {
		flex-wrap: nowrap;
        position: fixed;
        left: 0rem;
        bottom: -10rem;
        min-width: calc(100% - 20px);
        justify-content: space-around;
        padding: 10px;
		border-radius: 10px;
        translate: 0;
		opacity: 0;
		z-index: -1000;
		animation: slideUpSettings 0.3s ease-out forwards;
	}
	
	@keyframes slideUpSettings {
		from {
			opacity: 0;
			bottom: -10rem;
			z-index: -1000;
		}
		to {
			bottom: 3rem;
			opacity: 1;
			z-index: -1;
		}
	}
	
	.settings-header_block {
		opacity: 0;
	}
	
	.top-bar-left {
		justify-content: flex-start;
	}
	
	.modal-login_content {
		width: 280px;
		min-width: 250px;
	}
	.modal-login_content::after {
		width: 460px;
        height: 280px;
        margin: 50px 0px 0px -85px;
	}
	

	
	
}

@media (max-width: 400px) {

	.modal-setting-input_content {
		height: 40px;
	}
	
	.modal-setting-input {
		font-size: 12px;
	}
	
	.modal-setting-change_button {
		height: 40px;
	}
	
	.settings-header__text {
		padding: 10px 10px 10px 10px;
	}
	
	.content_button__singup {
		font-size: 12px;
	}
	
	.content_button__login {
		font-size: 12px;
	}
	
	
	
	.settings-header__text {
		
	}
}

@media (max-width: 390px) {
	.modal-logo-main {
		margin: -103px 0px 0px 0px;
		width: 200px;
		left: calc(50% - 100px);
	}
	
	.content_button__singup {
		font-size: 9px;
	}
	
	.content_button__login {
		font-size: 9px;
	}
	
	.button__singup {
		padding-right: 10px;
		padding-left: 10px;
	}
	
	.button__login {
		padding-right: 10px;
		padding-left: 10px;
	}
	
	.modal-login_content {
		width: 200px;
		min-width: 200px;
	}
	.modal-login_content::after {
		width: 340px;
        height: 200px;
        margin: 80px 0px 0px -68px;
	}
	
	.modal-top_label {
		font-size: 9px;
	}
	
	.modal-authentication-form {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.modal-button-success {
		min-height: 40px;
	}
	
	.modal-authentication-input_block {
		height: 40px;
	}
	
	.modal-authentication-input {
		font-size: 11px;
	}
	
}

@media (max-width: 370px) {

	.settings-header__text {
		font-size: 10px;
	}
	
	.settings-header_block {
		top: 146px;
	}

	.nav-backbar_logo {
		margin-right: 0rem;
	}
	
	.balance-header {
		margin-right: 0;
	}
	
	.wallet-menu-button_success {
		font-size: 10px;
	}
	
	.wallet-deposit-cryptocurrency-img {
		height: 12px;
	}
}