@media (max-width: 999px) {
    .sport-lobby ul{
        grid-template-columns: repeat(4,1fr);
    }
    .user_vip_inner{
        display: block;
    }
    .in-house-wrapper{
        grid-template-columns: repeat(4,1fr);
    }
    /*header*/
    header:after {
        content: '';
        background-image: url(../images/header/shape.png);
        position: absolute;
        width: 304px;
        height: 78px;
        left: 0;
        top: 0;
        background-size: contain;
        pointer-events: none;
        background-repeat: no-repeat;
        display: none;
    }

    header {
        padding-left: 10px;
        padding-right: 10px;
    }

    .header_hamburger {
        display: none;
    }

    .logo {
        width: 136px;
    }

    .chat_btn {
        display: none;
    }

    /*headerEND*/
    /*index*/
    .intro_promo {
        background-color: #171f2b;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        border-radius: 5px;
        padding: 10px;
        grid-gap: 10px;
    }

    body.body_main_wrap {
        padding-left: 0;
        padding-top: 64px;
        transition: padding .1s ease-in-out;
    }

    body.body_main_wrap.body_main_container {
        padding-left: 0;
        transition: padding .1s ease-in-out;
    }

    .intro_img {
        display: none;
    }

    .desktop_footer {
        display: none;
    }

    .mobile_footer {
        display: block;
    }

    .footer-menu {
        display: block;
    }

    .mobile_dropdown {
        display: flex;
    }

    .tab_search {
        display: none;
    }

    .tab_wrapper_inn {
        flex-flow: column;
        display: flex;
        width: 100%;
    }

    .filter-button {
        width: 100%;
        text-align: left;
        padding: 10px;
    }

    .tab_wrapper {
        display: none;
    }

    .modal_body_share_left {
        display: none;
    }

    .modal_body_right {
        width: 100%;
    }

    .inn_product_wrap {
        display: grid;
        grid-gap: 20px;
        margin: 10px 0 0 0;
        flex-flow: wrap;
        grid-template-columns: repeat(3, 1fr);
    }

    .content_header_txt {
        color: #55657e;
        max-width: 400px;
        font-size: 11px;
        line-height: 1.3;
        margin: auto;
        position: absolute;
        bottom: -2px;
        font-weight: 500;
    }

    .mobile_promo {
        /* display: block; */
    }

    .desktop_promo {
        display: block;
    }

    .promo_filter_wrap {
        display: block;
    }

    .filt-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 15px;
        margin: 30px 0;
    }

    .contact_wrap {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 20px;
    }

    .afterlogin_inn_wrap {
        display: grid;
        grid-template-columns: minmax(260px, 1fr);
        gap: 0;
    }

    .head_afterlogin_custom {
        display: none;
    }

    .deposit_bank_choose_wrap {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 3px 0px;
        margin-top: 25px;
    }

    .afterlogin_inn_wrap_faqbody {
        display: none;
    }

    .head_afterlogin_custom_mobile {
        display: block;
    }

    .header_web_show {
        display: none;
    }

    .header_mobile_show {
        display: block;
    }

    .footer_pay {
        display: block;
    }

    .afterlogin_dep_body {
        background-color: #006c5c;
        padding: 1.25rem;
    }

    .afterlogin_dep_head {
        /* background-color: #2c2e34; */
        padding: 0.7rem 1.25rem;
        justify-content: center;
    }

    .head_bal {
        font-size: 24px;
        font-weight: 700;
    }

    .select_form_history {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        align-items: end;
        grid-gap: 0;
    }

    .select_form_history .submit_btn_wrap_with {
        margin-top: 0;
    }

    .history_table_wrap.history_table_wrap_inbox {
        background-color: #006c5c00;
        padding: 10px;
        border-radius: 10px;
        margin-top: 0;
    }

    .profile_userimg_wrap {
        background-color: #006c5c00;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        margin-bottom: 0;
        margin-top: 0;
        border-radius: 16px;
        display: grid;
        padding-left: 0;
        grid-gap: 10px;
        justify-content: center;
    }

    .profile_userimg {
        text-align: center;
    }

    .profile_content_wrap {
        padding: 1.5rem;
        background-color: #006c5c;
        border-radius: 16px;
        margin-top: 1.2rem;
    }

    .profile_navimenu {
        display: block;
    }

    button.logout {
        background-color: transparent;
        height: 52px;
        border-radius: 10px;
        border: 1px solid #ed474b;
        color: #ed474b;
        font-weight: 700;
        width: 100%;
        margin-top: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    button.logout i {
        color: #ed474b;
        margin-left: 10px;
        font-size: 20px;
    }
    .header_btn_dep.m-dp {
        flex-direction: column;
        background: none;
        font-size: 12px;
        padding: 0px;
        gap: 5px;
        align-items: baseline;
    }

    .m-dp .btn_dep {
        padding: 2px 5px;
        border-radius: 5px;
        display: flex;
        min-width: 65px;
        gap: 5px;
    }

    .login_btn_container {
        gap: 3px;
    }

    .reg-list ul {
        display: flex;
        justify-content: center;
        gap: 50px;
        position: relative;
    }
    #section1 {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 10px;
    }
    .col-2.info-nav {
        max-width: 100%;
    }
    .info-nav ul {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        background: none;
    }
    #section1 .col-10 {
        max-width: 100%;
    }
     

    .m-show {
        display: block;
    }

    a.btn-bln {
        line-height: 14px;
        padding: 2px;
        font-size: 12px;
        border-radius: 7px;
        display: flex;
    }

    .point-wrap {
        flex-direction: column;
        gap: 10px;
    }

    .tab-pay ul {
        grid-template-columns: repeat(2,1fr);
        gap: 5px;
    }

    .tab-pay ul a {
        padding: 10px 0px !important;
        font-size: 13px;
    }

    .amt-qr {
        flex-direction: column;
        margin-top: 10px;
    }

    .qr-info {
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }

    .nm-qr {
        font-size: 12px;
    }

    .pen-top {
        flex-direction: column;
    }

    .m-hide {
        display: none;
    }

    .vip-non {
        height: 160px;
    }

    .vip-1 img {
        height: 140px;
    }

    h3.vip-ttl {
        font-size: 7.3vw;
        padding: 0px 0px;
    }

    .lvl-lv ul {
        font-size: 12px;
    }

    .table_vip_responsive {
        overflow-x: scroll;
        margin-left: 45%;
        overflow-y: visible;
        padding: 0;
    }

    .table_vip_responsive tr th.headcol {
        width: 45%;
        padding: 10px;
        font-size: 10px;
        height: 47px;
    }

    .table_vip_outwrap {
        padding: 10px;
    }

    table.vip_table tr.hr_cus_wrap {
        position: relative;
        display: none;
    }

    .headcol {
        position: absolute;
        width: 12em;
        left: 0;
        top: auto;
        border-top-width: 2px;
        margin-top: -1px;
        height: auto;
    }

    .headcol_first_mobile {
        background-color: #37393f;
        border-top-left-radius: 10px;
    }

    table.vip_table tr td span {
        font-size: 12px;
    }

    .vip_table_head.headcol_sec_mobile, table.vip_table.headcol_sec_mobile {
        border-top-left-radius: 0;
    }

    .table_vip_responsive tr th.headcol.headcol_sub {
        font-weight: 700;
        color: #fff;
        font-size: 11px;
        line-height: 1;
    }

    .fea_grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 25px;
        padding: 20px 0;
    }

    .vip_tnc_wrap {
        padding: 7%;
    }

    table.vip_table tr td {
        padding: 7px;
        font-size: 10px;
    }

    .daily-bg ul {
        display: grid;
        grid-template-columns: repeat(4,1fr);
        position: relative;
    }

    .daily-bg ul li a img {
        display: block;
        margin: 0px auto;
    }

    .modal-congrat h5 {
        font-size: 30px;
    }

    .daily_modal .close {
        top: -35px;
    }

    .mission-bg ul {
        grid-template-columns: repeat(3,1fr);
    }

    .wheel_product.wheel-wrap {
        min-height: 500px;
    }

    .bonus_box_custom {
        grid-template-columns: 1fr;
    }

    .bonus_right_box_top {
        grid-template-columns: repeat(2,minmax(0,1fr));
        border-top-left-radius: 0.75rem;
        border-bottom-right-radius: 0.75rem;
    }

    .trophy_m {
        display: block;
        width: 90px;
        margin: auto;
    }

    .trophy_w {
        display: none;
    }

    .bonus_right_box_bottom {
        grid-gap: 0;
        border-bottom-right-radius: 0.75rem;
        border-top-right-radius: 0.75rem;
        grid-template-columns: 110px 1fr;
        grid-template-rows: repeat(2,minmax(0,1fr));
        padding: 10px;
    }

    .bonus_right_box {
        padding: 10px;
    }

    .bonus_card_overview_inner {
        display: grid;
        justify-content: initial;
        grid-gap: 15px;
    }

    .bonus_card_item {
        width: 100%;
    }

    .bonus_content_box {
        display: grid;
    }

    .bonus_left_content_box {
        padding: 30px;
        width: 100%;
    }

    .bonus_bets_top {
        display: grid;
    }

    .bonus_bets_top_left {
        width: 100%;
        padding: 30px;
    }

    .bonus_bets_top_right {
        width: 100%;
    }

    .bonus_bets_bottom {
        display: grid;
        grid-gap: 15px;
    }

    .bonus_bets_bottom_left {
        width: 100%;
    }

    .bonus_bets_bottom_right {
        width: 100%;
    }

    .bonus_ranking_inner {
        grid-template-columns: 100%;
        grid-gap: 20px;
    }

    .bonus_footer_overview {
        display: grid;
        padding: 15px;
    }

    .bonus_footer_right {
        margin-left: 0;
    }

    .bonus_footer_left {
        margin: auto;
        padding-bottom: 20px;
    }

    .user_vip_inner {
        grid-template-columns: 1fr;
    }

    .user_vip_inner .user_level_list_body {
        grid-template-columns: repeat(3,1fr);
    }

    .user_vip_inner .user_level_list {
        padding: 0px;
    }

    .vip-wrap ul {
        flex-direction: column;
    }

    .vip_title_b {
        font-size: 14px;
    }

    .transc-l {
        width: 100px;
        border-radius: 10px;
        height: 100px;
    }

    .transcation-wp {
        display: flex;
        flex-direction: column;
        align-items: baseline;
    }

    .transc-r {
        width: 100%;
        padding: 10px;
    }

    .transc-content {
        max-width: 100%;
        width: 60%;
        font-size: 12px;
    }

    .point-wrp {
        flex-direction: column;
    }

    .point-btm ul {
        flex-direction: column;
        align-items: center;
    }

    .tab_wrapper-slots {
        display: none;
    }

    .mobile_dropdown-slots {
        display: flex;
    }

    .af-wrap {
        width: 100%;
    }

    .af-wrap .aff-off {
        width: 100%;
        margin: 0px auto;
    }

    .aff-in-1 {
        grid-template-columns: repeat(1,1fr);
    }

    .rwd-graph {
        grid-template-columns: repeat(1,1fr);
    }

    .rwd-wrap {
        height: auto;
        padding: 20px;
    }

    .rwd-top {
        padding: 0px;
    }

    .table-wrap {
        flex-direction: column;
    }

    .rwd-in {
        width: 100%;
    }

    .rwd-l {
        text-align: center;
        width: 100%;
    }

    .aff-in-2 {
    }

    .rwd-r img {
        display: block;
        margin: 0px auto;
    }

    .btn-aff {
        width: 85%;
        font-size: 16px;
    }

    .rewd-1 {
        flex-direction: column;
        width: 100%;
    }

    .rewd-date {
        flex-direction: column;
    }

    .info-side {
        width: 25%;
    }

    .aff-1 h4 {
        font-size: 20px;
    }

    .in-aff-top h5 {
        font-size: 18px;
    }

    .aff-reward h4 {
        font-size: 20px;
    }

    .aff-in-2 {
        flex-direction: column;
        height: auto;
    }

    .red-in img {
        margin-top: 15px;
    }

    .rewd-date h4 {
        font-size: 16px;
    }

    .btn-aff-wrap {
        margin-top: 30px;
    }

    .form_wrap.btn-jn {
        left: 0px;
        right: 0;
        margin: auto;
        margin-top: 20px;
    }

    .reg-box {
        min-height: auto;
    }

    .profile_navimenu_inn {
        grid-template-columns: repeat(2, 1fr);
    }

    .my-inbox {
        right: 30px;
    }

    .vip-ico img {
        height: 22px;
    }

    .history-play-to-earn button {
        font-size: 12px;
    }

    .dataTables_length label {
        width: 100%;
        max-width: 100%;
    }
    .daily_wrap_img img {
    width: 100%;
    }

    .transaction_box {}

    .transaction_title_box {
        grid-template-columns: repeat(2,1fr);
        width: 100%;
        gap: 25px;
    }

    .btn-live {
    }

    .transaction_container {
        background-size: contain;

    }
    .wrap-live {
        width: 100%;
    }
    .downloadbox {
        width: 40%;
    }
    .mobile_btn_token{
        display: flex;
        justify-content: space-between;
        margin-bottom: 15px;
    }
    .header_btn_dep{
        background-color: transparent;
    }
    .item-box.uer-bln{
        min-height: auto;
    }
    .btn-bfr {
        bottom: 10%;
    }
}

