@media (max-width: 768px) {
  footer.sub-bg {
    padding: 38px 9px 47px 9px !important;
  }

  .form-container {
    width: 95%;
    padding: 20px;
  }
  .background-image {
    height: 200px;
  }

  .container-detail-product {
    display: block !important;
  }

  .h2-title {
    font-size: 25px;
  }
  .product-title {
    font-size: 14px;
  }

  .title-slide {
    font-size: 45px !important;
  }
  .content {
    align-items: center;
    text-align: center;
    width: 100% !important;
    /* top: 40px !important; */
  }

  .date-box {
    justify-content: center;
    text-align: center;
  }

  .date-box .day {
    writing-mode: horizontal-tb;
    transform: none;
  }
  .white-box {
    padding: 2rem;
  }

  .row > div {
    margin-bottom: 1rem;
  }
  .img-col,
  .text-col {
    height: auto;
  }

  .img-cover {
    height: auto;
  }

  .content-box {
    padding: 20px;
  }

  .countdown {
    gap: 0.9rem !important;
  }

  .event-section {
    height: auto !important;
  }
  .overlay {
    height: -webkit-fill-available !important;
  }

  .div-mobile {
    margin-bottom: 0rem !important;
  }
  .logo {
    width: 90% !important;
  }
  header {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .section-title {
    font-size: 25px !important;
  }
  .btn-cyan,
  .btn-lime {
    width: 260px !important;
  }
  .btn.btn-cta {
    width: 100% !important;
  }
  .format-btns {
    display: flex !important;
  }
  .fst-section p {
    text-align: justify !important;
  }
  .title-payment {
    font-size: 35px !important;
  }
  .btn-info-pratiques {
    width: 100% !important;
  }
  .btn-envoyer {
    width: 60% !important;
  }
  .copy-right {
    text-align: center !important;
    float: none !important;
  }
  .copy-right img {
    float: none !important;
  }
  .lirePlus-btn {
    white-space: nowrap;
    width: 100%;
    padding: 0.8rem 10rem !important;
  }

  .fst-section h5 {
    text-align: center !important;
  }
  .title-actualite-marathon {
    font-size: 35px !important;
  }
  .format-btns .btn {
    margin-right: 5px !important;
  }
}