@charset "utf-8";
@media all and (max-width: 829px) {
  /* header

    ================================================================================================================= */
  .desktop_menu,
  .desktop_only {
    display: none !important;
  }
  .mobile_menu,
  .mobile_only {
    display: block !important;
  }
  .inner-header-mobile {
    padding: 15px 0;
  }
  .tigger-mobile-menu,
  .trigger-search-mobile {
    font-size: 20px;
    color: #fff;
  }
  .logo-game-portal {
    width: 160px;
    position: absolute;
    left: 45%;
    margin-left: -55px;
    top: 10px;
  }
  .right-menu-mobile {
    display: block;
    text-align: right;
  }
  .right-menu-mobile a {
    display: inline-block;
    margin-left: 3px;
    max-width: 30px;
    position: relative;
  }
  .sticky-widget {
    position: relative;
  }
  .section-popup-choose {
    width: 100%;
  }
  /* middle homepage

    ================================================================================================================= */
  #slider-game .item {
    height: 200px;
  }
  #slider-game .item img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  .withPad {
    padding: 20px 0;
  }
  .section-title h3,
  .form-edit-profile h3 {
    font-size: 17px;
  }
  .cols-second-news,
  .cols-main-news,
  .cols-w-60,
  .cols-w-40,
  .cols3 {
    width: 100%;
  }
  .cols-main-news .cols4,
  .cols5 {
    width: 50%;
  }
  .side-menu li a:before,
  .side-menu li a.active:before {
    content: "";
    display: none;
  }
  .side-menu li {
    display: inline-block;
    margin-right: 20px;
    vertical-align: top;
    position: relative;
  }
  .side-menu {
    white-space: nowrap;
    overflow-x: scroll;
    width: 100%;
    margin-bottom: 20px;
  }
  .profile-detail-info {
    margin-top: 20px;
  }
  .profile-detail-info-mobile {
    display: block;
    text-align: center;
    margin-top: -60px;
  }
  .profile-detail-info-mobile .thumb-profile {
    width: 90px;
    height: 90px;
    display: inline-block;
  }
  .koin-section-info img {
    max-width: 30px;
  }
  .koin-section-info span.number-koin {
    font-size: 18px;
  }
  .koin-section-info {
    height: 35px;
    padding: 10px;
  }
  .flex-end-button {
    margin-top: 20px;
  }
  #kupon-info .cols2 {
    width: 100%;
  }
  .section-popup-body {
    width: 100%;
    max-width: 100%;
    min-width: 300px;
  }
  .button_confirm a {
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
  }
  .box-chat {
    display: none;
  }
  .r .box-chat {
    display: block !important;
    margin-left: 0;
    width: 100%;
  }
  .backbutton {
    display: block;
  }
  .user-chat {
    width: 100%;
  }
  .r .user-chat {
    display: none !important;
  }
  .tab-chat ul {
    display: flex;
    list-style: none;
    padding: 0;
    justify-content: space-between;
    width: 100%;
  }
  .tab-chat ul li {
    margin-right: 0;
  }
  .box-chat-mobile {
    display: block !important;
  }
  .box-inner-chat-mobile {
    overflow: scroll;
  }
  .box-chat.box-chat-mobile {
    margin-left: 0;
    width: 100%;
  }
  .box-chat-fixed {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
  }
  .koin-profile-info {
    flex-direction: column;
  }
  .raja-koin-info-head {
    margin: 0 0 15px 0;
  }
  .mobile-sticky-button {
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 20px;
    width: 100%;
    background: #171a3d;
    margin-bottom: 0;
  }
  .avatar-item {
    width: 40%;
  }
  /* middle contentpage

    ================================================================================================================= */
  /* footer

    ================================================================================================================= */
}