@charset "utf-8";

.text-custom-primary { color: var(--button_primary_color_1); }

.text-custom-success { color: rgb(11, 185, 105); }

.btn-custom, .btn-custom-primary, .btn-custom-secondary { min-width: 150px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; }

.btn-custom i, .btn-custom-primary i, .btn-custom-secondary i { font-size: 22px; color: rgb(0, 0, 0); }

.btn-custom span, .btn-custom-primary span, .btn-custom-secondary span { letter-spacing: 1px; line-height: 1; }

.btn-custom-primary { background: linear-gradient(180deg, var(--button_primary_color_1) 0%, var(--button_primary_color_2) 100%); }

.btn-custom-secondary { background: linear-gradient(180deg, var(--button_secondary_color_1) 0%, var(--button_secondary_color_2) 100%); }

.wrapper.sub-footer.home { padding-bottom: 4px; }

#main-nav {z-index: 800;background: linear-gradient(180deg, #ffc107 0%, #000000 100%);}

#main-nav .group-button-user { background: rgba(0, 0, 0, 0.24); }

#main-nav button.navbar-toggler { background: rgba(255, 255, 255, 0.21); }

#main-nav button.navbar-toggler > span::before { font-size: 33px; font-weight: bold !important; color: var(--button_primary_color_2) !important; }

#main-nav .nav-icon.custom { height: 25px; object-fit: contain; margin-right: 1em; }

#foot-menu { z-index: 99; }

#foot-menu a.middle { background: linear-gradient(180deg, var(--button_primary_color_1) 0%, var(--button_primary_color_2) 100%); }

#foot-menu .foot-icon { height: 32px; width: 32px; object-fit: contain; }

.add-home-screen-container { opacity: 0; display: flex; position: fixed; top: var(--header-height); z-index: 100; padding: 12px 0px !important; background: rgba(0, 0, 0, 0.87) !important; }

.add-home-screen-container .fullscreen { top: 0px !important; }

.add-home-screen-container .container .left { line-height: 1; }

.add-home-screen-container .container .left .fs-5 { padding-left: 30px; }

.add-home-screen-container .container .left .close-add-to-home { position: absolute; border-radius: 50%; height: 20px; width: 20px; padding: unset; line-height: 1; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; top: -5px; left: 0px; background: rgb(115, 115, 115); color: rgb(255, 255, 255); font-weight: 100; }

.add-home-screen-container .container .left .close-add-to-home span { font-size: 28px; position: relative; top: -2px; }

.add-home-screen-container .container .right { height: 36px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: rgb(255, 255, 255); }

.add-home-screen-container .container .right i { font-size: 28px; color: var(--button_secondary_color_2); }

.add-home-screen-container .container .right > span { line-height: 0.9; }

.reset-btn { background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.how-to-install-a2h-ios { position: fixed; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; bottom: 1em; width: 90%; max-width: 360px; height: 330px; margin: 0px auto; background: rgb(35, 35, 35); z-index: 2000; left: 50%; transform: translateX(-50%); border-radius: 1em; box-shadow: rgba(0, 0, 0, 0.6) 1px 1px 8px 4px; }

.how-to-install-a2h-ios.active { display: flex; }

.how-to-install-a2h-ios .header-content .close-how-to-install { background: rgb(57, 57, 57); padding: 4px; border-radius: 50%; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: absolute; top: -8px; right: 0px; }

.how-to-install-a2h-ios .header-content .close-how-to-install i { font-size: 1.5em; font-weight: bold; color: rgb(255, 255, 255); line-height: 0; }

.how-to-install-a2h-ios .body-content .logo-app { width: 80px; object-fit: contain; }

.how-to-install-a2h-ios .footer-content-ios-safari, .how-to-install-a2h-ios .footer-content-ios-chrome { background: rgb(76, 76, 76); border-radius: 0.5em; display: none; }

.how-to-install-a2h-ios .footer-content-ios-safari.active, .how-to-install-a2h-ios .footer-content-ios-chrome.active { display: flex; }

.how-to-install-a2h-ios .footer-content-ios-safari .ic_footer, .how-to-install-a2h-ios .footer-content-ios-chrome .ic_footer { width: 35px; object-fit: contain; }

.how-to-install-a2h-ios .footer-content-ios-safari .ic_footer.a2h, .how-to-install-a2h-ios .footer-content-ios-chrome .ic_footer.a2h { width: 26px; }

.banner-slider-container { width: 100%; display: flex; overflow: hidden; margin-bottom: 0px !important; }

.banner-slider-container .banner-item { width: 100%; max-width: 100%; flex: 1 0 100%; -webkit-box-flex: 1; }

.banner-slider-container .banner-item picture { display: flex; }

.banner-slider-container .banner-item img { width: 100%; object-fit: contain; height: 100%; }

.banner-slider-container .swiper-button-next, .banner-slider-container .swiper-button-prev { color: var(--button_primary_color_1) !important; }

.banner-slider-container .swiper-pagination { background: rgba(0, 0, 0, 0.55); }

.banner-slider-container .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; background: rgb(255, 255, 255); opacity: 0.5; }

.banner-slider-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--button_primary_color_1); opacity: 1; }

.content-main-container { border-left: 2px solid var(--content_border_left_color); border-right: 2px solid var(--content_border_right_color); width: 100%; margin: 0px auto; position: relative; background: linear-gradient(to bottom, var(--content_bg_color1), var(--content_bg_color2)); box-shadow: rgba(246, 227, 134, 0.09) -5px 0px 65px 1px, rgba(246, 227, 134, 0.09) 5px 0px 65px 1px; }

.content-main-container.home .marguee-text-container { margin-left: 8px; margin-right: 8px; }

.marquee-text-container .announcer { box-shadow: rgba(0, 0, 0, 0.4) 4px 3px 6px 1px inset; }

.taging-container { display: flex; -webkit-box-pack: center; justify-content: center; width: 100%; max-width: 90%; margin: 16px auto; flex-wrap: wrap; }

.taging-container a { min-width: 70px; background: var(--tags_bg_color); display: flex; -webkit-box-pack: center; justify-content: center; padding: 4px 8px; margin: 4px; color: var(--tags_text_color); font-weight: 200; font-size: 14px; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px; text-decoration: none; }

.tagging-container a:hover { filter: brightness(1.5); }

