@media (min-width: 1600px) {
    
}

/* Ordinateur */
@media (min-width: 993px) {

}

/* Tablette */
@media (min-width: 577px) and (max-width: 992px) {
    .cont-item-menu, .cont-ext-menu > a > span {
        display: none;
    }

    .contact-pdp {
        display: grid;
        justify-items: center;
        gap: 10px;
    }

    .contact-pdp > a {
        font-size: 18px;
    }

    .cont-avtg {
        display: grid;
        gap: 20px;
    }

    .sep-item-avtg {
        display: block;
        height: 1px;
        width: 20%;
        background-color: #fff;
    }

    .sct-itrt {
        display: grid;
        justify-items: center;
    }

    .hero-home {
        height: 100%;
        background-attachment: scroll;
    }

    .item-parcours {
        height: 300px;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .cont-item-menu, .cont-ext-menu > a > span {
        display: none;
    }

    .logo-menu {
        height: 40px;
        width: auto;
    }

    .cont-logo-pdp > img {
        height: 50px;
        width: auto;
    }

    .contact-pdp {
        display: grid;
        justify-items: center;
        gap: 10px;
    }

    .contact-pdp > a {
        font-size: 14px;
    }

    .cont-avtg {
        display: grid;
        gap: 20px;
    }

    .sep-item-avtg, .sep-item-service, .sep-m-item-service {
        display: block;
        height: 1px;
        width: 20%;
        background-color: #fff;
    }

    .sct-itrt {
        display: grid;
        justify-items: center;
        padding: 20px;
    }

    .hero-home {
        height: 60vh;
        background-attachment: scroll;
        margin-bottom: 380px;
    }

    .cont-item-service {
        display: grid;
        gap: 20px;
    }

    .img-sct {
        height: 200px;
    }

    .cont-txt-hh > h4 {
        color: #fff;
        font-size: 20px;
    }

    .cont-txt-hh > h1 {
        color: #fff;
        font-size: 35px;
        font-weight: 600;
    }

    .cont-txt-hh > h1 > span, .cont-txt-hh > h4 > span {
        color: var(--primary-yellow);
    }

    .cont-txt-hh > p {
        color: #fff;
        font-size: 14px;
        margin-bottom: 30px;
    }

    .und-titre {
        margin-top: 15px;
        margin-bottom: 15px;
        width: 15vw;
        height: 5px;
    }

    .lien-submit, .btn-submit {
        padding: 10px;
    }

    .item-service {
        gap: 10px;
    }

    .cont-icn-item-service {
        width: 30px;
        height: 30px;
        border: 1px solid var(--primary-yellow);
        font-size: 16px;
    }

    .txt-item-service > h5, .txt-item-avtg > h5 {
        font-size: 16px;
    }

    .txt-item-service > p, .txt-item-avtg > p {
        font-size: 13px;
        margin-bottom: 0;
    }

    .item-avtg > i {
        font-size: 30px;
    }

    .txt-itrt h2 {
        font-size: 20px;
    }

    .txt-itrt p {
        font-size: 12px;
    }

    .txt-itrt i {
        font-size: 40px;
    }

    .item-avtg {
        gap: 10px;
    }

    .item-parcours {
        height: 250px;
    }

    .type-item-parcours {
        left: 0;
        bottom: 30px;
        top: auto;
    }
}