/* Responsive Styles */
.mobile{ display:none !important; }
.mobile-sm{ display:none !important; }

.left-menu-btn{ width:40px; height:40px; background-color:transparent; border:none; padding:0; margin-right:10px; }
.left-menu-btn span{ width:100%; display:block; height:2px; background-color:var( --blue); margin:0 0 8px; }
.left-menu-btn span:first-child{ position:relative; margin-top:0; top:0; transition:top .3s .3s, transform .3s 0s; }
.left-menu-btn span:nth-child(2){ width:calc(100% - 5px); opacity:1; transition:opacity .3s; }
.left-menu-btn span:last-child{ width:calc(100% - 10px); margin-bottom:0; position:relative; top:0; transition:top .3s .3s, transform .3s 0s; }
.left-menu-btn.opened span:first-child{ width:calc( 100% - 6px); top:10px; transform:rotate(-45deg); transition:top .3s 0s, transform .3s .3s, color .3s .3s; }
.left-menu-btn.opened span:nth-child(2){ opacity:0; }
.left-menu-btn.opened span:last-child{ width:calc( 100% - 6px); top:-10px; transform:rotate(45deg); transition:top .3s 0s, transform .3s .3s; }

/* Right Menu Button */
.right-menu-btn{ display:none; box-shadow:none !important; }
.right-menu-btn .normal-icon{ transition:0.3s; opacity:1; transform:rotate(0deg); }
.right-menu-btn.opened .normal-icon{ opacity:0; transform:rotate(45deg); }
.right-menu-btn .open-icon{ transition:0.3s; opacity:0; transform:rotate(-45deg); position:absolute; }
.right-menu-btn.opened .open-icon{ opacity:1; transform:rotate(0deg); font-size:20px; }

/* Form Menu Button */
.form-menu-btn{ width:100%; height:35px; background-color:var( --bg-blue-light ); border:none; border-radius:5px; color:var( --blue-white ); padding:0 10px; font-size:12px; display:none !important; }
.form-menu-btn i{ transform:rotate(0deg); transition:0.3s; font-size:16px; }
.form-menu-btn.opened i{ transform:rotate(180deg); }