.footer-index-container { padding-bottom: 26px; width: 100%; margin: 0px; }

.footer-index-container .qrcode-wrapper canvas { width: 100px !important; height: 100px !important; }

.login-container { width: 350px; padding: 12px; background: rgba(0, 0, 0, 0.62); border-radius: 8px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; justify-self: center; -webkit-box-align: center; align-items: center; position: relative; backdrop-filter: blur(5px); z-index: 2; }

.login-container .input-group input.form-control { box-shadow: rgba(0, 0, 0, 0.4) 4px 3px 6px 1px inset; }

.login-container .input-group input.form-control:focus { box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 0.25rem; }

.login-container .input-group input.form-control:focus::-webkit-input-placeholder { font-weight: 200 !important; color: rgb(49, 49, 49); }

.login-container .input-group input.form-control::-webkit-input-placeholder { font-weight: 200 !important; color: rgb(255, 255, 255); }

.custom-style-input.input-group input.form-control { box-shadow: rgba(0, 0, 0, 0.4) 4px 3px 6px 1px inset; }

.custom-style-input.input-group input.form-control:focus { box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 0.25rem; }

.custom-style-input.input-group input.form-control:focus::-webkit-input-placeholder { font-weight: 200 !important; color: rgb(49, 49, 49); }

.custom-style-input.input-group input.form-control::-webkit-input-placeholder { font-weight: 200 !important; color: rgb(255, 255, 255); }

.register-container > .card { width: 350px; padding: 12px; background: rgba(255, 255, 255, 0.14); border-radius: 8px; backdrop-filter: blur(5px); }

.register-container > .card .input-group input.form-control { box-shadow: rgba(0, 0, 0, 0.4) 4px 3px 6px 1px inset; }

.register-container > .card .input-group input.form-control:focus { box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 0.25rem; }

.register-container > .card .input-group input.form-control:focus::-webkit-input-placeholder { font-weight: 200 !important; color: rgb(49, 49, 49); }

.register-container > .card .input-group input.form-control::-webkit-input-placeholder { font-weight: 200 !important; color: rgb(255, 255, 255); }

.register-container > .card .captcha-wrapper svg { filter: invert(1); width: 120px !important; }

.register-container .register-bank-selector-container { position: relative; }

.register-container .register-bank-selector-container::before { content: "เลือกธนาคารของคุณ"; width: 100%; height: 100%; position: absolute; text-align: center; left: 0px; font-size: 1.1em; font-weight: 200; right: 0px; line-height: 46px; z-index: 1; pointer-events: none; }

.register-container .register-bank-selector-container .select2.select2-container.select2-container--focus, .register-container .register-bank-selector-container .select2.select2-container.select2-container--open, .register-container .register-bank-selector-container .select2.select2-container.select2-container--below { z-index: 2; }

.contact-container { overflow: hidden; background: linear-gradient(180deg, var(--button_primary_color_1) 0%, var(--button_primary_color_1) 100%); position: absolute; border-radius: 8px; max-width: 475px; min-height: 55%; top: 50%; left: 50%; bottom: 0%; transform: translate(-50%, -50%); }

.contact-container__background { position: absolute; top: 50%; left: 50%; bottom: 0%; transform: translate(-50%, -50%); width: 100%; height: 100%; }

.contact-container__background img { width: 90%; height: auto; object-fit: contain; display: block; margin: 0px auto; }

.contact-container__footer { height: 110px; width: 100%; position: absolute; left: 0px; right: 0px; bottom: 0px; background: rgb(33, 33, 33); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-left: 1px solid rgb(166, 123, 67); border-right: 1px solid rgb(166, 123, 67); border-bottom: 1px solid rgb(166, 123, 67); z-index: 2; box-shadow: rgba(0, 0, 0, 0.24) 0px -6px 8px 1px; }

.contact-container__footer .qrcode canvas { border-radius: 4px; transform: translateY(-40%); height: 132px !important; width: 132px !important; }

.contact-container__footer .line-add .line_ic { display: flex; -webkit-box-align: center; align-items: center; }

.contact-container__footer .line-add .line_ic img { width: 60px; object-fit: contain; }

.contact-container__footer .line-add .line_link .line-id { margin-top: 4px; font-weight: 200; }

.cutom-game-entry { flex-wrap: wrap; }

.cutom-game-entry > a { min-width: 30%; padding: 0px; }

.group-entrance-games-container { margin: 0px auto; }

.member-container { background: transparent; width: 720px; margin: 0px auto; max-width: 97%; }

.member-container .credit-content { background: linear-gradient(135deg, var(--member_creditbox_bg_color_1) 0%, var(--member_creditbox_bg_color_2) 100%); }

.member-container .credit-content .slider { position: absolute; filter: saturate(0.9) opacity(0.9) brightness(0.8); z-index: -1; top: 0px; left: 0px; width: 100%; height: 100%; bottom: 0px; object-fit: cover; }

.member-container .credit-content .slider.bg-default { background: linear-gradient(to bottom right, var(--button_primary_color_1) 0%, var(--button_primary_color_2) 100%); filter: brightness(1.1); }

.member-container .credit-content .slider img { height: 100%; width: 100%; object-fit: cover; mix-blend-mode: luminosity; }

.member-container .credit-content .slider .slick-slider.slick-initialized { height: 100%; width: 100%; }

.member-container .credit-content .slider .slick-slider.slick-initialized .slick-list { height: 100%; width: 100%; }

.member-container .credit-content .slider .slick-slider.slick-initialized .slick-list .slick-track { height: 100%; width: 100%; }

.member-container .credit-content .slider .slick-slider.slick-initialized .slick-list .slick-track .slick-slide > div { height: 100%; }

.member-container .credit-content .slider .slick-slider.slick-initialized .slick-list .slick-track .slick-slide > div > div { height: 100%; }

.member-container .credit-content .profile-badge-new .txt-number-phone { font-size: 1.52em; color: rgb(0, 0, 0); font-weight: bold; text-shadow: rgba(0, 0, 0, 0.21) 2px 2px 1px; width: fit-content; padding: 0.25em 1em 0.25em 50px; height: 40px; }

.member-container .credit-content .profile-badge-new .front { position: absolute; left: 0px; top: 50%; height: 46px; width: 46px; background: linear-gradient(180deg, var(--button_primary_color_1) 0%, var(--button_primary_color_2) 100%); border-radius: 50%; display: flex; justify-content: center; align-items: center; padding: 3px; transform: translateY(-50%); }

