/* Gangs of Street — mobile layout (RTL) */
html { -webkit-text-size-adjust: 100%; }
img, video, iframe { max-width: 100%; height: auto; }
table { max-width: 100%; }
input, select, textarea, button {
  max-width: 100%;
  box-sizing: border-box;
}
input[type=text], input[type=password], input[type=email], textarea, select {
  font-size: 16px !important;
  min-height: 40px;
  padding: 8px 10px !important;
}
input[type=submit], input[type=reset], input[type=button], button, a.new_buttons {
  min-height: 40px;
  padding: 8px 14px !important;
  font-size: 14px !important;
}

#gos-mobile-bar {
  display: none;
}

.table-scroll {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 980px) {
  body {
    background-attachment: scroll !important;
    background-size: cover !important;
  }
  .new-header {
    height: auto !important;
    min-height: 0 !important;
    background-size: cover !important;
  }
  #gos-mobile-bar {
    display: flex;
    position: sticky;
    top: 0;
    z-index: 9999;
    background: #141414;
    border-bottom: 1px solid #333;
    padding: 8px;
    gap: 8px;
    justify-content: space-between;
    align-items: center;
  }
  #gos-mobile-bar button {
    flex: 1;
    background: #8b0008;
    color: #fff;
    border: 1px solid #000;
    border-radius: 8px;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 14px;
    cursor: pointer;
  }
  #mid_content,
  #mid_content > tbody,
  #mid_content > tbody > tr {
    display: block !important;
    width: 100% !important;
  }
  #left_menu_cell,
  #status_div,
  #mid_content td[width="190"],
  td#status_div {
    display: none;
    width: 100% !important;
    max-width: 100% !important;
  }
  body.gos-show-menu #left_menu_cell,
  body.gos-show-stats #status_div {
    display: block !important;
  }
  #content_div,
  #content_div table,
  .centerbox,
  .menu_body {
    width: 100% !important;
    max-width: 100% !important;
  }
  table[width="98%"],
  table[width="100%"],
  table[width="760"],
  table[width="800"] {
    width: 100% !important;
  }
  #login_body {
    background-size: cover !important;
    background-position: center top !important;
  }
  /* login / register overlay boxes */
  body#login_body table,
  #login_body table {
    width: 100% !important;
  }
  .login_div, .desc_div, .reg_div {
    margin: 16px auto !important;
    width: auto !important;
    max-width: 94% !important;
    float: none !important;
    position: relative !important;
    min-height: 0 !important;
  }
  div[style*="margin-top:-340px"],
  div[style*="margin-right:60%"] {
    margin: 16px auto !important;
    width: auto !important;
    max-width: 94% !important;
  }
  #register_container_new,
  #register_container {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 12px 0 !important;
  }
  #login_box,
  #login_box[style] {
    padding-left: 0 !important;
    float: none !important;
    width: 100% !important;
  }
  .text_field,
  #register_form input[type=text],
  #register_form input[type=password],
  #register_form input[type=email],
  #register_form select {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 640px) {
  body, td, th, a, font {
    font-size: 14px !important;
  }
  img[width="80"], img[height="50"] {
    width: 48px !important;
    height: auto !important;
  }
  marquee { display: block; width: 100%; }
}