@media (min-width:1024px) and (max-width:1400px) {
	.BonusToastContainer {
		top:200px;
		
	}
}

@media screen and (orientation: portrait) and (max-width: 2048px),
(orientation: landscape) and (max-height: 1024px) and (max-width: 900px) {
	#main {
		overflow-y: auto;
	}

	.odometer-formatting-mark {
		transform: translateY(3px) translateX(-1.8px)
	}

	.BonusToastContainer {
		top:90px;
		transform: scale(1) !important;
	}

	.input-over-cash {
		z-index: 0 !important;
	}

	.BoomerNameBox {
		width: 59px !important;
	}

	.BoomerAmountBox:nth-child(2) {
		width: 101% !important;
	}

	.BoomerAmountBox:nth-child(3) {
		width: 19% !important;
	}

	.BoomerAmountBox:nth-child(4) {
		width: 97% !important;
	}

	.BoomersCountBox {
		width: 59px;
	}

	.BoomersBetBox:nth-child(2) {
		width: 70% !important;
	}

	.BoomersBetBox:nth-child(3) {
		width: 18% !important;
	}

	.BoomersBetBox:nth-child(4) {
		width: 67% !important;
	}

	.BoomersContainerBody {
		padding: 0px 0px;
	}

	.ProfileContainer {
		margin-left: -5px;
		transform: translate(-6%, 0%);
	}

	

	.CounterContainer {
		gap: 0.3em !important;
	}

	#CanvasWrapper {
		width: 100vw;
		height: 120vw;
		position: relative;
	}

	#ConvasContainer {
		width: 200%;
		transform: translate(-50%, 0%);
		left: 50%;
		position: absolute;
	}

	.MainBalanceContainer div {
		font-size: 15px !important;
	}

	.BoomerNameBox {
		width: 21%;
	}

	.HeaderContainer {
		left: 20px !important;
		gap: 12px !important;
		top: 15px !important;
	}

	.FunMode {
		left: 12px !important;
		top: 57px !important;
	}

	.MessageIconBox {
		top: 19px;
	}

	.MenuBarContainer {
		top: 36px !important;
		right: 20px !important;
		left: unset !important;
	}

	.MenuBarContainerBox {
		flex-direction: row-reverse !important;
		justify-content: space-between !important;
	}

	.MenuButtons {
		background: unset;
	}

	.SoundTurnContainer {
		display: none !important;
	}

	.BetButtonArea {
		display: flex;
		flex-direction: column;
		gap: 0;
		width: 50%;
	}

	.ScoreBarContainer {
		top: calc(120vw - 77px) !important;
		/*left: 50px !important;*/
		left: 0px !important;
		width: 100vw;
	}

	.ScoreBarContainerBox {
		width: 100%;
		overflow-x: auto;
	}

	.TimeCountContainer {
		/*top: calc(108vw - 55px) !important;*/
		top: calc(120vw - 131px) !important;
		right: 8px !important;
		left: unset !important;
		bottom: unset !important;
	}

	.TimeCountTitle {
		display: none;
	}

	.CounterBox {
		width: 42px;
		height: 44px;
	}

	.CounterMaskBox {
		width: 34px;
		height: 32px;
	}

	.NumberList>div {
		font-size: 24px !important;
		line-height: 35px;
		height: 35px;
	}

	.roundHistory {
		height: 28px;
		padding: 4px 8px;
		min-width: max-content;
		-webkit-overflow-scrolling: touch;
	}

	.roundHistory::-webkit-scrollbar {
		-webkit-appearance: none;
		display: none !important;
		width: 0 !important;
		height: 0 !important;
	}

	.roundHistory::-webkit-scrollbar-thumb {
		opacity: 0;
	}

	.ScoreBarContainerBox::-webkit-scrollbar {
		display: none !important;
	}

	.roundHistory>div {
		font-size: 10px !important;
	}

	.historyItem.JackpotColor span {
		font-size: 10px !important;
	}

	.boomer-factor {
		font-size: 10px !important;
	}

	.Vertical-Line {
		display: none;
	}

	.BetsContainer {
		/*top: calc(108vw) !important;*/
		left: unset !important;
		bottom: unset !important;
		width: 100%;
		flex-direction: column;
		background: #010118;
		border-radius: unset;
		box-shadow: unset;
		position: relative;
		z-index: 1;
		background: linear-gradient(0deg, #010118 79.56%, rgba(1, 1, 24, 0.61) 87.72%, rgba(1, 1, 24, 0.47) 92.27%, rgba(1, 1, 24, 0) 100%);
		top: -47px;
	}

	.BetContainer {
		padding: 2% calc(9vw - 5%);
		background: rgba(39, 129, 129, 0.42);
		box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
		border-radius: 10px;
	}

	.BetAmountBox {
		padding: 7px 7px;
		width: 100%;
		height: 25px;
		border-radius: 10px;
	}

	.BetButtons {
		width: calc(73%) !important;
		border-radius: 10px !important;
	}

	.BetButtonArea.next-round {
		height: 68px;
		width: calc(50%);
	}

	.BetButtonArea.next-round .BetButtons {
		width: calc(100%) !important;
	}

	.CancelButton {
		width: 100%;
		height: 100%;
	}

	.CustomBetButton[data-action=cashout],
	.CustomBetButton[data-action=cancel] {
		height: 68px;
	}

	.AmountInputBox {
		width: calc(100% - 25px);
	}

	.LogoContainer>img {
		width: 119px;
	}

	.LogoContainer {
		padding-top: 0px;
	}

	.MainBalanceContainer {
		min-width: 138px !important;
	}

	.MainBalanceContainer>div {
		font-size: 20px !important;
	}

	.MainBalanceContainer>span {
		font-size: 20px !important;

	}

	.HeaderContainer {
		transform: scale(0.7) translate(-84px, -13px) !important;
	}

	/* .MainAvatar {
		width: 33px;
		height: 33px;
	} */

	.MessageIconBox {
		display: flex;
	}

	.JackPotBox {
		top: calc(14px) !important;
		right: 73px !important;
		border-radius: 6px;
		height: 35px;
		width: 134px;
	}

	.jackpot-numbers {
		font-size: 13px !important;
	}

	.odometer-inside {
		display: flex !important;
	}

	.JackPotMegaTextMobile {
		display: flex !important;
	}

	.JackPotBody {
		margin-left: 0 !important;
	}

	.JackPotChest {
		left: -12px;
	}

	.JackPotMegaText {
		display: none;
	}

	.jackpot-digit-wrapper {
		left: -12px !important;
	}

	.jackpot-numbers {
		gap: 0.1em;
		position: relative;
		left: 2px;
	}

	.jackpot-unit {
		border-radius: 3px;
		padding: 0em .3em;
		font-size: 13px;
		margin-right: 0px;
		margin-top: 0px;
		width: auto;
		height: auto;
		line-height: initial;
	}

	.odometer.odometer-auto-theme .odometer-digit,
	.odometer.odometer-theme-default .odometer-digit {
		border-radius: 3px !important;
		padding: 0em .25em !important;
	}

	.NumberViewer {
		height: 24px;
	}

	.jackpot-numbers>.unit {
		border-radius: 6px;
		padding: .01em .27em;
		font-size: .8rem;
		border-radius: 4px;
	}

	.BetAmountInput {
		width: 100%;
		font-size: 12px;
	}

	.BoomersContainer {
		min-width: unset;
		position: relative;
		top: unset !important;
		left: unset !important;
		background: #010118;
		padding: 0.5rem;
		margin-bottom: -5px;
		z-index: 1;
		top: -45px !important;
	}

	.BoomersContainerBody {
		width: 100%;
		height: 360px;
	}

	.ProgressBarContainer {
		display: none;
	}

	.ChatContainer {
		top: 0px !important;
		left: 0px !important;
		background: #010118;
		width: 100% !important;
		height: 100vh !important;
		height: var(--vw-height) !important;
		right: unset !important;
		border-radius: 0px;
		padding: 10px;
		overflow: hidden;
	}

	#ReconnectModal>div.modal-dialog {
		align-items: end;
	}

	.lg-input {
		display: none !important;
	}

	.sm-input {
		display: flex !important;
	}

	.BetOptionBox {
		height: 20px;
		padding: 0px;
		box-shadow: unset;
		background: unset;
		width: 100%;
	}

	.BetOptionButton {
		width: calc(50% - 2px);
		border-radius: 6px;
		font-size: 11px;
		opacity: 66%;
	}

	.BetMoneyButtons {
		width: 50%;
		justify-content: space-between;
	}

	.BetMoneyButton {
		width: calc(50% - 6px);
		height: 17.5px;
		font-size: 12px;
	}

	.BetsBox {
		flex-direction: column;
		padding: 0px !important;
	}

	.ToastContainer {
		padding-top: 25px;
	}

	.BonusToastContainer {
		top: 90px;
	}

	.CanvasScroll {
		display: block;
	}

	.ChatContainerBox {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		overflow: hidden;
		height: 98dvh !important;
	}

	.ChatBodyContainer {
		width: 100%;
		height: 100%;
		max-height: 100%;
	}

	.MenuContainer {
		top: 12px !important;
		right: 1px !important;
		left: unset !important;
	}

	.UFOLogo {
		display: none;
	}

	.MultiAmountButton {
		width: 20px;
		height: 20px;
		font-size: 11px;
		border-radius: 5px;
	}

	.AmountUnitText {
		font-size: 12px;
	}

	.ModalBodyBox {
		padding: 0.5rem !important;
	}

	.ColDate>div,
	.ColUser>div,
	.ColPayout>div,
	.ColProfit1>div,
	.ColBet>div,
	.ColCashout>div,
	.ColProfit>div {
		font-size: 11px;
	}

	.ColBet>img,
	.ColProfit>img,
	.ColProfit1>img {
		width: 8px;
	}

	

	

	

	.HowToPlayImages {
		flex-direction: column;
		gap: unset;
	}

	.HowToPlayImages>img {
		width: 90%;
	}
}


