/*----------------------------------- Responsive -----------------------------------*/

@media screen and (max-width: 455px) {
  .form-container {
    width: 90%;
  }
  .form-header h1 {
    font-size: 18px;
  }
  .model-name,
  .civilite-label,
  .checkbox-label,
  .form-header .subtitle,
  .form-header .choose-text,
  input[type="text"], input[type="email"], input[type="tel"], textarea {
    font-size: 14px;
  }
  .carousel-btn {
    width: 24px;
    height: 24px;
  }
  .carousel-content {
    padding: 0 5px;
  }
}

@media screen and (max-width: 599px) and (min-width: 456px) {
  .form-container {
    width: 90%;
  }
  .form-header h1 {
    font-size: 18px;
  }
  .model-name,
  .civilite-label,
  .checkbox-label,
  .form-header .subtitle,
  .form-header .choose-text,
  input[type="text"], input[type="email"], input[type="tel"], textarea {
    font-size: 14px;
  }
  .car-image {
    max-width: 80%;
  }
}

@media screen and (max-width: 767px) and (min-width: 600px) {
  .form-container {
    width: 90%;
  }
  .form-header h1 {
    font-size: 21px;
  }
  .model-name,
  .civilite-label,
  .checkbox-label,
  .form-header .subtitle,
  .form-header .choose-text,
  input[type="text"], input[type="email"], input[type="tel"], textarea {
    font-size: 16px;
  }
  .car-image {
    max-width: 80%;
  }
}

@media screen and (max-width: 928px) and (min-width: 768px) {
  .form-container {
    width: 90%;
  }
  .form-header h1 {
    font-size: 21px;
  }
  .model-name,
  .civilite-label,
  .checkbox-label,
  .form-header .subtitle,
  .form-header .choose-text,
  input[type="text"], input[type="email"], input[type="tel"], textarea {
    font-size: 16px;
  }
  .car-image {
    max-width: 80%;
  }
}

@media screen and (max-width: 991px) and (min-width: 929px) {
  .form-container {
    width: 80%;
  }
  .form-header h1 {
    font-size: 21px;
  }
  .model-name,
  .civilite-label,
  .checkbox-label,
  .form-header .subtitle,
  .form-header .choose-text,
  input[type="text"], input[type="email"], input[type="tel"], textarea {
    font-size: 16px;
  }
  .car-image {
    max-width: 80%;
  }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
  .form-container {
    width: 80%;
  }
  .form-header h1 {
    font-size: 21px;
  }
  .model-name,
  .civilite-label,
  .checkbox-label,
  .form-header .subtitle,
  .form-header .choose-text,
  input[type="text"], input[type="email"], input[type="tel"], textarea {
    font-size: 16px;
  }
  .car-image {
    max-width: 80%;
  }
}

@media screen and (max-width: 1365px) and (min-width: 1200px) {
  .form-container {
    width: 80%;
  }
}

@media screen and (max-width: 1440px) and (min-width: 1366px) {
  .form-container {
    width: 80%;
  }
}

/*------------------------------------------------------- End Responsive -------------------------------------------------------*/