.mobile {display:none}
@media screen and (max-width:1440px) {
	body,html {min-width:100%}
}

@media screen and (max-width:980px) {
    html, body {height:inherit}
    .modal-content.login {padding:10px 20px 30px 20px }
    .desktop {display: none !important;}
    .mobile {display:block}
    .ngdialog.ngdialog-theme-default {padding-top: 0;}
    .modal-dialog.userpage {max-width: 100%;width: 100%;margin: 0;}
    .modal-dialog.userpage .modal-content {border:4px solid #242424;min-height: 400px;}

    .wrapper {min-width: 100%;}

    .top_w {position: relative;z-index: 999;margin-bottom: 0;}
    .con_w {margin-top: 0px; padding-top: 20px;}
    .con_w > .cl {z-index: 99;position: fixed;left: 0;top: 62px;width:100%;padding-bottom: 45px;box-shadow: 10px 0 30px rgba(0,0,0,0.6)}
    .con_w .cl .cl_game ul li {display: inline-flex;width:49.4%;padding:0 6px}
    .con_w .cl .cl_game ul li:nth-child(1),.con_w .cl .cl_game ul li:nth-child(2){display: inline-flex;}
    .con_w .cl .cl_game ul li:nth-child(1) a,.con_w .cl .cl_game ul li:nth-child(2) a {color: #1f7aff; }
    .cl.active {display: block !important;}
    .black_cover {background: rgba(0,0,0,0.5);width:100%;height:100%;position: fixed;left:0;top:62px;display:none;z-index: 9;}
    .black_cover.active {display:block}
    #wrap {min-width: 100%;height:inherit}
    .con_w > .cc {width: 100%; padding: 5px !important;}
		.footer {width: 100%; padding: 5px !important;}
    .bet_slip {display: none;z-index: 99;position: fixed;right: 0;top: 56px;width: 100%;padding-bottom: 45px;}
    .bet_slip.active {display:block;}
    .bc_ttl.useri.dpnone {display: none;}
    .bc_ttl.useri.dpblock {display: flex;}
    .bc_ttl.carti.dpnone {display: none;}
    .bc_ttl.carti.dpblock {display: flex;}
    .cr_slip.dpnone {display: none;}
    .cr_slip.dpblock {display: block;}
    .right_user.dpnone {display: none;}
    .right_user.dpblock {display: flex;}
    .top_w .spot .tr_btnwrap.loginbefore {display: inherit;}
    .top_w .spot .tr_btnwrap {display: none;}
    .bc_ttl {display: none;position: fixed;top: 0;right: 0;background: linear-gradient(180deg,#2f2b60 0,#151531);flex-wrap: wrap;margin-top: 0;padding: 40px 10px 20px 10px;gap: 5px;z-index: 9;}
    .bc_ttl button.btn-close {position: absolute;right:10px;top:10px}
    .bc_ttl > div { display: flex;align-items: center;width: 49.2%;justify-content: space-between;background: rgba(0,0,0,0.3);padding: 0 5px;border-radius: 4px;border: 1px solid #503e73;}
    .bc_ttl > div > span {width: inherit;justify-content: left;}

    .bc_ttl > div.topright {border:0;background:none;width:100%;padding:0}
    .bc_ttl > div.topright a {width:49%;background:#ff6600;color:#fff;border-radius: 4px;height: 30px;display: flex;align-items: center;justify-content: center;;}

    .mtm56 {margin-top: 0;}
    .main_gamelist .nav-tabs button {transform: inherit;height:80px;padding: 8px;}
    .main_gamelist .nav-tabs button:first-child {margin-left: 0;}
    .main_gamelist .nav-tabs>button .toggle_title span {font-size: 16px;}
    .main_gamelist .nav-tabs>button .toggle_title em  {font-size: 16px;}
    .main_gamelist .nav-tabs>button:before {height: 80px;}

    .item_list {gap:5px;justify-content: space-between;}
    .main_gamelist .nav-tabs {margin-bottom: 20px;}

    .check_w .check_cal .tit {height:65px;}
    .check_w .check_cal .tit .num {margin-top: 10px;}
    .slide_banner {padding:0}
    .top_w .spot {height:auto;padding:10px 5px;flex-wrap: wrap;}
    .top_w .spot .icmn-menu7 {font-size: 24px;color: #fff;position: absolute;left: 10px;top: 14px}
    .top_w .spot .spot_logo {margin:0;width: 100%; height:56px;display: flex;align-items: center;justify-content: center;}
    .top_w .spot .spot_logo img {height:44px;margin-left: 5px;}
    .top_w .spot .main_menu {width: 100%;width: 100%;flex-wrap: wrap;height: auto; margin-right: 0;}
    .top_w .spot .main_menu.active {display:flex;}
    .top_w .spot .tr_btnwrap a {padding: 5px 8px;font-size: 13px;}
    .top_w .spot .icmn-user-check2 {font-size: 24px;color: #8f54fe;position: absolute;right: 10px;top: 14px;}
    .top_w .spot2 {display: none;}
    .top_w .spot2.active {display: block;}
    .top_w .spot .tr_btnwrap a {width:inherit}

    .top_w .spot .main_menu a { width: 20%;padding: 0;justify-content: center;font-size: 14px;flex-wrap: wrap;        color: #fff;}
    .top_w .spot .main_menu a i {font-size: 21px; margin-right:0px;width: 100%;display: flex;align-items: center;justify-content: center;margin-bottom:5px}

    .top_w .spot2 .inner {width:100%;flex-wrap: wrap;padding: 10px 10px 10px 10px;gap: 4px;height: auto;}
    .top_w .spot2 .inner a {font-size: 13px;width: 24.0%;display: flex;align-items: center;justify-content: center;background:linear-gradient(180deg, #6933a1, #1b0339);border-radius: 3px;height: 30px;}

    .mobile.tr_btnwrap {border-top: 1px solid #282550;box-shadow: inset 0 4px 4px rgba(0, 0, 0, .6);display: flex;align-items: center;gap:6px;justify-content: center;padding:6px;border-bottom:1px solid #111;font-size:0.8em}
    .top_w .tr_btnwrap button {width:47%}


    .title {font-size: 18px;}
    .main_banner {gap:0;padding:0;    flex-wrap: wrap;}
    .main_banner > div {width: 100%;}
    .main_banner > div.left_banner {height:200px;margin-top:5px}
    .main_banner > div.left_banner img.logo {height:50px;margin-top:10px;}
    .main_banner > div.left_banner .text p {font-size: 14px;;}

    .slide_banner .carousel-item .banner_text {left:5%;top:10%}
    .slide_banner .carousel-item .banner_text h6 {font-size: 16px;margin-bottom:5px}
    .slide_banner .carousel-item .banner_text h5 {font-size: 21px;}
    .slide_banner .carousel-item .banner_text div.text {font-size: 13px;}
    .slide_banner .carousel-item .banner_text a {display: none;}
    .slide_banner img {width: 100%;}
    
    .mp_icon {gap: 5px;margin: 5px auto;padding: 0 5px;}
    .mp_icon a {width:100%;height:140px;margin-top:20px;}
    .mp_icon a img {height: 135px;right:5px;}
    .mp_icon a h5 {top:45px;left:15px;font-size: 21px;width: 40%;}
    .mp_icon a h5 small {margin: 0;}
    .mp_icon a div.text {bottom:73px;left:10px;display: none;}
    .mp_icon a.n3 {width:100%;height: 120px;}
    .mp_icon a:nth-child(4) img, .mp_icon a:nth-child(5) img {height: 160px;}
    .main_bbs {padding: 0 0px;flex-wrap: wrap;height: inherit;}
    .main_bbs > div {width: 100%;}
    .main_footer {margin:10px}
    .main_footer .copy {margin-top:20px}

    .sub_tab {overflow: auto;margin-bottom: 10px;}
    .cc .bonus_wrap .pd5 {padding:0}
    .cc .bonus li {font-size: 11px;}
    .game_pan .tit .league {width:100%}
    .domestic .dome_w .bet_w .bet {width:92%}
    .domestic .dome_w .bet_w .more {width:8%}
    .game_pan .bet li {padding: 0 4px;}
    .game_pan .bet li span {font-size: 11px;    letter-spacing: -0.5px;}
    .game_pan .bet .home .in_team {text-align: left;}
    .game_pan .bet .away .in_team {text-align: right;}
    .game_pan .bet li span.in_team {width:70%}

    .sports_w {width: 100%;}
    .sports_w .sw_l {width:100%;padding:0;border:0}
    .sports_w .sw_r {width: 100%;padding:0;border:0}

    .spoinner.mw1600 {max-width: 100%;}


    .cart_open {position: fixed;bottom: 15px;right: 10px;width: 60px;height: 60px;border-radius: 30px;background: #063476;text-align: center;display: inline-flex;align-items: center;justify-content: center;color: #fff;z-index: 999;   
         border: 1px solid #1f7aff;box-shadow: 0 0 10px #89b9ff;}
    .cart_open i {display: flex;font-size: 28px;margin-top: 10px;}
    .cart_open small {position: absolute;top:2px;right:18px;width:20px;height:20px;line-height: 20px;border-radius: 10px;font-size: 10px;background: rgba(0,0,0,0.5);text-align: center;}


    .ttbanner {height:inherit}
    .ttbanner img {width: 140%;}
    .ttbanner img.main {width:140%;left:-20%}
    .ttbanner .title {left:10px;top:10px;    font-size: 16px;}
    .ttbanner .shadows {display: none}
    .ttbanner .cont {font-size: 21px;bottom:-5px;right:0px}
    .ttbanner .cont img {height:40px}
    .bil_casino {gap:5px;    margin-top:5px;margin-bottom: 30px;flex-wrap: wrap;}
    .bil_casino.spade a {width:49.2%}
    .bil_casino.spade  a img.vlogo {height:40px;right:5px;top:5px;}

    .n_live_w .nl_l {width: 100%;}
    .n_live_w .nl_r {margin-left: 0;}
    .charge_w .list1 {padding:10px}
    .list1 > li {padding-left:0}
    .board_write table .btn_money {flex-wrap: wrap;}
    .ipw.ipw2{width: 100%;}
    .board_write table thead th, .board_write table tbody th {padding-left:5px;width:20%}
    .board_write table .btn_money li a {padding: 5px 10px;}
    .charge_list table thead td {font-size: 11px;}
    .board_view table .tit {font-size: 14px;}

    .sub_tab.many {display: flex;overflow: auto;gap:1px}
    .sub_tab.many li {width: auto;}
    .sub_tab li a{font-size: 12px;}
    .history .total {flex-wrap: wrap;height:inherit;padding:0 5px}
    .history .total .txt {width:94%;flex-wrap: wrap}
    .history .total .txt > li {font-size: 11px;}
    .history table thead td:nth-child(2) , .history table thead td:nth-child(3) , .history table thead td:nth-child(7) {display: none;}
    .history table tbody td {word-break: break-all;}
    .history table .type {display: none;}
    .history table .league {display: none;}
    .history table .time {font-size: 11px;width: 5%;}
    .history * {font-size: 11px;}
    .history table .score {display: none;}
    .history table .home, .history table .away {width: 34%;}
    .result .dome_w .bet_w .score {display: none;}

    .board_list table .num {width: 50px;font-size: 11px;}
    .board_list table .num .hot {font-size: 11px;letter-spacing: 0px;}



}