@charset "utf-8";
/* CSS Document */


@media screen and (max-width: 768px) {
	
	::-webkit-scrollbar { display: none; }
	
	.tab-outer { white-space: nowrap; overflow-y: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch; }
	.tab-wrapper { width: 100%; min-width: 550px; }
	
	.navi { padding: 10px 10px; }
	.navi .nav-logo { flex: 30%; }
	.navi .nav-logo button { text-align: left; }
	.navi .nav-logo button img { width: 67%; }
	.navi .nav-menu .menuwrap { display: none; }
	.navi .nav-menu .userwrap button { margin: 0 3px 0; font-size: 12px; padding: 5px 0; width: 60px; }
	
	.navi .nav-menu .userlogin { padding: 5px 0; }
	.user-stats { font-weight: normal; }
	.user-stats div { margin: 0 1px 0; }
	.user-stats div i { margin: 0 3px 0 0; }
	.user-stats div i img { width: 14px; }
	.user-stats div i .svg { width: 14px; height: 14px; }
	.user-stats div span { font-size: 10px; }
	.user-stats div .data-clr { font-size: 10px; }
	.user-stats .m-none { display: none; }
	.user-stats .m-block { display: block; }
	
	.rankbg { width: 15px; height: 15px; }
	.rankbg p { width: 15px; }
	
	.header-menu { display: none; }
	
	.container { padding: 10px 0 0; }
	
	.container-contents { padding: 0 5px 0; }
	.main-contents { padding: 0 0 0 0; }
	
	.main-contents .bnr-img { display: none; }
	.main-contents .bnr-img-m { display: block; }
	
	.notify-wrap { flex-direction: column; }
	.notify-wrap .notify-layout { flex: 100%; margin: 0; max-height: 250px; overflow-y: scroll; }
	.notify-wrap .notify-layout::-webkit-scrollbar { display: inherit; }
	.notify-wrap .notify-layout:last-child { margin: 20px 0 0; }
	
	.notify-contents .contents-title { min-height: 40px; padding: 0 10px 0; }
	.notify-contents ul { padding-bottom: 10px; }
	.notify-contents ul li { padding: 14px 10px 6px; display: flex; justify-content: flex-start; align-items: center; font-size: 12px; }
	.notify-contents ul li:last-child { border-bottom: 0; }
	.notify-contents ul li div:nth-child(1) { flex-basis: 10%; }
	.notify-contents ul li div:nth-child(2) { flex-basis: 87%; }
	.notify-contents ul li div:nth-child(3) { flex-basis: 3%; }
	
	.stats-stream .title { padding: 20px 0 10px; font-size: 16px; }
	
	.main-button-wrap { max-width: 550px; }
	.main-button-wrap button { width: 20%; margin: 0 10px 0 0; }
	
	.sponsor-wrap button { width: 23%; margin: 0 0 10px 0; }
	
	.mobile-v-fixed { position: fixed; display: flex; width: 100%; min-height: 68px; background: #1C1C1C; left: 0; bottom: 0; z-index: 1010; align-items: center; }
	.mobile-v-fixed .tab-wrapper { min-width: 550px; }
	.mobile-v-fixed .mvf-wrap { display: flex; justify-content: flex-start; align-items: center; margin: 0 0 0 68px; }
	.mobile-v-fixed .mvf-wrap .topmenu { display: flex; flex-wrap: nowrap; }
	.mobile-v-fixed .mvf-wrap .topmenu div { padding: 5px 12px; }
	.mobile-v-fixed .mvf-wrap .topmenu div button { color: rgb(209 213 219); font-size: 11px; }
	.mobile-v-fixed .mvf-wrap .topmenu div button i { max-height: 18px; }
	.mobile-v-fixed .slide-menu-button { width: 68px; height: 68px; background: #1c1c1c; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; bottom: 0; }

	.side-menu { position: fixed; top: 0; left: -350px; width: 280px; height: 100vh; overflow-y: scroll; background: #1c1c1c; box-shadow: 4px 0 24px rgba(0, 0, 0, 0.2); transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1); z-index: 1005; padding-top: 0; display: flex; }
	.side-menu { min-width: 50%; }
	
	.side-a .bottom-menu { margin: 5px 0 0; padding: 10px 0; }
	.side-a .bottom-menu button { margin: 10px 0; }
	.domain-img { padding-bottom: 70px; }
	
	.popup-wrap { position: fixed; z-index: 1010; }
	.pp-style {  min-width: 340px; margin: 0; position: absolute; top: 50%; margin-top: -300px; left: 50%; margin-left: -170px; }
	
	.contents { padding: 0 0 0; }
	
	.contents-1 { flex: auto; width: 100%; margin: 0 0 0 0; }
	.contents-2 { display: none; width: 100%; flex:auto; margin: 0 0 0 0; }
	.tree-data { display: none; }
	.user-slip { display: block; margin: 0 0 0 0; }
	
	.mobile-gm-fixed { display: flex; justify-content: space-between; flex-direction: row; margin: 0 0 5px; }
	.mobile-gm-fixed .mgmf-div { display: flex; flex: 33.333%; margin: 0 5px 0 0; }
	.mobile-gm-fixed .mgmf-div:last-child { margin: 0 0 0 0; }
	.mobile-gm-fixed .mgmf-div button { background: #333; text-align: center; font-size: 12px; font-weight: bold; padding: 10px; color: #fff; width: 100%; }
	.mobile-gm-fixed .mgmf-div .on { border: 1px #ffae00 solid; color: #ffae00; }
	
	.btm-button-wrap .bb-wrap div button { width: 80px; font-size: 12px; }
	
	.slider-container { height: 80px; }
	.slide-set { gap: 10px; padding-right: 20px; }
	
	.slider-wrapper { width: 100%; max-width: 360px; }
	
	.mmg-list-wrap div { flex-basis: 31.111%; }
	.mmg-list-wrap div .mmg-name { font-size: 12px; }
	
	.mini-mmg-wrap { flex-direction: column; }
	.col-video { margin: 0; }
	.col-button-area { min-width: inherit; width: 100%; }
	
	.mmg-tab-wrap div button { font-size: 12px; }
	.mmg-tab-wrap div { margin: 0 3px 0 0; }
	.mmg-sub { padding: 4px; }
	
	.gm-btn-area-wrap { max-height: inherit; overflow-y: inherit; }
	.set-button-area .gm-btn-div .blue-button { height: 44px; }
	.set-button-area .gm-btn-div .red-button { height: 44px; }
	.set-button-area .gm-btn-div .green-button { height: 44px; }
	.set-button-area .gm-btn-div .mix-blue-button { height: 44px; }
	.set-button-area .gm-btn-div .mix-red-button { height: 44px; }
	.set-button-area .gm-btn-div .mix-green-button { height: 44px; }
	
	.bd-table table tbody td { padding: 6px 2px; font-size: 12px; }
	
	.mp-wrap .mp-div { flex: 100%; margin: 0 0 0 0; padding: 0 5px 10px; }
	.mp-wrap .mp-div:last-child { margin: 0 0 0 0; }
	.div-inwrap .mmp-cont { margin: 5px 0 0; height: 36px; }
	.div-inwrap .mmp-cont span { font-size: 12px; padding: 0 5px 0; }
	.div-inwrap .mmp-cont span span { font-size: 15px; }
	.div-inwrap .mmp-cont .cont-label { font-size: 12px; padding: 0 10px 0; }
	.div-inwrap .mmp-cont .cont-cont { font-size: 12px; padding: 0 10px 0; }
	.div-inwrap .mmp-warning-cont { font-size: 12px; margin: 0 0 20px; }
	.div-inwrap .account-btn-wrap { position: relative; right: inherit; bottom: inherit; text-align: right; padding: 0 0 10px; }
	
	.mp-wrap { flex-direction: column-reverse; }
	
	.rolling-info { margin: 20px 0 0; flex-wrap: wrap; }
	.rolling-info .r-div { flex: 50%; padding: 5px; }
	.rolling-info .r-div:last-child { padding: 5px; }
	.rolling-div .r-cont { padding: 10px; }
	.rolling-div .r-cont div .percenty { font-size: 18px; }
	.rolling-div .r-cont div .r-stats { font-size: 12px; }
	
	.btc-qr-wrap { padding: 5px; }
	.btc-qr-wrap .inwrap-div { padding: 0 10px 0 0; }
	.div-inwrap .mmp-cont .agree-btn button { width: 60px; height: 36px; font-size: 12px; }
	
	.evt-list-wrap div { margin: 2px; flex-basis: 32.111%; }
	.evt-list-wrap div .evt-name { font-size: 12px; }
	
	.rlt-ppp { padding: 0; min-height: inherit; margin: 0 0 10px; }
	.roulette_section { width: 360px; height: 360px; }
	.roulette_game_bg { overflow: inherit; }
	.wheel-base { zoom: 0.57; }
	
	#niddle_pin { margin-left: -20px; top: 20px; }
	.m-size2 img { width: 40px; }
	#start_btn { position:absolute; top: 120px; left: 50%; margin-left: -40px; width: 80px; height: 80px; }
	.start-btn-bg { position: absolute; top: 120px; left: 50%; margin-left: -40px; width:80px; height:80px; }

	.roulette_pan { height: 400px; }
	.roulette_game_bg { height: 370px; }
	
	.data-wrap { display: flex; flex-direction: column; }
	.data-wrap .dd-div { flex: 100%; margin: 0 0 0 0; }
	.data-wrap .dd-div:last-child { margin: 0 0 0 0; }
	
	.g-company-list .company-col { width: 25%; }
	
	
}