@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: 500px) {

.sidebar {
  height: calc(100% - 3.9375rem);
    top: 0;
}
.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;
	}
	
	.nav-bar {
		padding-top: 0.5rem;
	}
	
	.top-bar_button {
		height: 34px;
		width: 34px;
	}
}

.slider-banner_1 {
	background-image: url(/img/banners/image1.png);
}

.slider-banner_2 {
	background-image: url(/img/banners/banner2.jpg);
}

.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: 1120px) {
	.link-8 { display: none; }
}

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

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

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

@media (max-width: 800px) {
	
	
	.modal-wallet_content {
		justify-content: space-between;
	}
	
	.wallet-alert_text {
		width: calc(100% - 1rem);
	}
	
	.wallet-payments-method {
		max-width: 100%;
	}

	.modal-wallet-right_block {
		width: 100%;
	}
	
	.games-grid {
		grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	}
	
	.game-card .game-overlay {
		padding: 10px;
	}
	
	.game-card .game-title {
		font-size: 0.6rem;
	}
}

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

@media (max-width: 700px) {	
	.wallet-finance-cryptocurrency_content {
		grid-template-columns: 1fr 1fr;
	}

.modal-wallet-right_block {
		min-width: 0px;
		width: 100%;
	}
}

@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-wallet-left_block {
		min-width: 100px;
	}
	
	.games-grid {
		grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
	}
	
	.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) {
	.wallet-menu-button_block {
		width: calc(100% - 10px);
    		padding: 0px 5px 0px 5px; 
	}

	.wallet-left-middle_content {
		justify-content: center;
		padding-left: 5px;
		padding-right: 5px;
	}

	.wallet-deposit-cryptocurrency_content {
		margin-bottom: 20px;
    		display: flex;
   		white-space: nowrap;
    		flex-direction: row;
    		justify-content: center;
    		align-content: flex-start;
    		flex-wrap: wrap;
	}

	.wallet-alert_img {
		height: 20px;
    		width: 20px;
	}

	.history-detail__block {
		min-height: 100px;
    		height: 100px;
		justify-content: space-between;
		align-items: stretch;
		flex-wrap: wrap;
		padding: 10px 0px;
	}

	.history-detail__container-games {
		display: flex;
    		flex-wrap: wrap;
    		flex-direction: column;
   		justify-content: space-between;
	}

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

	.history-detail__container {
		align-content: center;
	}
	
	.history-detail__container-games.right {
		padding: 0px 0px 0px 10px;
	}

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

	.wallet-withdrawal-label {
		height: 40px;
	}

	.wallet-withdrawal-label_input {
		font-size: 10px;
		padding-right: 0px;
    		padding-left: 0px;
	}

	.wallet-finance-middle_content {
		height: 400px;
		padding-left: 15px;
   		padding-right: 15px;
	}

	.wallet-notice_block {
		margin-bottom: 0px;
		padding: 5px 10px 10px 10px;
	}

	.modal-bonus_container {
		left: -83px;
       		top: -176px;
       		scale: 0.5;
	}

	.wallet-finance-included_content {
		overflow-y: scroll;
	}

	.wallet-deposit_content {
		max-width: min-content;
		min-width: 100%;
	}

	.wallet-finance-cryptocurrency_content {
		grid-template-columns: 1fr;
		padding: 0px 10px 0px 10px;
   		width: calc(100% - 20px);
	}

	.modal-logo-main {
		margin: -120px 0px 0px 0px;
		width: 230px;
		left: calc(50% - 115px);
	}
	
	.wallet-finance-bottom_content {
		font-size: 7px;
	}
	
	.link-1 { display: none; }
	
	.wallet-payments-method {
		margin-left: 0px;
		scale: 0.9;
	}
	
	.modal-wallet-left_block {
		min-width: min-content;
        	width: auto;
	}
	
	.modal-wallet_content {
		height: 100%;
		max-height: 100%;
	}
	
	.modal-wallet-right_block {
		min-width: max-content;
		width: 100%;
	}
	
	.wallet-menu-button_back {
		min-height: min-content;
		min-width: min-content;
		padding-right: 5px;
   		padding-left: 5px;
	}
	
	.wallet-menu-button_success {
		min-height: min-content;
		font-size: 14px;
	}
	
	.modal-top-bar_left {
		font-size: 14px;
	}
	
	.modal-top-bar_id__exit {
		flex-direction: column-reverse;
		align-items: flex-end;
	}
	
	.modal-top-bar_id {
		margin-top: 10px;
		font-size: 9px;
	}
	
	.wallet-deposit-address {
		display: none;
	}
	
	.wallet-deposit-address_top {
		font-size: 11px;
	}
	
	.wallet-deposit-address_bottom {
		font-size: 11px;
	}
	
	.wallet-alert_content {
		font-size: 11px;
	}
	
	.wallet-alert_price {
		font-size: 12px;
	}
	
	.wallet-alert_text {
		font-size: 9px;
	}
	
	.modal-top-bar_right {
		height: 20px;
		width: 20px;
	}
	
	.wallet-deposit-cryptocurrency_content {
		font-size: 12px;
	}
	
	.nav-backbar::after {
		content: " ";
		position: absolute;
        width: 100%;
        height: calc(100% + 1rem);
        left: 0;
        background: transparent;
	}
	
	.slider-win_container {
		scale: 0.7;
		left: -25px;
		height: 40px;
	}
	
	.slider-win_text-id {
		font-size: 9px;
	}
	
	.slider-win_text-money {
		font-size: 12px;
	}
	
	.slider-win_main {
		height: 50px;
	}

	.games-grid {
		grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	}
	
	.slider-win_main {
		margin-bottom: 0px;
		border-radius: 15px 15px 0px 0px;
	}
	
	.games-container {
		border-radius: 0px 0px 15px 15px;
	}
	
	.category-title {
		font-size: 18px;
	}
	
	.section-title {
		font-size: 12px;
		margin: 10px 0 10px;
	}
	
	.game-card .game-overlay {
		padding: 10px;
	}
	
	.game-card .game-title {
		font-size: 0.55rem;
	}
	
	.game-categories {
		display: none;
	}
	
	.game-box {
		padding: 1rem 1rem 6rem 1rem;
	}
	
	.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;
	}

	.nav-backbar {
		top: calc(100% + 6rem);
		position: fixed;
		height: 3.9375rem;
		padding-left: 0rem;
		width: 100%;
		animation: slideUpHeader 1s ease-out 0.5s forwards;
	}
	
	.nav-backbar_content {
		margin-right: 0rem;
	}
	
	.modal-login_content {
		width: 280px;
		min-width: 250px;
	}
	.modal-login_content::after {
		width: 460px;
        height: 280px;
        margin: 50px 0px 0px -85px;
	}
	
	.logo_img_betjoy {
		width: 80px;
		padding-left: 10px;
	}
	
	.nav-backbar_block {
		border-radius: 0;
	}
}

