/* Adaptive OF */
.order__footer {
  display: none;
}

.hidden {
  display: none !important;
}

@media (max-width: 728px) {
  tr > .label {
    display: inline-block;
  }

  #order_form {
    width: 100%;
    margin: 0;
  }

  #order_details,
  #personal_info,
  #contact-info {
    padding: 5px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.13);
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.13);
  }

  #order_details > tr,
  #personal_info > tr,
  #contact-info > tr {
    display: inline-block;
    width: 100%;
  }

  #order_details > tr > td,
  #personal_info > tr > td,
  #contact-info tr > td {
    height: auto;
    padding: 0;
  }

  #order_details > tr > td:last-child,
  #personal_info > tr > td:last-child,
  #contact-info > tr > td:last-child {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
  }

  #order_form tr.label + tr td {
    padding-top: 0;
  }

  #order_form table {
    background: none;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
  }

  #order_form {
    position: relative;
  }

  .orderform input[type="text"] {
    width: 100%;
  }

  .personalInfo__input {
    width: 100% !important;
  }

  #row_country td + td div:first-child {
    width: 100%;
  }

  #row_phone1 td + td div:first-child {
    width: 100%;
  }

  #row_phone1 #phone1_country,
  #row_phone1 #phone1_area,
  #row_phone1 #phone1_number {
    margin: 0;
    display: table-cell;
  }
  #row_phone2 td + td div:first-child {
    width: 100%;
    display: flex;
  }

  #row_phone1 #phone1_country {
    width: 19%;
    margin-right: 1%;
  }

  #row_phone1 #phone1_area {
    width: 19%;
    margin-right: 2%;
  }

  #row_phone1 #phone1_number {
    width: 67% !important;
  }

  #row_phone2 #phone2_country,
  #row_phone2 #phone2_area,
  #row_phone2 #phone2_number {
    margin: 0;
    display: table-cell;
  }

  #row_phone2 #phone2_country {
    width: 19%;
    margin-right: 2%;
  }

  #row_phone2 #phone2_area {
    width: 19%;
    margin-right: 1%;
  }

  #row_phone2 #phone2_number {
    width: 67%;
  }

  /*.personalInfo__phoneWrap {*/
    /*display: table;*/
  /*}*/

  .phone_type {
    width: 90%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
  }

  #order_form tbody + tbody {
    border-top: none;
    margin-top: 20px;
  }

  #row_o_interval .customSelect,
  #row_wrlevel .customSelect {
    width: 100%;
  }

  tr#row_cost_per_page {
    margin-bottom: 15px;
  }

  tr#row_cost_per_page .label {
    width: auto;
    font-weight: bold;
    padding-left: 0px;
    vertical-align: middle;
  }

  tr#row_cost_per_page td:last-child {
    width: auto;
    vertical-align: middle;
    margin-bottom: 0;
    margin-left: 0px;
  }

  tr#row_cost_per_page label[for=cost_per_page] {
    font-size: 16px;
  }

  #preff_wr_id {
    width: 100%;
  }

  .prefflist li {
    position: relative;
  }

  .prefflist input {
    width: 100%;
  }

  .prefflist .add {
    padding: 10px;
  }

  #order_form td.label {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .order__footer {
    display: block !important;
  }

  #promo {
    width: 100%;
  }

  #row_accept #accept li:first-child {
    width: auto;
  }

  #row_accept #accept {
    left: auto;
    text-align: center;
    top: -15px;
  }

  .orderform tfoot {
    background: #fff;
    padding: 0px 0px 20px;
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-radius: 4px;
    position: absolute;
    bottom: 0px;
    text-align: center;
  }

  .orderform tfoot tr,
  .orderform tfoot td {
    width: 100%;
    display: block;
    height: auto;
  }

  #order_details {
    padding-bottom: 110px;
  }

  .resubmit_order_form #order_details {
    padding-bottom: 175px;
  }

  #row_promo #promo {
    width: 100%;
    margin-bottom: 10px;
  }

  #row_accept #accept {
    width: 100%;
    margin: 0;
    top: 0;
  }

  #row_accept td + td div:first-child {
    left: 0 !important;
    text-align: center;
  }

  .orderform .editOrProceedPF input[type=submit] {
    font-size: 16px;
  }

  #paypal_enabled ul {
    margin-top: 10px;
  }

  .editOrProceedPF.big .edit_order_proceed,
  .editOrProceedPF.big .edit_order_prev {
    padding: 0 16px;
  }

  .orderform #order_form.preview td {
    width: 48%;
    display: inline-block;
    padding: 0;
    margin: 0;
    vertical-align: top;
  }

  .previewOrderForm #order_form.preview tr {
    margin-bottom: 10px;
    display: block;
  }

  .lstyle_option {
    display: block;
    margin-left: 0px !important;
    line-height: 25px;
  }
}

@media (max-width: 480px) {
  .phone_type {
    width: 84%;
  }

  #row_numberOfSources .customSelect,
  #row_style .customSelect {
    width: 85% !important;
  }

  .orderform .vas_row td:last-child {
    margin-bottom: 0 !important;
  }

  #row_accept #accept {
    margin: 0;
    margin-bottom: -20px;
  }

  .sideTelWrap {
    text-align: center;
  }

  tr#row_cost_per_page td:last-child {
    margin-left: 0;
  }

  #error_accept {
    padding-top: 20px;
  }
}