/* mobile styles */
@media screen and (min-width: 768px) and (max-width: 959px) {
  .action-button-rates {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .benefit > img {
    width: 45px;
  }

  a {
    overflow-wrap: break-word;
  }

  div.wrapper {
    padding: 0 20px 20px;
  }

  ul.forms > li {
    padding: 10px 0 20px;
  }

  label.form-compact-prefix.w40 {
    width: 100%;
  }

  button.withdraw-open-qr-scanner {
    /* visibility: hidden; */
    /* height: 0; */
    left: 0;
  }

  input.form-element-big,
  input.withdraw-input-address {
    width: 100% !important;
    max-width: 350px;
    height: 33px;
    padding-left: 35px;
    box-sizing: border-box;
  }

  div.form-compact-field {
    width: 100%;
  }

    div.form-compact-field #CPH_CV_Addr {
      display: none;
    }

  .action-button h3 {
    font-size: 20px !important;
  }

  div.content-wiki table tr:first-child td,
  div.content-wiki table tr:first-child th,
  div.content-table table tr:first-child td,
  div.content-table table tr:first-child th {
    white-space: nowrap;
  }

  div.content-table table tbody tr:nth-child(odd) td {
    background-color: #f3f3f3;
  }

  img.qrbig {
    left: 50%;
    transform: translateX(-50%);
    border: 2px solid #e1e1e1;
    border-radius: 5px;
  }

  li.filter > div,
  li.filter > label {
    height: auto;
  }

  .content-table ul.filters {
    display: flex;
    flex-direction: column-reverse;
  }

    .content-table ul.filters .filters-buttons input {
      margin-left: 0;
    }

  .container-action-button,
  .benefits {
    display: block;
    padding: 0 0 !important;
    margin: 0 0 !important;
  }

    .container-action-button:before,
    .container-action-button:after,
    .benefits:before,
    .benefits:after {
      content: " ";
      display: table;
    }

    .container-action-button:after,
    .benefits:after {
      clear: both;
    }

    .container-action-button > li,
    .benefits > li {
      display: block;
      float: left;
      height: auto;
      list-style: none;
      /*padding: 0 1.5% 3%!important;*/
      padding: 0 0 3% !important;
      width: 98.5%;
    }

      .container-action-button > li:nth-of-type(1n),
      .benefits > li:nth-of-type(1n) {
        clear: none;
      }

      .container-action-button > li:nth-of-type(1n+1),
      .benefits > li:nth-of-type(1n+1) {
        clear: both;
      }
}

@media screen and (max-width: 480px) {
  .action-button-rates {
    display: none;
  }

  .action-button p small {
    display: none;
  }
}