@media only screen and (orientation: portrait) and (min-width: 1024px) and (max-width: 2048px) {
	#CanvasWrapper {
		width: 100vw;
		height: 80vw;
		position: relative;
	}

	

	#ConvasContainer {
		width: 150%;
		transform: translate(-50%, 0%);
		left: 50%;
		position: absolute;
	}

	.BetsBox {
		flex-direction: row;
	}

	.BetContainer {
		padding: 2% calc(22vw - 7%);
	}

	#ReconnectModal>div.modal-dialog {
		align-items: end;
	}

	.ScoreBarContainer {
		top: calc(80vw - 91px) !important;
	}

	.TimeCountContainer {
		top: calc(80vw - 140px) !important;
		right: 8px !important;
		left: unset !important;
		bottom: unset !important;
	}
}


@media only screen and (orientation: portrait) and (min-width: 1024px) and (max-width: 1648px) {
	.BetContainer {
		padding: 2% calc(19vw - 6%);
	}
}

@media only screen and (orientation: portrait) and (min-width: 545px) and (max-width: 1024px) {
	#CanvasWrapper {
		width: 100vw;
		height: 80vw;
		position: relative;
	}

	#ConvasContainer {
		width: 165%;
		transform: translate(-50%, 0%);
		left: 50%;
		position: absolute;
	}

	.MenuContainer {
		top: 12px !important;
		right: 1px !important;
		left: unset !important;
	}

	.BetsBox {
		flex-direction: row;
	}

	.BetContainer {
		padding: 2% calc(6vw - 1%);
	}

	#ReconnectModal>div.modal-dialog {
		align-items: end;
	}

	.ScoreBarContainer {
		top: calc(80vw - 78px) !important;
	}

	.roundHistory {
		height: 28px;
		/* padding-top: 7px; */
	}

	.TimeCountContainer {
		top: calc(80vw - 140px) !important;
		right: 8px !important;
		left: unset !important;
		bottom: unset !important;
	}
}