/* Cart Button */
.cart-btn{ width:80px; height:60px; position:fixed; bottom:10px; right:10px; border-radius:5px; border:none; background-color:var( --red-dark ); color:#fff; font-size:30px; text-shadow:0 1px 1px rgba(0, 0, 0, 0.75); box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 2px 5px rgba(0, 0, 0, 0.75); z-index:9; }
.back-top-btn{ width:calc(100% - 20px); height:40px; margin:10px auto 30px; border-radius:5px; background-color:#353d46; color:#fff; border:none; box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 2px 5px rgba(0, 0, 0, 0.75); z-index:8; }
.back-top-btn img{ transform:rotate(180deg); }

/* Account Information */
.account-information.after-login{ margin:10px 0; display:none; }
.account-information a{ color:var( --white-25); font-family:var( --boxedlight); white-space:nowrap; height:46px; border-bottom:solid 1px rgba(255, 255, 255, 0.03); padding:0 5px; }
.account-information a .icon-panel{ width:30px; height:30px; background-color:var( --bg-color); border-radius:50%; font-size:12px; margin-right:15px; position:relative; z-index:1; }
.account-information .progress-bar{ width:100%; margin:0 0 0 -20px; padding:0 5px 0 10px; }
.account-information .progress-bar .percentage{ height:20px; }
.account-information .btn-grp{ width:100%; margin:15px -3px 0; display:flex; }
.account-information .btn-grp button{ width:50%; height:35px; margin:0 3px; }
.sn-overlay{ width:100%; height:100%; position:fixed; z-index:98; background-color:rgba(11, 2, 16, 0.5); top:0; left:0; pointer-events:none; opacity:0; transition:0.3s; }
.sn-overlay.active{ opacity:1; pointer-events:auto; }
@media(max-width:1740px){
	.swiper-carousel .text-container h1{ font-size:2.75vw; }
	.swiper-carousel .text-container h2{ font-size:2.3vw; }
	.swiper-carousel .text-container h3{ font-size:2vw; }
	.gamelist-panel .gamelist-menu .bs-ul li a{ padding:20px 20px; }
}
@media(max-width:1600px){
	.swiper-carousel .text-container h6{ margin:0; }
	.swiper-carousel .carousel-panel{ padding:0 25px 30px; }
	.swiper-carousel .swiper-pagination{ padding:0 25px; bottom:15px; }
	.providers-dropdown .providers-menu .bs-ul li{ width:20%; }
	.providers-dropdown .providers-menu .bs-ul li:nth-child(5n):after{ display:none; }
	.providers-dropdown .providers-menu .bs-ul li:nth-child(6n):after{ display:block; }
	.providers-dropdown .providers-menu .bs-ul li a .providers-logo{ width:40px; }
	.gamelist-panel .gamelist-menu .bs-ul li a{ padding:20px 15px; }
	.gamelist-container .game-btn{ width:calc( 20% - 10px); }
	.game-lux-btn{ width:calc( 20% - 10px); margin:10px 5px; }
}
@media(max-width:1500px){
	.swiper-carousel .text-container .more-btn{ width:100px; height:35px; margin:10px 0 0; border-radius:17px; font-size:12px; }
}
@media(max-width:1400px){
	.menu-main{ margin:0; }
	.page-panel{ width:calc( 100% - 530px ); margin:0 15px; }
	.sports-page .page-panel{ width:calc( 100% - 520px ); }
	.sidebar{ width:250px; }
	.sidebar-container{ width:250px; }
	.providers-dropdown .providers-menu .bs-ul li{ width:25%; }
	.providers-dropdown .providers-menu .bs-ul li:nth-child(4n):after{ display:none; }
	.providers-dropdown .providers-menu .bs-ul li:nth-child(5n):after{ display:block; }
	.providers-dropdown .providers-menu .bs-ul li:nth-child(6n):after{ display:block; }
	.gamelist-panel .gamelist-menu .bs-ul{ width:100%; table-layout:fixed; }
	.gamelist-panel .gamelist-menu .bs-ul li a{ padding:20px 0; }
	.gamelist-panel .gamelist-menu .bs-ul li a .icon-panel{ margin:0 0 8px; }
	.gamelist-panel .gamelist-menu .bs-ul li a .text-panel{ width:100%; }
	.gamelist-container .game-btn{ width:calc( 25% - 10px); }
	.game-lux-btn{ width:calc( 25% - 10px); }
	.after-login.active{display: block;}
	.menu-main{display: block;}
}

/* * * * * * * * * * M O B I L E * * * * * * * * * */
@media(max-width:1200px){
	.mobile{ display:block !important; }
	.desktop{ display:none !important; }
	.right-menu-btn{ display:flex; align-items:center; justify-content:center; }
	.wrapper{ padding:120px 0 0; }
	.header-section{ height:50px; border-bottom:solid 1px var( --white-05 ); }
	.logo{ width:120px; }
	.menu-main{ width:100%; height:40px; position:absolute; left:0; bottom:-42px; background-color:var( --bg-color-dark ); border-bottom:solid 1px var( --white-10 ); table-layout:fixed; }
	.menu-main li a{ padding:0; }
	.my-cash{ display:flex; flex-wrap:wrap; width:100%; height:40px; position:absolute; left:0; bottom:-41px; padding:5px 10px; background-color:var( --bg-color-dark ); border-bottom:solid 1px var( --white-10 ); table-layout:fixed; justify-content:space-evenly; align-items:center; }
	.my-cash li{ font-size:15px; padding:0 10px; }
	.my-cash li i{ margin-right:5px; font-size:16px; color:var( --blue-text); }
	.my-cash li .money{ margin-left:10px; font-weight:bold; color:var( --orange); }
	.my-cash li .money:after{ content:"원"; margin-left:3px; color:var(--white); }
	.my-cash li .point{ margin-left:10px; font-weight:bold; color:var( --orange); }
	.my-cash li .point:after{ content:"P"; margin-left:3px; color:var(--white); }
	.before-login button{ min-width:40px; margin-left:8px; }
	.after-login .nav-main{ margin-right:6px; }
	.nav-main .nav-link{ min-width:50px; padding:0 20px; }
	.nav-main li{ border-right:solid 1px var( --white-05 ); }
	.after-login .btn{ width:40px; min-width:40px; margin-left:8px; }
	.page-panel{ width:100%; margin:0; }
	.page-notice{ display:none; }
	.sports-page .page-panel{ width:100%; margin:0; }
	.sidebar-container{ width:275px; top:120px; padding:0 10px 110px; background-color:var( --bg-color-light ); }
	.sidebar-left .sidebar-container{ left:-100%; border-right:solid 1px var( --white-05 ); }
	.sidebar-left .sidebar-container.active{ left:0; }
	.sidebar-right .sidebar-container{ right:-100%; border-left:solid 1px var( --white-05 ); }
	.sidebar-right .sidebar-container.active{ right:0; }
	.sidebar-panel{ background:transparent; border:none; padding:15px 0 !important; border-radius:0; margin:0 0 10px; }
	.sidebar-panel.header{ background-color:var( --bg-color-dark); border-radius:5px; padding:10px 10px !important; }
	.betslip-panel .container-fluid{ padding:0; }
	.sidebar-panel .betslip-panel .container-fluid .row{ margin:0; }
	.betting-slip .betslip-header .title-panel:before{ width:100%; }
	.my-bets{ padding:0; }
	.account-information.active{ display:block; }
	.swiper-carousel .text-container h1{ font-size:4vw; }
	.swiper-carousel .text-container h2{ font-size:3.4vw; }
	.swiper-carousel .text-container h3{ font-size:2.3vw; }
	.swiper-carousel .text-container .more-btn{ width:140px; height:45px; margin:30px 0 0; border-radius:25px; }
	.main-lobby-btn .g-panel .text-container h1{ font-size:3.2vw; }
	.main-lobby-btn .g-panel .text-container h2{ font-size:2.8vw; }
	.main-lobby-btn .g-panel .text-container h3{ font-size:2vw; }
	.main-lobby-btn .g-panel .text-container .more-btn{ width:140px; height:45px; margin:30px 0 0; border-radius:25px; }
	.gamelist-panel .gamelist-menu .bs-ul{ width:100%; table-layout:fixed; }
	.gamelist-panel .gamelist-menu .bs-ul li a{ padding:20px 0; }
	.gamelist-container .game-btn{ width:calc( 16.66% - 10px); }
	.game-lux-btn{ width:calc( 16.66% - 10px); }
	.betlist-slip{ padding:0; }
	.page-navigation .nav-menu .nav-link{ height:40px; }
	.page-navigation .nav-menu .nav-link .icon-panel{ font-size:18px; }
	.after-login.active{display: none;}
	.menu-main{display: none;}
}
@media(max-width:1024px){
	/* Level */
	.level-information .container{ width:25%; }
	.level-information .container:first-child{ width:20%; }
	.level-information .container span{ font-size:12px; }
	.level-information .container .labels{ margin-right:0; }
	.level-information .container .amount{ font-size:14px; }
	.level-information .point-form{ width:55%; padding:0 5px; }
	.level-information .point-form input{ width:58%; border-radius:5px 0 0 5px; }
	.level-information .points-btn{ width:40%; position:relative; right:0; font-size:8px; border-radius:0 5px 5px 0; }
}
@media(max-width:1000px){
	.gamelist-container .game-btn{ width:calc( 20% - 10px); }
	.game-lux-btn{ width:calc( 20% - 10px); }
}
@media(max-width:900px){
	.swiper-carousel .text-container .more-btn{ width:100px; height:35px; margin:15px 0 0; border-radius:18px; }
	.swiper-button-next, 
	.swiper-button-prev{ width:35px; height:35px; }
	.swiper-button-next:after, 
	.swiper-button-prev:after{ font-size:14px; }
	.swiper-button-prev{ left:2px; }
	.swiper-button-next{ right:2px; }
	.gamelist-container .game-btn{ width:calc( 25% - 10px); }
	.game-lux-btn{ width:calc( 25% - 10px); }
	.footer-section .footer-background-notice { background: url(/assets/img/bg/notice_bg.png);min-height:200px;width:404px; padding-bottom:20px; border-radius:20px; }
	.footer-section .footer-background-event { background: url(/assets/img/bg/event_bg.png);min-height:200px;width:409px; padding-bottom:20px; border-radius:20px;  }
	.footer-section .footer-list{ max-width:100%; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; }
	.footer-section .footer-list .bs-ul li{ text-align:center; }
	.footer-section .footer-list .bs-ul{ width:auto; }
	.footer-section .footer-background table td.footer-table-title { width: 70%; text-align: left; padding-left:20px;}
	.footer-section .footer-background table td.footer-table-date { width: 25%; text-align: left;}
	.provider-carousel{ margin:0 auto 20px; }
	.promotion-banner{ width:calc(100% - 30px); margin:0 auto 20px; }
	.promotion-banner.promote-lg{ width:calc(100% - 20px); height:280px; }
	.promotion-banner .img-panel .banner-img{ left:0; }
	.promotion-banner.promote-lg .tag{ width:80px; height:30px; right:-25px; top:0; }
	.calendar-thing{ display:none; }
	.calendar-info .calendar-panel{ padding:10px 10px 10px 15px; border-radius:5px; }
	.tournament-gamelist .game-btn .btn-panel{ padding:5px 5px; }
	.tournament-gamelist .game-btn .info-panel{ padding:0 5px 5px 0; }
	.betting-list .date-td{ font-size:12px; }
	.betting-list ul li{ font-size:12px; }
	.main-lobby-btn {
		 width: 100%;

		overflow: hidden;
		border-radius: 10px;
		display: inline-block;
		background-color: #062f82;
		padding: 0 0 0;
		position: relative;
		z-index: 1;
	}
}
@media(max-width:800px){
	.roulette-roll{ order:4; margin-top:20px; }
	.roulette-roll .previous-roll{ width:100%; margin-bottom:15px; }
	.roulette-roll .previous-roll .labels{ width:100%; margin:0 0 5px; }
	.roulette-panel .betting-form{ margin:0; }
	.roulette-panel .betting-form .input-container{ width:100%; margin-bottom:5px; }
	.roulette-panel .betting-form .btn-grp{ width:calc( 100% + 4px ); height:auto; background-color:transparent; border:none; padding:0; display:flex; flex-wrap:wrap; margin:0 -2px; }
	.roulette-panel .betting-form .btn-grp li{ display:block; width:25%; padding:2px 2px; }
	.roulette-panel .betting-form .btn-grp li:first-child{ width:90px; position:absolute; top:3px; right:3px; }
	.roulette-panel .betting-form .btn-grp li button{ width:100%; height:30px; font-size:12px; border:none; border-radius:2px; background-color:var(--bg-blue); color:var(--white-50); }
	.roulette-betting{ width:calc(100% + 10px); margin:0 -5px 10px; }
	.roulette-betting .place-bet{ width:calc(33.33% - 10px); margin:0 5px; }
}
@media(max-width:767px){
	.wrapper{ padding:95px 0 0; }
	.sidebar-container{ top:150px; }
	.footer-section .footer-list{ margin:0 auto 15px; }
	.footer-section .footer-list .bs-ul{ width:100%; display:table; table-layout:fixed; }
	.footer-section .footer-list .bs-ul li{ display:table-cell; }
	.footer-section .footer-list .bs-ul li a.dflex-ac-js{ justify-content:center !important; }
	.footer-section .provider-carousel .carousel-inner{ margin:0; }
	.footer-section .provider-carousel .carousel-indicators{ display:none; }
	.provider-carousel{ margin:0 auto; }
	.provider-carousel .carousel-item{ display:block; margin:0; transition:initial; }
	.provider-carousel .carousel-item .bs-ul{ display:flex; align-items:center; justify-content:center; }
	.provider-carousel .carousel-item .bs-ul li{ display:block; width:auto; margin:0 10px; }
	.footer-section .footer-list .bs-ul li a .icon-panel{ margin-right:5px; }
	.footer-section .footer-list .bs-ul li a .icon-panel img{ max-height:28px; }
	.footer-section .customer-service .bs-ul li a .icon-panel img{ max-height:initial; max-width:initial; }
	.footer-section .customer-service .bs-ul li{ padding:0; }
	/* Sub Pages */
	.subpage-banner .info-panel .read-more{ width:100px; height:34px; margin:0; }
	.wbg-section{ background-color:var( --bg-color-light ); padding:20px 0 30px; }
	.form-section .col-md-9{ padding-right:15px; }
	.col-form-container{ order:2; }
	/* Form Menu Mobile */
	.col-form-menu{ max-width:160px; order:1; position:absolute; right:15px; top:-45px; padding:0; z-index:9; }
	.form-section .col-md-3{ border-left:none; }
	.form-menu-btn{ display:flex !important; }
	.form-menu{ padding:0; display:none; margin:5px 0 0; background-color:var( --bg-color ); border-radius:5px; padding:5px; }
	.form-menu li{ width:100%; display:block; }
	.form-menu li a{ width:100%; height:40px; padding:0 0 0 15px; }
	.form-menu li a:before{ width:2px; left:0; }
	.tournament-gamelist .game-btn{ width:calc(50% - 20px); }
	.tournament-gamelist .game-btn .pool-prize .labels{ margin-right:auto; }
	.betting-table .betting-title{ padding:0 6px 0 10px; }
	.betting-list .date-td{ width:auto; position:absolute; top:8px; right:70px; z-index:2; }
	.betting-list .status-td{ width:auto; position:absolute; top:4px; right:6px; z-index:2; }
	.betting-list .status-td .betlist-btn{ width:55px; height:25px; border-radius:2px; }
	.betting-list .bs-ul{ display:flex; padding:0 3px; }
	.betting-list .bs-ul li{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; padding:0 1px; }
	.betting-dropdown .betting-list .bs-ul{ display:table; table-layout:fixed; padding:0; }
	.betting-dropdown .betting-list .bs-ul li{ display:table-cell; padding:0; }
	.minigame-betting .betting-list .bs-ul{ display:table; table-layout:fixed; padding:0; }
	.minigame-betting .betting-list .bs-ul li{ display:table-cell; }
	.bet365-dogbet .betting-list .bs-ul{ display:table; table-layout:fixed; padding:0; }
	.bet365-dogbet .betting-list .bs-ul li{ display:table-cell; }
	.betting-list .team-td{ width:42%; }
	.betting-list .vs-td{ width:16%; }
	.realtime-table .betting-title{ width:calc( 100% - 6px ); }
	.realtime-panel{ width:calc( 100% - 6px ); flex-wrap:wrap; margin:5px auto; }
	.realtime-panel .realtime-score{ width:100%; order:2; }  
	.realtime-panel .realtime-livebox{ width:100%; order:1; position:relative; top:0; right:0; display:flex; flex-wrap:wrap; margin:0 0 10px; }
	.realtime-livebox .title-box{ height:20px; }
	.realtime-livebox .time-box{ width:50%; height:auto; position:relative; top:0; }
	.realtime-livebox .time-box .time{ font-size:12px; }
	.realtime-livebox .footer{ width:50%; height:30px; position:relative; margin:0; border-top:none; border-left:solid 1px var( --white-10 ); }
	.betting-table .no-bet .lock-icon{ margin:0; }
	.betting-list ul li{ font-size:10px; }
	.roulette-list{ width:100%; margin:0 0 10px; }
	.roulette-list .place-bet{ width:100%; margin:0 0 8px; }
	.roulette-betting .btn-bet{ height:120px; flex-wrap:wrap; font-size:12px; align-content:center; }
	.roulette-betting .btn-bet .hva-left{ width:100%; text-align:center; }
	.roulette-betting .btn-bet .text{ width:100%; display:inline-block; text-align:center; }
	.roulette-betting .btn-bet .coin-img{ margin:0 auto 5px; }
	.roulette-betting .btn-bet .hva-right{ margin-top:5px; }
	.roulette-betlist .header{ padding:12px 15px; }
	.roulette-betlist .header .fa-caret-down{ display:inline-block; }
	.roulette-betlist .bs-ul{ display:none; }
}
@media(min-width:768px){
	.roulette-betlist .bs-ul{ display:block !important; }
}
@media(max-width:700px){
	.swiper-carousel .carousel-panel{ padding:0 25px 20px; }
	.swiper-carousel .text-container h6{ font-size:14px; }
	.swiper-carousel .text-container .more-btn{ width:90px; height:25px; margin:10px 0 0; border-radius:13px; }
	.swiper-carousel .swiper-pagination{ bottom:10px; }
	.swiper-carousel .swiper-pagination .swiper-pagination-bullet-active{ height:6px; }
	.providers-dropdown .providers-menu .bs-ul li{ width:33.33%; }
	.providers-dropdown .providers-menu .bs-ul li:nth-child(4n):after{ display:block; }
	.providers-dropdown .providers-menu .bs-ul li:nth-child(5n):after{ display:block; }
	.providers-dropdown .providers-menu .bs-ul li:nth-child(6n):after{ display:none; }
	.providers-dropdown .providers-menu .bs-ul li:nth-child(3n):after{ display:none; }
	.promotion-banner{ height:200px; }
	.promotion-banner.promote-lg{ height:200px; }
	.promotion-banner .img-panel{ width:40%; }
	.promotion-banner .img-panel .banner-img{ left:-20%; }
	.promotion-banner .info-panel{ width:60%; }
	.promotion-banner .info-panel .read-more{ width:100px; height:30px; margin:5px 0 0; }
	.promotion-banner .info-panel p{ margin:0 0 5px; }
	.promotion-banner .info-panel h1{ font-size:32px; }
	.attendance-calendar td .info{ padding:2px; }
	.attendance-calendar td .info .tag{ height:auto; min-height:20px; padding:0 2px; border-radius:2px; }
	.attendance-calendar td .info .tag .icon-panel{ display:none !important; }
	.promotion-banner .info-panel h2{ font-size:18px; }
	.promotion-banner .tournament-input{ min-height:auto; border-radius:5px; padding:6px 10px; margin:0 0 2px; }
	.promotion-banner .tournament-input .labels{ min-width:initial; margin-right:5px; font-size:12px; }
	.promotion-banner .tournament-input .text-prize{ font-size:18px; font-family:Arial; }
	.tournament-time{ font-size:12px; }
	.promotion-banner .info-panel{ padding-right:10px; }
	.minigame-menu ul li a{ font-size:12px; }
}
@media(max-width:600px){
	.gamelist-container .game-btn{ width:calc( 33.33% - 10px); }
	.game-lux-btn{ width:calc( 33.33% - 10px); }
	.promotion-banner .tag .text-panel:before,
	.promotion-banner .tag .text-panel:after{ width:100%; }
	.promotion-banner .tag{ width:50px; height:25px; right:-10px; top:5px; }
	.promotion-banner.promote-lg .tag{ width:50px; height:25px; right:-10px; top:5px; }
	.promotion-banner .info-panel h1{ font-size:5.3vw; }
	.promotion-banner .info-panel h2{ font-size:5.3vw; }
	.promotion-banner .info-panel h4{ font-size:4vw; }
	.provider-carousel .carousel-item .bs-ul li{ width:20%; }
	.footer-section .footer-list .bs-ul li a .icon-panel{ min-height:28px; margin:0 0 8px; display:flex; align-items:center; justify-content:center; }
	.footer-section .footer-list .bs-ul li a span{ width:100%; max-width:100%; display:inline-block; font-size:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 4px; }
	.footer-section .customer-service .bs-ul li a span{ font-size:12px; padding:0; }
	.provider-carousel .carousel-item .bs-ul li{ margin:0; }
	.subpage-banner{ height:150px; margin:0 0 10px; }
	.subpage-banner.size-sm{ height:80px; }
	.subpage-banner .info-panel h2{ font-size:20px; }
	.subpage-banner .info-panel p{ font-size:10px; margin:0 0 10px; }
	.subpage-banner .info-panel .read-more{ height:30px; font-size:12px; }
	.betlist-btn{ font-size:12px; }
	.upcoming-match{ width:calc( 100% - 40px); margin:0 auto 10px; padding:15px 0; }
	.upcoming-match .team-panel .team img{ max-width:50px; }
	.upcoming-match .team-panel .team:first-child img{ margin:0 10px 0 -25px; }
	.upcoming-match .team-panel .team:last-child img{ margin:0 -25px 0 10px; }
	.minigame-menu ul{ display:flex; flex-wrap:wrap; }
	.minigame-menu ul li{ display:block; width:25%; }
	.minigame-menu ul li:nth-child(4n):after{ display:none; }
	.minigame-menu ul li a{ height:35px; }
	.wbg-section.highlight{ padding-left:25px; }
	.wbg-section.highlight h3{ font-size:18px; }
	.wbg-section.highlight p{ font-size:10px; }
	.bet365-dogbet .betting-list .btn-bet{ height:80px; flex-wrap:wrap; align-content:center; padding-top:5px; }
	.bet365-dogbet .betting-list .btn-bet span.mx-auto{ width:100%; margin-top:5px; display:inline-block; vertical-align:middle; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
}
@media(max-width:500px){
	.header-section .container{ padding-right:8px; }
	.menu-main li a{ font-size:12px; }
	.page-content .container{ padding:10px 5px 0; }
	.banner-section{ padding:0 0 25px; }
	.swiper{ overflow:visible; }
	.swiper-carousel .carousel-panel{ padding:0 25px 0; }
	.swiper-carousel .swiper-pagination{ bottom:-16px; justify-content:center !important; }
	.providers-dropdown .providers-btn{ width:100px; padding:0 10px 0 12px; font-size:12px; }
	.search-panel .search-input{ width:calc( 100% - 140px); padding:0 10px; }
	.search-panel .search-btn{ width:40px; }
	.providers-dropdown .providers-menu .bs-ul li:after{ height:80%; }
	.providers-dropdown .providers-menu .bs-ul li a{ height:auto; padding:8px 0; }
	.providers-dropdown .providers-menu .bs-ul li a .providers-logo{ min-height:30px; margin:0 auto 5px; display:flex; align-items:center; justify-content:center; }
	.providers-dropdown .providers-menu .bs-ul li a .providers-name{ min-width:100%; text-align:center; margin-left:0; font-size:12px; }
	.gamelist-panel{ padding:0 10px; }
	.gamelist-panel .gamelist-menu .bs-ul li a .icon-panel img{ max-height:26px; }
	.gamelist-container{ margin:15px -5px 0; }
	.gamelist-container .game-btn{ width:calc( 33.33% - 6px); margin:0 3px 8px; }
	.gamelist-container .game-btn .btn-panel{ border-radius:6px; padding:2px; }
	.gamelist-container .game-btn .game-info .g-info{ padding:0 0 0 5px; }
	.game-lux-btn{ width:calc( 33.33% - 6px); margin:5px 3px; }
	.game-lux-btn .g-detail{ padding:10px 5px; }
	.game-lux-btn .g-detail .g-logo{ width:35px; height:35px; margin-right:4px; border-radius:5px; }
	.game-lux-btn .g-detail .g-logo img{ max-width:22px; max-height:22px; }
	.game-lux-btn .g-detail .g-info .name{ font-size:16px; }
	.gamelist-container .game-btn .game-info .g-info .g-name{ font-size:12px; }
	.promotion-table th{ font-size:10px; }
	.promotion-table td{ font-size:10px; }
	.subpage-banner{ height:140px; }
	.subpage-banner .img-panel{ width:25%; }
	.subpage-banner .info-panel{ width:75%; padding-right:10px; padding-left:0; }
	.subpage-banner .info-panel:before{ left:-20px; }
	.subpage-banner .category-panel{ width:50px; height:50px; border-radius:5px; left:10px; bottom:10px; }
	.subpage-banner .category-panel lord-icon{ width:40px; height:40px; }
	.attendance-calendar td .date{ left:0; top:0; }
	.back-link{ width:40px; height:40px; border-radius:5px; left:10px; top:10px; z-index:9; }
	.section-header .title{ font-size:16px; }
	.subpg-nav a{ width:calc( 33.33% - 4px); border-radius:4px; }
	.subpg-nav a:hover{ background-color:transparent; }
	.subpg-nav a.active{ background-color:transparent; color:var( --orange ); }
	.form-footer{ width:100%; margin:20px 0 0; }
	.footer-section .footer-list{ margin:0 auto 5px; }
	.footer-section .footer-list .header{ margin:0 0 15px; }
	.bs-table thead th{ font-size:10px; }
	.bs-table tbody td{ font-size:10px; }
	.bs-table td .level-txt{ width:100%; text-align:center; }
	.bs-table tr .title-td{ padding-left:5px; max-width:150px; }
	.bs-table tr .title-td .title-span{ width:calc( 100% - 20px); display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle; }
	.with-depth thead th:first-child{ border-radius:5px; }
	.with-depth thead th:last-child{ border-radius:5px; }
	.bs-table tr:first-child td:first-child{ border-radius:5px 0 0 0; }
	.bs-table tr:first-child td:last-child{ border-radius:0 5px 0 0; }
	.bs-table tr:last-child td:first-child{ border-radius:0 0 0 5px; }
	.bs-table tr:last-child td:last-child{ border-radius:0 0 5px 0; }
	.with-depth tr:nth-last-child(2) td:first-child{ border-radius:0 0 0 5px; }
	.with-depth tr:nth-last-child(2) td:last-child{ border-radius:0 0 5px 0; }
	.bs-table thead th:first-child{ border-radius:5px 0 0 5px; }
	.bs-table thead th:last-child{ border-radius:0 5px 5px 0; }
	.new-icon{ margin-left:0; }
	.tournament-table .table-row .table-td{ font-size:12px; }
	.tournament-gamelist .game-btn .pool-prize{ padding:4px 5px; }
	.tournament-gamelist .game-btn .info-panel{ position:relative; padding:0; }
	.tournament-gamelist .game-btn .pool-prize .labels{ font-size:10px; margin-right:0; }
	.tournament-gamelist .game-btn .pool-prize .amount{ font-size:14px; }
	.tournament-gamelist .game-btn .info-panel .game-name{ font-size:12px; }
	.tournament-gamelist .game-btn .info-panel .see-result{ font-size:10px; }
	.tournament-gamelist .game-btn .game-panel{ margin:10px 0 -30px; border-radius:8px; box-shadow:0 0 10px rgba(87,162,242,0.5), 0 0 0 2px var( --white-15 ); }
	.tournament-gamelist .game-btn{ width:calc(50% - 10px); margin:0 5px 11px; }
	.betting-table .betting-title{ font-size:10px; }
	.betting-list .btn-bet{ padding:0 5px; font-size:10px; }
	.betting-list .btn-bet .team{ width:75%; }
	.betting-list .btn-bet .odd{ width:25%; }
	.betting-list .bonus-btn .bonus-tag{ width:32px; min-width:32px; height:32px; font-size:10px; }
	.sports-sort{ width:100%; margin:10px 0 0; padding:5px; border-radius:5px; background-color:var( --bg-blue ); }
	.sports-sort ul{ width:100%; table-layout:fixed; }
	.sports-sort ul li:nth-last-child(2){ display:table-cell; }
	.sports-sort ul li:nth-last-child(3){ border-color:var( --white-10 ); }
	.sports-sort ul li:last-child{ display:table-cell; }
	.upcoming-match .info-panel{ font-size:10px; }
	.upcoming-match .team-panel .team{ height:30px; font-size:10px; }
	.upcoming-match{ width:calc( 100% - 20px); margin:0 auto 5px; padding:6px 0 8px; }
	.upcoming-match .team-panel .team img{ max-width:40px; }
	.upcoming-match .team-panel .team:first-child img{ margin:0 5px 0 -20px; }
	.upcoming-match .team-panel .team:last-child img{ margin:0 -20px 0 5px; }
	.upcoming-match .team-panel .vs{ font-size:16px; }
	.upcoming-match .date-panel{ width:calc( 90% - 60px ); height:20px; font-size:10px; }
	.upcoming-match .info-panel i{ font-size:12px; }
	.upcoming-match .info-panel img{ max-width:14px; }
	.upcoming-match .info-panel{ width:calc( 100% - 60px ); height:30px; }
	.realtime-table .betting-title .flag-icon{ display:none; }
	.realtime-table .betting-title .flag-text{ display:none; }
	.realtime-table .betting-title .divider:nth-child(3){ display:none; }
	.realtime-table .betting-title .date{ font-size:10px; }
	.roulette-panel .wheel-item{ height:60px; background-size:auto 60px; }
	.roulette-panel .wheel-rolling .timer{ font-size:18px; max-width:40px; }
	.with-depth tr .date-td{ width:auto; }
}
@media(max-width:414px){
	.gamelist-panel .gamelist-menu .bs-ul{ display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; padding:0 0 5px; }
	.gamelist-panel .gamelist-menu .bs-ul li{ width:25%; display:block; }
	.gamelist-panel .gamelist-menu .bs-ul li a{ padding:15px 0 2px; }
	.gamelist-panel .gamelist-menu .bs-ul li a .icon-panel{ margin:0 0 4px; }
	.gamelist-panel .gamelist-menu .bs-ul li a .icon-panel img{ max-width:28px; max-height:20px; }
	.gamelist-panel .gamelist-menu .bs-ul li a.active:after{ opacity:0; }
	.gamelist-panel .gamelist-menu .bs-ul li a.active{ color:var( --orange ); }
	.promotion-banner{ height:150px; margin:0 auto 10px; }
	.promotion-banner.promote-lg{ height:150px; }
	.promotion-banner .img-panel{ width:30%; }
	.promotion-banner .img-panel .banner-img{ left:-50%; }
	.promotion-banner .info-panel{ width:70%; }
	.promotion-banner .category-panel{ width:50px; height:50px; border-radius:6px; left:10px; bottom:10px; }
	.promotion-banner .category-panel lord-icon{ width:40px; height:40px; }
	.promotion-banner .info-panel .read-more{ width:80px; height:25px; font-size:12px; border-radius:2px; }
}
@media(max-width:375px){
	.swiper-carousel .text-container h6{ font-size:12px; }
	.swiper-carousel .text-container .more-btn{ width:90px; height:20px; margin:8px 0 0; border-radius:10px; }
	.swiper-button-prev{ left:-5px; }
	.swiper-button-next{ right:-5px; }
}
/* -- IFRAME -- */
@media(max-width:1420px){
	.minigame-panel{ width:830px !important; overflow:visible !important; transform:scale(0.6); margin:-120px 0; }
	.minigame-panel.iframe-sm{ width:800px !important; overflow:visible !important; transform:scale(0.6); margin:-110px 0 -90px 0; }
	.minigame-container .minigame-panel:after{ border-width:7px; border-top-width:8px; border-bottom-width:12px; top:-2px; }
}
@media(max-width:767px){
	.minigame-panel.iframe-sm{ margin:-95px 0 -90px 0; }
}
@media(max-width:520px){
	.minigame-panel.iframe-sm{ transform:scale(0.49); margin:-120px 0 -115px 0; } 
	.minigame-panel{ transform:scale(0.46); margin:-170px 0; }
}
@media(max-width:414px){
	.minigame-panel{ transform:scale(0.5); margin:-170px 0 -175px 0; }
	.minigame-panel.iframe-sm{ transform:scale(0.52); margin:-116px 0 -124px 0; } 
	.minigame-container .minigame-panel:after{ width:calc( 100% + 6px ); border-width:10px; border-top-width:9px; border-bottom-width:12px; left:-4px; }
}
@media(max-width:375px){
	.minigame-panel{ transform:scale(0.45); margin:-185px 0 -192px 0; }
	.minigame-panel.iframe-sm{ transform:scale(0.46); margin:-130px 0 -128px 0; } 
}
@media(max-width:360px){
	.minigame-panel{ transform:scale(0.43); margin:-192px 0 -198px 0; }
	.minigame-panel.iframe-sm{ transform:scale(0.44); margin:-135px 0 -130px 0; }
}
@media(max-width:320px){
	.minigame-panel{ transform:scale(0.38); margin:-206px 0 -214px 0; }
	.minigame-panel.iframe-sm{ transform:scale(0.39); margin:-145px 0 -140px 0; }
}