/* mobile - 2.0x pixel density */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px) and (max-width: 480px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px) and (max-width: 480px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 320px) and (max-width: 480px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px) and (max-width: 480px) {
  
}
@media screen and (max-width: 768px) {
  .header .tb_wrap .v_align {
    padding: 0;
  }
  .header .tb_wrap .logo {
    float: none;
    margin: 17px auto 8px;
  }
  .header .tb_wrap .buttons {
    float: none;
    margin: 8px auto 16px;
    width: 284px;
  }
  .header .tb_wrap .buttons .regular.btn_wrapper:first-child {
    margin-left: 0;
  }
  .header .tb_wrap .buttons .but_tooltip {
    display: none;
  }
  .wrap .table-wrapper {
    margin-top: 1px;
  }
  .wrap .table-wrapper table.enhanced #dev_icon {
    display: none;
  }
  .wrap .table-wrapper table.enhanced th.persist .table_header {
    min-width: 90px;
    padding-left: 25px;
  }
  .wrap .table-wrapper table.enhanced tbody tr td.persist {
    min-width: 90px;
    padding-left: 25px;
  }
  .footer .tier {
    margin-left: 25px;
  }
  .footer .logo_holder {
    margin-right: 25px;
  }
}
/* iPhone */
@media screen and (max-width: 600px) {
  .overlay .pane {
    margin: 25px;
    padding: 25px;
  }
  .overlay .hd p {
    font-size: 23px;
    margin-bottom: 25px;
  }
  .overlay .hd a.btn-close {
    top: -23px;
    right: -23px;
  }
  .overlay .bd p {
    font-size: 18px;
    margin-bottom: 12.5px;
  }
}
@media screen and (max-width: 380px) {
  .footer .logo_holder a {
    margin-left: 0px;
  }
  .footer .logo_holder .crafted {
    display: none;
  }
}