@media (max-width: 320px) {
  .cartee {
    width: 66px !important;
  }
  .input-field {
    width: 300px;
  }
  .cartee-front {
    width: 90px !important;
  }
  .input-field2 {
    width: 300px;
  }
  .w-gender {
    width: 145px !important;
  }
  .mini-box-f5 {
    height: 425px;
  }
  .titre-f5 {
    font: normal normal bold 20px / 20px Signika !important;
  }
  .txt-confirmation1 {
    font: normal normal bold 26px/35px Open Sans;
  }
  .button {
    width: 300px !important;
  }
  .w-ul {
    width: auto !important;
  }
}
@media (max-width: 390px) {
  .cartee {
    width: 76px;
  }
  .txt-promo {
    font: normal normal 600 16px/20px Signika;
  }
  .txt-f5 {
    font: normal normal 300 14px/18px Signika;
  }
  .mini-box-f5 {
    height: 425px;
  }
  .txt-confirmation1 {
    font: normal normal bold 26px/35px Open Sans;
  }
  .button {
    width: 345px;
  }
  .cartee-front {
    width: 117px;
  }
  .w-ul {
    width: auto !important;
  }
}

/* Extra Small Devices */
@media (max-width: 575.98px) {
  .desk-cards {
    display: none;
  }
  .titre1 {
    font: normal normal bold 24px/32px Open Sans;
  }
  .titre-owl1 {
    font: normal normal normal 16px/22px Open Sans;
  }
  .titre-owl2 {
    font: normal normal normal 20px/22px Open Sans;
  }
  .mini-box-f5 {
    height: 425px;
  }
  .txt-confirmation1 {
    font: normal normal bold 26px/35px Open Sans;
  }
  .button {
    width: 345px;
  }
  .w-ul {
    width: auto !important;
  }
}

/* Small Devices */
@media (min-width: 576px) and (max-width: 767.98px) {
  .desk-cards {
    display: none;
  }
  .titre1 {
    font: normal normal bold 24px/32px Open Sans;
  }
  .titre-owl1 {
    font: normal normal normal 16px/22px Open Sans;
  }
  .titre-owl2 {
    font: normal normal normal 20px/22px Open Sans;
  }
  .cards {
    /* width: 760px; */
    width: 1135px;
  }
  .container-carte {
    width: 95%;
  }
  .mini-box-f5 {
    height: 425px;
  }
  .txt-confirmation1 {
    font: normal normal bold 26px/35px Open Sans;
  }
  .button {
    width: 345px;
  }
  .w-ul {
    width: auto !important;
  }
}

/* Medium Devices */
@media (min-width: 768px) and (max-width: 991.98px) {
  .mob-cards {
    display: none;
  }
  .position-qs2 {
    display: grid;
    justify-items: center;
  }
  .titre1 {
    font: normal normal bold 24px/32px Open Sans;
  }
  .titre-owl1 {
    font: normal normal normal 16px/22px Open Sans;
  }
  .titre-owl2 {
    font: normal normal normal 20px/22px Open Sans;
  }
  .mini-box-f5 {
    height: 400px;
    width: 100% !important;
  }
  .button {
    width: 345px;
  }
  .w-ul {
    width: auto !important;
  }
}

/* Large Devices */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .mob-cards {
    display: none;
  }
  .position-qs2 {
    display: grid;
    justify-items: center;
  }
  .titre1 {
    font: normal normal bold 26px/50px Open Sans;
  }
  .titre-owl1 {
    font: normal normal normal 16px/22px Open Sans;
  }
  .titre-owl2 {
    font: normal normal normal 22px/22px Open Sans;
  }
  .input-field {
    width: 619px;
    height: 118px;
  }
  .input-field2 {
    width: 619px;
  }
  .w-gender {
    width: 300px !important;
  }
  .card-front,
  .card-back {
    width: 115px;
    height: 173px;
  }
  .cards {
    /* width: 780px; */
    width: 1135px;
  }
  .container-carte {
    width: 95%;
  }
  .cartee {
    width: 110px;
    height: 160px;
  }
  .mini-box-f5 {
    height: 400px;
    width: 100% !important;
  }
}

/* Extra Large Devices */
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .mob-cards {
    display: none;
  }
  .position-qs2 {
    display: grid;
    justify-items: center;
  }
  .titre1 {
    font: normal normal bold 26px/50px Open Sans;
  }
  .titre-owl1 {
    font: normal normal normal 16px/22px Open Sans;
  }
  .titre-owl2 {
    font: normal normal normal 22px/22px Open Sans;
  }
  .input-field {
    width: 619px;
    height: 118px;
  }
  .input-field2 {
    width: 619px;
  }
  .w-gender {
    width: 300px !important;
  }
  .card-front,
  .card-back {
    width: 115px;
    height: 173px;
  }
  .cards {
    /* width: 780px; */
    width: 1135px;
  }
  .container-carte {
    width: 95%;
  }
  .cartee {
    width: 110px;
    height: 160px;
  }
  .mini-box-f5 {
    height: 400px;
    width: 100% !important;
  }
}

/* Extra Extra Large Devices */
@media (min-width: 1400px) {
  .mob-cards {
    display: none;
  }
  .position-qs2 {
    display: grid;
    justify-items: center;
  }
  .titre1 {
    font: normal normal bold 26px/50px Open Sans;
  }
  .titre-owl1 {
    font: normal normal normal 16px/22px Open Sans;
  }
  .titre-owl2 {
    font: normal normal normal 22px/22px Open Sans;
  }
  .input-field {
    width: 619px;
    height: 118px;
  }
  .input-field2 {
    width: 619px;
  }
  .w-gender {
    width: 300px !important;
  }
  .card-front,
  .card-back {
    width: 115px;
    height: 173px;
  }
  .cards {
    /* width: 780px; */
    width: 1135px;
  }
  .container-carte {
    width: 95%;
  }
  .cartee {
    width: 110px;
    height: 160px;
  }
  .mini-box-f5 {
    height: 400px;
    width: 100% !important;
  }
}