.member-container .credit-content .profile-badge-new .front img { width: 95%; height: 95%; object-fit: contain; }

.profile-container { max-width: 720px; }

.profile-container .profile-content { display: flex; flex-direction: column; justify-content: space-between; padding: 8% 2em 10%; }

.profile-container .profile-content .profile-center-content { margin-top: -2%; padding-left: 2em; position: relative; }

.profile-container .profile-content .profile-center-content::before { content: "ชื่อและเลขบัญชีธนาคาร"; position: absolute; top: -20px; left: 0px; font-size: 14px; width: 100%; text-align: center; color: rgb(58, 58, 58); padding-left: 16px; }

.profile-container .profile-content .profile-center-content .bank-number { font-size: 2em; letter-spacing: 2px; }

.profile-container .profile-content .profile-center-content .bank-name { font-size: 1.7em; }

.header-block-content { background: linear-gradient(180deg, var(--button_primary_color_1) 0%, var(--button_primary_color_2) 100%); box-shadow: rgba(0, 0, 0, 0.54) 1px 4px 8px 0px; position: relative; z-index: 1; border-top-left-radius: 12px !important; border-top-right-radius: 12px !important; }

.deposit-container .group-bank_user-wrapper { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }

.deposit-container .group-bank_user-wrapper .user-bank-icon { width: 48px; height: 48px; object-fit: contain; }

