.mob {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;}
	.wrapper {min-width: 300px;}
	.main-container{width: 100%;}
	.ngdialog-overlay {background: rgb(0 0 0);}
	/* .notice_popup_area {position: absolute;top: 0;left: 0;width: 100%;display: flex;} */
	.notice_popup {width: 100%;display: grid;margin-left: 0;}

	.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: #c1ad8b;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 img.banner-outside{margin: 0;height: 250px;}
	.banner-slider .main-promo-text {position: absolute;top: auto;bottom: 0px;right: 50%;transform: translate(50%, 0%);}

	.main-page .content .game-buttons,
	.main-page .content .game-buttons.no-mini {
		width: 100%;
		font-size: 1.1em;
		height: 9em;
		padding-top: 7.5em;
	}
	.main-page .content .game-buttons .title-container{
		width: 100%;
    	background: #000000a8;
        padding: 5px 0px;
	}
	.main-page .content .game-buttons.others .currency-sign img{width: 80px;}
	.main-page .content .game-buttons.slot,
	.main-page .content .game-buttons.mini,
	.main-page .content .game-buttons.live{
		background-size: 100% 100%;
		text-align: center;
	}
	.main-page .content .game-buttons.slot:hover,
	.main-page .content .game-buttons.mini:hover,
	.main-page .content .game-buttons.live:hover {
		background-size: 120% 120%;
		padding: 4.45em 0;
		font-size: 1.1em;
	}
	
	.main-page .container-jackpot {
		background: url(../Images/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.ngdialog-theme-default{padding: 0px;}
	.ngdialog-games-page .game-button-container.live{display: block;padding: 20px; display: flex; flex-wrap: wrap;}
	.ngdialog-games-page .game-button-container.live .game-buttons{width: 50%;}
	.ngdialog.ngdialog-theme-default.ngdialog-login .ngdialog-content{width: 100%;}
	.ngdialog-games-page .game-button-container.live .game-buttons .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-games-page .game-button-container.slot {grid-template-columns: 1fr 1fr;}

	.ngdialog-login-page input[type='text'] {background: url("../images/common/user-icon.png?ver=1.01") top 16px left 11px no-repeat; height: 50px; margin-top: 30px;}
	.ngdialog-login-page input[type='password'] {background: url("../images/common/password-icon.png?ver=1.01") 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;
	}

	.wallet-buttons-container {width: 100%;height: 60px;background: #111111;padding: 11px 18px;text-align: center;}
	.wallet-buttons-container .btn-wallet.withdraw {background: #c1ad8b;border: 1px solid #c1ad8b;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: #C1AD8B;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: #c1ad8b;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{line-height: 3em;}
	.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%;}
	.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%;}
}