html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent}a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
@media (min-width:1025px){
/* Works on Firefox */
*{scrollbar-width:thin; scrollbar-color:#CCCCCC #FFFFFF;}
/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar{width:5px; height:5px;}
*::-webkit-scrollbar-track{background:#FFFFFF;}
*::-webkit-scrollbar-thumb{background-color:#CCCCCC; border-radius:20px;}
/* ==[ DARKMODE ]== */
/* Works on Firefox */
.darkmode,.darkmode *{scrollbar-width:thin; scrollbar-color:#707070 #000000;}
/* Works on Chrome, Edge, and Safari */
.darkmode::-webkit-scrollbar,.darkmode *::-webkit-scrollbar{width:5px; height:5px;}
.darkmode::-webkit-scrollbar-track,.darkmode *::-webkit-scrollbar-track{background:#000000;}
.darkmode::-webkit-scrollbar-thumb,.darkmode *::-webkit-scrollbar-thumb{background-color:#707070; border-radius:20px;}
}
@media (min-width:1280px){
.hide-side-nav{display:none !important;}
}
@media (min-width:1800px) and (max-width:2800px){
.nav ul li:hover .nav-menu-dropdown{height: 170px;}
.nav-menu .games-panes{margin-top: 0;}
.nav-menu .games-panes .games-platform-item.pr{width: 16.5%; height: 160px;}
.mod-vendor .games-panes .games-platform-item.pr .gp-img{border-radius: 15px;}
.nav-menu .games-panes .games-platform-item.pr .real-play .game-bg{width: 85%; margin: 3px auto;}
.nav-menu .nav-live .games-panes .games-platform-item.pr .real-play .game-bg {width: 95%;}
.mod-casino .full-image-wrap .games-list li{height: 290px;}
/* LootBox */
.mod-lootbox .open_lb_wrap{margin-top: 140px;}
/* LootBox Carousel */
.mod-lootbox .insights{padding: 4vw 0;}
.mod-lootbox .insights__list{top: 3vh;}
.mod-lootbox #arrowLeft, .mod-lootbox #arrowRight{top: 60%;}
.mod-lootbox #arrowLeft .back-btn, .mod-lootbox #arrowRight .back-btn{width: 20px;
height: 20px; border-width: 4px 0 0 4px;}
/* Christmas Event */
.mod-christmas .flex-row .right-col ul{ width: 33%; height: 13vh; left: 25%;}
.christmas-popup.reward-popup .christmas-content .reward-image{width: 30%; left: 35%; top: 10px;}
.christmas-popup.reward-popup .christmas-content .close-button{top: 4%; left: 61%; width: 2%;}
.christmas-popup.reward-popup .christmas-content ul{top: 16%; left: 37%;}
.christmas-popup.intro-popup .christmas-content .close-button{top: 10%; left: 63%;}
.christmas-popup.intro-popup .christmas-content .tnc-image{width: 40%; left: 25%;}
.christmas-popup.spinning-popup .christmas-content .spinning-image{ width: 20%; left: 40%;}
.christmas-popup.spinning-popup .christmas-content .close-button{ left: 61%;}
.christmas-popup.spinning-popup .christmas-content p{width: 18%; left: 41%;}
/* Register Landing */
.mod-landing-register .reg-wrap { width: 450px;}
.mod-landing-register .slick-dots{ left: 46%; }
.mod-landing-register .btc-partner .btc-partner-bg .partner-wrap{height: 194px;}
.custom-popup.qreg-popup .popup-close{right: -10%;}
}
@media (min-width:1600px) and (max-width:1799px){
/* LootBox Carousel */
.mod-lootbox .insights{ padding: 0vw 0;}
.mod-lootbox .open_lb_wrap{margin-top: 70px;}
.mod-lootbox #arrowLeft .back-btn, .mod-lootbox #arrowRight .back-btn{width: 20px;
height: 20px; border-width: 4px 0 0 4px;}
.mod-christmas #wheelspin{top:21%;}
}
@media (min-width:1400px) and (max-width:1599px){
/* LootBox Carousel */
.mod-lootbox .insights { height: 24vw; padding: 0vw 0;}
.mod-lootbox #arrowLeft .back-btn, .mod-lootbox #arrowRight .back-btn{width: 20px;
height: 20px; border-width: 4px 0 0 4px;}
.mod-lootbox #arrowLeft, .mod-lootbox #arrowRight{top: 35%;}
}
@media (min-width:1280px) and (max-width:1400px){
/* header */
.header .logo{padding-left:0;}
.header .logo a{max-width:210px;}
.nav ul{display:flex; justify-content:space-between;}
.nav ul li{float:none; padding:0;}
.have-side-nav{margin-left:240px;}
.have-side-nav .mod-promotions .info-cont,.have-side-nav .mod-help .faq-content{width:calc(100% - 240px); margin-left:240px;}
.side-nav,.side-nav .fixed{width:240px;}
/* Home */
.home-recent .games-panes .games-platform-item.pr{margin-right: 1%;
width: 19%;}
.home-recent .games-panes .games-platform-item.pr .game-bg {padding-bottom: 0;border-radius: 15px;}
.home-recent .games-panes .games-platform-item.pr .enter-icon{top: -5px;}
/* LootBox Carousel */
.mod-lootbox .lootbox-popup.purchase-lb-msg .lootbox-content { height: 26%; }
.mod-lootbox .insights { height: 29vw; padding: 0vw 0;}
.mod-lootbox #arrowLeft .back-btn, .mod-lootbox #arrowRight .back-btn{width: 20px;
height: 20px; border-width: 4px 0 0 4px;}
.mod-lootbox #arrowLeft, .mod-lootbox #arrowRight{top: 35%;}
/* partner */
.side-nav.affiliate .top-nav li.aff-side-about a{line-height:20px;}
.side-nav.affiliate .top-nav li.aff-side-about a i{float:left;}
/* breadcrumb */
.breadcrumb-partner{width:calc(100% - 240px);}
}
@media (max-width:1497px){
.nav ul li a{font-size: 12px;}
.logined-nav .player-name{font-size: 12px;}
.logined-nav .balance{font-size: 12px;}
.logined-nav .header-deposit{font-size: 12px;}
.login-nav .log-btn,.login-nav .reg-btn{font-size: 12px;}
.side-nav .redirect-btn{font-size:14px;}
.side-nav .top-nav li a{font-size: 14px;}
.lang-wrap .lang-select span{font-size: 14px;}
.lang-wrap .lang-drop a{font-size: 14px;}
}
@media (min-width:640px) and (max-width:1799px){
/* Spinner */
.mod-christmas #wheelspin{top:29%;}
.mod-christmas #prizePointerBtn{left:53.5%; top:68%;}
}
@media (max-width:1400px){
/* Footer */
.footer .footer-link li:last-of-type, .darkmode .footer .footer-link li:last-of-type{border-right: none;}
/* casino */
.mod-casino .games-list li .game-name{font-size:16px;}
.mod-casino .games-list li .game-name span{font-size:14px;}
/* games-row */
.games-row .games-info p{font-size:16px;}
.games-row .games-info span{font-size:14px;}
/* Christmas Event */
.christmas-popup.intro-popup .christmas-content .tnc-image{width: 60%; left: 20%;}
/* Register Landing */
.mod-landing-register .qreg-wrap{left: 6%;}
}
@media (max-width:1279px){
body{min-width:100%; padding:100px 0;}
.function-page{padding:25px;}
.profile-page{padding:25px;}
.wallet-page{padding:25px;}
.user-ctr > .layout{padding:25px;}
/* header */
.header .logo{flex-grow:1; padding:0 25px;}
.nav{display:none; visibility:hidden; width:0; height:0;}
.nav-btn{min-width:22px; height:30px; display:block; visibility:visible;}
.nav-mobile{width:100%; height:75px; display:block; visibility:visible;}
.have-side-nav{margin-left:0;}
.have-side-nav .mod-promotions .info-cont,.have-side-nav .mod-help .faq-content{width:100%; margin-left:0;}
.side-nav{width:0; height:0; position:fixed; z-index:1100; display:block;}
.side-nav .fixed{width:300px; padding:15px 25px; left:-100%; transition:left .5s; z-index:1100;}
.side-nav .fixed-overlay{background:rgba(0,0,0,.5); opacity:0; transition:opacity .3s;}
.side-nav.slide-in{width:100%; height:100%;}
.side-nav.slide-in .fixed{left:0;}
.side-nav .fixed-overlay{opacity:1;}
.login-nav .lang-wrap{display:none; visibility:hidden; opacity:0;}
/* footer */
.footer{padding:0 25px;}
.footer .footer-about{width:100%;}
.footer .footer-about p{margin:30px auto 20px;}
.footer .footer-license{width:100%;}
.footer .footer-link{width:100%; padding:0vw 1vw; margin-bottom:10px;}
.footer .footer-platform .slick-slide{margin:0 5px;}
/* Vendor */
.mod-vendor .menu-navigation{top: -6.5vw;}
/* sports */
.mod-sports .sports-page{height:calc(100vh - 175px);}
/* promotions */
.mod-promotions .info-cont-wrap{height:calc(100% - 125px);}
/* vipinfo */
.mod-vipinfo,.mod-vipinfo.logined{background-position:center 100px;}
.mod-vipinfo .vipinfo-tnc{margin-bottom:25px;}
/* help */
.mod-help .faq-accordion{height:calc(100% - 125px); padding:25px;}
/* LootBox Carousel */
.mod-lootbox .insights {height: 32vw; padding: 0vw 0;}
.mod-lootbox #arrowLeft, .mod-lootbox #arrowRight{top: 30%;}
/* Christmas Event */
.mod-christmas{min-width: unset;}
.christmas-popup.reward-popup, .christmas-popup.intro-popup, .christmas-popup.spinning-popup{left: 0;}
/* breadcrumb */
.breadcrumb-partner{width:100%; padding:10px 2%;}
}
@media (max-width:1024px){
body{padding:50px 0 80px;}
.desktop{display:none;}
.mobile{display:block;}
.profile-page{max-width:900px;}
/* announcement */
.announce .header-back{top:30px;}
.announce .side-nav .fixed{top:80px; height:calc(100% - 80px);}
.announce .mod-promotions .info-cont{height:calc(100% - 80px);}
.announce .mod-promotions .info-cont.active{top:80px;}
.announce .mod-help .faq-content.active{top:80px; height:calc(100% - 115px);}
/* games-row */
.games-row{overflow-x:auto; white-space:nowrap;}
.games-row li{float:none; width:190px; display:inline-block;}
/* header */
.header{height:50px;}
.header-top{padding:0 2%}
.header-back{width:100%; height:50px; background:#000000; position:fixed; top:0; z-index:1; text-align:center;}
.header-back h1{color:#FFFFFF; line-height:50px; font-weight:600;}
.header .logo{padding:0 0 0 2%; display:flex; align-items:center;}
.header .logo a{max-width:160px;}
.header .logo.logined{display:none;}
.nav-popup-wrap{padding:5%;}
.nav-popup-wrap h1{margin:-5px auto 5%;}
.nav-popup-close{top:15px;}
.nav-mobile{height:60px;}
.nav-mobile-menu{padding-bottom:6px;}
.nav-mobile-menu > li{width: 20%;text-align: center;}
.nav-mobile-menu > li > a{font-size:12px;}
.nav-mobile-menu > li > a:after{width:25px; height:25px; background-size:25px;}
.nav-mobile-menu > li.nav-mobile-promo > a:after{background-position:0 -25px;}
.nav-mobile-menu > li.nav-mobile-chat > a:after{background-position:0 -50px;}
.nav-mobile-menu > li.nav-mobile-profile > a:after{background-position:0 -75px;}
.nav-mobile-menu > li.nav-mobile-games > a:after{width:35px; height:35px; background-size:35px;}
.nav-mobile-content a{font-size:12px;}
.login-wrap{flex-grow:1;}
.login-wrap .side-notice a i {width: 25px; height: 25px;background: url(../images/sidebar/sidebar_icon.avif) no-repeat center / 25px; background-position: 0 -150px;}
.login-wrap .side-notice a em {top: 6px; right: 16px;}
.login-nav{justify-content:flex-end;}
.login-nav .log-btn,.login-nav .reg-btn{width:90px; height:25px; line-height:25px; font-size:12px; margin-left:5%;}
.login-nav .reg-btn{line-height:25px;}
.logined-nav{padding-left:2%; justify-content:flex-end;}
.logined-nav .crypto{width: 35px; padding: 0 10px 0 0;}
.logined-nav .player-name{display: none;}
.logined-nav .balance, .logined-nav .header-deposit{height:32px; line-height:32px;}
.logined-nav .deposit-btn{width:90px; height:32px; line-height:32px; font-size:16px;}
.logined-nav .balance-arrow{top:-24px;}
.logined-nav .balance-checkbox:checked + .balance-dropdown .balance-arrow{top:-20px;}
.side-nav .fixed{height:calc(100% - 50px); padding:2%; top:50px;}
.side-nav .fixed-overlay{height:calc(100% - 50px);}
.side-nav .logo, .side-nav .player-name{display:block;}
/* register */
.mod-reg > .layout{margin-bottom:0;}
/* home */
.home-intro .introduct-desc li{height:360px;}
.home-intro .introduct-desc li p{padding:0 20px;}
.home-recent .games-panes {overflow-x: scroll;}
.home-recent .games-panes .games-platform-item.pr{width: 23%;}
.home-recent .games-panes .games-platform-item.pr .game-bg {padding-bottom: 0;}
/* .home-recent .games-panes .games-platform-item.pr .enter-icon{top: -5px;} */
.home-promo ul{overflow-x:auto; white-space:nowrap;}
.home-promo li{float:none; width:320px; display:inline-block;}
.home-promo .promo-info{white-space:normal;}
.home-dividend .dividend-container > div li{width: 50%; padding-left: 15px; border-bottom: #b0b0b0 solid 1px;}
.darkmode .home-dividend .dividend-container > div li{border-bottom: #383838 solid 1px;}
.home-dividend .dividend-container > div li:nth-of-type(even), .home-dividend .dividend-container > div li:last-of-type {border-right: none;}
.home-dividend .dividend-container > div li:last-of-type, .home-dividend .dividend-container > div li:nth-last-of-type(2) {border-bottom: none;}
.home-event.lucky-spin{ bottom: 5%; width: 20%;}
/* All Vendor */
.mod-vendor .games-panes {overflow-x: scroll;}
.mod-vendor .games-panes .games-platform-item.pr{margin-right: 2%;}
.mod-vendor .games-panes.live .games-platform-item.pr{ width: 27%;}
.mod-vendor .menu-navigation{top: -8.5vw;}
/* sports */
.mod-sports .sports-page{height:calc(100vh - 110px);}
/* casino */
.mod-casino .casino-menu ul,.mod-casino .games-list ul{width:102%; margin:0 -1%;}
.mod-casino .casino-menu li,.mod-casino .games-list li{float:left; /*width:31.33%;*/ margin:0 1% 2% 1%;}
/* promotions */
.mod-promotions .info-items > li{width:48%;}
.mod-promotions .info-cont{height:calc(100% - 50px);}
.mod-promotions .info-cont.active{top:50px;}
/* wallet */
.mod-mywallet .wallet-currency{width:48%;}
/* history */
.mod-history .history-header h1{display:none;}
/* deposit */
#cryptoShowQr .crypto-title h2{width:100%; text-align:center;}
#cryptoShowQr .crypto-wrap{float:none; width:100%; margin-bottom:5%;}
#cryptoShowQr .crypto-wrap:nth-child(2){margin-right:0;}
/* withdraw */
#withdraw_form .cus-mini-select .select-selected { width: 130%; }
.crypto-address-dropdown .select-items { width: 130%; }
/* transfer */
.mod-transfer .transfer-quick li{width:31.33%;}
/* help */
.mod-help .faq-content.active{top:50px;}
.mod-help .faq-accordion{height: calc(100% - 75px);}
/* vipinfo */
.mod-vipinfo{background-size:250%; background-position:center 50px !important;}
.mod-vipinfo .vipinfo-title{font-size:36px;}
.mod-vipinfo .vipinfo-benefit li h2{font-size:20px;}
.mod-vipinfo .vipinfo-benefit li span{font-size:14px; padding:10px;}
.mod-vipinfo .vipinfo-work h1{font-size:30px;}
.mod-vipinfo .vipinfo-table table{width:960px;}
.mod-vipinfo .vipinfo-tnc h1{font-size:30px;}
.mod-vipinfo .vipinfo-tnc .tnc-content{padding:5%;}
/* LootBox Carousel */
/* .mod-lootbox .lootbox-popup.purchase-lb-msg .lootbox-content { width: 48%; height: 32%; } */
.mod-lootbox .lootbox-popup.purchase-lb-msg .lootbox-content .popup-content{margin: 20% 2%;}
.mod-lootbox .insights {height: 34vw; padding: 0vw 0;}
/* Christmas Event */
.mod-christmas .flex-row .right-col ul{max-height: 7vh;}
/* Spinner */
.mod-christmas #wheelspin {top:30%;}
.mod-christmas #prizePointerBtn {width:19%; left:54.5%; top:71%;}
.mod-christmas .flex-row .left-col .pool-text{ top: 5px; font-size: 0.8vw;}
/* Register Landing */
.mod-landing-register{/*width: 85%;*/ margin-top: 50px;}
}
@media (max-width:768px){
/* Home */
.mod-banner .slide-arrow{top:10%;}
.home-recent .games-panes .games-platform-item.pr{width: 29%;}
.home-intro .introduct-desc li{height:430px;}
/* All Vendor */
.mod-vendor .games-panes.live .games-platform-item.pr, .mod-vendor .games-panes.slots .games-platform-item.pr{ width: 35%;}
.mod-vendor .menu-navigation{top: -10.5vw;}
/* Help */
.mod-help .faq-accordion li{max-width:768px;}
/* LootBox Carousel */
/* .mod-lootbox .lootbox-popup.purchase-lb-msg .lootbox-content { width: 49%; height: 21%; } */
.mod-lootbox .insights { height: 35vw; padding: 0vw 0; position: relative; top: 25px; }
.mod-lootbox #arrowLeft, .mod-lootbox #arrowRight{top: 40%;}
/* Christmas Event */
.christmas-popup.reward-popup, .christmas-popup.intro-popup, .christmas-popup.spinning-popup{left: 0%; top: 7%;}
.christmas-popup.spinning-popup .christmas-content .spinning-image{ width: 30%; left: 35%;}
.christmas-popup.spinning-popup .christmas-content .close-button{ left: 66%;}
/* Spinner */
.mod-christmas #wheelspin {top:31%;}
.mod-christmas #prizePointerBtn {top:72%;}
}
@media (max-width:640px){
body{background:#F0F0F0;}
.is-reg .mod-reg{padding-top:30px;}
.function-page{padding:5%;}
.profile-page{padding:5%;}
.wallet-page{padding:5%;}
.user-ctr > .layout{padding:5%;}
/* header */
.header-back h1{font-size:16px;}
.header .logo img{max-width:70%;}
.login-nav .log-btn, .login-nav .reg-btn{width: 70px;}
.logined-nav #token_web.balance{min-width: unset; padding: 0;}
.logined-nav #token_web.balance > a, .logined-nav #token_web.balance > span, .logined-nav #token_web.balance .balance-dropdown .balance-arrow{ display: none;}
.logined-nav .balance{min-width: 125px; font-size:14px; margin:0 2%; padding:0 30px 0 12px;border-radius:15px;}
.logined-nav .balance-refresh{width:20px; height:20px;}
.logined-nav .deposit-btn{width:75px; font-size:14px;}
.logined-nav .balance-arrow{right:10px;}
.logined-nav .balance-dropdown{left:0;}
.logined-nav .balance-dropdown ul{max-width:230px;left: 0;}
.logined-nav .balance-dropdown > div {left: -55px;}
.logined-nav .header-deposit{height:30px; line-height:30px; padding: 0 15px;}
.logined-nav .header-deposit span{display: none;}
.logined-nav .crypto.h5{display: block; width: 30px; padding-right: 0px;}
.login-wrap .side-notice a em {right: 4px;}
.side-nav .fixed{padding:2% 4%;}
.side-nav .bottom-nav{margin:30px auto;}
/* footer */
.footer.hide {display: none;}
.footer, .mod-home .footer{padding:0 5%;}
.footer > div{padding:10% 0 5%;}
.footer .footer-link{flex-wrap: wrap; padding: 0vw;}
.footer .footer-link li{width:50%; float:left; /*margin-bottom:20px;*/ padding: 2% 5%; border-bottom: #F0F0F0 solid 1px;}
.darkmode .footer .footer-link li{ border-bottom: #383838 solid 1px;}
.footer .footer-link li:nth-of-type(even), .darkmode .footer .footer-link li:nth-of-type(even){ border-right: none;}
.darkmode .footer .footer-link li:last-of-type{ border-bottom: none;}
.footer .footer-platform{padding:30px 0; margin:30px auto;}
.footer .footer-platform img{height:40px;}
.footer .footer-license .footer-logo{width: auto;}
/* custom-select */
.select-selected{padding:0 25px 0 15px; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.select-selected:after{right:15px;}
/* mod-forms-custom */
.mod-forms-custom > li label{font-weight:normal;}
.mod-forms-custom .iti .iti__flag-container{margin-left:-5px;}
.mod-forms-custom .iti .iti__selected-flag{padding:0 10px 0 0;}
.mod-forms-custom .iti .iti__country-list{left:55%; top:50%}
/* modal */
.modal-custom .modal-hd h1{font-size:16px;}
.modal-custom .modal-button a{font-size:16px;}
.modal-profile .mod-forms-custom .verify-ipt label{width:80%;}
.modal-vipacc{max-width:600px;}
.modal-vipacc .modal-content p{font-size:14px;}
.modal-vipacc .modal-content p:not(:last-child){margin-bottom:15px;}
.modal-vipacc .modal-content span{min-width:100px;}
.modal-mining .modal-content p{font-size:14px;}
.modal-changepwd{padding:5%;}
.modal-changepwd .mod-forms label{font-size:13px; width:180px; font-weight:normal;}
.modal-changepwd .mod-forms li{height:30px; margin-bottom:48px;}
.modal-changepwd .mod-forms-btn a{font-size:16px;}
.modal-changepwd .mod-forms #verifycode{margin-top:2px;}
.modal-history .modal-content h1{font-size:16px;}
.modal-history .modal-content p span{width:140px; font-size:12px;}
.modal-history .modal-content p em{font-size:12px;}
.modal-message .modal-content{font-size:14px;}
.modal-message .modal-content .title{font-size:16px;}
.modal-tokenwd {max-width: 640px; width: 100%; transform: translate(-50%, -25%);}
.modal-tokenwd .modal-content .tokenwd-balance h1 {font-size: 28px;}
.modal-tokenwd .mod-forms-custom > li label, .modal-tokenwd .mod-forms-custom > li input, .modal-tokenwd .mod-forms-custom > li .max-amount{font-size: 15px;}
.modal-tokenwd .modal-content .max-amount{top: 0;}
.modal-tokenwd .modal-content .tokenwd-total li p {width: 120px;}
.modal-tokenwd .mod-forms-custom > li label{width:100px; min-width:100px;}
/* login */
.login-section{overflow-y:scroll;}
.login-section .login-detail{width:100%; max-width:100%; height:100vh; padding:5%; position:static; transform:translate(0,0); background: url(../images/login_bg_light_m.avif) no-repeat center top / 100% 100%; background-color: #FFFFFF; }
.darkmode .login-section .login-detail {background: url(../images/login_bg_dark_m.avif) no-repeat center top / 100% 100%; background-color: #272727;}
.login-section .login-detail .logo{margin:20px auto 35px;}
.login-section .social-login a{width:43%; min-width:140px; padding:0 3%; font-size:16px;}
.login-section .account-login label{font-size:16px; width:100px;}
.login-section .account-login input{font-size:16px;}
/* register */
.mod-reg > .layout{background:url(../images/login_bg_light_m.avif) no-repeat center top/100% 100%; margin:-13% auto -23%; padding:10% 5%; border-radius:0; max-width:100%;}
.darkmode .mod-reg > .layout{background:url(../images/login_bg_dark_m.avif) no-repeat center top/100% 100%;}
.mod-reg .hd{margin-bottom:35px;}
.mod-reg .hd.cn {width: 65%; height: 48px; position: relative; left: 5px;}
.mod-reg .mod-forms span.error-tips{font-size:10px;}
.mod-reg #regMethod .social-login a{width:43%; min-width:140px; padding:0 3%; font-size:16px;}
.mod-reg .mod-forms li label{font-size:14px; min-width:150px;}
.mod-reg .mod-forms li input{font-size:14px;}
.mod-reg .mod-forms .iti .iti__flag-container{font-size:14px;}
.mod-reg .mod-forms .iti .iti__country-list{left:54%;}
.mod-reg .agreement span em{color:}
/* forgot-password */
.mod-forgot-passwd .passwd-button a{font-size:16px;}
/* friend-referral */
.referral-popup .popup-wrap > h1{font-size:16px; padding:5px 25px 0;}
.referral-popup .referral-address{padding:10px 60px 10px 10px}
.referral-popup .referral-address p{font-size:14px;}
.referral-popup .referral-address span{font-size:12px;}
.referral-popup .referral-address a{font-size:16px; right:10px;}
/* license EGM */
.license-popup .popup-wrap{padding:40px 25px 15px;}
.license-popup .popup-content p{font-size:12px;}
/* user-center */
.user-ctr .item .modal{max-width:100%;}
.user-ctr .crypto-header{display:flex; justify-content:space-between;}
.user-ctr .crypto-header a{font-size:14px; margin-left:0;}
/* notify */
ul.messenger-theme-flat .messenger-message{font-size:14px !important;}
ul.messenger-theme-flat .messenger-message .messenger-close{top:20px;}
/* home */
.content h1 {font-size: 15px;}
.mod-banner .slide-arrow{display: none;}
.home-recent{padding:0 5%; margin-bottom:30px;}
.home-recent .games-row { display: inline-block; flex-wrap: none;}
.home-recent .games-panes .games-platform-item.pr{width: 36%; margin-right: 2%;}
.home-recent .games-panes .games-platform-item.pr .game-bg{}
.home-recent .games-panes .games-platform-item.pr .game-name{font-size: 14px;}
.home-recent .games-panes .games-platform-item.pr .game-desc{font-size: 10px;}
.home-recent .games-panes .games-platform-item.pr .game-desc.web{display: none;}
.home-recent .games-panes .games-platform-item.pr .game-desc.h5{display: block;}
.home-recent .games-panes .games-platform-item.pr .enter-icon {top: -5px;}
.home-recent h1 .allVendors, .home-dividend h1 .allVendors {padding-top: 3px; right: 10%;}
.home-recent #ul_recent_games.games-row .games-info {width: 100%; padding: 5px 15px; font-size: 14px; line-height: 1.2; background: #000000; position: absolute; bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;min-height: 45px;}
.home-promo{padding:0 5%; margin-bottom:30px;}
.home-promo ul{overflow:hidden; white-space:normal;}
.home-promo li{width:100%; margin:0 auto 20px;}
.home-promo li:last-child{margin-bottom:0;}
.home-promo .promo-info p{font-size:16px; height:38px;}
.home-promo .promo-info span{font-size:16px; line-height:1.2;}
.home-dividend{padding:0 5%; margin:30px auto;}
.home-dividend h1 {display: flow-root;}
.home-dividend .dividend-remark p {font-size: 12px; padding-left: 5px;}
.home-dividend .dividend-distribute{padding: 10px;}
.home-dividend .dividend-distribute p{font-size: 12px;}
.home-dividend .dividend-container > div ul{padding:0px; justify-content:center;display: inline-flex; width: 100%;}
.home-dividend .dividend-container > div li{width:50%; padding: 15px 10px; margin: 0;}
.home-dividend .dividend-container > div li:nth-of-type(1), .home-dividend .dividend-container > div li:nth-of-type(2){border-bottom: #cccccc solid 1px;}
.home-dividend .dividend-container > div li:nth-of-type(1), .home-dividend .dividend-container > div li:nth-of-type(3){border-right: #cccccc solid 1px;}
.darkmode .home-dividend .dividend-container > div li:nth-of-type(1), .darkmode .home-dividend .dividend-container > div li:nth-of-type(2){border-bottom: #333333 solid 1px;}
.darkmode .home-dividend .dividend-container > div li:nth-of-type(1), .darkmode .home-dividend .dividend-container > div li:nth-of-type(3){border-right: #333333 solid 1px;}
.home-dividend .dividend-container > div li p, .home-dividend .dividend-container > div li span{font-size: 12px; margin-right: 3px}
.home-dividend .dividend-container > div li span:last-of-type{font-size: 10px;}
.home-dividend .dividend-container > div li i{min-width: 40px; height: 40px; margin-left: 5px; margin-right: 5px; background-size: 40px;}
.home-descr{padding:5%;}
.home-descr .descr-container{margin:20px auto 80px; position:relative; align-items:center;}
.home-descr .descr-deco{padding:0 10px;}
.home-descr .descr-text h1{font-size:18px;}
.home-descr .descr-text p{font-size:14px;}
.home-descr .descr-text li{font-size:14px; margin-bottom:10px;}
.home-descr .descr-text a{height:36px; line-height:36px; font-size:16px; margin-top:0; position:absolute; top:110%; left:0;}
.home-intro{padding:5%;}
.home-intro .introduct-info{margin:20px auto; justify-content:space-around; overflow:hidden;}
.home-intro .introduct-info li p{font-size:14px;}
.home-intro .introduct-info li em{font-size:28px;}
.home-intro .introduct-info li .info-timeline{width:90px; height:90px; line-height:90px;}
.home-intro .introduct-info li.payout-info .info-timeline span{font-size:16px;}
.home-intro .introduct-info li.experience-info .info-timeline span{font-size:14px;}
.home-intro .introduct-info li.trust-info .info-timeline span{font-size:24px;}
.home-intro .introduct-text h1{font-size:20px;}
.home-intro .introduct-text p{font-size:14px;}
.home-intro .introduct-desc{margin:35px auto 0;}
.home-intro .introduct-desc li{float:none; width:100%; max-width:100%; height:auto; margin:0 auto 15px; padding:10px 10px 10px 60px; text-align:left; position:relative;}
.home-intro .introduct-desc li i{width:40px; height:45px; margin:0; position:absolute; left:10px; top:50%; transform:translateY(-50%);}
.home-intro .introduct-desc li h5{font-size:16px;}
.home-intro .introduct-desc li p{font-size:14px; max-width:100%; padding:0;}
.home-compare{padding:5%;}
.home-compare .compare-table .table-desktop th:nth-of-type(2){display:none;}
.home-compare .compare-table .table-desktop td:nth-of-type(2){display:none;}
.home-compare .compare-table .table-mobile{display:table;}
.home-compare .compare-table .table-desktop{margin:15px auto;}
.home-compare .compare-table th{width:100%; font-size:20px; padding:0;}
.home-compare .compare-table td{width:100%; font-size:14px; padding:10px 0 10px 35px; background-position:left top+3px; background-size:30px;}
.circular{height:90px; width:90px;}
.circular .inner{height:75px; width:75px; }
.circular .bar{clip:rect(0px, 90px, 90px, 45px);}
.circular .bar .progress{clip:rect(0px, 45px, 90px, 0px);}
.home-event.lucky-spin { bottom: 8%; width: 30%; }
/* All Vendor */
.mod-vendor .nav-wrap .vendor{margin-left:40px;}
.mod-vendor .nav-wrap .vendor:before{left: 20px;}
.mod-vendor .games-panes{padding: 20px;}
.mod-vendor .menu-navigation{display: none;}
/* .mod-vendor.h5 .games-panes .games-platform-item.pr{width: 50%; margin-right: 2%;} */
.mod-vendor .games-panes .games-platform-item.pr, .mod-vendor .games-panes.live .games-platform-item.pr, .mod-vendor .games-panes.slots .games-platform-item.pr{width: 50%; margin-right: 2%;}
.mod-vendor .games-panes .games-platform-item.pr .gp-img.lm.h5, .darkmode .mod-vendor .games-panes .games-platform-item.pr .gp-img.dm.h5{display: block;}
.mod-vendor .games-panes .games-platform-item.pr .gp-img.web.lm, .darkmode .mod-vendor .games-panes .games-platform-item.pr .gp-img.web.dm, .mod-vendor .games-panes .games-platform-item.pr .gp-img.dm.h5, .darkmode .mod-vendor .games-panes .games-platform-item.pr .gp-img.lm.h5{display: none;}
.mod-vendor .games-panes .games-platform-item.pr .game-name {font-size: 14px;}
.mod-vendor .games-panes .games-platform-item.pr .game-desc.h5{ display: block; font-size: 10px; width: 50%;}
.mod-vendor .games-panes .games-platform-item.pr .game-desc.web{display: none;}
/* casino */
.mod-casino h1{font-size:16px;}
.mod-casino .casino-type{display:none; justify-content:space-between;}
.mod-casino .casino-type a{font-size:16px; margin-left:0;}
.mod-casino .casino-type a:first-child{padding-left:15px;}
.mod-casino .casino-menu .menu {font-size: 14px; height: 36px;}
.mod-casino .casino-menu li.current {font-size: 16px; height: 35px; line-height: 22px;}
.mod-casino .mod-casino-nav a { width: 10%;}
.mod-casino .mod-casino-nav p { width: 80%; text-align: center;}
.mod-extra-nav a { width: 10%;}
.mod-extra-nav p { width: 80%;}
.mod-casino .casino-menu{margin-bottom:10px;}
/* .mod-casino .casino-menu li{height:80px;} */
.mod-casino .games-panes .search-wrap{float:none; width:100%; margin-bottom:20px;}
.mod-casino .games-panes .sort-wrap{float:none; width:100%; margin-left:0;}
.mod-casino .games-list li{width:48%;}
.mod-casino .games-list li .game-name{font-size:14px;}
.mod-casino .games-list li .game-name span{font-size:12px;}
.mod-casino .casino-list{margin-bottom:30px;}
.mod-casino .casino-list .casino-link{max-width:100%;}
/* .mod-casino .casino-menu li{} */
/* games-row */
.games-row { display: flex; flex-wrap: wrap;}
.games-row li{ width:47%;}
.games-row .games-info p{font-size:14px;}
.games-row .games-info span{font-size:12px;}
/* promotions */
.mod-promotions .info-type a{font-size:16px;}
.mod-promotions .info-items{width:100%; margin:0;}
.mod-promotions .info-items > li{width:100%; margin:3% 0;}
.mod-promotions .info-desc p{font-size:16px; height:38px;}
.mod-promotions .info-desc span{font-size:16px; line-height:1.2;}
.mod-promotions .info-cont-head h1{font-size:16px;}
.mod-promotions .info-cont-inner > h1{font-size:16px;}
.mod-promotions .info-cont-inner > div{font-size:14px;}
.mod-promotions .info-cont .btn-apply, .mod-promotions .info-cont .btn-applied{width:100%; font-size:16px;}
/* profile */
.mod-profile .container{font-size:14px; margin-bottom:5%;}
.mod-profile .profile-title{display:none;}
.mod-profile .profile-header{margin:0 auto 5%; background: no-repeat center center / 100%; width: 100%; height: 160px; padding: 0 15px; background-size: cover;}
.mod-profile .profile-header h1{font-size:inherit; line-height:inherit; margin-bottom: 15px;}
.mod-profile .profile-header h1 a{font-size:14px; top:-25px;}
.mod-profile .profile-header h1 i{width:15px; height:15px; margin-left:2px; vertical-align:-2px;}
.mod-profile .profile-header .profile-icon-wrap .profile-details img{width: 20%;}
.mod-profile .profile-header .profile-icon-wrap .profile-details p {font-size: 20px;}
.mod-profile .profile-header .profile-icon-wrap .profile-details p span{font-size: 12px;}
.mod-profile .profile-header .profile-icon-wrap .learn-more{font-size: 12px;right: 6%;}
.mod-profile .profile-header .profile-icon-wrap .learn-more span{background-size: 18px; width: 18px; height: 18px;}
.mod-profile .profile-circle{transform:scale(.75); margin:0 auto;}
.mod-profile .profile-milestone{font-size:12px; width: 100%;}
.mod-profile .profile-milestone .milestone-turnover{font-size: 12px;}
.mod-profile .profile-milestone i{width:15px; height:15px; margin:0 0 0 5px;}
.mod-profile .profile-milestone em{margin-left:2px;}
.mod-profile .profile-milestone > em{margin:0 2px 0 5px;}
.mod-profile .profile-link a i{width:30px; height:25px; background-size:30px;}
.mod-profile .profile-link a:nth-child(2) i{background-position:0 -25px;}
.mod-profile .profile-link a:nth-child(3) i{background-position:0 -50px;}
.mod-profile .profile-link a #_umessage{right: 35%; line-height: 12px;
padding: 0 5px; font-size: 7px;}
.mod-profile .profile-wallet{padding:5%;}
.mod-profile .profile-wallet li span i{vertical-align:-7px}
.mod-profile .profile-reward ul{width:104%; margin:-2%;}
.mod-profile .profile-reward a{margin:5% auto;}
.mod-profile .profile-reward li{width:46%; margin:2%;}
.mod-profile .profile-reward li p{font-size:20px;}
.mod-profile .profile-promo li{overflow:hidden; white-space:normal;}
.mod-profile .profile-promo li{width:100%; margin:0 auto 30px;}
.mod-profile .profile-promo li:last-child{margin-bottom:0;}
.mod-profile .profile-promo .promo-info p{font-size:16px; height:38px;}
.mod-profile .profile-promo .promo-info span{font-size:16px; line-height:1.2;}
/* baseinfo */
.mod-baseinfo .info-header h1{font-size:16px;}
.mod-baseinfo .info-lists{margin-top:0;}
.mod-baseinfo .info-lists label{width:35%; font-size:14px; font-weight:normal;}
.mod-baseinfo .info-lists li:last-child{margin-bottom:0;}
.mod-baseinfo .info-lists li.info-email .user-info, .mod-baseinfo .info-lists li.info-mobile .user-info { display: inline-table; }
.mod-baseinfo .info-lists li.info-email .user-info a, .mod-baseinfo .info-lists li.info-mobile .user-info a { margin-left: 10px; float: right; }
.mod-baseinfo .user-info a{font-size:14px;}
/* wallet */
.mod-mywallet .wallet-header a{font-size:16px;}
.mod-mywallet .wallet-container{width:110%; margin:0 -5%; padding:0 5%; overflow-x:auto; white-space:nowrap;}
.mod-mywallet .wallet-currency{width:100%; margin:0 2% 5% 0; float:none; display:inline-block; vertical-align:bottom;}
.mod-mywallet .wallet-currency:last-child{margin-right:5%;}
.mod-mywallet .wallet-link{padding:5%;}
.mod-mywallet .wallet-link a{font-size:16px;}
/* history */
.mod-history .history-currency i{margin-right:5px;}
.mod-history .history-noresult p{font-size:16px;}
.mod-history .history-noresult i{width:40px; height:40px;}
.mod-history .history-list li{padding:15px 0;}
.mod-history .history-list li:hover{background:none;}
.mod-history .history-detail{font-size:12px;}
.mod-history .history-detail span.token-generated.web{display: none;}
.mod-history .history-detail span.token-generated.h5{display: block; white-space: initial;}
.mod-history .history-detail .left{width:48%;}
.mod-history .history-detail .right{width:48%;}
.mod-history .history-detail .right p{font-size:16px;}
.mod-history .load-btn{font-size:16px;}
.mod-history .custom-select{margin-bottom:10px;}
.mod-history .custom-select .select-items{max-height:50vh;}
/* record */
.mod-record .history-select .select-items{width:204%;}
.mod-record .date-select .select-items{left:0;}
.mod-record .vendor-select .select-items{left:-104%;}
/* transaction */
.mod-transaction .history-header{display:block; overflow:auto hidden; white-space:nowrap;}
.mod-transaction .history-header a{font-size:16px; margin-right:5%; display:inline-block;}
.mod-transaction .history-header a:last-child{margin-right:0;}
/* message */
.mod-message #memberMessage{width:110%; margin:0 -5%; padding:0 5%; overflow:hidden;}
.mod-message #memberMessage .msgcontainer{transition:left .3s; left:0; z-index:2; font-size:12px;}
.mod-message #memberMessage .msgheader{width:100%;}
.mod-message #memberMessage .msgheader .title{font-size:14px;}
.mod-message #memberMessage .msgcontent{width:100%; height:36px;}
.mod-message #memberMessage .msgdelete{width:100%; height:100%; border-radius:10px; top:0; left:0; z-index:1; transition:left .3s;}
.mod-message #memberMessage .msgdelete{background:url(../images/trash_icon.avif) no-repeat #FF0000 center left+35px / 30px;}
.mod-message #memberMessage .swiperight{left:100px;}
.mod-message #memberMessage .swiperight .msgdelete{left:-100px; }
/* deposit */
#div_crypto .crypto-option .select-selected{font-size: 15px;}
#div_crypto .crypto-option .select-items div {font-size: 15px;}
#div_crypto .crypto-balance p{font-size:15px;}
#div_crypto .crypto-balance h1{font-size:28px;}
#div_crypto .deposit-qr-code canvas {width: 120px; height: 120px;}
#div_crypto .qr-rate-wrap em{font-size: 12px; margin-left: 20px;}
#div_crypto .crypto-wrap > img {width: 140px;}
#div_crypto .crypto-address{padding:10px;}
#div_crypto .crypto-address p{font-size:15px;}
#div_crypto .crypto-address span{font-size:10px;}
#div_crypto .crypto-address button{position: relative; left: 0%; right: 0%; margin: auto; margin: 10px auto auto; font-size:10px; width: 100%; transform: none; border-radius: 5px;}
#div_crypto .crypto-purchase i{width: 30%;}
#div_crypto .crypto-purchase p, #div_crypto .crypto-purchase p:last-of-type{font-size: 14px}
#div_crypto .crypto-purchase button{font-size: 16px;}
/* withdraw */
#withdraw_form .mod-forms li{display:block;}
#withdraw_form .mod-forms li:first-child{border-bottom:none;}
#withdraw_form .mod-forms label{width:100%; font-weight:normal;}
#withdraw_form .mod-forms label:after{display:none;}
#withdraw_form .mod-forms .item-ipt{width:100%;}
#withdraw_form .mod-forms span.error-tips{top:62px;}
#withdraw_form .mod-forms-btn a{font-size:16px;}
#withdraw_form .mod-forms .crypto-custom p{font-size:16px;}
#withdraw_form .mod-forms .crypto-custom .item-ipt{margin-bottom:35px;}
#withdraw_form .mod-forms .crypto-type{margin:0 -3% 30px;}
#withdraw_form .mod-forms .crypto-type > div{width:45%; margin:2%;}
#withdraw_form .mod-forms .crypto-balance p{font-size:16px;}
#withdraw_form .mod-forms .crypto-balance h1{font-size:26px;}
#withdraw_form .mod-forms li:last-child { margin-bottom: 20px; }
#withdraw_form .mod-forms li:last-child .item-ipt{width: 100%; margin-top: 30px ;}
/* #withdraw_form .mod-forms li:last-child .item-ipt {width: 72%; padding: 20px 0 0;}
#withdraw_form .mod-forms li:last-child .newSavedAddress{white-space: unset !important;} */
.tip-amount{top: 150px !important;}
/* transfer */
.mod-transfer .transfer-quick li{width:48%; font-size:12px;}
.mod-transfer .transfer-quick li span{font-size:14px;}
.mod-transfer .transfer-display{padding-right:30px;}
.mod-transfer .transfer-display:after{right:10px;}
.mod-transfer .transfer-option{height:35vh; padding:15px 5% 0;}
.mod-transfer .transfer-option li{font-size:14px; padding:0 10px 10px;}
.mod-transfer .transfer-option li:last-child{margin-bottom:0;}
.mod-transfer .mod-forms-btn a{font-size:16px;}
.mod-transfer .mod-forms-custom > li label{width:auto; min-width:80px;}
/* help */
.mod-help .faq-category{padding:5%;}
.mod-help .faq-category li{font-size:16px;}
.mod-help .faq-title h1{font-size:16px; text-align: center; padding: 0;}
.mod-help .faq-accordion{padding:5%;}
.mod-help .faq-accordion li{padding:20px 30px 20px 20px;}
.mod-help .faq-accordion li h4{font-size:16px;}
/* dividend */
.mod-dividend .dividend-banner.en{background-image: url(../images/dividend/btc365-dividend-pool-mobile.avif); padding-bottom:21.5%;}
.mod-dividend .dividend-banner.cn{background-image: url(../images/dividend/btc365-dividend-pool-cn-mobile.avif); padding-bottom:21.5%;}
.mod-dividend .dividend-container{display:block;}
.mod-dividend .dividend-container > div{width:100%; margin-bottom:5%;}
.mod-dividend .dividend-distribute p{font-size: 12px;}
/* vipinfo */
.mod-vipinfo{background-size:330%;}
.mod-extra-nav p{text-align: center;}
.mod-vipinfo .vipinfo-title{font-size:24px;}
.mod-vipinfo .vipinfo-title .vip-title{ min-height: 110px;}
.mod-vipinfo .vipinfo-img.h5{display: inline-block; width: 100%; padding-bottom: 20px;}
.mod-vipinfo .vipinfo-img.web{display: none;}
.mod-vipinfo .column-right{display: inline-block; width: 100%;}
.mod-vipinfo .vipinfo-benefit{margin:5% auto;}
.mod-vipinfo .vipinfo-benefit .vip-pri {padding-bottom: 10px;}
.mod-vipinfo .vipinfo-benefit ul{display:block;}
.mod-vipinfo .vipinfo-benefit li{width:100%; margin-bottom:5%;}
.mod-vipinfo .vipinfo-benefit li i{width: 75px; height: 75px;background: url(../images/vip/rewards.avif) top center / 75px;}
.mod-vipinfo .vipinfo-benefit li span{font-size: 12px; max-width: 250px; padding: 0;}
.mod-vipinfo .vipinfo-work{margin-bottom:10%;}
.mod-vipinfo .vipinfo-work h1{font-size:24px;}
.mod-vipinfo .vipinfo-work ul{display:block;}
.mod-vipinfo .vipinfo-work li{width:100%; min-height:130px; margin-bottom:5%; padding: 15px 0;}
.mod-vipinfo .vipinfo-work li h2{width: 20%; font-size: 46px;}
.mod-vipinfo .vipinfo-work li .info-wrap{width: 80%;}
.mod-vipinfo .vipinfo-work li p{font-size: 20px;}
.mod-vipinfo .vipinfo-table table{width:calc(200vw + 20px);}
.mod-vipinfo .vipinfo-table .table-header td{font-size:12px;}
.mod-vipinfo .vipinfo-tnc h1{font-size:20px; line-height:50px;}
/* LootBox */
.mod-lootbox {background-image: url(../images/lootbox/lootbox_mobile_bg.avif); max-width: 640px; min-width: 374px; width: 100%; overflow: hidden; padding: 15px 15px 15px 10px;}
.mod-lootbox .first-row.web{display: none;}
.mod-lootbox .first-row.h5{display: inline-block;}
.mod-lootbox .first-row.h5 .second-col{width: 100%;}
.mod-lootbox .first-row .second-col.cn > img { width: 50%; padding-top: 10px;}
.mod-lootbox .first-row .second-col.en > img {width: 70%; padding-top: 10px;}
.mod-lootbox .first-row .second-col .pool-text{ width: 448px; height: 40px; padding-top: 10px; font-size: 16px; margin: 15px auto;}
.mod-lootbox .first-row .third-col.cn{display: inline-block; float: right; width: 12%;}
.mod-lootbox .first-row .third-col.en{display: inline-block; float: right; width: 25%; padding-top: 0;}
.mod-lootbox .first-row .third-col a{background: none !important; width: 60px; height: 60px;}
.mod-lootbox .first-row .third-col.cn a {}
.mod-lootbox .first-row .third-col.cn a img {width: 60px;}
.mod-lootbox .first-row .third-col.en a img {width: 140px;}
.mod-lootbox .first-row .third-col.cn a:first-of-type img, .mod-lootbox .first-row .third-col.en a:first-of-type img {padding-bottom: 15px;}
.mod-lootbox .first-row.mobile-second-row {display: inline-flex; margin-top: 10px;}
.mod-lootbox .first-row.mobile-second-row .first-col{width: 80%; padding-top: 20px;}
.mod-lootbox .first-row.mobile-second-row .block-selection{display: inline-block; width: 50%;}
.mod-lootbox .first-row.mobile-second-row .block-selection .lb-crypto{padding: 10px 0px}
.mod-lootbox .first-row.mobile-second-row .block-selection .crypto-selection { justify-content: space-between; width: 100%;}
.mod-lootbox .first-row.mobile-second-row #h5LootBoxType .crypto-selection{width: 80%; left: 20%; justify-content: center; align-items: center; display: inline-grid;}
.mod-lootbox .first-row.mobile-second-row .block-selection .back-btn{ transform: rotate( 135deg ); border-color: #FFFFFF; top: 20px; left: 75px;}
.mod-lootbox .first-row.mobile-second-row .block-selection .crypto-selection a{margin: 0 10px; width: 50px; height: 50px; background-size: 50px !important;}
.mod-lootbox .first-row.mobile-second-row .block-selection .crypto-selection a:first-of-type{margin-right: 30px;}
.crypto-selection-wrap.block-selection .crypto-selection a.selected.hide{display:block;}
.mod-lootbox .first-row.mobile-second-row .block-selection .crypto-selection a img{ width: 42px; top: 8px; left: 5px;}
.mod-lootbox .first-row.mobile-second-row .block-selection .crypto-selection a.usdt img{top: 15px;}
.mod-lootbox .first-row .first-col .crypto-selection-wrap.en{ width: 90%; margin-left: 10%;}
.mod-lootbox .first-row .first-col .crypto-selection-wrap .crypto-selection p.selected-lb-type{background-image: url(../images/lootbox/lb_type_mobile_bg.avif); width: 285px; height: 65px; line-height: 45px;}
.mod-lootbox .first-row .first-col .lb-selection{background: url(../images/lootbox/lb_type_mobile_selection_bg.avif) no-repeat center / 100%; width: 228px; height: 160px; left: 85px; top: 85px; border: none;}
.mod-lootbox .first-row .first-col .en .lb-selection{left: 55px;}
.mod-lootbox .first-row .first-col .lb-selection ul{background: transparent; padding: 10px; height: 140px; overflow: scroll;position: relative; z-index: 100000;}
.mod-lootbox .first-row .first-col .crypto-selection-wrap .lb-type {font-size: 14px; white-space: nowrap; text-align: center; padding-bottom: 10px;}
.mod-lootbox .first-row .first-col .crypto-selection-wrap .type-desc{margin-left: 0; font-size: 14px; display: block; width: 100%;}
.mod-lootbox .first-row .first-col .crypto-selection-wrap.en .type-desc{margin-left: 0;}
.mod-lootbox .first-row .first-col .crypto-selection-wrap .type-desc.hide{display: none;}
.mod-lootbox .open_lb_wrap .first-col{width: 100%; margin-top: 15px; justify-content: space-between;}
.mod-lootbox .lootbox-popup .lootbox-content{width: 90%; height: 41%;}
.lb-selection .popup-overlay{ top: 0; left: 0;}
.mod-lootbox .lootbox-popup .lootbox-content .popup-content p{font-size: 12px;}
.mod-lootbox .lootbox-popup .lootbox-content .popup-header h3:before{left: 20%}
.mod-lootbox .lootbox-popup .lootbox-content .popup-header h3:after{right: 20%;}
.mod-lootbox .lootbox-popup .lootbox-content .popup-content tr th{font-size: 12px;}
/* .mod-lootbox .lootbox-popup .load-btn { margin-left: 0; left: 30%; right: 30%; font-size: 16px;} */
.mod-lootbox .lootbox-popup.purchase-lb-msg .lootbox-content { width: 49%; height: 23%; }
.mod-lootbox .insights__list__item:nth-child(3) .daterange { left: -39px; }
/* LootBox Carousel */
.mod-lootbox .insights { height: 75vw; padding: 10vw 0;}
.mod-lootbox .insights__list{ height: 50vw; left: 0%;}
.mod-lootbox .insights__list__item{ margin: 0vw 3vw 0;}
.mod-lootbox #arrowLeft, .mod-lootbox #arrowRight{top: 55%;}
/* Christmas Event */
.mod-christmas{background-image: url(../images/christmasEvent/h5/christmas_bg_en.avif); overflow-x: hidden;}
.mod-christmas.cn{background-image: url(../images/christmasEvent/h5/christmas_bg_cn.avif);}
.mod-christmas .flex-row{height: unset; display: block;}
.mod-christmas .flex-row .left-col .overlay_bg{display: none;}
.mod-christmas .flex-row .right-col, .mod-christmas .flex-row .left-col{width: 100%;}
.mod-christmas .flex-row .left-col .pool-text{text-align: center; padding: 0 0 15px 0; position: relative; z-index: 1; top: 15px; font-size: 2.5vw; }
.mod-christmas .flex-row .left-col .h5-board{display: flex; width: 100%; position: absolute; top: 0;}
.mod-christmas .flex-row .left-col .h5-record-section{position: relative;}
.mod-christmas .flex-row .left-col .h5-record-section > div { position: absolute; width: 100%; top: 125vh;}
.mod-christmas .flex-row .left-col .h5-record-section ul{position: absolute; top: 132%; left: 15%; width: 70%; color: #000000; display: block; max-height: 27vh; overflow-y: auto; font-size: 18px;}
.mod-christmas .flex-row .left-col .h5-record-section ul.cn{width: 50%; left: 25%;}
.mod-christmas .flex-row .left-col .h5-record-section ul span{color: #0000ff;}
.mod-christmas .flex-row .left-col .wheel-fortune {width: 90%; height: auto; position: relative; left: 5%; top: 31vh;}
.mod-christmas .flex-row .left-col .spinner{width: 25%; height: 29%; top: 57vh; left: 38%;}
.mod-christmas .flex-row .left-col .star{ top: 720%; left: -2%; width: 25%;}
.mod-christmas .flex-row .left-col .star-h5{display: initial; left: 77%;}
.mod-christmas .flex-row .right-col .star, .mod-christmas .flex-row .right-col ul{ display: none;}
.christmas-popup .christmas-content{overflow: auto; position: relative;}
.christmas-popup.intro-popup .christmas-content .tnc-image, .christmas-popup.reward-popup .christmas-content .reward-image { width: 80%; left: 10%; }
.christmas-popup.reward-popup .christmas-content .reward-image { top: 6%;}
.christmas-popup.intro-popup .christmas-content .close-button, .christmas-popup.reward-popup .christmas-content .close-button{position: absolute; top: 11%; left: 80%;}
.christmas-popup.reward-popup .christmas-content ul{width: 64%; left: 18%; top: 15%; max-height: 21vh;}
.christmas-popup.spinning-popup .christmas-content .spinning-image { width: 80%; left: 10%;}
.christmas-popup.spinning-popup .christmas-content p{top: 45%; width: 70%; left: 15%;}
.christmas-popup.spinning-popup .christmas-content .close-button{top: 23%; z-index: 10; width: 7%; left: 76%;}
/* Spinner */
.mod-christmas #wheelspin { width: 115%; left: -7%; top: 15%;}
.mod-christmas #prizePointerBtn{width: 30%; height: 200px; top: 50%; left: 35.5%;}
}
@media (max-width:550px){
.mod-christmas #prizePointerBtn{height: 180px; }
.christmas-popup.spinning-popup .christmas-content p{top: 35%;}
}
@media (max-width:480px){
/* Register */
.login-section .login-detail > .or-opt:before, .login-section .login-detail > .or-opt:after, .mod-reg > .layout > .or-opt:before, .mod-reg > .layout > .or-opt:after{width: 150px;}
/* Home */
.home-recent .games-panes .games-platform-item.pr{width: 60%; margin-right: 3%;}
.home-recent .games-panes .games-platform-item.pr .game-bg{/*min-width: 140px !important; min-height: 83px;*/}
/* All Vendor */
.mod-lootbox .first-row .second-col.cn > img { width: 65%; padding-top: 0px;}
.mod-lootbox .first-row .second-col.en > img {width: 85%;}
.mod-vendor.h5 .games-panes .games-platform-item.pr {width: 60%;}
.mod-vendor.h5 .games-panes .games-platform-item.pr .gp-img {padding-bottom: 0%;}
.mod-vendor .games-panes .games-platform-item.pr .enter-icon{top: -10px;}
/* Bet Record and Transaction Record */
.mod-history .history-currency-wrap{ overflow: overlay; display: block; white-space: nowrap;}
.mod-history .history-currency{display: inline-block; width: 30%; margin-right: 1%; margin-bottom: 20px;}
/* Withdrawal */
#withdraw_form .cus-mini-select .select-selected{font-size: 11px;}
#withdraw_form .mod-forms .newSavedAddress{width: 28%;}
#withdraw_form .mod-forms .crypto-address-dropdown .savedaddress{max-width: 200px ; }
/* Lootbox */
.mod-lootbox { overflow-y: scroll;}
.mod-lootbox .first-row .second-col .pool-text{width: 375px; height: 31px; padding-top: 6px; font-size: 13px; margin: 12px auto;}
.mod-lootbox .first-row.mobile-second-row .first-col{padding-top: 3px}
.mod-lootbox .first-row.mobile-second-row .block-selection .crypto-selection a{width: 40px; height: 40px; background-size: 40px !important;}
.mod-lootbox .first-row .first-col .crypto-selection-wrap .crypto-selection a img{top: 5px; left: 0; width: 40px; }
.mod-lootbox .first-row.mobile-second-row .block-selection .back-btn{top: 15px; left: 70px;}
.mod-lootbox .first-row .third-col.cn{width: 15%; padding-top: 3px;}
.mod-lootbox .first-row .third-col.en{width: 15%; padding-top: 0px; position: relative; left: -40px; top: -5px;}
.mod-lootbox .first-row .third-col.cn a img{width: 40px;}
.mod-lootbox .first-row .third-col.en a img {width: 100px;}
.mod-lootbox .first-row .third-col.cn a:first-of-type img{padding-bottom: 15px;}
.mod-lootbox .first-row .third-col.en a:first-of-type img {padding-bottom: 25px;}
.mod-lootbox .first-row .first-col .crypto-selection-wrap .lb-type{padding-bottom: 5px;}
.mod-lootbox .first-row .first-col .crypto-selection-wrap .crypto-selection p.selected-lb-type{width: 260px; height: 55px; line-height: 35px;}
.mod-lootbox .first-row .first-col .lb-selection{width: 200px; height: 140px; left: 13px; top: 76px;}
.mod-lootbox .first-row .first-col .en .lb-selection{left: 2px;}
.mod-lootbox .first-row.h5{}
.mod-lootbox .lootbox-popup .lootbox-content{background-image: url(../images/lootbox/popup_mobile_bg.avif); width: 90%; height: 70%;}
.mod-lootbox .lootbox-popup .lootbox-content .popup-header {width: 90%; margin: auto;}
.mod-lootbox .lootbox-popup .lootbox-content .popup-header h3{ padding: 15px 30px;}
.mod-lootbox .lootbox-popup .lootbox-content .popup-content { padding: 0 20px 30px; width: 90%; margin: auto; overflow-x: scroll;}
/* .mod-lootbox .lootbox-popup .lootbox-content .popup-content table{ width: 600px; overflow: scroll;} */
.mod-lootbox .lootbox-popup .load-btn { left: -20%; right: 0%; top: -20px;}
.mod-lootbox .lootbox-popup .load-btn.cn{ left: -5%; right: 0%; top: 0;}
.mod-lootbox .lootbox-popup.purchase-lb-msg .lootbox-content { width: 300px; height: 500px;}
.mod-lootbox .lootbox-popup.purchase-lb-msg .lootbox-content .popup-content{margin: 60% 2%;}
/* Lootbox carousel */
.mod-lootbox .insights{height: 85vw; padding: 0vw 0;}
.mod-lootbox .insights__list__item img{width: 80px;}
.mod-lootbox .insights__list__item.active img{width: 135px;}
.mod-lootbox .insights__list{top: 3vh; height: 55vw;}
.mod-lootbox .insights__list__item .box-name, .mod-lootbox .insights__list__item .box-amount {font-size: 12px}
.mod-lootbox #arrowLeft, .mod-lootbox #arrowRight{top: 40%;}
.mod-lootbox .open_lb_wrap{ margin-top: -30px !important;}
/* Christmas Event */
/* .mod-christmas .flex-row .left-col .wheel-fortune{top: 18vh;} */
.mod-christmas .flex-row .left-col .spinner {top: 33.5vh; }
.mod-christmas .flex-row .left-col .h5-record-section > div{ top: 78vh;}
.mod-christmas .flex-row .left-col .h5-record-section ul{left: 20%; width: 60%; font-size: 14px; max-height: 17vh;}
.mod-christmas .flex-row .left-col .star{top: 550%;}
.christmas-popup.spinning-popup .christmas-content p{top: 31%;}
/* Spinner */
.mod-christmas #wheelspin { top: 19%; }
.mod-christmas #prizePointerBtn{ top: 54%; height: 145px;}
.mod-christmas .flex-row .left-col .pool-text{top: 5px;}
}
@media (max-width:400px){
/* Christmas Event */
.mod-christmas .flex-row .left-col .h5-record-section > div{ top: 73vh;}
.mod-christmas .flex-row .left-col .pool-text{top: 0px;}
}
@media (max-width:361px){
/* Christmas Event */
.mod-christmas .flex-row .left-col .wheel-fortune{top: 22vh;}
.mod-christmas .flex-row .left-col .spinner {top: 40.5vh; }
.mod-christmas .flex-row .left-col .h5-record-section > div{ top: 89vh;}
.mod-christmas .flex-row .left-col .pool-text{top: -3px;}
.christmas-popup.spinning-popup .christmas-content p{top: 35%;}
}