@media (max-width: 767px) {
  
  /* CSS */
  /* Premium Responsive */

  .premium_body{
    overflow: hidden;
  }


  /* Ver2 */

  #appcontainer {
    padding: 56px 0;
    margin-bottom: env(safe-area-inset-bottom);
    margin-top: env(safe-area-inset-top);
    width: 100%;
    background-color: inherit;
    min-height: inherit;
    margin: inherit;
    color: inherit;
  }

  .premium_body #appcontainer{
      padding: 0px;
  }

  .appBottomMenu {
    border-radius: 0px;
    width: 100%;
  }

  .login .login_content {
    margin: auto;
    width: 100%;
  }

  .register .login_content {
    margin: auto;
    width: 100%;
  }

  .game_leaderboard .game_header{
    display: flex;
    flex-direction: column;
  }

  .game_leaderboard .all_leaderboard .leaderboard_body{
    height: 21vh;
  }
  
  .my_account .list-group-item a p{
    color: white;
  }

  .custom-primary{
    padding: 10px;
    width: 100%;
    background-color: #11bcf1 !important;
    border-color: #2a9abc !important;
    margin: 5px;
  }
  .active_subscription{
    width: 100%;
  }
  
  .premium_content .leaderboard_profiles{
    width: 100%;
  }

  .game_leaderboard .all_leaderboard .head{
    width: 100%;
  }
  .game_leaderboard .all_leaderboard .leaderboard_body{
    width: 100%;
  }
  section.premium_games{
    height: 50vh;
  }
  .sticky_leaderboard{
    position: absolute;
    z-index: 1;
    background-color: #ffffff;
    padding: 5px;
    border-top-right-radius: 7px;
    bottom: 0;
    border-bottom-right-radius: 7px;
  }

  .sticky_leaderboard_weekly{
    position: absolute;
    z-index: 1;
    background-color: #ffffff;
    padding: 5px;
    border-top-right-radius: 7px;
    bottom: 0;
    border-bottom-right-radius: 7px;
    top: 44vh;
  }
}