.cd-auto-hide-header .nav-trigger { display: none; }
@media (max-width: 1024px) {
  body > .wrap, .maincontent .gamelist, .container { min-width: 300px; width: 100% !important; }
  .cd-auto-hide-header { position: fixed; z-index: 999; top: 0px; left: 0px; width: 100%; height: auto; transform: translateZ(0px); will-change: transform; transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s; }
  .cd-auto-hide-header::after { clear: both; content: ""; display: block; }
  .cd-auto-hide-header.is-hidden { transform: translateY(-100%); }
  .cd-auto-hide-header .nav-trigger { display: block; padding: 20px 20px 10px; font-size: 1.2rem; color: rgb(37, 40, 61); font-weight: bold; right: 0px; text-align: right; background: url("../images/main/top_logo.png") 50% 50% / auto 42px no-repeat; }
  .cd-auto-hide-header .nav-trigger span { display: table-cell; vertical-align: middle; }
  .cd-auto-hide-header .nav-trigger em, .cd-auto-hide-header .nav-trigger em::after, .cd-auto-hide-header .nav-trigger em::before { display: block; position: relative; height: 2px; width: 22px; background-color: rgb(255, 255, 255); backface-visibility: hidden; }
  .cd-auto-hide-header .nav-trigger em { margin: 6px auto 14px; transition: background-color 0.2s ease 0s; }
  .cd-auto-hide-header .nav-trigger em::before, .cd-auto-hide-header .nav-trigger em::after { position: absolute; content: ""; left: 0px; transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s; }
  .cd-auto-hide-header .nav-trigger em::before { transform: translateY(-6px); }
  .cd-auto-hide-header .nav-trigger em::after { transform: translateY(6px); }
  .cd-auto-hide-header.nav-open .nav-trigger em { background-color: rgba(255, 255, 255, 0); }
  .cd-auto-hide-header.nav-open .nav-trigger em::before { transform: rotate(-45deg); }
  .cd-auto-hide-header.nav-open .nav-trigger em::after { transform: rotate(45deg); }
  .cd-auto-hide-header .navbar .only_m { position: absolute; right: 10px; top: 10px; display: block !important; }
  #cd-navigation { opacity: 0; display: none; }
  .nav-trigger > .btn-set-trigger { float: right; position: absolute; top: 10px; right: 7px; }
  .nav-trigger > .btn-set-trigger button.btn { font-size: 14px; padding: 7px 8px 5px; line-height: 100%; margin-left: 5px; border-radius: 50px; box-shadow: rgb(0, 0, 0) 0px 1px 0px 0px; }
  .nav-trigger > .btn-set-trigger button.btn span { display: none; }
  .nav-open #cd-navigation { opacity: 1; display: block; overflow: hidden; border-top: 2px solid rgb(50, 31, 6); }
  .navbar { background-image: url("../images/main/top_bar.png"); background-position: center top; background-size: initial; }
  .navbar .nav-linkset { width: 96%; margin: 0% 2.1% 2%; background: none; overflow: initial; height: initial; }
  .navbar .nav-linkset .logos { display: none; }
  .navbar .nav-linkset .nav-box { width: 100%; height: initial; margin: 0px auto; overflow: initial; }
  .navbar .toplink { border-radius: 0px; padding: 7px 0px; width: 96%; margin: 0px 2%; height: initial; }
  .navbar .toplink .toplink-userbtn { padding: 10px 0px; text-align: left; }
  .navbar .toplink .toplink_userinfo { padding: 0px; overflow: hidden; }
  .navbar .toplink .toplink_userinfo li { line-height: 36px; text-align: left; }
  .navbar .toplink .toplink_userinfo .leftbox { float: none; width: 100%; text-align: left; display: flex; justify-content: center; flex-flow: wrap; margin: 0px auto; }
  .navbar .toplink .toplink_userinfo .rightbox { float: none; width: 100%; text-align: left; display: flex; justify-content: space-between; flex-flow: row; margin: 5px 0px 0px; }
  .navbar .toplink .toplink_userinfo .rightbox { }
  .navbar .toplink.trans .toplink_userinfo ul.rightbox li:nth-child(1) button.btn-secondary { margin: 6px auto 0px; }
  .navbar .toplink.trans .toplink_userinfo ul.rightbox li:nth-child(2) button.btn-join { width: 100%; border-radius: 0px; border: none; height: 100%; }
  .navbar .toplink.trans .toplink_userinfo ul.rightbox li:nth-child(3) button.btn-login { width: 100%; border-radius: 0px; border: none; height: 100%; }
  .navbar .toplink .toplink_userinfo .rightbox li strong { color: rgb(139, 74, 184); }
  .navbar .toplink .toplink_userinfo .rightbox li { color: rgb(195, 181, 186); padding: 0px; margin-bottom: 4px; margin-left: -1px; box-sizing: border-box; text-align: center; width: calc(33%); line-height: 125%; }
  .navbar .toplink .toplink_userinfo .rightbox li > i { color: rgb(126, 107, 140); border-color: rgb(126, 107, 140); }
  .navbar .toplink .toplink_userinfo .rightbox li:last-child { display: none; }
  .navbar .toplink .toplink_userinfo .rightbox li a { display: block; padding: 8px 0px 5px; }
  .navbar .toplink .toplink_userinfo .rightbox img { }
  .navbar .toplink .toplink_userinfo .rightbox .roundedlink { border-color: rgb(54, 23, 76); background: rgb(139, 74, 184); }
  .navbar .toplink .toplink_userinfo .rightbox .roundedlink a { border: none; border-radius: 0px; padding: 0px; letter-spacing: 0px; }
  .navbar .toplink .toplink_userinfo li > i { margin-right: 5px; line-height: 110%; }
  .navbar .menuleft, .navbar .menuright { float: none; width: 100%; margin: 0px; }
  .navbar .menuleft ul, .navbar .menuright ul { display: flex; flex-flow: wrap; padding-top: 0px; justify-content: center; }
  .navbar .menuright ul { width: 100%; padding: 1%; background: rgb(149, 117, 165); }
  .navbar .menuleft li, .navbar .menuright li { display: block; }
  .navbar .menuleft li { width: 50%; }
  .navbar .menuright li { display: block; width: 50%; }
  .navbar .menuleft li a { padding-top: 5px; border-bottom: 1px solid rgb(0, 0, 0); background: url("../images/main/menu_box_bg.png") 0px 0px / 100% 100% no-repeat; }
  body.hasHover .navbar .menuright a:hover { height: auto; }
  .navbar .menuleft li a, .navbar .menuright li a { line-height: 44px; font-size: 13px; padding: 0px; }
  body.hasHover .navbar .menuleft a:hover { height: auto; padding-top: 0px; background-image: url("../images/main/menu_box_bg.png"); background-position: right bottom; background-size: 500% 150%; }
  body.hasHover .navbar .menuleft a:hover span, body.hasHover .navbar .menuright a:hover span { border: none; padding: 0px; text-align: center; border-radius: 0px; box-shadow: none; background: none; transition: all 0.3s ease-in-out 0s; color: inherit; font-weight: bold; }
  .navbar .menuright li.liveca, .navbar .menuright li.hotelca, .navbar .menuright li.slotga { background: url("../images/main/menu_box_game_bg.png") 0% 0% / 100% 100% no-repeat; width: 100%; height: auto; margin: 0px; border-bottom: 1px solid rgb(48, 29, 56); }
  .navbar .menuright li.liveca a, .navbar .menuright li.hotelca a, .navbar .menuright li.slotga a { background-repeat: no-repeat; padding: 5px 0px 0px; background-position: 3% 50%; background-size: auto 80%; }
  .navbar .menuright li.liveca a { background-image: url("../images/icons/icon_menu_box_liveca.png"); }
  .navbar .menuright li.hotelca a { background-image: url("../images/icons/icon_menu_box_hotel.png"); }
  .navbar .menuright li.slotga a { background-image: url("../images/icons/icon_menu_box_slot.png"); }
  body.hasHover .navbar .menuright li.liveca:hover, body.hasHover .navbar .menuright li.hotelca:hover, body.hasHover .navbar .menuright li.slotga:hover { background: none; }
  .navbar .menuright li.liveca.active, .navbar .menuright li.hotelca.active, .navbar .menuright li.slotga.active { background: none; }
  body.hasHover .navbar .menuright li.liveca:hover a, body.hasHover .navbar .menuright li.hotelca:hover a, body.hasHover.navbar .menuright li.slotga:hover a { height: auto; }
  .navbar .nav-linkset div ul > li span { display: inline-block; }
  .navbar .nav-linkset div ul > li span:first-child { transform: translateY(0px); }
  body.hasHover .navbar .nav-linkset div ul > li:hover span:first-child { transform: none; }
  .navbar .nav-linkset div ul > li span.icon_pic { width: 30px; display: none; }
  body.hasHover .navbar .nav-linkset div ul > li:hover span.icon_pic { opacity: 1; bottom: 0px; left: 30px; display: none; }
  .navbar.before-login .btn-set-trigger { display: none; }
  .navbar.before-login .toplink_userinfo .leftbox { float: none; width: 100%; text-align: center; display: block; }
  .navbar.before-login .toplink_userinfo .rightbox li:last-child { display: block; }
  .navbar.before-login .toplink_userinfo .rightbox { text-align: center; display: flex; justify-content: space-around; flex-flow: row; }
  .navbar.before-login .toplink_userinfo .rightbox li { color: inherit; background: none; border-radius: 0px; padding: 0px 2px; border: none; box-sizing: border-box; min-width: auto; line-height: 20px; }
  .container .unslider { margin-top: 50px; border-radius: 0px; }
  .main-visual { margin-top: -5px; max-height: 420px; height: 40vw; overflow: hidden; }
  .main-visual .main-pop-img { width: 300px; height: 300px; margin-top: -100px; margin-left: -150px; }
  .main-visual .main-v-img-01 { bottom: -240px; }
  .main-visual .main-v-img-02 { bottom: -270px; }
  .main-visual.v1-slider .v_img_bg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -45%); height: 45vw; }
  .main-visual.v1-slider > ul li { max-height: 420px; height: 40vw; background-size: cover; }
  .main-visual.v1-slider .v_img_tx_tit { height: 220px; width: auto; }
  .maincontent { padding-bottom: 0px; padding-top: 0px; background-size: 150%; }
  .maincontent .btn-set-gamelist { background: none; height: 38vw; padding: 10px 10px 0px; overflow: hidden; }
  .maincontent .btn-set-gamelist ul { background: none; width: 100%; height: 100%; margin: 0px auto; padding: 0px; flex-flow: wrap; place-content: flex-start space-evenly; align-items: center; }
  .maincontent .btn-set-gamelist li { background-repeat: no-repeat; height: auto; width: calc(30%); margin: 0px; top: -5px; }
  .maincontent .btn-set-gamelist li a img { width: 100%; height: auto !important; }
  .maincontent .btn-set-gamelist .border35 { display: none; }
  .maincontent .btn-set-gamelist .border27 { display: none; }
  .maincontent .gamelist > ul { display: flex; flex-flow: wrap; justify-content: center; align-items: center; }
  .maincontent .gamelist .game-list-casino > li { margin: 1%; overflow: hidden; }
  .maincontent .gamelist .game-list-casino > li a { }
  .maincontent .gamelist .game-list-casino > li a img { }
  .maincontent .gamelist .game-list-casino > li a .frame_bo_tit { }
  .btn_start .over_title { }
  .wrap-notice, .wrap-faq, .wrap-money, .wrap-messenger { float: none; width: 98%; margin: 0px 1% 5%; }
  .game-article { padding: 50px 0px 30px; }
  .game-article .article-box { width: 96%; margin: 0px 2%; }
  .game-article .article-box ul.list li, body.hasHover .game-article .article-box ul.list li:hover, .game-article .article-box ul.list li:nth-child(2n), body.hasHover .game-article .article-box ul.list li:nth-child(2n):hover { width: 100%; background-image: url("../images/main/menu_box_bg.png"); background-repeat: no-repeat; background-position: 0px 0px; background-size: 100% 100%; padding: 0px; height: auto; margin: 0px 0px 10px; line-height: 125%; }
  .game-article .article-box ul.list li a, .game-article .article-box ul.list li:nth-child(2n) a { padding: 20px 5px 18px 20px; text-align: left; font-size: 14px; }
  .game-article .article-box ul.list li a > span.list-date, .game-article .article-box ul.list li:nth-child(2n) a > span.list-date { font-size: 11px; inset: auto 0px 0px auto; background-image: url("../images/main/menu_box_bg.png"); background-position: center center; background-size: 150% 100%; padding: 1px 0px 0px; width: 80px; text-align: center; font-weight: 500; color: rgb(181, 183, 199); }
  .unslider .unslider-nav { bottom: 9px; }
  .wrap_bestgame .unslider { max-height: none; margin-top: 20px; border-radius: 0px; }
  .wrap_bestgame .unslider-arrow { display: none; }
  .hotgame ul li { width: 92%; margin: 0px 4%; padding: 10px 0px 20px; display: flex; justify-content: space-around; flex-flow: wrap; align-items: center; float: none; }
  .hotgame ul li a { width: 48%; margin-bottom: 15px; }
  .height70 { height: 40px; }
  .footer-box .text-copyr { height: 150px; padding: 18px 0px; }
  .footer-box .text-copyr .f_logo { float: none; width: 100%; padding-top: 30px; }
  .footer-box .text-copyr .f_logo img { height: 40px; width: auto; margin-bottom: 10px; }
  .footer-box .text-copyr .tx_footer { float: none; width: 100%; text-align: center; padding-top: 10px; }
  .footer-box .text-copyr .tx_footer > font { display: none; }
  .modal-dialog { top: 5vh; }
  .slide_leftbox { display: none; }
  .slide_rightbox { display: none; }
  .slide_rightcurtain { display: none; }
  .container .unslider .unslider-arrow.next { right: 0px; }
  .container .unslider .unslider-arrow.prev { left: 0px; }
}
@media (max-width: 768px) {
  .main-visual { background-position: center bottom; background-size: cover; }
  .main-visual .main-v-img-01 { bottom: -125px; width: 1100px; left: 71%; }
  .main-visual .main-v-img-02 { bottom: -200px; width: 1000px; }
  .main-visual .main-pop-img { width: 240px; height: 240px; margin-top: -75px; margin-left: -120px; }
  .main-visual.v1-slider > ul li { }
  .main-visual.v1-slider .v_img_tx_tit { height: 170px; bottom: 20%; margin-left: -40%; }
  .maincontent .btn-set-gamelist ul { display: flex; flex-flow: wrap; align-content: flex-start; }
  .maincontent .btn-set-gamelist li { height: 110px; }
  #glist_hcasino .gamelist .game-list-casino > li { width: 270px; height: 240px !important; }
  h1.game-title span { font-size: 38px; margin: 0px 20px; }
  h1.game-title .titleboximg { margin-top: 0px; width: 50vw; max-width: 300px; }
  .gamelist .game-list-casino > li { width: 265px; height: 300px; }
  .game-article .article-tit img { height: auto; width: 100%; max-width: 375px; max-height: 59px; }
  .frame_bo_tit .over_title { }
}
@media (max-width: 575px) {
  .navbar .toplink .toplink_userinfo .rightbox li > i { display: none; }
  .navbar .toplink .toplink_userinfo .rightbox img { display: none; }
  .GameBox .modal-dialog { width: 98%; margin: 0px auto; }
  .main-visual { top: 0px; }
  .main-visual.v1-slider > ul li { }
  .main-visual.v1-slider > ul li.vislider_01 { background: url("../images/main/main_slide_bg.png") center center repeat; }
  .main-visual.v1-slider > ul li.vislider_02 { background: url("../images/main/main_slide_bg.png") center center repeat; }
  .main-visual.v1-slider .v_img_tx_tit { width: auto; height: 170px; }
  .maincontent .btn-set-gamelist { padding: 10px; }
  h1.game-title { margin-bottom: 15px; margin-top: 15px; }
  h1.game-title span { font-size: 30px; }
  h1.game-title .titleboximg { width: 200px; display: block; margin: 5px auto; }
  .gamelist .game-list-casino > li { width: 200px; height: 236px; }
  #glist_hcasino .gamelist .game-list-casino > li { width: 200px; height: 186px !important; }
  .frame_bo_tit .over_title { font-size: 14px; }
  .gamelist .game_box_wrap .gamePartnerLogo { }
  .footer-box .logoset img { width: 80%; }
  .dropbtn { width: 120px !important; }
  .dropdown-content { min-width: 120px !important; }
}
@media (max-width: 425px) {
  .container .unslider { margin-top: 0px; }
  .container .unslider .unslider-arrow { display: none; }
  .main-visual { top: 0px; margin-top: 50px; }
  .main-visual.v1-slider > ul li { }
  .main-visual.v1-slider .v_img_tx_tit { top: 15%; margin-left: -40%; width: 80%; }
  .maincontent .btn-set-gamelist { padding: 10px; height: 66.5vw; max-height: 220px; }
  .maincontent .btn-set-gamelist li { width: 100%; max-width: 264px; height: 21.5vw; max-height: 72px; }
  .maincontent .btn-set-gamelist .border35 { display: none; }
  .maincontent .btn-set-gamelist .border27 { display: none; }
  .maincontent .gamelist .game-list-casino > li { margin: 1%; overflow: hidden; width: 160px; height: 182px; }
  #glist_hcasino .gamelist .game_box_wrap .gamePartnerLogo { display: none; }
  #glist_hcasino .gamelist .game-list-casino > li { width: 270px; height: 230px !important; }
  h1.game-title span { font-size: 26px; }
  h1.game-title > font.titlesubtext { letter-spacing: 0px; font-size: 100%; }
  .game-article { padding: 40px 0px; }
  .frame_bo_tit { bottom: 7px; }
  .frame_bo_tit .over_title { font-size: 12px; }
  .game-article .article-box { width: 96%; margin: 0px 2%; }
  .game-article .article-box ul.list li, .game-article .article-box ul.list li:nth-child(2n) { }
  .game-article .article-box ul.list li a, .game-article .article-box ul.list li:nth-child(2n) a { font-size: 13px; }
  .game-article .article-box ul.list li a > span.list-date { font-size: 10px !important; }
  .game-article .article-box ul.list li a > i { width: 20px; height: 20px; background-size: 100% !important; }
  .wrap_bestgame { padding: 40px 0px; }
  .hotgame_media .thumb { width: 70px; height: 70px; }
  .hotgame ul li a { width: 90%; }
  .footer-box .logoset { padding: 30px 0px; }
  .tabbable-line > .nav-tabs > li { width: 25%; border-top: 1px solid rgb(101, 91, 135); border-left: 1px solid rgb(101, 91, 135); }
  .tabbable-line > .nav-tabs > li > a { padding: 14px 5px 13px; font-size: 12px; }
  .pop-header img { display: none; }
  table.tb-board th { font-size: 11px; }
  table.user_join th { font-size: 12px; width: 30%; }
  .modal-body { padding: 0px; }
  table.user_join th i { display: none; }
  table.myp_deposit td, .tb-board.betting td, .tb-board.coupon td { font-size: 12px; }
  .accordion a { font-size: 13px; }
  .accordion .accordion-item > a::after { right: 0.35rem; }
  .brand_logo_container { top: -37px; }
  .login_container button { }
  .login_container button.login_btn { padding: 10px 0px; font-size: 14px; font-weight: bold; width: 100% !important; }
  .user_card { width: 280px; }
  .form_container { margin-top: 60px; }
  .user_card .d-flex.links a { color: rgb(255, 255, 255); margin-top: 5px; }
  .GameBox .pop-header img { display: none; }
  .GameBox .pop-header .close { margin-top: 0px; top: 20px; right: 15px; }
  .GameBox .modal-dialog { top: 0px; }
  .GameBox .modal-body { padding: 10px; }
  #SlotDetail .nav { justify-content: space-around; align-items: flex-start; }
  #SlotDetail .nav > li { width: 50%; }
  #SlotDetail .nav > li > a { }
  #SlotDetail .nav > li > a > img { }
  #SlotDetail .nav > li { width: 50%; }
  #SlotDetail .nav > li > a > img { height: 150px; }
  .dropbtn { width: 65px !important; }
  .dropbtn > table td > font { display: none; }
  .dropdown-content { margin-left: -55px !important; }
}
@media (max-width: 340px) {
  .maincontent .gamelist .game-list-casino > li { margin: 1%; overflow: hidden; width: 140px; height: 162px; }
  #SlotDetail .nav > li > a > img { height: 110px; }
  #SlotDetail .nav > li > a span.nm_sgame { font-size: 12px; }
  #glist_hcasino .gamelist .game-list-casino > li { width: 260px; height: 220px !important; }
}