@media only screen and (orientation: portrait) and (min-width: 545px) and (max-width: 667px) {
	.BetsBox {
		flex-direction: column !important;
	}
}

@media only screen and (orientation: portrait) and (max-width: 545px) {
	.HeaderContainer {
		transform: scale(0.7) translate(-84px, -13px) !important;
	}

	.FunMode {
		top: 57px !important;
		left: 10px !important;
		width: 100% !important;
	}

	.FunMode[lang-fs=en] {
		font-size: 16px;
	}

	.FunMode[lang-fs=tr] {
		font-size: 14px;
	}

	.MenuContainer {
		top: 12px !important;
		right: 1px !important;
		left: unset !important;
	}

	.JackPotBox {
		top: calc(14px) !important;
		right: 73px !important;
		border-radius: 6px;
		height: 35px;
		width: 134px;
	}

	.jackpot-numbers {
		font-size: 13px !important;
	}

	.JackPotMegaTextMobile {
		display: flex !important;
	}

	.JackPotBody {
		margin-left: 0 !important;
	}

	.JackPotChest {
		left: -12px;
	}

	.JackPotMegaText {
		display: none;
	}

	.jackpot-numbers {
		gap: 0.1em;
		position: relative;
		left: 2px;
	}

	.jackpot-unit {
		padding: 0em .3em;
		font-size: 13px;
		border-radius: 3px;
		line-height: initial;
	}

	.jackpot-numbers>.unit {
		border-radius: 3px;
		padding: .01em .27em;
		font-size: .8rem;
		border-radius: 4px;
	}

	.odometer.odometer-auto-theme .odometer-digit,
	.odometer.odometer-theme-default .odometer-digit {
		border-radius: 3px !important;
		padding: 0em .25em !important;
	}

	.BetsBox {
		flex-direction: column;
	}

	.BetContainer {
		padding: 2% calc(7vw - 5%);
	}

	#ReconnectModal>div.modal-dialog {
		align-items: end;
	}
}

