/* Responsive  Styles */
@media(min-width:1120px){ 
    .sidebar-left > a {display: none;}
}

.mobile,.mobiledf {
    display: none !important;
}

.before-login .mobile button {
    width: calc(50% - 8px);
    height: 35px;
    margin: 0 4px;    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.after-login .mobile button {width: calc(50% - 8px);height: 35px;margin: 0 4px;flex:1 1;display: flex;align-items: center;justify-content: center;gap: 5px;}

.mypage-btn i {
    font-size: 16px;
    transition: 0.3s;
}

.mypage-btn.opened i {
    transform: rotate(180deg);
}

.modal-title-mob {
    display: none;
    color: var(--white-yellow);
    font-size: 10px;
    letter-spacing: 2px;
    margin-top: -5px;
}

.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;
}

/* - - - - - - - - - - Banner Queries - - - - - - - - - - */

@media(max-width:1300px){

    .banner-section {
/*        height: auto;*/
        height: 40vh;
        min-height: 200px;
        padding: 0;
    }

    .banner-section .banner-bg {
        display: block;
        width: 123.9%;
        left: -11.95%;
    }

    .banner-section .container {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

    .logo {
        width: 18.59%;
    }

    .top_logo {
        width: 100%;
		max-width: 198px;
    }

    .logo img {height: 48px;}

    .banner-carousel {
        margin-top: 1%;
    }

    .banner-carousel .text-panel {
        padding: 1.5% 15px;
        margin-bottom: 1.25%;
    }

    .banner-carousel .text-panel:before {
        height: 92%;
    }
    .toggle-btn.active .indicator { display: none; }

}

/*@media(max-width:1300px){

    .banner-section .banner-bg {
        display: block;
        width: 130%;
        left: -15%;
    }

}*/


@media(max-width:1140px){
    .banner-section .banner-bg {
        width: 140%;
        left: -20%;
    }
}

@media(max-width:900px){
    .banner-section  { height: 32vh; min-height: 200px;}
    .banner-carousel .text-panel { margin-bottom: 1.75%;}
    .banner-carousel .text-panel h1 { font-size: 3vw;}
    .banner-carousel .text-panel h2 { font-size: 2vw;}
}

@media(max-width:767px){ 
    .banner-section  { height: 20vh; min-height: 180px;}
    .logo { width: 22%;}
    .top_logo {width: 70%; max-width: 158px;}
    .banner-section .banner-bg {
        width: 170%;
        left: -35%;
    }
    .banner-carousel .text-panel {
        padding: 3% 15px;
        margin-bottom: 2.5%;
    }
}

@media(max-width:780px){ 

    .logo {width: 40%;margin-right: 29%;}

    .top_logo {
        width: 40%;
    }

    .carousel-indicators li {
        width: 20px;
        height: 4px;
        margin: 0 2px;
    }

    .carousel-indicators li.active {
        width: 30px;
        height: 4px;
    }

    .banner-background {
        width: 100%;
        left: 0%;
    }

    .banner-background .girl-center {width: 54%;bottom: -5%;left: 0; }
    .banner-background .candy-slot {width: 55%;right: 0%;bottom: 55%;font-size: 18px;line-height: 24px;}
    .banner-background .money-slot {width: 55%;right: 0%;bottom:10%;font-size: 14px;line-height: 18px;}
    .banner-background .money-slot p {margin: 0;}
    .banner-background .money-slot p.first {padding-bottom: 5px;}
    .banner-background .money-slot p.second {font-size: 14px;}
    .toggle_inner button {flex: 0 48.5%;min-width: inherit;padding: 5px 0;max-width: inherit !important;height: 90px;}
    .toggle_inner button i {font-size: 34px;}
}

/*  - - - - - - - - - - Header Queries - - - - - - - - - - */

@media(max-width:1320px){ 

    .main-menu li a {
        padding: 0 20px;
    }

    .before-login .desktop button {
        width: 100px;
    }

    .before-login .input-panel {
        width: 150px;
    }

}

@media(max-width:1120px){ 

    .mobile {
        display: block !important;
    }
    .mobiledf {
        display: flex !important;
    }
    .user--money {display: flex;align-items: center;flex-wrap: wrap; width: 100%;background: #141414;border-radius: 10px; font-size: 12px;padding: 10px;margin: 10px auto;}
    .user--money > div {width: 100%;display: flex;align-items: center;justify-content: left;gap: 8px;height: 24px;}
    .user--money > div span.info {color:#ffcc00}
    .user--money > div span.pp {color:#ACE16F}
    .user--money > div.p_exchange {background: #ACE16F;border-radius: 12px;height: 30px;color:#000;justify-content: center;}

    .desktop {
        display: none !important;
    }

    .header-section {height: auto;position: fixed;left: 0;top: 0;background: #222;}
    .header-section .container {padding: 0 5px;height: 50px !important;}
    .header-section:before, .header-section:after {height: 3px;}
    .header-section .topmenu {}
    .header-section .topmenu {background: none;border: 0;}
    .header-section .topmenu img,.header-section .login img {height: 35px;}


    .main--wrap.login {padding-top: 50px;}
    .main--wrap {padding-top: 50px;}

    .main-menu {display: none;position: fixed;left: 0;top: 0;width: 70%;background: #222;z-index: 99999;padding: 20px;overflow-y: auto;}
    .main-menu.active {display: block;}
    .main-menu .closemenu {position: absolute;right: 13px;top: 10px;font-size: 21px;color: #fff;}
    .main-menu li {display: flex;align-items: center;justify-content: left;height: 45px;border-bottom: 1px solid #444;}
    .main-menu li a {height: 30px;padding: 0px 0 0;font-size: 12px;border: 0;color: #fff;}
    .main-menu li a:before {height: calc(100% - 4px);}

    .main-menu li.cs {margin-top: 10px;border: 0;background: #fa404d;border-radius: 10px;justify-content: center;}

    .menucover {position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: none !important;background: rgba(0, 0, 0, 0.8);}
    .menucover.active {display: block !important;}

    .bal-container {width: 100%;padding: 8px 5px 11px;}

    .sidebar {
        width: 100%;
        margin: 10px auto 0;
        padding: 15px 10px;
        background-color: rgba(0, 0, 0, 0.25);
        display: none;
    }

    .sidebar .al-inner {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }
    .toggle-btn .icon-panel { transform: scale(.8); margin-left: -10%;}

    .leftlogin {flex-wrap: wrap;gap: 10px;margin: 20px auto;}
    .leftlogin button {width: 100%;height: 34px;}
    .form-register {width: 100% !important;}

    .btn-grp a {display: flex;align-items: center;gap: 8px;height: 34px;justify-content: center;margin-top: 10px;}
    .main-menu .logout-btn {width: 100%;display: flex;margin: 10px auto;border: 0;align-items: center;justify-content: center;height: 30px;gap: 8px;}
}

@media(max-width:900px){ 

    .toggle-section .container {
        padding: 0;
    }

    .toggle-btn {
        height: 60px;
        font-size: 18px;
        margin-top: -1px;
    }

    .toggle-btn .indicator {
        font-size: 24px;
    }

    .toggle-btn .btn-panel {
        width: 100%;
    }

/*
    .toggle-btn:first-child .icon-panel {
        margin-left: 0;
        margin-right: 15px;
    }

    .toggle-btn:last-child .icon-panel {
        margin-right: 0;
        margin-left: 15px;
    }

    .toggle-btn:first-child .btn-panel {
        margin-right: 0;
    }

    .toggle-btn:last-child .btn-panel {
        margin-left: 0;
    }
*/

    .toggle-btn .icon-panel {
        width: 100px;
        height: 80px;
    }

    .toggle-btn .icon-panel img {
        max-height: 60px;
    }

    .toggle-btn .btn-panel:before {
        bottom: 3px;
    }

    .card-header,.card-body,.list-group-item {padding: 5px 7px;}
    .list-group-item .subject {flex-wrap: wrap;}

    .mp_board {flex-wrap: wrap;padding: 0 5px;}
    .mp_board .txt-box {width: 48.5%;padding: 10px;}
    .mp_board .txt-box a {font-size: 12px;}
    .mp_board .cs-box {width: 100%;}


}

@media(max-width:690px){
	.d-flex.flex-wrap .col {flex:0 0 50%}	
    .round-info-clock{padding-top: 5px;}
}

@media(max-width:600px){ 

    .toggle-btn {
        width: calc(33.3% - 30px);
        font-size: 14px;
    }

    .toggle-btn .indicator {
        font-size: 18px;
        top: -2px;
        position: relative;
    }

    .toggle-btn .btn-panel {
        border-radius: 5px;
		display: flex !important;
		justify-content: center;
    }

    .toggle-btn .btn-panel:after {
        display: none;
    }

    .toggle-btn .icon-panel {
        display:none !important;
    }

	.toggle-btn .icon-panel img {
		display:none;
    }

	.toggle-btn .btn-panel .category {
		position: relative;
		right: 0;
		text-align: center;
	}

}

@media(max-width:700px){ 

    .main-menu li a i,.main-menu li a svg {
        display: none;
    }

    .toggle-section {
        padding: 0 5px;
    }

    .toggle-btn {
        width: calc(33.3% - 8px);
        height: 50px;
        margin: 10px 4px 0;
    }

    .toggle-btn .btn-panel {
        border-radius: 5px;
		display: flex !important;
		justify-content: center;
    }

    .toggle-btn .btn-panel:after {
        display: none;
    }

    .toggle-btn .icon-panel {
        display:none !important;
        /* 
		width: 80px;
		height: 60px; 
		*/
    }

    .tab_type a {font-size: 12px;}

    .setone .league_time {height: auto;padding: 2px 0;}

    .ltminus {letter-spacing: -1px;}

    .list_table th,.list_table td {padding: 5px;}

/*
    .toggle-btn:first-child .icon-panel {
        margin-left: -10px;
        margin-right: 0;
    }

    .toggle-btn:last-child .icon-panel {
        margin-right: -10px;
        margin-left: 0;
    }
*/
    .toggle-btn .icon-panel img {
        /* max-height: 44px; */
		display:none;
    }

	.toggle-btn .btn-panel .category {
		position: relative;
		right: 0;
		text-align: center;
	}

    .toggle-btn {
        font-size: 12px;
    }

    .toggle-btn .indicator {
        font-size: 14px;
    }
	 .board-panel img.icon { width:100%}

     .sidebar-right {
        width: 100%;
        margin: 5px auto 10px;
        padding: 0 5px 5px;
        position: relative;
        left: 0;
        transform: translateX(0);
        top: 0;
        pointer-events: auto;
        opacity: 1;
        transition: 0s;
        display: none;
    }
    .sidebar-right.active {display:block !important}
    .after-login .account-info {
        max-width: 500px;
        background-color: #222;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 1);
        border: solid 1px #f10000;
        padding: 10px 10px;
        margin: 0 auto;border-radius: 8px;
    }

    .after-login .account-info .info-panel {
        width: 49%;
        height: 60px;
        background-color: #333;
        margin: 0 0.5% 4px;
        border: solid 1px #444;
        padding: 0 0 0 10px;
        font-size: 14px;border-radius: 6px;
    }

    .after-login .account-info .info-panel:before {
        width: 80%;
        height: 50%;
        border-radius: 50%;
        left: 0;
        right: 0;
        top: -50%;
        margin: 0 auto;
        box-shadow: 0 0 80px #0087fd;
    }

    .after-login .account-info .info-panel:after {
        width: 100%;
        height: 100%;
        right: -60%;
        top: 0;
        transform: skew(45deg);
        background-color: rgba(110, 187, 255, 0.05);
    }

    .after-login .account-info .labels {
        width: 100%;
        display: inline-block;
        font-size: 12px;
        color: rgba(255, 255, 255, 0.5);
    }

    .after-login .account-info .icon {
        color: #6ebbff;
        font-size: 62px;
        opacity: 0.1;
    }

    .after-login .account-info .info-panel .dflex-ac-jc {
        justify-content: flex-start;
        text-align: left;font-size: 12px;
    }

    .svg-inline--fa {
        height: 0.8em;}

    .main--wrap > div .page_title {margin-top:10px;margin-bottom: 10px;font-size: 18px;height: 50px;}
    .main--wrap > div .page_title:after {width:100%;bottom: 23px;}
    .main--wrap > div .page_title span {margin-top: 0;}

    .contents-wrapper {margin-top:10px;padding: 0 5px;}
    .casinolist > div a {
        width: 50%;
    }
    .casinolist > div {
        display: flex;
        flex-wrap: wrap;
    }
    img {max-width: 100%;}



}

@media(max-width:414px){ 

    .sidebar .al-inner {
        flex-wrap:wrap;
    }

    .sidebar .al-cont{
        width:33.3% !important;
        height:40px;
        margin:2px 0;
        padding:5px 10px;
    }

    .sidebar .al-cont:nth-child(1) {
        order: 1;
    }

    .sidebar .al-cont:nth-child(2) {
        order: 3;
    }

    .sidebar .al-cont:nth-child(3) {
        order: 5;
    }

    .sidebar .al-cont:nth-child(4) {
        order: 2;
    }

    .sidebar .al-cont:nth-child(5) {
        order: 4;
    }

    .sidebar .al-cont:nth-child(6) {
        order: 6;
    }

    .sidebar .al-cont .labels {
        top: 0;
        bottom: 0;
        left: 5px;
        margin: auto 0;
    }

    .sidebar .btn-group{
        padding:0;
        background-color:transparent;
        background-image: none;
        border:none;
    }

    .sidebar .btn-group button{
        width: calc(50% - 8px);
        height: 30px;
        font-size: 12px;
        margin: 0 4px;
    }

}

/*  - - - - - - - - - - Responsive Queries - - - - - - - - - - */

@media(max-width:1430px){ 

    .board-section .row {
        margin: 0;
    }

    .board-panel {
        width: 100%;
        max-width: 740px;
        margin: 10px 0;
    }

    .board-panel:first-child {
        order: 2;
        /*margin-top: 100px;*/
	}

    .realtime-board {
        width: 100%;
        max-width: 740px;
        margin: 10px 0;
        order: 1;
    }

    .board-panel:last-child {
        order: 3;
    }

    .board-section {
        padding: 40px 0 15px;
    }

}

@media(max-width:1310px){ 

    .sc-btn {
        width: calc(20% - 15px);
    }

}

@media(max-width:1024px){ 

    .sc-btn {
        width: calc(25% - 15px);
    }

}

@media(max-width:767px){ 

    .sc-btn {
        width: calc(33.33% - 15px);
    }

    .footer-section .provider-logo img {
        max-width: 80px;
        max-height: 34px;
        margin: 8px 10px;
    }

    .sc-btn .g-info .g-name {
        font-size: 14px;
        white-space: nowrap;
    }

}

@media(max-width:500px){ 

    .page-content {
        padding: 0;
    }

    .game-provider {
        margin: 20px 0 0;
    }

    .sc-btn {
        flex: 0 48.5%;
    }

    .sc-btn .g-panel {
        padding: 6px 6px 8px;
    }

    .sc-btn .play-btn {
        width: 80px;
        height: 30px;
        font-size: 12px;
    }

    .board-panel .header .icon-panel img {
        max-width: 70px;
    }

    .board-panel:last-child .header .icon-panel img {
        max-width: 60px;
    }

    .board-panel .header .title-panel .title {
        font-size: 18px;
    }

    .board-section .board-panel .content table td a {
        max-width: 200px;
        font-size: 12px;
    }

    .board-panel table tr td{
        font-size: 12px;
        padding-right: 0;
    }

    .realtime-board .rb-panel .rb-cont {
        padding: 5px 8px;
    }

    .rolling-realtime ul li div {
        font-size: 12px;
    }

    .rolling-realtime ul li div.amount {
        font-size: 14px;
        padding: 0;
    }

    .rolling-realtime ul li .crown-icon {
        width: 30px;
    }

    .footer-section {
        padding: 25px 0 35px;
    }

    .footer-section .provider-logo {
        padding: 0 0 20px;
    }

    .footer-section .copyright {
        padding: 15px 0 0;
    }

}

/*  - - - - - - - - - - Modal Queries - - - - - - - - - - */

@media(max-width:1024px){

    .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;
    }

    .gamelist-container {
        min-height: initial;
        max-height: initial;
        margin: 0 0 -20px;
        overflow-y: auto;
        padding: 0;
    }

    .game-btn {
        width: calc(20% - 16px);
    }

}

@media(max-width:767px){

    .modal-title {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .modal-title .modal-icon {
        width: 70px;
        height: 80px;
        font-size: 24px;
        margin: 0;
    }

    .modal-title .title-panel {
        margin: 0 0 0 10px;
    }

    .modal-title .title {
        width: auto;
        font-size: 24px;
        vertical-align:  baseline;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 1), 0 0 10px rgba(0, 0, 0, 1);
    }

    .modal-title .sub {
        width: auto;
        font-size: 12px;
        vertical-align:  baseline;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 1), 0 0 10px rgba(0, 0, 0, 1), 0 0 10px rgba(0, 0, 0, 1);
        margin-left: 5px;
    }

    .w-mob-title {
        display: none !important;
    }

    .modal-title-mob {
        display: inline-block;
    }

    .modal-head-panel {
        width: 100%;
        margin: 30px auto 10px;
        padding: 0 30px;
        min-height: initial;
    }

    .modal-head-panel .btn-grp {
        width: 100%;
        order: 1;
        margin: 0;
    }

    .modal-head-panel .btn-grp button {
        width: calc(50% - 8px);
        margin: 0 4px;
    }

    .modal-head-panel .ask-link {
        width: 100%;
        text-align: center;
        order: 2;
        margin: 10px 0 0;
    }

    .game-btn {
        width: calc(25% - 16px);
    }

}



@media(max-width:600px){
    .modal-menu .bs-ul {
        display: flex;
        flex-wrap: wrap;
    }

    .modal-menu .bs-ul li {
        width: 33.33%;
        display: block;
    }

    .modal-menu .bs-ul li:nth-child(4n+0):before {
        display: none;
    }

    .modal-menu li a {
        height: 40px;
    }

    .modal-menu li a:before {
        display: none;
    }

    .gamelist-container {
        width: calc(100% + 10px);
        margin: 0 -5px -20px;
    }

    .game-btn {
        width: calc(33.33% - 10px);
        margin: 0 5px 10px;
    }

    .game-btn .g-panel .g-footer {
        height: 30px;
    }

    .game-btn .g-panel .g-footer .name-text {
        font-size: 11px;
    }

    .game-btn .g-panel .play-btn {
        top: 5px;
        left: 5px;
    }
    .game-btn .g-panel .play-btn .icon {
        width: 30px;
        height: 30px;
    }

    .modal-body {
        padding-top: 10px;
    }

    .minicart {flex-wrap: wrap;}
    .minicart > div.first {width: 100%;}
    .minicart > div.second {width: 100%;height: auto;}
    .minicart > div.first .bet-slip {flex-wrap: wrap;}
    .minicart > div.first .bet-slip > span {padding: 0 10px;word-break: keep-all;}
    .gametype {width: 100%;}
    .minicart button.betbtn {height: 40px;width: 100%;font-size: 18px;}
    .gametype .minibtn > span.btn {padding: 5px 0 !important;}
}

@media(max-width:500px){
    .modal-banner {
        height: auto;
    }

    .modal-banner .modal-logo {
        width: 100px;
        margin: 0 0 5px;
    }

    .modal-title .modal-icon {
        width: 60px;
        height: 65px;
        font-size: 20px
    }

    .modal-title .modal-icon img {
        max-width: 38px;
    }



    .modal-title .title {
        font-size: 18px;
    }

    .modal-head-panel {
        padding: 0 10px;
    }

    .modal-menu {
        margin: 0 0 20px;
    }

    .modal-menu li a {
        font-size: 12px;
    }

    .modal-menu li a .icon-panel {
        width: 30px;
        height: 22px;
    }

    .modal-body {
        padding: 10px 10px 40px;
    }

    .bs-table tr td a {
        max-width: 180px;
    }

    .bs-table tr .title-td {
        max-width: 180px;
        padding: 0 0 0 5px;
    }

    .bs-table tr .count-td {
        width: auto;
    }

    .bs-table tr .date-td {
        width: auto;
        font-size: 12px;
    }

    .bs-table tr .nav-td {
        width: auto;
        padding: 0 4px;
    }

    .new-icon {
        margin-left: 2px;
    }

    .bs-table tr .count-tag {
        width: 20px;
        height: 20px;
        margin: 0 0 0 5px;
    }

    .form-container .form-group {
        margin: 0 0 15px;
    }

    .form-footer button {
        height: 45px;
        margin: 0 4px;
    }

    .bs-table td .level-txt {
        width: 100%;
        text-align: center;
    }
    .main-menu li:nth-child(5) {
      
    }



	/* 스포츠 */
	.btn_country {background: #000;border:0;color:#fff; margin-bottom: 5px;display: flex !important;align-items: center;justify-content:center;width: 100%;height:36px;font-weight: 700;font-size: 14px;border-radius: 3px;padding:0 10px;gap:10px}
	.btn_country i {font-size: 18px;margin-right:auto}
	.btn_country .txt {margin-right:auto}
	.btn_country img {    width: 24px;height: 24px;border-radius: 50%;}
	.euroview {background: #000;border:0;color:#fff; margin-bottom: 5px;display: flex !important;align-items: center;justify-content:center;width: 100%;height:36px;font-weight: 700;font-size: 14px;border-radius: 3px;padding:0 10px;gap:10px}
	.euroview i {font-size: 18px;margin-right:auto}
	.euroview img {    width: 24px;height: 24px;border-radius: 50%;}
	.euroview .txt {margin-right:auto}
	.jongmok {overflow-x: auto;        gap: 5px;padding: 5px;}
	.jongmok button {padding: 5px 10px;display: flex;align-items: center;justify-content: center;min-width: 80px;flex-wrap: wrap;gap:3px}
	.jongmok button > div {display: block;width: 100%;white-space: nowrap;}
	.jongmok button img {margin-bottom: 0px;}
	.spolist ul li {padding: 0 5px;font-size: 11px;gap: 5px;}
	.spolist li.home,.spolist li.away {width: 40%;}
	.spolist li.draw, .spolist li.notbtn {}
	.spolist li.more {width:10%;font-size: 11px;}

    .domestic {background: #000;}

	.spolist ul.row-2 li {width: 43.8%;}

	.spolist .row-3 li.home, .spolist .row-3 li.away {width:38.2%}

	.spolist ul.row-2 > li.btn_more, .spolist ul.row-3 > li.btn_more {width: 10%;}

	.domestic .league_time {margin-left: auto;margin-right: 5px;    text-align: right;}

	.legacy .league_time {text-align: right;}

	.inplay_wrap {height: auto;}
	.inplay_wrap .sw_l {}
	.inplay_wrap .sw_l,	.inplay_wrap .sw_r {width: 100%;}
	.inplay_wrap .sw_l .jongmok {justify-content: left;display: flex !important;}
	.inplay .itype {display: none;}
	.inplay .home, .inplay .away {width: 32.4% !important;}
	.inplay .draw, .inplay .notbtn {width: 32.4% !important;}


    .inplay_wrap .sw_l,.inplay_wrap .sw_r {width:100%;float: none; padding-bottom: 72px;}
	.inplay_wrap .sw_r {display: none;height: 100vh;}
	.inplay_wrap .sw_r.mview {display: block;position: fixed;left: 0;top:50px;z-index: 9999;background: #111;padding-bottom: 50px;}
	.mdpnone {display: none;}
	.sw_r .game_screen {margin-bottom: 0;}

	#matchMarket {padding-bottom: 130px;}
	
	.domestic .spolist .basicgame {padding: 0;}
	.spolist .addgame > div  {padding: 0;}
	.inplayex .home, .inplayex .away, .inplayex .draw, .inplayex .notbtn {
		width: 32.57% !important;
	}

	.inplayex .wd50 {width: 49.3% !important;}

	.left_content {display: none; width: 100%;z-index: 9; position: fixed;top:0px;left: 0;}
	.left_content::-webkit-scrollbar {display: none;}
	.right_content {display: none;width: 100%;z-index: 99999;top: 0px;position: fixed;border-radius: 0;}
	.left_content.active {display: flex;}
	.right_content.active {display: block;}
	.right_content .head {padding:0 10px;}
    .right_content .head .cartclose {margin-left:auto;background: #000;border-radius: 3px;padding:4px 10px;}

	.cart_switch {position: fixed;bottom:10px;right:10px;width: 60px;height: 60px;border-radius: 10px;background: #000;border: 2px solid #ffcc00;display: flex !important;align-items: center;justify-content: center;z-index: 999999;}
	.cart_switch i {font-size:30px;display: inline-flex;}
	.cart_switch small {position: absolute;top:-6px;right:-6px;width: 20px;height: 20px;border-radius: 10px;background: #000;border: 1px solid #ffcc00;display: flex;align-items: center;justify-content: center;}

    .left_lg { width: 100%;z-index: 9; position: fixed;top:192px;left: 0;padding-bottom: 330px}
	.center_content {width:100%;margin-left: 0;padding:5px;padding-bottom: 70px;}
	
    .bltable {font-size: 11px;}

}

@media(max-height:500px){
    .banner-carousel .text-panel h1 { font-size: 4vh;}
    .banner-carousel .text-panel h2 { font-size: 2vh;}
    .banner-carousel .text-panel { padding: 1% 0;}
    .top_logo { width: auto; height: 25vh;}
}