@charset "utf-8";
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .id-and-verification .col-lg-7.col-md-12.col.card-id {
    padding: 0;
  }
  .discount-label {
    margin-bottom: 5%;
    margin-top: 5%;
  }
  .discount-bar.discount-toggle .onoffswitch {
    margin-top: 8px !important;
  }
  .lost-error-wrapper.iframe {
    width: 96%;
    overflow: hidden;
    height: 90%;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 640px) {
  .id-and-verification .col-lg-7.col-md-12.col.card-id {
    padding: 0;
  }
  .discount-label {
    margin-bottom: 5%;
    margin-top: 5%;
  }
  .discount-bar.discount-toggle .onoffswitch {
    margin-top: 8px !important;
  }
  .lost-error-wrapper.iframe {
    width: 96%;
    overflow: hidden;
    height: 90%;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .id-and-verification .col-lg-7.col-md-12.col.card-id {
    padding: 0;
  }
  .row.recent-last-col-verify-row {
    position: relative;
  }
  .row.last-col-verify-row {
    position: relative;
  }
  .last-col-verify-row .col-lg-7.col-md-12.col.card-id.add-height {
    padding-left: 0;
  }
  .recent-last-col-verify-row .col-lg-7.col-md-12.col.card-id {
    padding-left: 0;
  }
  .error-submit a {
    font-size: 1.2rem;
  }
  .error-code {
    font-size: 10rem;
    letter-spacing: 5px;
    line-height: 9rem;
  }
  .error-pg-subheader {
    font-size: 1rem;
    letter-spacing: 0.5px;
  }
  .error-pg-header {
    font-size: 4rem;
    line-height: 3rem;
  }
  .refresh-panel a.btn {
    margin-top: 10px;
    width: 100%;
  }
  #fixed-search-area {
    margin-top: 12px;
  }
  .onoffswitch {
    margin-top: 18px !important;
  }
  .recent-transaction-area .card-id,
  .transaction-area .card-id {
    font-size: 1.3rem !important;
  }
  .recent-transaction-area .out-line {
    line-height: 70px;
  }
  .transaction-area .code p {
    line-height: 55px;
  }
  .transaction-area .amount p,
  .transaction-area .date-stamp p,
  .transaction-area .id-and-verification p {
    line-height: 47px;
  }
  .transactions-list-wrapper .date-stamp,
  .transactions-list-wrapper .card-id {
    font-family: densebold;
    font-size: 1.4rem;
    letter-spacing: 1px;
  }
  /*error-page*/
  .error-pg.ouch .error-pg-subheader {
    font-size: 1.4rem;
    letter-spacing: 0;
    line-height: 26px;
    margin: 5px auto;
    width: 230px;
  }
  .footer {
    font-size: 0.7em;
  }
  .discount-label {
    margin-bottom: 5%;
    margin-top: 5%;
  }
  .discount-bar.discount-toggle .onoffswitch {
    margin-top: 8px !important;
  }
  .lost-error-wrapper.iframe {
    width: 96%;
    overflow: hidden;
    height: 90%;
  }
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) {
  .row.recent-last-col-verify-row {
    position: relative;
  }
  .row.last-col-verify-row {
    position: relative;
  }
  .last-col-verify-row .col-lg-7.col-md-12.col.card-id.add-height {
    padding-left: 0;
  }
  .recent-last-col-verify-row .col-lg-7.col-md-12.col.card-id {
    padding-left: 0;
  }
  .error-submit a {
    font-size: 1.2rem;
  }
  .error-code {
    font-size: 10rem;
    letter-spacing: 5px;
    line-height: 9rem;
  }
  .error-pg-subheader {
    font-size: 1rem;
    letter-spacing: 0.5px;
  }
  .error-pg-header {
    font-size: 4rem;
    line-height: 3rem;
  }
  .refresh-panel a.btn {
    width: 100%;
  }
  .refresh-panel,
  .search-block {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #fixed-search-area {
    margin-top: 12px;
  }
  .onoffswitch {
    margin-top: 18px !important;
  }
  .recent-transaction-area .card-id {
    font-size: 1.6rem !important;
  }
  .recent-transaction-area .out-line {
    line-height: 70px;
  }
  .transaction-area .code p {
    line-height: 55px;
  }
  .transaction-area .amount p,
  .transaction-area .date-stamp p,
  .transaction-area .id-and-verification p {
    line-height: 47px;
  }
  /*error-page*/
  .error-pg.ouch .error-pg-subheader {
    font-size: 1.4rem;
    letter-spacing: 0;
    line-height: 26px;
    margin: 5px auto;
    width: 230px;
  }
  .footer {
    font-size: 0.7em;
  }
  .lost-error-wrapper.iframe {
    width: 96%;
    overflow: hidden;
    height: 90%;
  }
}

/* Smartphones (portrait and landscape) ----------- */

/* Smartphones (landscape) ----------- */

@media only screen and (min-width: 321px) {
  /* Styles */
}

/* Smartphones (portrait) ----------- */

@media only screen and (max-width: 320px) {
  /* Styles */
}

