/* Smart phone portrait */
@media (min-width: 320px) and (max-width: 640px) {
  .is-desktop {
    display: none !important;
  }

  .fs-2 {
    font-size: calc(2.2rem - 1vw) !important;
  }

  .fs-1 {
    font-size: 3rem !important;
  }

  .px-5 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

/* Tablet portrait */
@media screen and (min-width: 641px) and (max-width: 768px) {
  .is-desktop {
    display: none !important;
  }

  .fs-2 {
    font-size: calc(2.2rem - 1vw) !important;
  }
}

/* IPad Landscape / Small Laptop */
@media screen and (min-width: 769px) and (max-width: 961px) {
  .is-desktop {
    display: none !important;
  }
}

/* Desktop and Laptop */
@media screen and (min-width: 965px) and (max-width: 1025px) {
  .is-desktop {
    display: none !important;
  }
}

/* Wide Screen2 */
@media screen and (min-width: 1026px) and (max-width: 1420px) {
  .is-desktop {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .customize-box-steps{
    gap: 20px;
  }
  .customize-box-steps .step-title a{
    font-size: 16px;
  }
}

@media print {
  @page {
    size: letter;
  }

  .print-field-value {
    border-bottom: 1px solid #000;
    border-color: #888;
    text-align: left;
  }

  .is-screen {
    display: none !important;
  }

  .is-print {
    display: block !important;
  }

  input,
  textarea,
  select {
    border: none !important;
  }

  textarea {
    overflow: hidden !important;
  }

  table {
    border: 1px solid #CCC !important;
  }

  tr,
  th,
  td {
    border: 1px solid #CCC !important;
  }

}