@media (max-width: 1295px) {
    /*** GENERAL ***/
    .wrapper {
        width: 90%;
    }

    .wrapper-splash {
        width: 100%;
    }
    /*** HEADER ***/
    #header .wrapper-splash {
        padding: 0 5%;
        width: 90%;
    }

    #header .menu-top-right {
        display: none;
    }

    .home #header.fixedHeader .menu-top-left,
    #header .menu-top-left {
        width: 100%;
    }

    #header .menu-top-left .menu-top ul li:hover ul.sub-menu {
        flex-wrap: wrap;
        justify-content: flex-start;
        width: 100%;
    }

    #header .menu-top-left .menu-top ul li:hover ul.sub-menu li a {
        color: #979533;
    }

    /*** PAGES ***/
    #main .slider .wrapper-splash-left .inner-splash {
        left: 25px;
    }

    #main .slider .wrapper-splash-top-right .inner-splash,
    #main .slider .wrapper-splash-right .inner-splash {
        right: 25px;
    }

    /*** Histoire ***/
    #main.histoire .frise-histoire .inner_frise_histoire .liste_frise .date_liste_frise:after {
        display: none;
    }
    /*** Atelier ***/
    #main.atelier .ordonnance .validite p.label {
        padding-right: 5px;
    }
    /*** Archives Lunettes ***/
    #main.parcours .etapes_parcours {
        height: 90vh;
    }

    #main .parcours .etapes_parcours .item-parcours.item-parcours-1 {
        bottom: 15vh;
        left: 0;
        width: 12vw;
    }
    #main .parcours .etapes_parcours .item-parcours.item-parcours-2 {
        left: 15%;
        top: 8vh;
        width: 37vw;
    }
    #main .parcours .etapes_parcours .item-parcours.item-parcours-3 {
        bottom: 20vh;
        left: 35%;
        width: 8vw;
    }
    #main .parcours .etapes_parcours .item-parcours.item-parcours-4 {
        bottom: 6vh;
        left: 53%;
        width: 15vw;
    }
    #main .parcours .etapes_parcours .item-parcours.item-parcours-5 {
        left: 70%;
        top: 32vh;
        width: 10vw;
    }
    #main .parcours .etapes_parcours .item-parcours.item-parcours-6 {
        bottom: 18vh;
        left: 85%;
        width: 12vw;
    }
}

@media (max-width: 970px) {
    /*** HEADER ***/
    #header.fixedHeader {
        top: 0;
    }

    #header.fixedHeader .mobile-menu-icon,
    .home #header.fixedHeader .mobile-menu-icon {
        color: #000;
    }

    #header.fixedHeader .menu-top-left,
    .home #header.fixedHeader .menu-top-left {
        width: 100%;
    }

    #header .menu-top-left .menu-top,
    #header .menu-top-right {
        display: none;
    }

    #header .mobile-menu-icon {
        color: #000;
        cursor: pointer;
        display: block;
        height: 25px;
        position: absolute;
        right: 5%;
        top: 15px;
        width: 25px;
    }

    #header .mobile-menu-icon:after {
        content: '\f0c9';
        font-family: 'FontAwesome';
        font-size: 25px;
        line-height: 25px;
    }

    #header.active {
        background-color: rgba(255,255,255,0.9);
        height: 100%;
    }

    #header.active .wrapper-splash {
        display: block;
    }

    #header.active .menu-top-left {
        display: block;
        width: 100%;
    }

    #header.active .menu-top-left .menu-top {
        display: block;
        margin: 50px 0;
        text-align: center;
        width: 100%;
    }

    #header.active .menu-top-left .menu-top ul {
        margin: 0;
        display: block;
    }

    #header.active .menu-top-left .menu-top ul li {
        font-size: 16px;
        margin: 0 0 25px 0 !important;
    }

    #header.active .menu-top-left .menu-top ul li a {
        color: #000;
    }

    #header.active .menu-top-left .menu-top ul li:hover ul.sub-menu {
        display: block;
        margin: 15px auto;
        position: relative;
    }

    #header.active .menu-top-right {
        display: block;
    }

    #header.active .menu-top-right ul {
        text-align: center;
        display: flex;
        margin: 0 auto;
        width: max-content;
        max-width: 100%;
    }

    #header.active .mobile-menu-icon:after {
        content: '\f00d';
    }

    .home #header .mobile-menu-icon {
        color: #fff;
    }

    .home #header.active .mobile-menu-icon {
        color: #000;
    }

    .home #header.active .logo {
        display: block;
    }

    .home #header.active .menu-top-left .menu-top ul li:hover ul.sub-menu li a {
        color: #000;
    }

    .home #header.active .menu-top-left .menu-top ul li:hover ul.sub-menu li:hover a {
        color: #979533;
    }

    .home #header.active .menu-top-right ul li a {
        border: 1px solid #000;
        color: #000;
    }

    .home #main .instagram .insta-wrapper {
        margin: 0 1rem;
        width: calc(100% - 2rem);
    }

    /*** Histoire ***/
    #main.histoire .frise-histoire .inner_frise_histoire {
        flex-flow: row wrap;
    }

    #main.histoire .frise-histoire .inner_frise_histoire .liste_frise {
        width: 25%;
    }

    /*** Archives Lunettes ***/
    #main .parcours .etapes_parcours {
        background: transparent;
        height: auto;
    }
    #main .parcours .etapes_parcours .item-parcours {
        position: relative !important;
        left: auto !important;
        bottom: auto !important;
        top: auto !important;
        width: 100% !important;
        margin-bottom: 25px;
    }

    /*** FOOTER ***/
    #footer .inner-footer .contact-footer p {
        word-break: break-word;
    }

    #popup {
        display: none;
    }
}

