@media (max-width: 480px), (min-width: 481px) and (max-width: 1024px)  {
      .checkout-container {
          padding: 120px 0 40px 0;
      }

      .checkout-container h3, .checkout-container p {
        text-align: center;
    }

      .checkout-card {
          width: 100%;
          margin: 20px;
          padding: 20px;
      }

      .checkout-card input {
          margin: 5px 0 !important;
      }

      .checkout-total-container {
          display: block;
      }

      .checkout-email {
        width: 100%;
      }

      .checkout-total-container h3 {
        margin: auto;
        font-size: 20px;
      }

      .checkout-button-container {
          text-align: center;
      }

      .checkout-button-container button {
        border-radius: 25px;
        font-size: 15px;
        transform: translateX(0);
        margin: 10px auto;
      }
  }