@media (max-width: 680px) {
    .transaction_title_box {
        grid-template-columns: repeat(1, 1fr);
        width: 100%;
        gap: 25px;
    }
    .transaction_container::after{
display:none;
    }

}

@media (max-width: 600px) {
    .arrow_slider{
        max-width: 40%;
    }
    .view_btn{
        padding: 5px 5px;
        max-width: 35%;
        overflow: auto;
    }
    .slider_title{
        font-size: 12px;
    }
    .footer_lic_logo{
        border-top: 1px solid #3a4d5b;
        border-bottom: 1px solid #3a4d5b;
    }
    .page-ttl{
        display: none;
    }
    .in-house-wrapper{
        grid-template-columns: repeat(3,1fr);
        padding: 0;
    }
    .filt-container {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 15px;
        margin: 30px 0;
    }
    .bet-wrap{
        padding: 0;
        overflow: auto;
    }
    .contact_wrap {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }
    .filter-container{
        margin-top: 10px!important;
    }
    .btn_container{
        min-width: 80px;
        margin-left: 0;
    }
    .game-text{
        display: none;
    }
    .dropup.btn_dropup_lang .dropdown-toggle::after{
        display: none;
    }
    .sport-lobby ul{
        grid-template-columns: repeat(3,1fr);
    }
    .sport-lobby{
        margin: 0;
    }
    .game-prod-name{
        font-size: 12px;
    }
    .filt-container {
        display:grid;
        grid-template-columns: repeat(1,1fr);
        grid-gap: 15px;
        margin: 30px 0;
    }

    .contact_wrap {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }

    .m-hide {
        display: none;
    }

    .daily-bg ul {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        position: relative;
    }

    .mission-bg ul {
        grid-template-columns: repeat(2,1fr);
    }

    .play2earn-wrapper {
        grid-template-columns: repeat(1,1fr);
    }

    .p2e-amount {
        grid-template-columns: repeat(1,1fr);
    }

    .wheel_product.wheel-wrap {
        width: 100%;
        margin: 0px auto;
        min-height: 215px;
    }

    .wheel-all ul {
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 20px;
    }
    .redemption-wrapper {
    display: flex;
    flex-direction: column;
    gap: 86px;
    }
    .rep_modal img.img-wrap {position: relative;}

    .rep_modal .congrat-text {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 45px;
        font-size: 14px;
    }

    .rep_modal .image-wrap {
        height: auto;
    }

    .rep_modal .modal-congrat h5 {
        font-size: 18px;
    }

    .rep_modal .close {
        right: 0px;
    }
        button.submit-btn {
        display: block;
        margin: 0px auto;
    }

    .rep_modal 
     .claim-btn-wrap {
        position: absolute;
        bottom: 0px;
        left: 0;
        margin: 0px auto;
        right: 0;
    }
}