@media only screen and (orientation: portrait) and (min-width: 545px) and (max-width: 580px) {
	.BetContainer {
		padding: 2% calc(6vw - 4%);
	}

	.BetAmountBox {
		padding: 7px 7px !important;
	}
}

@media only screen and (orientation: portrait) and (min-width: 545px) and (max-width: 680px) {
	.BetContainer {
		padding: 2% calc(6vw - 4%);
	}

	.LogoContainer {
		padding-top: 3px;
	}

	.BetAmountBox {
		padding: 7px 7px !important;
	}
}

@media only screen and (orientation: landscape) and (max-height: 1024px) and (max-width: 900px) {
	.BetMoneyButtons {
		width: 100%;
		justify-content: space-between;
	}

	.BetButtonArea {
		width: 100%;
	}

	.AutoConfigContainer {
		padding-top: 0px !important;
	}
}

@media only screen and (orientation: landscape) and (min-width: 510px) and (max-height: 1024px) and (max-width: 900px) {
	.HeaderContainer {
		transform: scale(.7) translate(-80px, -13px) !important;
	}

	.FunMode {
		font-size: 14px !important;
	}

	.MenuContainer {
		top: 0px !important;
		right: unset !important;
		left: 46vw !important;
	}
}

@media only screen and (orientation: landscape) and (min-width: 510px) and (max-height: 1024px) and (max-width: 630px) {
	.HeaderContainer {
		transform: scale(0.6) translate(-133px, -17px) !important;
	}

	.JackPotBox {
		top: calc(47px) !important;
		left: 8px !important;
	}

	.FunMode {
		font-size: 12px !important;
	}

	.LogoContainer {
		transform: scale(1.1);
	}

	.ProfileContainer {
		transform: translate(-4%, 0%);
	}

	
}

@media only screen and (orientation: landscape) and (min-width: 510px) and (max-height: 1024px) and (max-width: 900px) {
	.BetMoneyButtons {
		width: 100%;
		justify-content: space-between;
	}

	.BetButtonArea {
		width: 100%;
	}

	.AutoConfigContainer {
		padding-top: 2px !important;
	}
}

@media only screen and (orientation: landscape) and (min-width: 510px) and (max-height: 1024px) and (max-width: 550px) {
	.AutoConfigContainer .font-s12 {
		font-size: 8px !important;
	}
}

