@media (max-width: 767.98px) {
  body {
    font-size: 14px !important;
  }
}

@media (max-width: 575.98px) {}

@media (min-width: 576px) and (max-width: 767.98px) {}

@media (min-width: 768px) and (max-width: 991.98px) {
  .linkpay-card-left {
    width: 100% !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {}

@media (min-width: 992px) {}

@media (min-width: 1440px) {}

@media (max-width: 1199.98px) {}

/* Tab Media Query */

@media (max-width: 991.98px) {}

/* Mobile Media Query */

@media (max-width: 767.98px) {
  .payment-method-warp {
    gap: 1em;
  }

  .linkpay-box {
    width: 100% !important;
    min-height: 100% !important;
    flex-direction: column;
  }

  .linkpay-card-left {
    width: 100% !important;
  }

  .linkpay-wrap {
    height: auto !important;
    padding: 1em !important;
  }

  .linkpay-bottom {
    position: relative !important;
  }

  .welcome-card {
    gap: 1em !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: auto !important;
    flex-direction: column !important;
  }

  .user-panel {
    flex-direction: column;
    text-align: center;
  }

  .documents-panel {
    flex-direction: column;
    text-align: center;
  }

  .logo-img img {
    display: block;
    margin: 0 auto;
  }

  .welcome-title {
    text-align: center;
  }

  .welcome-description {
    text-align: center;
  }

  .linkpay-wrap .row {
    gap: 1em;
  }
}

@media (max-width: 575.98px) {}

/* Large Device CSS */

@media screen and (min-width: 1400px) {
  .container {
    width: 1320px !important;
    max-width: 100% !important;
  }
}

@media screen and (min-width: 1600px) {
  .container {
    width: 1620px !important;
    max-width: 100% !important;
  }
}

@media screen and (min-width: 1900px) {
  .container {
    width: 1820px !important;
    max-width: 100% !important;
  }
}