/* iPads (portrait and landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .recent-transaction-area .col-lg-5.col-md-12.col.verification-btn .btn.btn-verify.btn-block {
    padding: 4px 0;
  }
  .verification-btn .btn a span {
    height: 27px;
    line-height: 28px;
  }
  .transaction-area {
    box-shadow: 0 1px 4px #999;
  }
  .mini-sidebar .scroll-sidebar {
    padding-bottom: 0;
    position: relative;
  }
  .transaction-area .date-stamp p {
    line-height: 30px !important;
    padding-top: 9px;
  }
  .card-id {
    text-align: center;
  }
  .transaction-area .out-line.amount p,
  .transaction-area .code p {
    padding-top: 3px;
  }
  .transaction-area .card-id p {
    line-height: 30px;
    padding-top: 1px;
  }
  .transaction-area .verification-btn .btn {
    padding: 0;
  }
  .recent-transaction-area .date-stamp p {
    line-height: 35px;
    padding-top: 17px;
  }
  .btn.btn-verify.btn-block {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
  }
  .recent-transaction-area .card-id.add-height p,
  .transactions-list-wrapper .card-id.add-height p {
    line-height: 80px;
    padding-top: 0;
  }
  .recent-transaction-area .amount p,
  .recent-transaction-area .code p {
    padding-top: 8px;
  }
  .recent-transaction-area .verification-btn .btn {
    padding-top: 0;
  }
  /* .recent-transaction-area .card-id p {
    line-height: 42px;
    padding-top: 7px;
  } */
  /*error pages*/
  .error-pg.ouch .error-code {
    padding: 2% 5%;
  }
  .error-pg.ouch .error-pg-subheader {
    font-size: 1.6rem;
    letter-spacing: 2px;
    margin: 0 auto;
    width: 74%;
  }
  .row.recent-last-col-verify-row p {
    line-height: 2.4rem !important;
  }
  .recent-transaction-area .amount p,
  .recent-transaction-area .code p {
    padding-top: 2px;
  }
  .recent-transaction-area .code .title, .recent-transaction-area .amount p, .recent-transaction-area .date-stamp p, .row.recent-last-col-verify-row p{ font-size:1.5rem; line-height:63px; line-height: 5.5rem!important; padding-top:0px!important; }
  .transaction-area .code p.subtitle, .transaction-area .amount p, .transaction-area .date-stamp p, .row.recent-last-col-verify-row p{ font-size:1.5rem;     line-height: 4rem!important; padding-top:0px!important;}
  .transaction-area .code p.subtitle{ padding-top:3px!important;}
  .row.recent-last-col-verify-row p{line-height:12px !important;     padding-top: 5px!important;}
  .recent-transaction-area .flaticon-shop:before{    line-height: 5.5rem!important;}
}

/* iPads (landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .mini-sidebar .scroll-sidebar {
    padding-bottom: 0;
    position: relative;
  }
  .transaction-area .col-md-3.col-lg-4.out-line.id-and-verification {
    padding-top: 0px;
  }
  .recent-transaction-area .col-lg-7.col-md-12.col.card-id.add-height {
    padding-top: 7px;
  }
  .recent-transaction-area .col-md-3.col-lg-3.out-line.date-stamp p {
    padding-top: 31px;
  }
  .transaction-area .col-md-3.col-lg-3.out-line.date-stamp p {
    padding-top: 27px;
  }
  .recent-transaction-area .card-id.add-height p,
  .transactions-list-wrapper .card-id.add-height p {
    line-height: auto !important;
    padding-top: 0;
  }
  .transaction-area .col-md-3.col-lg-3.out-line.amount p {
    margin-top: 8px;
  }
  .transaction-area .col-md-3.col-lg-2.text-center.out-line.code.code-dev.verified-transaction p {
    padding-top: 10px;
  }
  .recent-transaction-area .row.recent-last-col-verify-row p{    line-height: 5.5rem!important; padding-top: 0px!important;}
  .recent-transaction-area .col.verification-btn{    display: flex; align-items: center;}
  .recent-transaction-area .col.verification-btn .btn.btn-verify.btn-block{    margin-top: -5px;}
  .transactions-list-wrapper .verified-transaction .flaticon-shop:before{    margin-top: 0rem!important;}
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 768px) {
  .mini-sidebar .scroll-sidebar {
    padding-bottom: 0;
    position: relative;
  }
  .transaction-area .col-md-3.col-lg-4.out-line.id-and-verification {
    padding-top: 12px;
  }
  .recent-transaction-area .col-lg-7.col-md-12.col.card-id.add-height {
    padding-top: 7px;
  }
  .recent-transaction-area .col-md-3.col-lg-3.out-line.date-stamp p {
    padding-top: 34px;
  }
  .recent-transaction-area .card-id.add-height p,
  .transactions-list-wrapper .card-id.add-height p {
    line-height: auto !important;
    padding-top: 0;
  }
  .transaction-area .out-line.amount p,
  .transaction-area .code p {
    padding-top: 16px;
  }
  .transaction-area .col-md-3.col-lg-3.out-line.date-stamp p {
    padding-top: 34px !important;
  }
}

/* iPads (portrait) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

  /* Styles */
}

/* Desktops and laptops ----------- */

@media only screen and (min-width: 1224px) {
  /* Styles */
}

/* Large screens ----------- */

@media only screen and (min-width: 1824px) {
  /* Styles */
}

/* iPhone 4 ----------- */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
  /* Styles */
}