@media screen and (min-width:0px) and (max-width:767px) {
  .form-height .next-btn {
    width: 94% !important;
    padding-right: 0px !important;
  }

  .basic-details .fieldset-wrapper {
    padding: 1rem !important;
  }

  .info-form label,
  .passport-wrapper legend .fieldset-legend,
  .next-btn .button {
    font-size: var(--size-16) !important;
  }

  .info-form legend .fieldset-legend,
  .page-title {
    font-size: var(--size-20);
  }

  .passport-wrapper .fieldset-wrapper {
    padding-bottom: 0 !important;
  }

  .sign-documents-table tr:last-child {
    margin-bottom: 0px !important;
  }

  .progress-tracker {
    margin-top: 0px !important;
  }

  .next-btn .button {
    width: 100%;
  }

  .next-btn .webform-button--previous {
    margin-bottom: 1rem;
  }

  .modal img.modal-box-image {
    height: 200px;
  }

  .gallery-img-col {
    height: 16rem;
  }
}

@media screen and (min-width:0px) and (max-width:991px) {

  .organisation-section,
  .subscription-section {
    flex-direction: column;
  }

  .progress-step.is-active {
    display: block;
  }

  .progress-step {
    display: none;
  }

  .form-col {
    margin-bottom: 8rem !important;
  }

  .sign-documents .sign-documents-header,
  .sign-documents .document-name,
  .travel-benefits .travel-benefits-header,
  .travel-benefits .document-name,
  .payment-form .payment-header,
  .payment-form .document-name {
    height: auto !important;
    font-size: var(--size-16) !important;
  }

  .webform-signature-pad .button {
    top: 100%;
    margin: 1rem 0rem 1rem 0 !important;
  }

}

@media screen and (min-width:768px) and (max-width:991px) {
  .progress-step {
    width: 80%;
    margin: auto;
  }

  .gallery-img-col {
    height: 10.5rem;
    overflow: hidden;
  }
}

@media screen and (max-width:600px) {
  .webform-progress-tracker .progress-text {
    display: block !important;
  }
}

@media screen and (min-width:1024px) and (max-width:1199px) {
  .webform-progress .progress-step .progress-text .progress-title {
    font-size: var(--size-16) !important;
  }

  .gallery-img-col {
    height: 13.5rem;
    overflow: hidden;
  }
}

@media screen and (min-width:1200px) and (max-width:1399px) {
  .gallery-img-col {
    height: 16.5rem;
  }
}