@media only screen and (orientation: landscape) and (min-width: 510px) and (max-height: 1024px) and (max-width: 900px) {
	#main {
		overflow-y: auto !important;
	}

	.AutoConfigContainer.HideElem {
		display: flex !important;
		opacity: 0 !important;
	}

	/* .AutoConfigContainer.HideElem {
		display: none !important;
	} */

	.ToastContainer {
		left: calc((50vw + 53px) / 2) !important;
		padding-right: 50%;
		padding-top: 0px;
	}

	.BonusToastContainer {
		top:90px;
		left: calc((50vw - 300px) / 2) !important;		
	}

	#CanvasWrapper {
		width: 45vw !important;
		height: 100vw !important;
		position: relative !important;
	}

	#ConvasContainer {
		height: calc(45vw + 6%) !important;
		width: 160% !important;
		transform: translate(-42%, -7%) !important;
		position: absolute !important;
	}

	.BetsBox {
		flex-direction: column !important;
		gap: 0rem !important;
	}

	.LogoContainer {
		padding-top: 3px !important;
	}

	.BetContainer {
		padding: 3% calc(6vw - 5%) !important;
		/* 6.3% */
		padding-bottom: 2% !important;
		box-shadow: inset 4px 0px 0px rgba(0, 0, 0, 0.22) !important;
		border-radius: 0px !important;
		background: rgba(39, 129, 129, 0.42);
	}

	.second.BetContainer {
		transform: translate(0px, -1px);
	}

	.BetsContainer {
		transform: scale(0.8) translate(-1%, -13%) !important;
		top: -100vw !important;
		width: 55vw !important;
		left: 51% !important;
		background: linear-gradient(270deg, #010118 99.56%, rgba(1, 1, 24, 0.61) 100.52%, rgba(1, 1, 24, 0.37) 100.27%, rgba(1, 1, 24, 0) 89%) !important;
	}

	.BetButtonArea.next-round {
		height: unset;
		width: 100%;
	}

	.BetButtonArea.next-round .CustomBetButton {
		height: 41px !important;
	}

	.CustomBetButton {
		height: 59px !important;
	}

	.MessageIconBox {
		left: calc(55vw - 70px) !important;
		top: 15px;
	}

	.HeaderContainer {
		top: 13px !important;
	}

	.FunMode {
		top: 52px !important;
		left: 20px !important;
		width: 51vw !important;
	}

	.MenuContainer {
		top: 8px !important;
		right: unset !important;
		left: calc(55vw - 35px) !important;
	}

	.BoomersContainer {
		top: calc(-101vw - 77px) !important;
	}

	.ScoreBarContainer {
		top: calc(4vw + 266px) !important;
		/*left: 50px !important;*/
		left: 0px !important;
		width: 65vw !important;
	}

	.ScoreBarContainerBox {
		width: 100% !important;
		overflow-x: auto !important;
	}

	.TimeCountContainer {
		top: calc(4vw + 218px) !important;
		left: calc(55% - 85px) !important;
		bottom: unset !important;
		right: unset !important;
	}

	.MessageIconBox {
		right: 10px;
	}

	.JackPotBox {
		top: calc(11px) !important;
		left: calc(55vw - 205px) !important;
		border-radius: 6px;
		height: 35px;
		width: 134px;
	}

	.jackpot-numbers {
		font-size: 13px !important;
	}

	.JackPotMegaTextMobile {
		display: flex !important;
	}

	.JackPotBody {
		margin-left: 0 !important;
	}

	.JackPotChest {
		left: -12px;
	}

	.JackPotMegaText {
		display: none;
	}

	.jackpot-numbers {
		gap: 0.1em;
		position: relative;
		left: 2px;
	}

	.jackpot-unit {
		padding: 0em .3em;
		font-size: 13px;
		border-radius: 3px;
		line-height: initial;
	}

	.odometer.odometer-auto-theme .odometer-digit,
	.odometer.odometer-theme-default .odometer-digit {
		border-radius: 3px !important;
		padding: 0em .25em !important;
	}

	.jackpot-numbers>.unit {
		border-radius: 6px;
		padding: .01em .27em;
		font-size: .8rem;
		border-radius: 4px;
	}
}

@media only screen and (orientation: landscape) and (min-width: 510px) and (max-height: 1024px) and (max-width: 747px) {
	.JackPotBox {
		top: calc(12px) !important;
		left: calc(55vw - 205px) !important;
	}

	.JackPotMegaTextMobile {
		display: flex !important;
	}
}

@media only screen and (orientation: landscape) and (min-width: 510px) and (max-height: 729px) and (max-width: 729px) {
	#CanvasWrapper {
		width: 50vw !important;
		height: 100vw !important;
		position: relative !important;
	}

	#ConvasContainer {
		height: calc(86vw - 15%) !important;
		transform: translate(-47%, -10%) !important;
		width: 190% !important;
		position: absolute !important;
	}
}

@media only screen and (orientation: landscape) and (min-width: 600px) and (max-height: 729px) and (max-width: 729px) {
	#CanvasWrapper {
		width: 50vw !important;
		height: 100vw !important;
		position: relative !important;
	}

	#ConvasContainer {
		height: calc(50vw + 13%) !important;
		transform: translate(-46%, -10%) !important;
		width: 160% !important;
		position: absolute !important;
	}
}

