@media screen and (max-width: 991px) {
  html {
    font-size: 9px;
  }

  .InvoiceForm .invoicetable td,
  .InvoiceForm .invoicetable th {
    padding: 1rem;
  }

  .hide-td {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: 9px;
  }
  h1 {
    font-size: 2.8rem;
  }
  .main-back {
    padding: 2rem;
  }

  .form-control,
  textarea {
    padding: 0.5rem 1.4rem;
  }

  .form-label {
    font-size: 1.6rem;
  }

  .select-photo {
    height: 10rem;
    width: 14rem;
  }

  .card-body {
    padding: 1rem 0;
  }

  .hide-td-2 {
    display: none;
  }

  .DataForm-1 .invoice-btn .mail-send {
    margin: 0 1rem 2rem 1rem;
  }

  .InvoiceForm .invoice-btn .mail-send {
    margin: 0 1rem 2rem 1rem;
  }
}
@media screen and (max-width: 575px) {
  h1 {
    font-size: 2.2rem;
  }

  .form-control {
    width: 100% !important;
  }

  .DataForm-1 .picture-item {
    height: 18rem;
  }

  .hide-td-3 {
    display: none;
  }
  .invoicetable-row .invoicetable select {
    padding: 0.5rem;
  }
}