@media (max-width: 650px) {
    /*** PAGES ***/
    #main .slider .wrapper-splash-top-right .inner-splash,
    #main .slider .wrapper-splash-right .inner-splash,
    #main .slider .wrapper-splash-left .inner-splash {
        max-width: calc(80% - 25px);
        word-break: break-word;
    }
    /*** Home ***/
    .home #main .saviezvous .item-saviezvous {
        width: calc(50% - 60px);
    }
    /*** Histoire ***/
    #main.histoire .frise-histoire .inner_frise_histoire .liste_frise {
        width: 33.33%;
    }
    /*** Atelier ***/
    #main.atelier .ordonnance .validite {
        display: grid;
        width: 100%;
    }
    #main.atelier .bandeau .bloc-fixe {
        height: auto;
    }
    #main.atelier .ordonnance .mutuelle {
        display: grid;
    }
    #main.atelier .ordonnance .mutuelle .mutuelle-left {
        width: 100%;
    }
    #main.atelier .ordonnance .mutuelle .mutuelle-right {
        width: calc(100% - 40px);
    }
    /*** Single Lunettes/Lentilles ***/
    #main.single .galerie .inner-galerie li:nth-child(odd),
    #main.single .galerie .inner-galerie li:nth-child(even) {
        width: calc(100% - 10px);
    }
    /*** LOOK ***/
    #main.look .galerie-look .masonry {
        column-count: 2;
    }
    /*** CONTACT ***/
    #main.contact .content-page .wrapper {
        display: grid;
    }
    #main.contact .content-page .content-page-right {
        width: 100%;
    }
    #main.contact .content-page .content-page-right {
        margin: 25px 0;
    }
    #main.contact .service .item-service {
        width: 100%;
    }
    /*** FOOTER ***/
    #footer {
        padding: 50px 5%;
    }
    #footer .wrapper {
        display: block;
    }

    #footer .inner-footer {
        width: calc(100% - 16.66px);
    }

    #footer .inner-footer .contact-footer p {
        word-break: break-word;
    }
}

@media (max-width: 420px) {
    /*** GENERAL ***/
    figure.effect-bubba {
        height: 270px;
        width: 100%;
    }
    figure.effect-bubba figcaption::before,
    figure.effect-bubba figcaption::after {
        top: 5%;
        right: 5%;
        bottom: 5%;
        left: 5%;
    }
    figure.effect-bubba h3,
    figure.effect-bubba p,
    figure.effect-bubba a {
        font-size: 12px !important;
    }
    #popup .inner-popup {
        width: 80%;
    }
    /*** PAGES ***/
    #main .slider .wrapper-splash-top-right .inner-splash,
    #main .slider .wrapper-splash-right .inner-splash {
        right: 10%;
        max-width: calc(80% - 50px);
    }
    #main .slider .wrapper-splash-left .inner-splash {
        left: 10%;
        max-width: calc(80% - 50px);
    }
    #main .slider .wrapper-splash .inner-splash:after {
        top: -5%;
        bottom: -5%;
        right: -5%;
        left: -5%;
    }
    #main .slider .wrapper-splash .inner-splash h1 {
        font-size: 28px
    }
    #main .bandeau .bloc-fixe {
        height: auto;
    }
    /*** Home ***/
    .home #main .slider .wrapper-splash .inner-splash {
        width: 80%;
    }
    .home #main .saviezvous .item-saviezvous {
        width: calc(100% - 60px);
    }
    /*** Histoire ***/
    #main.histoire .frise-histoire .inner_frise_histoire .liste_frise {
        width: 50%;
    }
    #main.histoire .bandeau .bloc-fixe {
        height: auto;
    }
    #main.histoire .frise-histoire .inner_frise_histoire .liste_frise {
        width: 100%;
    }
    /*** LOOK ***/
    #main.look .galerie-look .masonry {
        column-count: 1;
    }
}