@media only screen and (orientation: landscape) and (min-height: 729px) and (max-height: 1024px) and (min-width: 729px) and (max-width: 682px) {
	#CanvasWrapper {
		width: 50vw !important;
		height: 100vw !important;
		position: relative !important;
	}

	#ConvasContainer {
		height: 58% !important;
		width: 170% !important;
		transform: translate(-50%, 0%) !important;
		position: absolute !important;
	}
}

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

	.HtP_Res {
		transform: scale(.8);
		-o-transform: scale(.8);
		-ms-transform: scale(.8);
		-moz-transform: scale(.8);
		-webkit-transform: scale(.8);
	}
}

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

	#bonusModalTitle {
		font-size: 18px;
	}
}

@media only screen and (orientation: landscape) and (max-height: 900px) and (min-width: 900px) and (max-width: 1660px) {
	.ChatContainer {
		width: 339px !important;
	}

	.JackPotBox {
		width: 339px !important;
	}

	.BoomersContainerBody {
		width: 375px !important;
	}

	.ScoreBarContainer {
		left: 475px;
	}

	.TimeCountContainer {
		left: calc((100% - 590px) / 2 - 150px);
	}

	.AutoConfigContainer {
		padding-top: 11px;
	}

	/* .BoomersContainer .font-s12 {
		font-size: 14px !important;
		font-weight: 500 !important;
	} */

	/* .BoomersContainer span {
		font-size: 0.8rem !important;
	} */

	.MainBalanceContainer div {
		font-size: 15px !important;
	}

	.MainBalanceContainer span {
		font-size: 0.8rem !important;
	}

	.GrayText {
		font-size: 14px !important;
	}

	.BetButtons {
		font-size: 20px !important;
	}

	.BetMoneyButton {
		font-size: 15px !important;
		font-weight: 600 !important;
	}

	#ChatTextInput {
		font-size: 14px !important;
	}

	.ChatText .MainText:not(.big-emoji) {
		font-size: 15px !important;
	}

	/* .BoomersContainerHeader .font-s12 {
		font-size: 16px !important;
		font-weight: 600 !important;
	} */

	#lobbyText {
		font-size: 17px !important;
	}

	.roundHistory .historyItem {
		font-size: 14px;
	}

	.boomerItem .font-s12 {
		font-size: 14px;
	}

	.BoomersContainerHeader .font-s12 {
		font-size: 14px;
	}

	.boomerItem .font-s12+span {
		font-size: .78rem !important;
	}

	/* .font-s10 {
		font-size: 14px !important;
	}
	.font-s12 {
		font-size: 16px !important;
	}
	.font-s14 {
		font-size: 18px !important;
	} */

	/* .hamberger-icon {
		transform: scale(1.2);
	} */

	.TimeCountTitle {
		font-size: 12px !important;
	}

	.WaitingText {
		padding-top: 1px !important;
		font-size: 14px !important;
	}

	.BetAmountInput {
		font-size: 16px !important;
	}

	.BetOptionButton {
		font-size: 14px !important;
	}

	.AutoConfigContainer .font-s12 {
		padding-top: 2px;
		font-size: 14px !important;
	}
}

@media only screen and (min-width:300px) and (max-width:720px) {
	.LogoContainer {
		display: none;
	}

	.ProfileContainer {
		margin-left: -30px;
		transform: translate(6%, 0%);
	}

	
}

@media only screen and (max-width: 429px) {	
	
	.JackPotBox.BonusButtonActive .JackPotMegaTextMobile {
		display: flex !important;
	}
}

@media screen and (max-width:768px) {
	.BonusTabContainer {
		position: absolute;
		left:-18px;
		top:65px;
	}
	.JackPotNav {
		padding:1em !important
	}
}

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

	.JackPotMegaTextMobile {
		display: flex !important;
	}
}

@media only screen and (max-height:420px) {
	.LogoContainer {
		display: none;
	}

	.ProfileContainer {
		margin-left: -28px
	}

	#AvatarModal .TableBodyBox, #SelectAvatarModal .TableBodyBox {
		max-height: 180px;
		overflow: auto;
	}
	#JackpotModal .JackPotNav {
		max-height: 200px !important;
	}

	#HowToPlay .ModalBodyBox {
		height: 200px !important;
	}
	
}

.MobileActiveMenu {
	width: 100%;
	right: 0px !important;
	top: 0px !important;
	padding: 44px 20px 0px 20px;
	height: 350px;
	background: linear-gradient(180deg, #010118 54.01%, rgba(1, 1, 24, 0.89) 66.27%, rgba(1, 1, 24, 0.72) 78.89%, rgba(1, 1, 24, 0) 100%);
}