.mob {display: none !important;}

.mob2 {display: none !important;}

html {
	font-size: 14px;
}
body.swal2-toast-shown .swal2-container.swal2-center {
	width: 100%;
}
body.swal2-toast-shown .swal2-container.swal2-center > .swal2-popup {
	width: fit-content !important;
}

.form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 0px 2px rgb(102 175 233 / 60%);
}

#menu-popup.ngdialog {
	display: none;
}
@media screen and (max-width: 990px) { /* mobile device */
	#menu-popup.ngdialog {
		display: initial;
	}

	html {
		font-size: calc(.75rem + 1vmin);
	}

	body{
		font-size: 1em;
	}
	.btn{font-size: 1em;}
	
	.pc {display: none !important;}
	.mob {display: inherit !important;}
	.mob2 {display: table-cell !important;}
	.wrapper {min-width: 300px;}
	.main-container{width: 100%;}
	.ngdialog-overlay {background: rgb(0 0 0);}
	.notice_popup_area {height: 100%;overflow-y: auto;display: block;white-space: nowrap;}
	.notice_popup {width: 100% !important;display: inline-block;margin: 0 0 auto 0 !important;white-space: initial;min-width: initial;vertical-align: top;}
	.notice_popup_text {padding-left: 15px; padding-right: 15px;}

	.dm-badge {position: absolute;top: 0px;left: 50%;background-color: #b13d3b;}
	.footer {position: fixed;bottom: 0;width: 100%;}
	.footer-page{padding: 30px;margin-bottom: 60px;}
	.footer .btn {height: 38px;}
	.footer-btn.btn-primary {border: none;background: #f3bff1;color: #000000;border-radius: 0;}
	.btn-top-right, .btn-bottom-right {border-right: 0;}
	.slick-dotted.slick-slider {margin-bottom: 10px;}
	.slot_list>ul {grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));}
	.deposit label, .withdraw label{line-height: inherit;text-align: left;}
	
	.navigation-page .header-top{min-width: 100px;}

	.banner-slider{padding:0}
	.main-page .content .game-container {
		flex-direction:column;
	}
	.main-page .content .game-buttons {
		font-size: 1.1em;
		/* max-height: 9em; */
		margin-bottom: 8px;
	}
	.main-page .content .game-buttons{
		background-size: cover;
		text-align: center;
	}
	.main-page .container-jackpot {
		background: url(../images/main/bg-jackpot-mobile.jpg?ver=1.02) no-repeat;
		background-size: 100%;
		padding: 18px;
		position: relative;
		width: 100%;
	}
	.main-page .jackpot-odometer{bottom: 5px; position: absolute; height: 33px; width: 520px; bottom: 0; right: 0;}
	.main-page .odometer-container{height: 33px;width: 540px;bottom: 15px;}

	.ngdialog-games-page .game-button-container{grid-template-columns: 1fr 1fr;}
	.ngdialog-games-page .gameWrap {}
	.ngdialog-games-page .gameWrap .tit{ position: absolute; bottom: 0;display: flex;width: calc(100% - 3em);justify-content: center;align-items: center;height: 23%;padding: .5em;margin: 0 1em;}
	
	.ngdialog.ngdialog-theme-default{padding: 0px;}
	.ngdialog.ngdialog-theme-default.ngdialog-login .ngdialog-content{width: 100%;}

	.ngdialog-login-page input[type='text'] {background: url("../images/common/user-icon.png?v=2") top 16px left 11px no-repeat; height: 50px; margin-top: 30px;}
	.ngdialog-login-page input[type='password'] {background: url("../images/common/password-icon.png?v=2") top 16px left 11px no-repeat; height: 50px; margin-top: 30px;}
	.ngdialog-login-page .btn-yellow{height: 70px; margin-top: 30px;}

	.customercenter-container {background: black; padding: 10px 0;}
	.customercenter-container .list-inline {margin: 0 auto;font-size: 0;}
	.customercenter-container ul li {position: relative;text-align: center;width: 25%;height: 45px;color: #ffffff;padding-right: 10px;font-size: 14px;letter-spacing: -0.5px;word-break: keep-all;}
	.customercenter-container li img {width: 30px;}
	
	.customer-page .customer-content {
		flex-flow: column;
		-ms-flex-flow: column;
	}

	.customer-page .customer-buttons {
		height: initial;
		padding: 1em 1.5em;
		white-space: nowrap;
	}
	.customer-page .text-con {
		margin-left: .75em;
	}
	.customer-page .goldTxt {
		font-size: 1.5em;
	}
	.customer-page {
		font-size: .8em;
	}
	.ngdialog-login .customer-page {
		width: 100%;
	}
	.ngdialog-customer-page .ngdialog-main-nav {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 5px;
		padding: 10px;
	}
	.ngdialog-customer-page .ngdialog-main-nav li {
		padding: 20px;
		background: #2d2d2d;
		color: #f3bff1;
		font-weight: 600;
		text-align:center
	}
	.ngdialog-customer-page .ngdialog-main-nav li button {
		padding: 0px
	}
	.ngdialog-customer-page .ngdialog-main-nav:before,
	.ngdialog-customer-page .ngdialog-main-nav:after {
		display: none;
	}
	ul.imgList {grid-template-columns: repeat(1, 1fr)}

	.wallet-buttons-container {width: 100%;height: 60px;background: #111111;padding: 11px 18px;text-align: center;}
	.wallet-buttons-container .btn-wrap {display: flex;gap: 3px}
	.wallet-buttons-container .btn-wallet.withdraw {background: #f3bff1;border: 1px solid #f3bff1;color: #111111;margin-right: 0;}
	.wallet-buttons-container .btn-wallet.deposit {background: transparent;border: 1px solid #999999;color: #999999;}
	.wallet-buttons-container .btn-wallet {width: calc(100% / 2 - 10px);height: 38px;border-right: 3px;border-radius: 3px;font-weight: bold;}
	.ngdialog-wallet .ngdialog__content {background: #1d1d1d;padding: 10px;}
	.ngdialog-content .btn-black {margin-top: 1px;background: #2d2d2d;color: #f3bff1;font-weight: 600;}
	.ngdialog-content .btn-group-justified .btn-group:nth-child(1) {padding-right: 1px;}
	.ngdialog-content .btn-group-justified>.btn-group .btn { padding: 1.75em; font-size: calc(.75rem + 1vmin);}
	.ngdialog-wallet .my-wallet {/* float: left; */position: relative;width: 100%;background: #111111;font-size: 13px;color: #f3bff1;padding: 7px 20px;font-weight: 700;text-align: center;}
	.ngdialog-wallet .my-wallet>div{padding: 17px 0; font-size: calc(.75rem + 1vmin); }
	.ngdialog-wallet-page fieldset {border-bottom: 0px;padding: 0.5em 0;}
	.ngdialog-wallet-page .change-password .ngdialog-wallet__form label {line-height: inherit;text-align: left;}
	.ngdialog.ngdialog-theme-default .ngdialog-content{}
	.ngdialog.ngdialog-theme-default.ngdialog-signup .ngdialog-content {
		background-size: initial;
		width: 660px;
	}
   
	.menu.ngdialog__title {color: aliceblue;}
	.menu.ngdialog__title .guest-dm {width: 38px;background: #b13d3b;text-align: center;height: 18px;vertical-align: top;line-height: 18px;border-radius: 3px;margin-left: 7px;vertical-align: middle;}
	
	.field{display: block;}
	.field .content{display: flex; padding: 0.5em 0;}
	.field .content select,
	.field .content input{width: 100%;flex-grow: 1;}
	.field .btn_plus,
	.field .detail {margin-left: 0px;}
	.field .btn_plus span{display: grid;margin-top: 20px;grid-template-columns: repeat(auto-fill, minmax(max(33%, 100px), 1fr));}
	.field .btn_plus span button{/* width: 100%; */margin: .5%;}

	/* roulette */
	.roulette-container {
		position: relative;
		display: block;
		width: 100%;
		scale: initial;
		right: 0;
		top: 8.2vw;
		background: url(../images/common/roul-bg.png);
		z-index: 100;
	}

	.roulette .cash-font {
		font-size: 1.2em;
	}
	.langs {
		position: absolute;
		top: 10px;
		right: 10px;
	}
	.langs .dynamic-select .dynamic-select-header {
		padding: 3px;
	}
}


@media screen and (max-width: 400px) {
	.roulette .money1 {
		color: aliceblue;
		font-size: 1.5em;
		position: inherit;
		left: 39.5%;
		top: 14.5%;
		width: 30%;
		height: 9%;
		color:#000;
		font-weight: 900;
		text-align: center;
		transform: rotate(287deg);
		-ms-transform:rotate(287deg);
		-moz-transform:rotate(287deg);
		-webkit-transform: rotate(287deg);
		-o-transform:rotate(287deg);
	}
	.roulette .money2 {
		color: magenta;
		font-size: 1.5em;
		position: inherit;
		left: 53%;
		top: 22%;
		width: 30%;
		height: 7%;
		color:#000;
		font-weight:900;
		text-align: center;
		transform:rotate(315deg);
		-ms-transform:rotate(315deg);
		-moz-transform:rotate(315deg);
		-webkit-transform: rotate(315deg);
		-o-transform:rotate(315deg);
	}
	.roulette .money3 {
		color: aliceblue;
		font-size: 1.5em;
		position: absolute;
		left: 60.5%;
		top: 34.5%;
		width: 30%;
		height: 1%;
		color:#000;
		font-weight:900;
		text-align: center;
		transform:rotate(348deg);
		-ms-transform:rotate(348deg);
		-moz-transform:rotate(348deg);
		-webkit-transform: rotate(345deg);
		-o-transform:rotate(348deg);
	}
	.roulette .money4 {
		color: magenta;
		font-size: 1.5em;
		position: absolute;
		left: 62.5%;
		top: 48.5%;
		width: 30%;
		height: 10%;
		color:#000;
		font-weight:900;
		text-align: center;
		transform:rotate(14deg);
		-ms-transform:rotate(14deg);
		-moz-transform:rotate(14deg);
		-webkit-transform: rotate(14deg);
		-o-transform:rotate(14deg);
	}
	.roulette .money5 {
		color: aliceblue;
		font-size: 1.5em;
		position: absolute;
		left: 58%;
		top: 62%;
		width: 30%;
		height: 9%;
		color:#000;
		font-weight:900;
		text-align: center;
		transform:rotate(39deg);
		-ms-transform:rotate(39deg);
		-moz-transform:rotate(39deg);
		-webkit-transform: rotate(39deg);
		-o-transform:rotate(39deg);
	}
	.roulette .money6 {
		color: magenta;
		font-size: 1.5em;
		position: absolute;
		left: 45%;
		top: 70%;
		width: 30%;
		height: 10%;
		color:#000;
		font-weight:900;
		text-align: center;
		transform:rotate(74deg);
		-ms-transform:rotate(74deg);
		-moz-transform:rotate(74deg);
		-webkit-transform: rotate(74deg);
		-o-transform:rotate(74deg);
	}
	.roulette .money7 {
		color: aliceblue;
		font-size: 1.5em;
		position: absolute;
		left: 32%;
		top: 74%;
		width: 30%;
		height: 8%;
		color:#000;
		font-weight:900;
		text-align: center;
		transform:rotate(109deg);
		-ms-transform:rotate(109deg);
		-moz-transform:rotate(109deg);
		-webkit-transform: rotate(109deg);
		-o-transform:rotate(109deg);
	}
	.roulette .money8 {
		color: magenta;
		font-size: 1.5em;
		position: absolute;
		left: 19%;
		top: 69%;
		width: 30%;
		height: 7%;
		color:#000;
		font-weight:900;
		text-align: center;
		transform:rotate(136deg);
		-ms-transform:rotate(136deg);
		-moz-transform:rotate(136deg);
		-webkit-transform: rotate(136deg);
		-o-transform:rotate(136deg);
	}
	.roulette .money9 {
		color: aliceblue;
		font-size: 1.5em;
		position: absolute;
		left: 8%;
		top: 57%;
		width: 30%;
		height: 9%;
		color:#000;
		font-weight:900;
		text-align: center;
		transform:rotate(165deg);
		-ms-transform:rotate(165deg);
		-moz-transform:rotate(165deg);
		-webkit-transform: rotate(165deg);
		-o-transform:rotate(165deg);
	}
	.roulette .money10 {
		color: magenta;
		font-size: 1.5em;
		position: absolute;
		left: 5%;
		top: 45%;
		width: 30%;
		height: 6%;
		color:#000;
		font-weight:900;
		text-align: center;
		transform:rotate(195deg);
		-ms-transform:rotate(195deg);
		-moz-transform:rotate(195deg);
		-webkit-transform: rotate(195deg);
		-o-transform:rotate(195deg);
	}
	.roulette .money11 {
		color: aliceblue;
		font-size: 1.5em;
		position: absolute;
		left: 11.5%;
		top: 25.5%;
		width: 30%;
		height: 10%;
		color:#000;
		font-weight:900;
		text-align: center;
		transform:rotate(225deg);
		-ms-transform:rotate(225deg);
		-moz-transform:rotate(225deg);
		-webkit-transform: rotate(225deg);
		-o-transform:rotate(225deg);
	}
	.roulette .money12 {
		color: magenta;
		font-size: 1.5em;
		position: absolute;
		left: 23%;
		top: 17.8%;
		width: 30%;
		height: 7%;
		color:#000;
		font-weight:900;
		text-align: center;
		transform:rotate(254deg);
		-ms-transform:rotate(254deg);
		-moz-transform:rotate(254deg);
		-webkit-transform: rotate(254deg);
		-o-transform:rotate(254deg);
	}
	.roulette .wheel {
		position: absolute;
		width: 74%;
		top: 14.5%;
		left: 13%;
		transition: transform 6.5s cubic-bezier(0.3, 1, 0.7, 1), 6.5s filter cubic-bezier(0.1, 1, 0.8, 1), 6.5s -webkit-filter cubic-bezier(0.1, 1, 0.8, 1);
	}

	.roulette .start-btn {
		background-image: url(../images/common/start.png);
		background-size: cover;
		width: 85px;
		height: 85px;
		border-radius: 100px;
		border-style: none;
	}

	.roulette .start-btn:hover, .roulette .start-btn:disabled {
		background-image: url(../images/common/start_disable.png);
		background-size: cover;
		width: 85px;
		height: 85px;
		border-radius: 100px;
	}

	
	.roulette .cash-font {
		font-size: 1em;
	}
}