@media (max-width: 999px) {

  .info-wrapper .list_menu li {
      display: grid;
      grid-template-columns: repeat(1,1fr);
  }
  .info-wrapper{
    padding: 15px;
  }
  .desktop_product_wrapper{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  body{
    overflow: hidden;
  }
  .left_menu_container_wrap {
      position: fixed;
      z-index: 104;
      left: 0;
      top: 0;
      bottom: 0;
      width: 60%;
      background-color: #161616;
      padding-top: 0;
      transition: transform 0.1s ease-in-out;
      transform: translateX(0%);
      display: none;
  }
  .left_menu_container_wrap.close_menu_container {
      transform: translateX(-100%);
  }
  .desktop_view{
    display: none;
  }
  .mobile_view{
    display: block;
    height: 100%;
  }
  body.body_main_wrap.body_main_container {
      padding-left: 0;
      transition: padding .1s ease-in-out;
      padding-top: 0;
  }
  [off-canvas*=left] {
      width: 200px;
      background-color: #000000;
  }
  [off-canvas*=right] {
      width: 270px;
      background-color: #000000;
  }
  .js-close-any-slidebar:after {
      content: '';
      background: rgba(0,0,0,0.7);
      position: absolute;
      z-index: 999;
      left: 0;
      right: 0;
      top: 0;
      height: 100%;
      width: 100%;
  }
  .head_mobile {
    height: 65px;
    padding-right: 25px;
    padding-left: 25px;
  }
  [canvas=container]{
    background-color: #161616;
  }
  .body_mobile{
    padding-top: 65px;
    overflow: auto;
    height: 100%;
  }
  body.body_main_wrap{
    padding-top: 0;
    padding-left: 0;
  }
  [off-canvas*=left] .side_menu_content{
    margin: 20px;
  }
  [off-canvas*=left] .side_menu_content li a{
    padding-left: 8%;
    font-size: 12px;
    border-radius: 30px;
  }
  [off-canvas*=left] .side_menu_content li a img{
    width: 24px;
  }
  .mobile_side_logo{
    padding: 10px;
  }
  .side_login_wrap{
    background-color:#f1f1f1;
    padding: 15px;
    border-radius: 5px;
    max-width: 500px;
  }
  .right_side_wrap{
    padding: 15px;
  }
  .log_wrap{
    display: flex;
    align-items: center;
    grid-gap: 15px;
    justify-content: space-between;
  }
  .login_btn_side{
    background: linear-gradient( 90deg, rgba(180, 4, 1, 1) 0%, rgba(231, 6, 0, 1) 100% );
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 5px 8px;
    width: 100%;
  }
  .sign_btn_side{
    background: #7a7a7a;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 5px 8px;
    width: 100%;
  }
  .tab{
    display: none;
  }
  .tab-active{
    display: block;
  }
  .login_form_flex{
    display: flex;
    align-items: center;
    border: 1px solid #dadada;
    border-radius: 7px;
    padding: 5px;
    margin-bottom: 10px;
    background-color: #fff;
    min-height: 46px;
  }
  .login-field span.login_span_icon img {
       width: 28px;
       font-size: 17px;
       color: #000;
  }
  .login-field input {
      border-radius: 5px;
      border: none;
      padding: 0px 9px;
      background-color: transparent;
  }
  .side_login_btn{
    color: #fff;
    background-color: #cf0500;
    padding: 8px;
    border-radius: 8px;
    width: 100%;
    border: none;
    margin-top: 6px;
  }
  .forgotpass_txt{
    color: #000;
    font-size: 12px;
    font-weight: 600;
    margin: auto;
    text-align: center;
    display: flex;
    justify-content: center;
    margin-top: 8px;
  }
  .index_pro_sec_mobile{
    margin: 15px 0;
  }
  .match_table table tr td {
    padding: 6px 5px;
    font-size: 10px;
  }
  .match_table table tr th {
      padding: 10px 5px;
      font-size: 12px;
      font-weight: 500;
  }
  .match_table_red{
    width: auto;
    border-radius: 13px;
  }
  .match_table_white{
    width: auto;
    border-radius: 13px;
  }
  .mobile_index_productul{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    background-color: #242424;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 10px 5px;
  }
  .mobile_index_productul li a{
    color: #fff;
    display: flex;
    justify-content: center;
    padding: 3px 5px;
    border-radius: 5px;
    font-size: 12px;
  }
  .mobile_index_productul li a.activeproduct-a{
    background-color: #b40000;
  }
  .tabproduct{
    display: none;
  }
  .tabproduct-active{
    display: block;
  }
  .index_product_main_mobile{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
    padding: 10px 0;
  }
  .index_pro_title {
      margin-bottom: 10px;
  }
  .win_table table tr th{
    font-size: 12px;
  }
  .win_table table tr td{
    font-size: 12px;
  }
  .index_pro_txt{
    font-size: 14px;
  }
  .index_match__right_inn{
    grid-gap: 20px;
  }
  .footer_mobile{
    background-color: #262626;
  }
  .footer_wrapul{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0px;
    padding: 10px 20px;
  }
  .mobile_body_inn_wrap{
    padding-bottom: 30px;
  }
  .copyright_mobile{ 
    text-align: center;
    color: #b7b7b7;
    font-size: 12px;
    padding: 20px 0;
  }
  .pm-boxer{
    grid-template-columns: auto;
  }
  .pmbox{
    min-width: 114px;
    padding: 5px;
  }
  .filter-menu-bar{
    overflow: scroll;
  }
  .vip_faq {
      grid-template-columns: repeat(1, 1fr);
  }
  .vip_faq_box{
    display: grid;
    grid-template-columns: 20% 79%;
    align-items: center;
    grid-gap: 10px;
    padding: 15px;
  }
  .vip_table table th img{
    max-width: 80px;
  }
  .afterlogin_main_head_title{
    text-align: left;
    margin-bottom: 10px;
    padding-left: 17px;
  }
  .balance_table_grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
    padding: 8px;
  }
  .balance_table_grid_left_row{
    display: flex;
    justify-content: space-between;
  }
  .balance_table_mobile_head{
    text-align: center;
    border-bottom: 1px solid #262626;
    padding: 8px;
  }
  .balance_table_mobile{
    background-color: #000;
    padding: 0px;
    color: #bcbbbb;
    margin-bottom: 10px;
  }
  .balance_table_grid_left{
    border-right: 1px solid #262626;
    padding-right: 10px;
  }
  .bank_table{
    font-size: 12px;
  }
  .bank_table table td {
      padding: 5px;
  }
  .form_wrap_inn{
    display: grid;
  }
  .form_wrap_inn label{
    text-align: left;
  }
  .submit_btn{
    width: 100%;
  }
  .mobile_side_user{
    
text-align: center;
    
font-weight: 600;
  }
  .mobile_side_menu{
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    grid-gap: 5px;
    padding: 10px 0 20px 0;
}
  .mobile_side_menu a{
    background: transparent;
    color: #b3b3b3;
    border-radius: 5px;
    padding: 8px;
  }
  .mobile_side_menu a.active{
    background: linear-gradient( 90deg, rgba(180, 4, 1, 1) 0%, rgba(231, 6, 0, 1) 100% );
  }
  .mobile_side_bal_head{
    background-color: #171717;
    color: #bcbcbc;
    text-align: left;
    padding: 8px;
    margin-bottom: 2px;
  }
  .mobile_side_bal_content{
    background-color: #171717;
    color: #bcbcbc;
    padding: 8px;
  }
  .mobile_side_bal_content td{
    font-size: 13px;
  }
  .mobile_side_bal_content table tr td:last-child{
    text-align: right;
  }
  .submit_btn_addbank{
    width: 100%;
  }
  .form_wrap_inn_withdraw{
    flex-direction: column;
  }
  .history_txt {
      text-align: left;
      width: 100%;
  }
  .head_mobile_wrap img{
    width: auto;
  }
  .mobilehead_logo{
    display: flex;
    align-items: center;
    grid-gap: 7px;
  }
  .head_mobile_wrap img.mobilehead_logo_logo{
    width: 130px;
  }
  .head_mobile_wrap img.mobilehead_logo_cert{
    width: 37px;
  }
  .index_match_section {
    flex-direction: column;
  }
}