@media only screen and (max-width: 788px) {
  .phone__price__holder {
    display: block;
  }
  .pc__price__holder {
    display: none;
  }
}

@media only screen and (max-width: 650px) {
  .order__discount__strip {
    padding: 10px 0px;
  }
  .pc__step {
    display: none;
  }
  .phone_step {
    display: block;
  }
  .order__stepper__container svg {
    margin: 5px 0px;
  }
  .order__form__holder {
    width: 100%;
  }
  .order__header__content {
    width: 100%;
  }
  .phone__files__upload label {
    display: none;
  }
  .order__stepper__container button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .order__stepper__container button span {
    font-size: 0.9rem;
    font-weight: 600;
  }
  .order__form__step1 textarea {
    height: 85px;
  }
  .pc__price__holder {
    display: none;
    margin-bottom: 20px;
  }
}

/* when the smallest bootstrap column is triggered  */
@media only screen and (max-width: 575px) {
  .form-input-overlay-form-items-container .row {
    margin: 0px !important;
    padding: 0px !important;
  }
  .order-form-input-label {
    text-align: left;
  }
  .orders-page-shared-header-bottom-divider {
    height: 4vh;
  }
  .order__form__step1 textarea {
    height: 110px;
  }
  .attachment-container-drag-drop-container {
    max-height: 200px;
    overflow: scroll;
  }
  .accordion-form-item {
    margin-bottom: 15px;
  }
  .accordion-form-item input,
  .accordion-form-item select,
  .accordion-form-item textarea {
    padding: 11px 15px;
    background-color: white;
  }
  .order-page-header-section-shared-content img {
    height: 45px;
  }
  .order-page-header-section-shared-content {
    height: 65px;
  }
  .phone__price__holder {
    padding: 0px;
    background-color: #fffdf0;
    border-radius: 6px;
  }

  /* the order page  */
  .preferred-writer-outer-content .row .col:not(:last-child) label {
    border-radius: none;
    border-bottom: 1px solid rgba(74, 90, 182, 0.3) !important;
  }
  .preferred-writer-outer-content label {
    width: 100%;
    padding: 20px 10px;
  }
  .accordion-form-item .row .col {
    padding: 0px;
  }
  .order-page-custom-navigation-steps-phone {
    display: none;
  }
  .step1__price__holder {
    border-radius: 6px;
    background-color: #fffdf0;
  }
}
