@media only screen and (max-width: 1200px) {

  
    .section{
      padding-top:13vmin;
    }
  
    .nav_content {
      display:none;
    }
  
    .menu_btn{
      display:block;
    }
  
    .lang1{
      display:none;
    }
  
    .lang2{
      display:flex;
    }
  
    .logo{
      margin-right:auto;
    }
  
    .slot_content{
      flex-direction: column;
    }
  
    .slot_list{
      order:2;
      width:90%;
      justify-content: center;
    }
  
    .slot_item{
      width:25%;
      min-width: 110px;
    }
  
    .lotto_table{
      width:45%;
      order: 2;
    }
  
    .lotto_btns{
      width:100%;
      flex-direction: row;
      width:90%;
      margin:0 auto;
      align-items: flex-end;
    }
  
    .lotto_btn{
      padding:2%;
      width:35%;
      margin:0;
      margin-right: 2%;
    }
  
    .result_input{
      margin:0;
      margin-left: auto;
      align-items: flex-start;
      width:30%;
    }
  
    /*-----------------Slot lobby-----------------------*/
  
    .lobby_content{
      width:100%;
      max-width: 100%;
      min-width: 100%;
    }
  
  
    /*-------------Footer-----------------------*/
  
    .footer1{
      display:none;
    }
  
    .footer2{
      display:block;
    }
  
    /*-----------------Register-----------------------*/
  
    .register{
      align-items: flex-start;
      width:100%;
      height:auto;
      min-height: inherit;
    }
  
  
    .register_frame{
      width:90%;
      min-width: inherit;
      height:auto;
      min-height: inherit;
    }
  
  
    .register_header{
      width:100%;
    }
  
    .register_form{
      width:100%;
    }
  
    .register_banner{
      display: none;
    }
  
    /*-----------------Contact-----------------------*/
  
    .info_content{
      width:90%;
      max-width: 90%;
      min-width: 90%;
    }
  
  
    /*--------------------------Fund----------------------------------------------*/
  
    .fund{
      width:90%;
      min-width: inherit;
      padding-top: 15vh;
    }
  
    .fund_content{
      display:flex;
      flex-direction: column;
    }
  
    .wallet{
      margin-bottom: 5vmin;
    }
  
    .wallet_list{
      display:grid;
      grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
      grid-gap:10px;
      height:220px;
      margin:1%;
    }
  
  }
  
  
  @media (orientation: portrait) {
  
  
    .section{
      padding-top:10vmin;
    }
  
    .slider{
      min-height:auto;
      padding:20vmin 0vmin 5vmin 0 !important;
    }
  
    .slide{
      height:60vmin;
    }
  
    .swiper-pagination{
      display:none !important;
    }
  
    .tutorial_divider{
      display: none;
    }
  
    /*---------Product-------------*/
    /*
    .lc_city{
      display:none;
    }
    */
  
    .slot_list{
      grid-template-columns: repeat(auto-fit, 90%);
    }
  
    .sb{
      min-height: 100%;
    }
  
    /*-----------------Slot lobby-----------------------*/
  
    .lobby{
      padding:11vh 0;
    }
  
    .lobby_content{
      height:auto;
      width:100%;
      max-width: 100%;
      min-width: 100%;
    }
  
    .slot_menu{
      justify-content: center;
    }
  
    .slot_menu_item{
      width:32%;
      min-width: inherit;
    }
  
    .slot_list_container{
      justify-content: center;
    }
  
  
    /*-----------------Promotion-----------------------*/
  
    .promo_nav{
      justify-content: center;
    }
  
    .promo_nav_item{
      width:32%;
      min-width: inherit;
    }
  
  
  
    /*----Footer----*/
  
    .footer{
      min-height: inherit;
      padding:0;
    }
  
    .footer_content{
      padding-top: 0;
    }
  
    .footer_prop{
      display:none;
    }
  
    .footer_top{
      width:100%;
      justify-content: center;
    }
  
    .footer_nav{
      flex-direction: column;
      width:100%;
      padding-top: 0;
    }
  
    .footer_nav_item{
      margin:0;
      text-align: center;
      width:100%;
      padding:2vmin 0;
      border-top: solid 1px rgb(20,20,20);
      width:100%;
    }
  
    .footer_row{
      display:none;
    }
  
    .footer_bottom{
      flex-direction: column;
    }
  
    .footer_bottom_col{
      margin: 5vmin 0;
    }
    /*
    .footer_bottom_col img{
      width:100%;
    }
  
    .banks_logo{
      width:50vmin !important;
    }
    */
  
    /*-----Login------*/
  
    .login_window{
      position:relative;
      top:20%;
      width:90%;
      min-width: inherit;
      background: rgb(15,15,15);
      margin:auto;
      display:flex;
      flex-direction: column;
      align-items: center;
      border-radius: 10px;
      background: linear-gradient(15deg,transparent,var(--color1_2),var(--color1_1),var(--color1_2),transparent);
      padding:1px;
    }
  
  
      /*-----Account menu------*/
  
      .acc_popup{
        width:95%;
        min-width: inherit;
        height:auto;
        max-height: 95%;
        border-radius:0;
        overflow: auto;
      }
  
      .acc_content{
        border-radius: 0;
      }
  
      .acc_body{
        flex-direction: column;
      }
  
      .acc_box{
        width:100%;
        margin-bottom: 3%;
      }
  
    /*----------Register------------------*/
  
    .register{
      margin: 20vmin 0;
    }
  
    .register_frame{
      min-height: inherit;
      height:auto;
      min-height: inherit;
    }
  
    .register_content{
      padding-bottom: 5vmin;
    }
  
    /*---------------------------------*/
    .fund{
      padding-top:12vh;
      width:100%;
      min-width: inherit;
      margin-bottom: 5vmin;
    }
  
      .fund_content{
        display:flex;
        flex-direction: column;
        border-radius: 0;
      }
  
      .fund_form{
        padding:2vmin 3vmin;
        padding-bottom: 10vmin;
      }
  
      .bank_detail{
        width:100%;
      }
  
      .bd_item{
        flex-direction: column;
        align-items: center;
        width:100%;
      }
  
      .bd_img{
        margin-right: 0;
      }
  
      .bd_btns{
        position:static;
        margin-top: 30px;
      }
  
  
  }
  
  
  @media only screen and (max-width: 800px) {
  
    .fund_shortcut{
      margin-top: 10px;
    }
    .fund_shortcut_btn{
      margin-left: 0;
      margin-right: 10px;
    }
  
    .section{
      min-height:inherit;
    }
  
    .tutorial_step{
      margin-bottom: 0 !important;
    }
  
    .sb_content{
      flex-direction: column;
      align-items: center;
      background: rgba(0,0,0,0.5);
      margin-bottom: 8vmin;
      padding:3vmin 0;
    }
  
    .sb_banner{
      width:60%;
    }
  
    .sb_window{
      width:90%;
      background: none;
      margin-top: 5%;
    }
  
    .sb_nav{
      margin-top: 10%;
      justify-content: space-around;
    }
  
  
  
  
  /*--------- START 10/16/2020-----------------*/
  
      .fund_nav{
        flex-wrap: wrap;
        background: transparent;
        margin-bottom: 1%;
      }
  
      .fund_nav_item{
        margin: 1%;
        font-size:
      }
  
  
    .fund_subnav{
      overflow-x: auto;
    }
  
    /*--------- END 10/16/2020-----------------*/
  
    .fund_header{
      flex-direction: column;
    }
  
    .remark_box{
      width:100%;
      margin:0;
      margin-top: 2vmin;
    }
  
    .input_container{
        align-self: flex-start;
        display:flex;
        align-items:flex-start;
        flex-direction: column;
        position:relative;
        color:rgb(60,60,60);
        margin-bottom: 5vmin;
        width:100%;
    }
  
    .input_label{
      margin:0;
      margin-bottom: 1vmin;
      width:auto;
    }
  
    .input_container input, .input_container select{
      width:100%;
    }
  
    .input_link{
      margin:2vmin;
    }
  
    .card_view{
      flex-wrap: nowrap;
      overflow: auto;
    }
  
    .submit_btn{
      margin:0;
      width:100%;
    }
  
    .transfer_switch{
      left:auto;
      right:10%;
      top:100%;
      height:10vmin;
      border-top:none;
      border-bottom:none;
      z-index: 2;
    }
  
    .transfer_all{
      left:auto;
      right:10px;
      top:20px;
      font-size: 12px;
    }
  
    .date_range_input{
      flex-direction: column;
    }
  
    .date_range_input .input_container{
      margin:0;
      margin-bottom: 3vmin;
    }
  
    .date_range_input .input_container input{
      width: 100%;
    }
  
    .date_range_input .submit_btn{
      margin:0;
      width:100%;
    }
  
    .fund .view, .fund .noview{
      align-items:flex-end;
      padding-bottom: 10px;
    }
  
    .copy_btn{
      margin:0;
      margin-top: 1vmin;
    }
  
  }
  
  @media only screen and (max-height: 500px) {
  
    .acc_popup{
      top:2%;
      transform: translateY(0);
    }
  }
  
  
  
  @media only screen and (max-width: 400px){
  
    .promo_item{
      width:100%;
    }
  
  }
  
  
  @media only screen and (max-width: 600px){
  
    .lotto_table{
      width:90%;
    }
  
    .large_lotto .lotto_btns{
      flex-direction: column;
      width:100%;
      align-items: center;
    }
  
    .large_lotto .lotto_btn, .large_lotto .result_input{
      width:60%;
      font-size: 3vmin;
      margin:1% 0;
      align-items: center;
    }
  
    .large_lotto .showall_btn{
      display:none;
    }
  
  }