@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: 40%; }
	.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; }
	.mobile-v-fixed .slide-menu-button img { width: 46px; }

	.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 { width: 100%; flex: auto; margin: 0 0 0 0; padding: 50px 0 0; }
	.tree-data { display: none; }
	.user-slip { display: block; margin: 0 0 0 0; }

	.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: calc(33% - 8px); }
	.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 0 0; }

	.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-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: calc(33% - 4px); }
	.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%; }
	
	.m-parts3 { flex-wrap: wrap; gap: 2px; }
	.m-parts3 div { flex: 30.333%; margin: 0; }
	
}