@media (min-width: 1200px) and (max-width: 1680px) {
  body {
      font-size: 14px;
  }

  .left_footer_text {
      font-size: 0.65em;
      letter-spacing: 0.12em;
  }
  .prev-btn {
    margin-left: 2em;}
    .sp-1_bold {
      font-size: 1.3em;
      line-height: 1.4em;
      font-family: "Nexa XBold";
  }
  .sp-1 {
    padding-right: 10em;
  }
  .tap_quesTitle .tap_quesTitleCont p {

    font-size: 0.85em;}

}
@media  (max-width: 1050px){
  .sp-1_bold {
    font-size: 1.3em;
    line-height: 1.3em;
    font-family: "Nexa XBold";
}
.tap_quesTitle .tap_quesTitleCont p {

  font-size: 0.85em;}
  /* .border_right{
    padding-right: 3em;
  } */
  .prev-btn {

    margin-left: 1.12em;
}
}

@media (max-width: 1200px) {
  body {
      font-size: 11px;
  }

  .left_footer_text {
      font-size: 0.6em;
      letter-spacing: 0.1em;
      padding-right: 0.084em;
  }

  .tap_quesTitle .tap_quesTitleCont {
      padding-left: 5.2%;

  }
  .footer .empty {
    width: 11%;
}


}

@media (max-width: 915px) {
  /* .border_right{
    padding-right: 0.5em;
  } */
  .sp-num {
    font-size: 2.5em;
    align-items: center;
    padding-right: 0.1em;
}
  .left_footer_text {
    font-size: 0.6em;
    letter-spacing: 0.1em;
    padding-right: 0.084em;
}
  body {
      font-size: 11px;
  }

  .left_footer_text {
    display: flex;
    font-size: 0.8em;
    letter-spacing: 0.1em;
    flex-direction: column;
  }

  .form-check-label {
      font-size: 1em;
      line-height: 1.1756em;

  }

  .num_sub {
      margin: -0.04em;

  }

  /* headers */

  .header_meduimscreen {
      display: block;
  }

  .header_largescreen, .header_smallscreen {
      display: none;
  }

  .text_smaller {
      line-height: 1.3;
  }

  .question.error::before, .question.two_error::before, .question.three_error::before, .question.four_error::before {
      left: 6em;
  }

  .cust_sibling.error::before {
      left: 10em;
  }
}

@media (max-width: 768px) {
  .regist_form{
    padding-top: 2em;
  }
  /* .border_right{
    padding-right: 0.5em;
  } */
  body {
      font-size: 10px;
  }

  .btn-next {
      margin-right: 1.5em;
  }

  .footer-txt {
      /* justify-content: start; */
      font-size: 1em;
  }

  .align_right_footer {
      width: 80%;
  }

  #q1 .dragged_cont {
      width: 66%;
  }

  .text_smaller {
    line-height: 1.1;

      padding-bottom: 0.2em;
  }

  .form-check-label {
      padding-left: 0;
      /* width: 95%; */
  }

  .others {

      width: 67%;
  }

  .left_footer_text {
      padding-right: 0.1em;
      font-size: 0.65em;
  }

  .sp-num {
      font-size: 3.1em;

  }

  .sp-1_bold {
      font-size: 1em;
      line-height: 1.2em;
      font-family: 'Nexa XBold';
      width: 99%;
      margin: 0.2em 0;
  }

  .sp-num {
      padding-left: 0.1em;
      font-size: 2.5em;
  }
  .tap_quesTitle .tap_quesTitleCont p {
     padding-right: 12em;
     line-height: 1.4em;
  }
    .sp-1 {

      padding-right: 1em;
  }
  .inner-box { width: 50%; padding: 1rem; }
}

@media (max-width: 480px) {
  .regist_form{
    padding-top: 2em;
  }
  /* .border_right{
    padding-right: 0.5em;
  } */
  body {
      font-size: 8.5px;
  }

  .form-check-label {
      font-size: 0.905em;
  }

  .left_footer_text {
      font-size: 0.55em;
      letter-spacing: 0.1em;
  }

  .footer-txt {
      justify-content: end;
  }

  .rating_padding {
      padding-left: 2em;
  }

  .question.error::before, .question.two_error::before, .question.three_error::before, .question.four_error::before {
      left: 6em;
  }

  .cust_sibling.error::before {
      left: 8em;
  }

  /* headers */

  .header_smallscreen {
      display: block;
  }

  .header_largescreen, .header_meduimscreen {
      display: none;
  }

  .text_smaller {
      padding: 0 0em 0.3em 0;
      line-height: 1.05;
  }

  .tap_quesTitle .tap_quesTitleCont {
      padding-left: 6%;

  }

  .sp-num {
    font-size: 2em;
    align-items: center;
    padding-right: 0.1em;
  }
}



