@media (max-width:1340px) {
    h1 {
        font-size: 4rem;
    }

    .contain-s1 p {
        font-size: 2rem;
    }

    .contain-s2 {
        padding: 2.5rem 5rem;
    }

    .contain-s3 {
        padding: 2.5rem 5rem;
    }

}

@media (max-width: 1199px) {
    .biseau img {
        visibility: hidden;
    }

    .contain-s2 {
        padding: 2.5rem 2rem;
    }

    .actu-cards {
        /* flex-direction: column; */
        gap: 2rem;

    }

    .card {
        flex-direction: column;
        max-width: 400px;
        min-width: unset;
    }

    .card-img {
        width: 100%;
        height: 100%;
        max-height: 35vh;
        min-height: 400px;
        object-fit: cover;
    }

    .cta {
        grid-template-columns: 1fr;
        gap: 0;
        max-width: 590px;
    }
      .lienresponsive{
        width: 812px;
        height: 441px;
    }

}

@media (max-width: 991px) {

    .contain-s1 h2 {
        font-size: 2rem;
    }

    .swiper-s2 .swiper-nav {
        display: none;
    }

    .contain-nav {
        display: flex;
    }

    .s-title {
        font-size: 2rem;
    }

    .swiper-s2 .swiper-button-prev {
        z-index: 0;
    }

    .swiper-s2 .swiper-button-next {
        z-index: 0;
    }

    .contain-nav .swiper-button-prev {

        --swiper-navigation-size: 100px;
    }

    .contain-nav .swiper-button-next {

        --swiper-navigation-size: 100px;
    }

    .actu-cards {

        flex-direction: column;
        align-items: center;
    }

    .card-img {
        min-height: 35vh;
        max-height: unset;
    }

    .card-text h3 {
        font-size: 25px;
    }

    .contain-s5 {
        padding: 2.5rem 5rem;
    }


    .decouverte-id {
        flex-direction: row;
        gap: 1rem;
    }

    .btn-decouverte {
        text-align: center;
    }
    .lienresponsive{
        width: 696px;
        height: 378px;
    }
}

@media (max-width: 768px) {
    .swiper-pagination {
        display: block;
    }
    .lienresponsive{
        width: 580px;
        height: 315px;
    }
    .card-co .info{
        height: unset;
    }
    .centeresponsive {
        display: flex;
        justify-content: center;
    }
}

@media (max-width: 690px) {

    h1 {
        font-size: 3rem;
    }

    .contain-s1 p {
        font-size: 1.5rem;
    }

    .btn-s1 a {
        min-width: 12rem;
        font-size: 1.4rem;
    }

    .swiper-equipement {
        height: 45vh;
    }

    .coach-pres {
        width: 100%;
        border-radius: 0;
    }

    .contain-s5 {
        padding: 2.5rem 2rem;
    }
}



@media (max-width: 575px) {


    .btn-s1 {
        display: flex;
        align-items: center;
        text-align: center;
        width: 100%;

    }

    .btn-s1 a {
        width: 100%;
    }

    .socials {
        gap: 1rem;
    }



    .socials a {
        display: flex;
        cursor: pointer;
        scale: 80%;
    }

    .card-co::before {
        opacity: 1;
    }

    .card-co .info h3 {
        top: 0;
    }

    .card-co .hours {
        bottom: 0;
    }

    .card-co .hours p {
        display: block;
        opacity: 1;

    }

    .card-suivis:hover::before {
        opacity: 1;
    }

    .card-suivis:hover .info-suivis {
        opacity: 1;
    }

    .decouverte-id {
        flex-direction: column;
    }
    .lienresponsive{
        width: 280px;
        height: 157px;
    }

}



@media (max-width: 490px) {
    .btn-s1 a {
        font-size: 1.3rem;
    }

    .contain-s2 {
        padding: 2.5rem 1rem;
    }

    .coach-pres {
        flex-direction: column;

    }

    .coach-text {
        width: 100%;
    }

    .coach-text p {
        font-size: 1rem;
    }

    .decouverte-form {
        gap: 0;
        margin: 1.5rem;
    }

    .decouverte-id {
        gap: unset;
    }
}


@media (max-width: 465px) {
    h1 {
        font-size: 2.5rem;
    }

    .contain-s1 p {
        font-size: 1.2rem;
    }

    .btn-s1 {
        flex-direction: column;
    }

    .btn-s1 a {
        width: 100%;
        padding: 10px 20px;
        font-size: 1rem;
    }

    .btn-s1 a::before {
        scale: 85%;
    }

    .card {
        width: 100%;
        height: 100%;
        min-width: 300px;
    }

    .cours {
        padding: 5rem 2rem;
    }

    .card-co {
        width: 100%;
    }

    .card-co:hover .info h3 {
        transform: translateY(-25%);
        top: 10px;
    }

    .popup {
        padding: 0.5rem 1.2rem;
    }



    .card-suivis {
        width: 100%;
    }

    .decouverte-form {
        margin: 1rem;
    }
}

@media (max-width: 395px) {
    h1 {
        font-size: 2rem;
    }

    .contain-s1 p {
        font-size: 1rem;
    }


    .s-title {
        font-size: 1.5rem;
    }

    .cours {
        padding: 5rem 1rem;
    }

    .swiper {
        height: 35vh;
        min-height: 400px;
    }

    .contain-s5 {
        padding: 2.5rem 1rem;
    }
}