.deposit-container .group-bank_user { width: fit-content; margin-left: 1em; display: flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.deposit-container .bank-deposit-item { margin: 0.5em 1em; }

.deposit-container .bank-deposit-item .bank-info { position: relative; flex-wrap: nowrap; -webkit-box-align: center; align-items: center; }

.deposit-container .bank-deposit-item .bank-info .bank-icon { width: 60px; padding: 0px; }

.deposit-container .bank-deposit-item .bank-info .bank-icon img { width: 100%; object-fit: contain; }

.deposit-container .bank-deposit-item .bank-info .bank-detail { -webkit-box-flex: 1; flex: 1 1 0%; }

.history-container #history-side, .notify-container #history-side { border: 1px solid var(--button_primary_color_1); }

.history-container #history-side .swiper-pagination-bullet-active, .notify-container #history-side .swiper-pagination-bullet-active { background: linear-gradient(180deg, var(--button_primary_color_1) 0%, var(--button_primary_color_2) 100%); border-radius: 0px; color: rgb(22, 22, 22) !important; }

.history-container #history-side .btn-line-secondary, .notify-container #history-side .btn-line-secondary { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.history-container .swiper-wrapper .swiper-slide, .notify-container .swiper-wrapper .swiper-slide { background: rgba(255, 255, 255, 0.2); display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-right: 0px !important; width: 100% !important; min-height: 66vh !important; }

.history-container .swiper-wrapper .swiper-slide.swiper-slide-active[aria-label="2 / 2"], .notify-container .swiper-wrapper .swiper-slide.swiper-slide-active[aria-label="2 / 2"] { margin-left: 20px !important; }

.history-container .swiper-wrapper .page-link, .notify-container .swiper-wrapper .page-link { color: rgb(215, 215, 215); border: 1px solid var(--button_primary_color_2); background-color: rgb(17, 17, 17); }

.history-container .swiper-wrapper .page-item.active .page-link, .notify-container .swiper-wrapper .page-item.active .page-link { border-color: var(--button_primary_color_2); background-color: var(--button_primary_color_2); }

.history-container .swiper-wrapper .page-item.disabled .page-link, .notify-container .swiper-wrapper .page-item.disabled .page-link { border-color: var(--button_primary_color_2); background-color: var(--button_primary_color_2); color: rgb(255, 255, 255); opacity: 0.4; }

.history-container .zpagenav .page-link, .notify-container .zpagenav .page-link { color: rgb(215, 215, 215); border: 1px solid var(--button_primary_color_2); background-color: rgb(17, 17, 17); }

.history-container .zpagenav .page-item.active .page-link, .notify-container .zpagenav .page-item.active .page-link { border-color: var(--button_primary_color_2); background-color: var(--button_primary_color_2); }

.history-container .zpagenav .page-item.disabled .page-link, .notify-container .zpagenav .page-item.disabled .page-link { border-color: var(--button_primary_color_2); background-color: var(--button_primary_color_2); color: rgb(255, 255, 255); opacity: 0.4; }

.promotion-member-container .promotion-item:nth-child(1) { margin-top: 1em; }

.promotion-member-container .promotion-item > img { box-shadow: rgba(0, 0, 0, 0.67) 1px 4px 8px 0px; position: relative; z-index: 1; }

@-webkit-keyframes layer-move-mini-surround { 
  0%, 100% { transform: translate3d(0px, 4px, 0px); }
  35% { transform: translate3d(-4px, 8px, 0px); }
  65% { transform: translate3d(-8px, -4px, 0px); }
}

@keyframes layer-move-mini-surround { 
  0%, 100% { transform: translate3d(0px, 4px, 0px); }
  35% { transform: translate3d(-4px, 8px, 0px); }
  65% { transform: translate3d(-8px, -4px, 0px); }
}

.select2-container--default .select2-selection--single .select2-selection__arrow b { border-width: 8px 7px 0px; margin-left: -20px; }

.link-ref-coppy { display: flex; -webkit-box-align: center; align-items: center; }

.link-ref-coppy .link-text { -webkit-box-flex: 1; flex: 1 1 0%; margin-right: 4px; height: 100%; background: rgba(255, 255, 255, 0.26); border-radius: 4px; padding: 4px 8px; font-weight: 200; color: rgb(252, 188, 49); }

.link-ref-coppy button { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }

.ip-copyfrom { position: absolute; left: -9999px; }

.group-entrance-games-container .game-item-wrapper { position: relative; }

.group-entrance-games-container .game-item-wrapper.comming-soon { pointer-events: none; }

.group-entrance-games-container .game-item-wrapper.comming-soon a { filter: blur(0.5px) brightness(0.4); }

.group-entrance-games-container .game-item-wrapper .comming_soon { position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; width: 100%; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.group-entrance-games-container .game-item-wrapper .comming_soon span { color: rgb(218, 218, 218); font-size: 2rem; line-height: 1; }

.game-list.game-item, .game-type.game-item { position: relative; }

.game-list.game-item .card, .game-type.game-item .card { overflow: hidden; border: 2px solid gray; border-radius: 12px !important; }

.game-list.game-item .card .card-img, .game-type.game-item .card .card-img { height: 100%; width: 100%; object-fit: contain; filter: brightness(1.2); }

.game-list.game-item .card .list-group, .game-type.game-item .card .list-group { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.game-list.game-item .card .list-group .list-group-item, .game-type.game-item .card .list-group .list-group-item { display: flex; padding: 0px !important; }

.game-list.game-item .card .list-group .list-group-item button, .game-type.game-item .card .list-group .list-group-item button { -webkit-box-flex: 1; flex: 1 1 0%; border-radius: unset; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; font-weight: bold; }

.game-list.game-item .card .list-group .list-group-item button i, .game-type.game-item .card .list-group .list-group-item button i { margin-right: 4px; }

.game-list.game-item .game-preview .btn-game-entry, .game-type.game-item .game-preview .btn-game-entry { width: fit-content; }

.game-list.game-item .btn-game-entry, .game-type.game-item .btn-game-entry { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; font-weight: 300; font-size: 16px; letter-spacing: -0.5px; color: rgb(255, 255, 255); padding: 2px 8px; border-radius: 0.75em; margin: 0px auto; border: 2px solid rgb(255, 255, 255); position: absolute; bottom: 0px; left: 50%; transform: translate(-50%, -40%); background: rgba(0, 0, 0, 0.79); box-shadow: rgba(255, 255, 255, 0.73) 0px 0px 4px 2px; width: fit-content; }

.game-list.game-item .btn-game-entry img, .game-type.game-item .btn-game-entry img { object-fit: contain; margin-right: 0.5em; height: 16px !important; width: auto !important; }

.game-list.game-item .wrapper-btn-game-entry, .game-type.game-item .wrapper-btn-game-entry { position: absolute; bottom: 0px; left: unset; width: 100%; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; transform: translateY(-22px); }

.game-list.game-item .wrapper-btn-game-entry li, .game-type.game-item .wrapper-btn-game-entry li { background: unset; width: fit-content; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; box-shadow: none; }

.game-list.game-item .wrapper-btn-game-entry .btn-game-entry, .game-type.game-item .wrapper-btn-game-entry .btn-game-entry { transform: unset; position: relative; bottom: unset; font-size: 16px !important; font-weight: 300 !important; left: unset !important; width: fit-content !important; border-radius: 0.75em !important; }

.game-list.game-item .wrapper-btn-game-entry.keno, .game-list.game-item .wrapper-btn-game-entry.poker, .game-type.game-item .wrapper-btn-game-entry.keno, .game-type.game-item .wrapper-btn-game-entry.poker { transform: translateY(-12px); }

.btn-back-to-provider-select { position: absolute; top: 0px; right: 6px; }

.sub-page.fullscreen { padding-top: 0px; }

.full-fit { position: fixed; inset: 0px; }

#main-nav { transform: translateY(0px); transition: transform 0.6s ease-in-out; }

#main-nav.show-ingame { transform: translateY(0px) !important; }

#main-nav.show-ingame-sport { transform: translateY(0px) !important; }

#main-nav.show-ingame-sport.mobile { height: calc(98px); }

#main-nav.show-ingame-sport.mobile .container .navbar-brand img { height: 58px; }

#main-nav.show-ingame-sport.mobile #navbarSupportedContent { top: calc(var(--header-height) - 34px) !important; }

#main-nav.fullscreen { transform: translateY(-100%); }

.btn-trigger-showmenu { position: absolute; height: 60px; width: 60px; top: 25%; right: 8px; z-index: 1000; padding: 0px; border-radius: 50%; background: rgb(30, 30, 30); overflow: hidden; box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.btn-trigger-showmenu img { object-fit: contain; width: 100%; height: 100%; }

.game-type.game-item .btn-img { overflow: hidden; border: 2px solid gray; background-color: rgb(35, 34, 31); padding: 0px; border-radius: 12px !important; }

.game-type.game-item .btn-img .game-preview img { height: auto; width: 100%; filter: brightness(1.2); object-fit: contain; }

.game-list, .game-type { -webkit-box-pack: center !important; justify-content: center !important; }

#suggestSlider .swiper-slide { height: 8em; overflow: hidden; border-radius: 12px; border: 2px solid rgb(231, 193, 81); background: rgb(255, 255, 255); width: 8em !important; }

#suggestSlider .swiper-slide img { height: 100% !important; object-fit: cover !important; }

.modal-custom .modal-content { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-top-left-radius: 12px !important; border-top-right-radius: 12px !important; }

.modal-custom .modal-content .modal-header { background: linear-gradient(180deg, var(--button_primary_color_1) 0%, var(--button_primary_color_2) 100%); box-shadow: rgba(0, 0, 0, 0.54) 1px 4px 8px 0px; position: relative; z-index: 1; border-bottom: unset; }

.modal-custom .modal-content .modal-body .bank_user_wrapper { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }

.modal-custom .modal-content .modal-body .bank_user_wrapper .user-bank-icon { width: 48px; height: 48px; object-fit: contain; }

.modal-custom .modal-content .modal-body .bank_user_wrapper .group-bank_user { width: fit-content; margin-left: 1em; display: flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.list-message { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; }

.swal2-container.swal2-backdrop-show { background: rgba(0, 0, 0, 0.71) !important; }

.swal2-popup { box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px; position: relative; background: linear-gradient(rgb(71, 69, 74) 0%, rgb(41, 41, 41) 100%) !important; max-width: 435px !important; }

.swal2-popup.swal2-icon-error { padding-left: 0px; padding-right: 0px; padding-bottom: 0px; }

.swal2-popup.swal2-icon-error .swal2-icon.swal2-icon-show { margin-top: 8px; }

.swal2-popup.swal2-icon-error .swal2-header .swal2-title { color: rgb(255, 255, 255); font-size: 1.8em; }

.swal2-popup.swal2-icon-error .swal2-actions { padding: 0px; -webkit-box-flex: 1; flex: 1 1 0%; }

.swal2-popup.swal2-icon-error .swal2-actions button.swal2-confirm.swal2-styled { outline: none; width: 100%; box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; margin: 0px; border-radius: unset; background: linear-gradient(rgb(179, 57, 52) 0%, rgb(179, 57, 52) 100%) !important; }

.swal2-popup.swal2-icon-error .swal2-content .swal2-html-container { color: rgb(180, 180, 180); }

.swal2-popup.swal2-icon-success { padding-left: 0px; padding-right: 0px; padding-bottom: 0px; }

.swal2-popup.swal2-icon-success .swal2-icon.swal2-icon-show { margin-top: 8px; }

.swal2-popup.swal2-icon-success .swal2-header .swal2-title { color: rgb(255, 255, 255); font-size: 1.8em; }

.swal2-popup.swal2-icon-success .swal2-actions { padding: 0px; -webkit-box-flex: 1; flex: 1 1 0%; }

.swal2-popup.swal2-icon-success .swal2-actions button.swal2-confirm.swal2-styled { outline: none; width: 100%; box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; margin: 0px; border-radius: unset; background: linear-gradient(rgb(46, 205, 112) 0%, rgb(38, 160, 89) 100%) !important; }

.swal2-popup.swal2-icon-success .swal2-content .swal2-html-container { color: rgb(180, 180, 180); }

.swal2-popup.swal2-icon-warning { padding-left: 0px; padding-right: 0px; padding-bottom: 0px; }

.swal2-popup.swal2-icon-warning .swal2-actions { padding: 0px; -webkit-box-flex: 1; flex: 1 1 0%; }

.swal2-popup.swal2-icon-warning .swal2-actions button.swal2-confirm.swal2-styled { outline: none; -webkit-box-flex: 1; flex: 1 1 0%; box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; margin: 0px; border-radius: unset; background: linear-gradient(to bottom, var(--button_primary_color_1) 0%, var(--button_primary_color_2) 100%) !important; }

.swal2-popup.swal2-icon-warning .swal2-actions button.swal2-cancel.swal2-styled { -webkit-box-flex: 1; flex: 1 1 0%; margin: 0px; border-radius: unset; }

#lastSlide .swiper-slide { height: 6em; overflow: hidden; border-radius: 12px; border: 2px solid rgb(231, 193, 81); background: rgb(255, 255, 255); }

#lastSlide .swiper-slide > div { width: 100%; height: 100%; }

#lastSlide .swiper-slide > div > img { height: 100%; object-fit: cover; }

.w-fit-content { width: fit-content !important; }

.iziToast.custom-copy { background: rgb(97, 97, 97) !important; border-color: unset !important; }

.iziToast.custom-copy .iziToast-body .iziToast-icon { color: rgb(255, 255, 255); }

.iziToast.custom-copy .iziToast-body .iziToast-texts * { color: rgb(255, 255, 255) !important; }

.iziToast.custom-copy .iziToast-close { transform: scale(1.5); opacity: 1; filter: invert(1); }

.card.border-none { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }

.card.bg-transaparent { background: transparent !important; }

.min-h-100 { min-height: 100vh; }

.custom-max-width-container { max-width: 720px; }

.navbar-nav .nav-item { min-width: fit-content; }

.navbar-nav .nav-item .nav-link-ic { display: none; }

.navbar-nav .nav-item.header-group-menu { display: none; }

.navbar-nav .nav-item.cutom-game-entry { display: none !important; }

.notify-popup-wrapper { width: 100%; margin: 0px auto; position: fixed; max-width: 960px; top: 85px; display: block; z-index: 1000; left: 0px; right: 0px; transform: translateY(-103%); opacity: 0; pointer-events: none; transition: 0.4s; }

.notify-popup-wrapper.active { transition: 0.4s; transform: translateY(0px); opacity: 1; pointer-events: auto; z-index: 1200; }

.notify-popup-container { background: rgb(234, 234, 234); position: relative; left: 0px; width: 460px; z-index: 1000; max-width: 95%; border-radius: 0.5em; box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px; }

.notify-popup-container .notify-popup-header button { margin-left: auto; background: transparent; outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-size: 28px; padding: 0.5em; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 28px; font-weight: 100; color: rgb(196, 196, 196); }

.notify-popup-container .notify-popup-body { -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }

.notify-popup-container .notify-popup-body .ic-container { -webkit-box-flex: 2; flex: 2 1 0%; }

.notify-popup-container .notify-popup-body .ic-container img { width: 135px; height: auto; object-fit: contain; }

.notify-popup-container .notify-popup-body .content-detail { -webkit-box-flex: 3; flex: 3 1 0%; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; display: flex; }

.notify-popup-container .notify-popup-body .content-detail .txt h4 { color: rgb(173, 119, 19); font-size: 17px; font-weight: 500; margin-bottom: 6px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.notify-popup-container .notify-popup-body .content-detail .txt p { font-size: 15px; color: rgb(48, 48, 48); line-height: 1; font-weight: 300; margin-bottom: 0px; }

.notify-popup-container .notify-popup-body .content-detail .group-button { display: flex; margin-top: 1em; margin-bottom: 12px; }

.notify-popup-container .notify-popup-body .content-detail .group-button button { line-height: 1; -webkit-box-flex: 1; flex: 1 1 0%; border-radius: 4em; }

.notify-popup-container .notify-popup-body .content-detail .group-button button.btn-allow { color: rgb(212, 168, 60); box-shadow: white -3px -4px 4px 1px, rgba(0, 0, 0, 0.2) 4px 4px 4px 0px; border: 1px solid rgba(193, 193, 193, 0.06); margin-right: 4px; }

.notify-popup-container .notify-popup-body .content-detail .group-button button.btn-not-allow { color: rgb(158, 158, 158); box-shadow: rgba(0, 0, 0, 0.2) 8px 6px 7px -2px inset, rgba(255, 255, 255, 0.86) -2px -4px 7px 2px inset; border: 1px solid rgba(193, 193, 193, 0.06); margin-left: 4px; }

.input-group input.form-control { font-weight: 400; color: rgb(26, 26, 26); }

.input-group input.form-control::-webkit-input-placeholder { opacity: 1; color: rgb(26, 26, 26) !important; font-weight: 400 !important; }

.input-group input.form-control::placeholder { opacity: 1; color: rgb(26, 26, 26) !important; font-weight: 400 !important; }

.input-group input.form-control:focus { color: rgb(26, 26, 26) !important; font-weight: 600 !important; }

.input.form-control::-webkit-input-placeholder { font-weight: 400; color: rgb(26, 26, 26); }

.flex-row-center-xy { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.entrance_games_theme-2 .menu_games { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; max-width: 70px; background: rgba(255, 255, 255, 0.24); border-radius: 4px; position: relative; z-index: 20; height: fit-content; }

.entrance_games_theme-2 .menu_games li.menu_item { list-style: none; width: 70px; transition: 0.2s; cursor: pointer; border-top: 1px solid rgba(0, 0, 0, 0.14); }

.entrance_games_theme-2 .menu_games li.menu_item.loading { pointer-events: none; }

.entrance_games_theme-2 .menu_games li.menu_item.active { width: 75px; box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; border-radius: 3px; background: linear-gradient(180deg, var(--button_primary_color_1) 0%, var(--button_primary_color_2) 100%); transition: 0.2s; }

.entrance_games_theme-2 .menu_games li.menu_item.active .menu-icon { filter: invert(0); }

.entrance_games_theme-2 .menu_games li.menu_item.active .menu-name { color: rgb(0, 0, 0); font-weight: 500 !important; }

.entrance_games_theme-2 .menu_games li.menu_item .menu-icon { width: 75%; height: auto; object-fit: contain; filter: invert(1); }

.entrance_games_theme-2 .menu_games li.menu_item .menu-name { white-space: nowrap; }

.entrance_games_theme-2 .list_games_wrapper { background: linear-gradient(9deg, rgba(0, 0, 0, 0.45), transparent); border-top-right-radius: 4px; border-bottom-right-radius: 4px; position: relative; overflow: hidden; margin-bottom: 0px; }

.entrance_games_theme-2 .list_games_wrapper .title-provider-name { width: 100%; position: absolute; top: 0px; right: 0px; z-index: 10; background: rgba(0, 0, 0, 0.56); }

.entrance_games_theme-2 .list_games_wrapper .title-provider-name .btn-back-to-provider { position: absolute; top: 50%; right: 1em; transform: translateY(-50%); }

.entrance_games_theme-2 .list_games_wrapper .title-provider-name .btn-back-to-provider i { font-size: 1.25em; color: rgb(191, 191, 191); }

.entrance_games_theme-2 .list_games_wrapper::before { content: ""; width: calc(100% - 16px); height: 0px; background: transparent; position: absolute; top: -3px; right: 0px; z-index: 10; box-shadow: black 0px 3px 6px 2px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.entrance_games_theme-2 .list_games_wrapper::after { content: ""; width: calc(100% - 16px); height: 0px; background: transparent; position: absolute; bottom: 2px; right: 0px; z-index: 10; box-shadow: rgba(0, 0, 0, 0.67) 0px 3px 4px 5px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.entrance_games_theme-2 .list_games_wrapper .list_games, .entrance_games_theme-2 .list_games_wrapper .list_providers { flex-wrap: wrap; margin-bottom: 0px; opacity: 1; }

.entrance_games_theme-2 .list_games_wrapper .list_games::-webkit-scrollbar, .entrance_games_theme-2 .list_games_wrapper .list_games div::-webkit-scrollbar, .entrance_games_theme-2 .list_games_wrapper .list_providers::-webkit-scrollbar, .entrance_games_theme-2 .list_games_wrapper .list_providers div::-webkit-scrollbar { width: 5px; background-color: rgb(26, 25, 24); border-radius: 10px; }

.entrance_games_theme-2 .list_games_wrapper .list_games::-webkit-scrollbar-thumb, .entrance_games_theme-2 .list_games_wrapper .list_providers::-webkit-scrollbar-thumb { border-radius: 10px; background-color: var(--scrollbar_thump); }

.entrance_games_theme-2 .list_games_wrapper .list_games::-webkit-scrollbar-track, .entrance_games_theme-2 .list_games_wrapper .list_providers::-webkit-scrollbar-track { border-radius: 10px; background-color: var(--scrollbar_track); }

.entrance_games_theme-2 .list_games_wrapper .list_games.loading, .entrance_games_theme-2 .list_games_wrapper .list_providers.loading { opacity: 0; }

.entrance_games_theme-2 .list_games_wrapper .list_games .game_item, .entrance_games_theme-2 .list_games_wrapper .list_games .provider_item, .entrance_games_theme-2 .list_games_wrapper .list_providers .game_item, .entrance_games_theme-2 .list_games_wrapper .list_providers .provider_item { width: 23.25%; border-radius: 0.5em; margin: 0px 2px 0.5em; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; border: 1px solid rgba(243, 232, 209, 0.57); background: rgba(73, 73, 73, 0.68); height: 100%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.entrance_games_theme-2 .list_games_wrapper .list_games .game_item .progress, .entrance_games_theme-2 .list_games_wrapper .list_games .provider_item .progress, .entrance_games_theme-2 .list_games_wrapper .list_providers .game_item .progress, .entrance_games_theme-2 .list_games_wrapper .list_providers .provider_item .progress { border-radius: 0px; border-top: 1px solid rgb(0, 0, 0); background: rgb(51, 51, 51); }

.entrance_games_theme-2 .list_games_wrapper .list_games .game_item .game-title, .entrance_games_theme-2 .list_games_wrapper .list_games .provider_item .game-title, .entrance_games_theme-2 .list_games_wrapper .list_providers .game_item .game-title, .entrance_games_theme-2 .list_games_wrapper .list_providers .provider_item .game-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; text-align: center; width: 100%; }

.entrance_games_theme-2 .list_games_wrapper .list_games .game_item .btn-play, .entrance_games_theme-2 .list_games_wrapper .list_games .provider_item .btn-play, .entrance_games_theme-2 .list_games_wrapper .list_providers .game_item .btn-play, .entrance_games_theme-2 .list_games_wrapper .list_providers .provider_item .btn-play { -webkit-box-flex: 1; flex: 1 1 0%; max-width: 100%; width: 100%; min-width: unset; border-top-left-radius: 0px; border-top-right-radius: 0px; }

.entrance_games_theme-2 .list_games_wrapper .list_games .game_item img, .entrance_games_theme-2 .list_games_wrapper .list_games .provider_item img, .entrance_games_theme-2 .list_games_wrapper .list_providers .game_item img, .entrance_games_theme-2 .list_games_wrapper .list_providers .provider_item img { object-fit: contain; height: 100%; }

.entrance_games_theme-2 .list_games_wrapper .list_games, .entrance_games_theme-2 .list_games_wrapper .list_providers { overflow-y: scroll; position: relative; padding-top: 0.5em; padding-left: 0.5em; padding-right: 0.5em; }

.entrance_games_theme-2 .list_games_wrapper .list_providers.sub-list, .entrance_games_theme-2 .list_games_wrapper .list_games.sub-list { padding-top: 42px; }

.bg-custom-toast-primary { background-color: rgb(13, 110, 253) !important; }

p:empty { height: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; }

.progress.slot-formular { height: 0px !important; display: none; }

.animate__bounce_remove { animation: auto ease 0s 1 normal none running none; transform: unset; transition: unset; }

.promotion-content-container > .col-md-6:nth-child(1) > p.text-content { color: var(--content_text_color); }

.content-list-container > ul > li > span { color: var(--content_text_color); }

.content-list-container > h2 > span { color: var(--content_title_color); }

.games-entrance-item > a > .game-preview > .footer > h3 { color: var(--game_text_color_inner); }

section.tagging-container > a { color: var(--tags_text_color); background: var(--tags_bg_color); }

[id="#the-footer"] { background: linear-gradient(180deg, var(--footer_bg_color1) 0%, var(--footer_bg_color2) 100%); }

.label-gamehall-list-container > div.gamehall-item {/* background: var(--game_hall_item_bg); */}

.btn-outline-warning { color: rgb(0, 0, 0); border-color: rgb(255, 193, 7); background: rgb(255, 193, 7); }

@media only screen and (max-width: 768px) {
  .navbar-nav .nav-item.cutom-game-entry { display: flex !important; }
  #main-nav #navbarSupportedContent { background-color: rgb(44, 44, 44) !important; }
  .navbar-nav .nav-item { display: flex; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.11); }
  .navbar-nav .nav-item.logout-mobile { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; -webkit-box-pack: center; justify-content: center; margin-top: 1em; }
  .navbar-nav .nav-item.logout-mobile button { max-width: 50%; text-align: center; }
  .navbar-nav .nav-item .nav-link-ic { width: 28px; height: 28px; object-fit: contain; margin-right: 1em; display: flex; }
  .navbar-nav .nav-item.header-group-menu { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; display: flex; width: 100%; padding: 0.5em 1em; font-weight: 500; font-size: 1em; color: rgb(243, 152, 4); }
  .navbar-nav .nav-item.header-group-menu > span { padding-left: 0.5em; }
  .navbar-nav .nav-item.cutom-game-entry { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }
  .navbar-nav .nav-item.cutom-game-entry a, .navbar-nav .nav-item.cutom-game-entry button { font-weight: 300; border-top: 1px solid rgba(255, 255, 255, 0.11); }
  .navbar-nav .nav-item.cutom-game-entry a span.text-highlight, .navbar-nav .nav-item.cutom-game-entry button span.text-highlight { margin: 0px !important; }
  .navbar-nav .nav-item.cutom-game-entry button { margin: 0px !important; }
  .navbar-nav .nav-item a, .navbar-nav .nav-item button { font-weight: 300; width: 100%; text-align: left; padding: 0.5em 1em; font-size: 1em !important; display: flex !important; }
  .navbar-nav .nav-item a span, .navbar-nav .nav-item button span { -webkit-box-flex: 1; flex: 1 1 0%; }
  .notify-popup-wrapper { top: unset; bottom: 0.5em; }
  .notify-popup-container { left: 50%; transform: translateX(-50%); }
  .notify-popup-container .notify-popup-body { overflow: hidden; padding: 0px 6px !important; }
  .notify-popup-container .notify-popup-body .ic-container { -webkit-box-flex: 1; flex: 1 1 0%; }
  .notify-popup-container .notify-popup-body .content-detail .group-button button { padding-left: 0px; padding-right: 0px; }
  .entrance_games_theme-2 .list_games_wrapper .list_games .game_item, .entrance_games_theme-2 .list_games_wrapper .list_games .provider_item, .entrance_games_theme-2 .list_games_wrapper .list_providers .game_item, .entrance_games_theme-2 .list_games_wrapper .list_providers .provider_item { width: 45.5%; }
  #navbarSupportedContent.navbar-content-index .nav-item .nav-link > span { padding-left: 4em; }
  #navbarSupportedContent.navbar-content-index .nav-item .nav-link > span { padding-left: 4em; }
  #main-nav .group-button-user { background: none; }
  #main-nav .group-button-user .d-inline-flex { -webkit-box-pack: center; justify-content: center; -webkit-box-align: end; align-items: flex-end; display: flex !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; flex-direction: column !important; }
  #main-nav .group-button-user .d-inline-flex .btn-custom, #main-nav .group-button-user .d-inline-flex .btn-custom-primary, #main-nav .group-button-user .d-inline-flex .btn-custom-secondary { font-size: 14px; }
  #main-nav .group-button-user .d-inline-flex .register-btn { margin-bottom: 3px; }
  #main-nav .group-button-user .d-inline-flex .register-btn, #main-nav .group-button-user .d-inline-flex .login-btn { padding-left: 0px; padding-right: 0px; max-width: 150px; width: 138px; box-sizing: border-box; min-width: unset; }
  #main-nav .navbar-brand { position: absolute; transform: translateX(-50%); left: 50%; }
  #main-nav .navbar-brand.not-login-stay-left { transform: translateX(-80%) !important; }
  #main-nav .navbar-brand img { height: 60px; object-fit: contain; }
  #main-nav #navbarSupportedContent { position: relative; left: 0px; right: 0px; width: 100%; margin-left: -16px; margin-right: -16px; background-color: rgb(70, 70, 70); transform: translateX(-100vw); opacity: 1; transition: 0.3s ease-out !important; }
  #main-nav #navbarSupportedContent.collapsing { transition: unset; }
  #main-nav #navbarSupportedContent { position: relative; overflow-x: hidden; height: calc(100vh - (var(--header-height))); top: calc(var(--header-height) - 8px); overflow-y: scroll !important; z-index: 1200 !important; }
  #main-nav #navbarSupportedContent.show { opacity: 1; transform: translateX(0px); transition: 0.2s ease-out !important; }
  #main-nav .navbar-nav { height: fit-content; min-height: fit-content; padding-bottom: 8em; }
  .ham-menu { position: absolute; left: 12px; }
  .ham-menu .ic-ham-mobile { max-width: 40px; object-fit: contain; }
  .group-button-user { position: absolute; right: 12px; }
  #foot-menu { padding: 4px; height: 70px; }
  #foot-menu .foot-icon { height: 26px; width: 26px; }
  #foot-menu .foot-txt { font-size: 0.85em; }
  .functons-container .member-block-wrapper { padding: 0.5em !important; }
  .functons-container .member-block-wrapper .btn-menu { font-size: 1em; height: 3.2em !important; padding: 0.2em !important; }
  .add-home-screen-container { padding: 8px 0px !important; }
  .add-home-screen-container .container .left .fs-5 { font-size: 16px !important; }
  .add-home-screen-container .container .left .fw-light { font-size: 14px !important; }
  .contact-container { border-radius: unset; height: calc(-5.2em - 70px + 110vh); padding-top: 20px; }
  .contact-container__background { height: unset !important; position: relative !important; top: unset !important; left: unset !important; bottom: unset !important; transform: unset !important; }
  .contact-container__background img { width: 99% !important; }
  .contact-container__footer a.link_wrapper { transform: translateY(-75%); -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
  .contact-container__footer a.link_wrapper [class*="__qrcode"] { transform: translateY(0px); }
  .contact-container__footer a.link_wrapper [class*="__qrcode"] canvas { transform: translateY(0px); width: 150px !important; height: 150px !important; }
  .contact-container__footer a.link_wrapper [class*="__line-add"] { -webkit-box-pack: center; justify-content: center; }
  .contact-container__footer a.link_wrapper [class*="__line-add"] .line_ic img { width: 60px; }
  .contact-container__footer a.link_wrapper .line-add { transform: translateY(-75%); -webkit-box-pack: center !important; justify-content: center !important; }
  .group-entrance-games-container { width: 100%; }
  .logout-wrapper button { display: none !important; }
  .txt-game-recommend { text-align: left !important; }
}

@media (min-width: 574px) and (max-width: 767px) {
  nav#main-nav .navbar-brand img { height: 55px; }
  nav#main-nav .container { height: 100%; position: relative; }
  nav#main-nav #navbarSupportedContent { position: absolute; bottom: -8px; height: 30px; left: 0px; right: 0px; top: unset; }
  nav#main-nav .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: center; justify-content: center; display: flex; margin: auto; }
  nav#main-nav .navbar-nav .nav-item { height: 30px; margin-left: 4px; margin-right: 4px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: end; align-items: flex-end; }
  nav#main-nav .navbar-nav .nav-item.logout-mobile { width: 0px !important; margin: 0px !important; }
  nav#main-nav .navbar-nav .nav-item.responsive-menu-nav { width: 0px; }
  nav#main-nav .navbar-nav .nav-item.cutom-game-entry { display: none !important; }
  nav#main-nav .navbar-nav .nav-item a { padding: 0px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; font-size: 15px; font-weight: 300; }
  nav#main-nav .navbar-nav .nav-item button.nav-link { font-size: 15px; font-weight: 300; padding: 0px; }
}

@media (min-width: 768px) and (max-width: 768px) {
  .group-button-user { top: 13px; }
  #main-nav .group-button-user .d-inline-flex { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; flex-direction: row !important; }
  #main-nav .group-button-user .d-inline-flex a:nth-child(1) { margin-bottom: 0px !important; }
  #main-nav .navbar-brand.not-login { left: 44px; }
  #main-nav #navbarSupportedContent { transition: unset; position: absolute; margin: 0px; top: 46px; -webkit-box-flex: 1; flex: 1 1 0%; justify-content: center; width: 100vw !important; display: flex !important; }
  #main-nav #navbarSupportedContent .navbar-nav { margin-left: 0px !important; }
  #main-nav #navbarSupportedContent .navbar-nav li * { font-size: 16px !important; }
  #main-nav #navbarSupportedContent .navbar-nav li.cutom-game-entry button, #main-nav #navbarSupportedContent .navbar-nav li.cutom-game-entry a { min-width: unset !important; }
}

@media only screen and (max-width: 414px) {
  #main-nav .group-button-user { padding-left: 0px !important; padding-right: 0px !important; }
  #main-nav .group-button-user a.nav-link { max-width: 8.5em !important; height: 2em; }
  #main-nav .group-button-user a.nav-link i { font-size: 1em; }
  #main-nav .group-button-user a.nav-link span { font-size: 0.9em; }
  #main-logo { height: 55px !important; }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  #main-nav .navbar-brand { position: relative; }
}

@media only screen and (max-width: 600px) {
  .deposit-container .bank-deposit-item .bank-item-container { padding: 4px 1em; }
  .deposit-container .bank-deposit-item .bank-info .bank-icon { width: fit-content; }
  .deposit-container .bank-deposit-item .bank-info .bank-icon img { height: 45px; width: 45px !important; }
  .logout-wrapper button { min-width: unset; }
  .logout-wrapper i { color: rgb(181, 60, 60) !important; margin-right: 0px !important; }
  .logout-wrapper span { display: none; }
  .btn-backtohome { min-width: unset; }
  .btn-backtohome i { color: rgb(181, 60, 60) !important; margin-right: 0px !important; }
  .btn-backtohome span { display: none; }
  .btn_copy_bankcode { min-width: unset; line-height: 1; font-size: 12px; -webkit-box-align: center; align-items: center; display: flex; }
  .btn_copy_bankcode i { font-size: 14px; margin-right: 4px; }
}

@media screen and (min-width: 769px) {
  .logout-mobile { display: none !important; }
}

@media (min-width: 576px) and (max-width: 768px) {
  .logout-mobile { display: none !important; }
}

@media only screen and (max-device-width: 736px) {
  .game-list.game-item, .game-type.game-item { margin: 4px; padding: 0px; width: 30% !important; }
  .game-list.game-item .btn-img, .game-type.game-item .btn-img { width: 100%; max-width: 100%; }
  .game-list.game-item .btn-img .game-preview .preview-head, .game-type.game-item .btn-img .game-preview .preview-head { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .game-list.game-item .btn-img .game-preview button, .game-type.game-item .btn-img .game-preview button { width: fit-content; max-width: 100%; min-width: unset; }
}