@media (min-width: 320px) and (max-width: 499px) {
  .regist_form{
    padding-top: 2em;
  }
  .form-check-label {
    padding-left: 0.2em;

  }

  /* .border_right{
    padding-right: 0.5em;
  } */
    /* =======================Registration==================== */

    .cad_logo {
      max-width: 28%;
      margin: 0em 2.9em;
    }

    #full .form-txt p {
      /* padding-left: 0.6rem; */
    }

    .marketing {
      max-width: 58%;
    }

    .register {
      width: 100%;
      /* padding-left: 2.5rem; */
    }
    #others-err, #q-6-err, #q-18-err, #q-14-err, .reg_error {

        font-size: 0.5rem;

    }
    #full .form-txt {
      font-size: 0.48rem;
    }

    /* #full .sinc {
      max-width: 47%;
      margin-left: 8em;

    } */

    .form-control,
    .form-select {
      padding: 0.075rem 0.75rem;
    }

    #full .cust-padding .col-6 .register .submit-btn {
      max-width: 10vw;
    }
    #full .cust-padding .col-6 .register .form {
      /* padding: 0.8rem; */
      padding-left: 0.2rem;
      /* padding-top: 1rem; */
    }

    #full .cust-padding .col-6 .register .form input,
    #full .cust-padding .col-6 .register .form select {
      font-size: 0.35rem;
    }

    #full .cust-padding .col-6 .register .form .form-select {
      background-size: 22px 20px;
    }
    .thank_you {

        width: 100%;

    }
    #full .sinc {
      max-width: 44%;
      margin-left: 14em;
      margin-top: 0.4em;
  }
  }

  @media (min-width: 500px) and (max-width: 920px) {
    .regist_form{
      padding-top: 2em;
    }

    .question.error::before {


      left: 7em;}
      .max-error {

        left: 6em;}
    /* ==============Registration Page============= */

    .marketing {
      max-width: 58%;
    }

    .register {
      width: 95%;
      /* padding-left: 3rem; */
    }

    #full .form-txt {
      font-size: 0.56rem;
    }
    #full .form-txt p {
      padding-left: 0.5rem;
    }

    #full .sinc {
      max-width: 44%;
      margin-left: 0px;
      /* margin-left: 14em; */
    }

    .form-control,
    .form-select {
      padding: 0.175rem 0.75rem;

      font-size: 0.8rem;
    }

    #full .cust-padding .col-6 .register .submit-btn {
      max-width: 10vw;
    }
    #full .cust-padding .col-6 .register .form {
      /* padding: 0.8rem; */
      padding-left: 0.4rem;
      /* padding-top: 0.6rem; */
    }
    #others-err, #q-6-err, #q-18-err, #q-14-err, .reg_error {

        font-size: 0.5rem;

    }
    #full .cust-padding .col-6 .register .form input,
    #full .cust-padding .col-6 .register .form select {
      font-size: 0.5rem;
    }

    #full .cust-padding .col-6 .register .form .form-select {
      background-size: 28px 26px;
    }

    .cad_logo {
      margin: 0rem 2.2rem 0rem;
    }

  }

  @media (min-width: 921px) and (max-width: 1365px) {
    /* .border_right{
      padding-right: 0.5em;
    } */

    /* ==============Registration Page============= */

    .marketing {
      max-width: 58%;
    }
    .cad_logo {
      margin-bottom: 0;
    }
    .register {
      width: 92%;
    }

    #full .form-txt {
      font-size: 0.69rem;
    }

    #full .sinc {
      max-width: 36%;
    }

    .form-control,
    .form-select {
      padding: 0.175rem 0.75rem;

      font-size: 0.8rem;
    }

    #full .cust-padding .col-5 .register .submit-btn {
      max-width: 10vw;
    }

    #full .cust-padding .col-5 .register .form input,
    #full .cust-padding .col-5 .register .form select {
      font-size: 0.8rem;
    }
    #full .cust-padding .col-5 .register .form {
      border: none;

      padding: 0;
      padding-left: 0.4rem;
    }
    #full .cust-padding .col-5 .register .form .form-select {
      background-size: 28px 26px;
    }
  }
  @media (min-width:1366px){
    .rg_view{
      max-width: 16%;
    }

  }

  @media (min-width: 1366px) and (max-width: 1600px) {

    .tap_quesTitle .tap_quesTitleCont p {
      font-size: 0.89em;
      padding-right: 12em;
      }
        /* ==============Registration Page============= */

        .marketing {
          max-width: 58%;
        }
        .cad_logo {
          margin-bottom: 0;
          padding-top: 0.5em;
        }
        .register {
          width: 95%;
          padding-top: 1em;
        }

        #full .form-txt {
          font-size: 1rem;
        }

        #full .sinc {
          max-width: 36%;
        }

        .form-control,
        .form-select {
          padding: 0.175rem 0.75rem;

          font-size: 0.8rem;
        }

        #full .cust-padding .col-5 .register .submit-btn {
          max-width: 10vw;
        }

        #full .cust-padding .col-5 .register .form input,
        #full .cust-padding .col-5 .register .form select {
          font-size: 0.8rem;
        }
        #full .cust-padding .col-5 .register .form {
          border: none;

          padding: 0;
          padding-left: 0.4rem;
        }
        #full .cust-padding .col-5 .register .form .form-select {
          background-size: 28px 26px;
        }

  }

  @media (min-width: 319px) and (orientation: portrait) {
    html,
    body {
      overflow-y: scroll;
    overflow-x: hidden;
}
    .regist_form{
      padding-top: 2em;
    }

    #full .cust-padding .col-6 .register .form {
      width: 94%;
      padding-right: 0.8rem;

  }
    /* ==================================Registration========================== */

    #full {
      background-image: url(../../assets/images/mobile-bg-01.png);
    }

    .form-check {
      width: 33% !important;
    }

    .others_parent {
      width: 76% !important;
    }

    .others_parent #others-err {
      font-size: 0.6rem;

      margin-left: 0.2rem;
    }

    .footer .footer-txt {
      font-size: 0.3rem;

      margin-right: 0.1rem;
    }

    .landscape {
      display: none !important;
    }

    #full .cust-padding .cad_logo {
      max-width: 22%;

      margin: 1rem;

      margin-top: 2rem;
    }

    #full .cust_grow {
      flex-grow: 1;
    }

    #full .cust-padding .col-5 .register {
      margin: auto;

      justify-content: space-around !important;

      height: 100%;

      display: flex;
    }

    #full .cust-padding .col-6 .align-items-start {
      align-items: center !important;
    }

    #full .cust-padding .mobile_width {
      width: 100% !important;
    }

    #full .cust-padding .col-5 .register .form {
      border: none;

      padding: 0;
    }

    #full .cust-padding .col-5 .register .submit-btn {
      max-width: 24%;

      margin-top: 1rem;
    }

    #full .form-txt {
      font-size: 0.75rem;
      text-align: left;
      /* border-top: 2px solid #fff; */
      padding-top: 0.6rem;
  }

    #full .cust-padding .col-5 .register .mobile {
      display: block;

      max-width: 80%;

      margin: 0 auto 0.5rem;
    }

    #full .sinc .land_sinc {
      display: none;
    }
    #full .form-txt p {
      border: none;
    }
    #full .sinc {
      margin: 0.5rem;
  }
  #full .cust-padding .col-6 .register .form input, #full .cust-padding .col-6 .register .form select {
    font-size: 0.6rem;
}
#full .cust-padding .col-6 .register .submit-btn {
  max-width: 20vw;
}
    #full .sinc .mobile_sinc {
      display: block;
    }

    #full .cust-padding .col-5 .register .form .form-select {
      background-size: 26px 26px;
    }

    #full .cust-padding .col-5 .register .form input,
    #full .cust-padding .col-5 .register .form select {
      font-size: 0.8rem;
    }
    .register {
      width: 95%;
      /* padding-left: 2.5rem; */
  }
  }

  @media (min-width: 767px) and (orientation: portrait) {
    html,
    body {
      overflow-y: scroll;
      overflow-x: hidden;
    }
    .form-txt {
      font-size: 0.9rem;
    }
    #full .form-txt p {
      border: none;
    }
    #full .cust-padding .col-5 .register {
      margin: auto;

      justify-content: space-around !important;

      height: 100%;

      display: flex;
    }
    #full .cust-padding .cad_logo {
      margin-left: 3rem;
  }

  }

  @media (min-width: 1023px) and (orientation: portrait) {
    html,
    body {
      overflow-y: scroll;
      overflow-x: hidden;
    }

    #full .cust-padding .col-5 .register .submit-btn {
      max-width: 24%;

      margin-top: 1rem;
    }
    #full .form-txt p {
      border: none;
    }
    #full .form-txt {
      font-size: 1rem;

      text-align: left;
    }

    #full .sinc {

    }
    #full .cust-padding .col-5 .register {
      margin: auto;

      justify-content: space-around !important;

      height: 100%;

      display: flex;
    }

    #full .cust-padding .col-5 .register .form input,
    #full .cust-padding .col-5 .register .form select {
      font-size: 1.6rem;
    }
  }