@keyframes slideUpHeader {
	from {
		top: calc(100% + 6rem);
	}
	to {
		top: calc(100% - 3.9375rem);
	}
}

@media (max-width: 400px) {
	.wallet-deposit-cryptocurrency_content {
		font-size: 10px;
	}

	.wallet-payments-method_text {
		font-size: 10px;
	}
	.wallet-payments-method {
		scale: 0.8;
	}

	.wallet-payments-method {
		scale: 0.8;
	}

	.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;
	}
	
	.games-grid {
		grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
	}
	
	.content_button__singup {
		font-size: 12px;
	}
	
	.content_button__login {
		font-size: 12px;
	}
	
	
	
	.settings-header__text {
		
	}
	
	
	
	.wallet-left-top_text {
		font-size: 9px;
	}
	
	.modal-top-bar_left {
		font-size: 12px;
	}
	
	.modal-top-bar_right {
		height: 18px;
		width: 18px;
	}
}

@media (max-width: 390px) {
	.modal-logo-main {
		margin: -103px 0px 0px 0px;
		width: 200px;
		left: calc(50% - 100px);
	}
	.wallet-finance-middle_content {
		padding-left: 10px;
    		padding-right: 10px;
	}
	
	.wallet-payments-method {
		scale: 0.8;
	}
	
	.wallet-deposit-address_bottom {
		font-size: 9px;
	}
	
	.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;
	}
	
	.wallet-alert_img {
		height: 14px;
		width: 14px;
	}
	
	.wallet-alert_content {
		font-size: 10px;
	}
}

@media (max-width: 370px) {
	.wallet-payments-method_text {
		font-size: 10px;
	}

	.settings-header__text {
		font-size: 10px;
	}
	
	.wallet-finance-bottom_content {
		font-size: 6px;
	}
	
	.settings-header_block {
		top: 146px;
	}

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

@media (max-width: 370px) {
	.wallet-payments-method {
		scale: 0.6;
	}

	.modal-wallet-left_block {
		min-width: 0px;
	}
}