@media (max-width: 1220px) {
    #header .wrapper .inner-header .menus .main-menu {
        padding: 0 0 0 5%;
    }
}

@media (max-width: 960px) {
    /*** GENERAL ***/
    .wrapper-noRight {
        margin: 0 auto;
        position: relative;
        width: 90%;
    }

    /*** HEADER ***/
    #header {
        background-color: transparent;
        height: 80px;
        left: 0;
        position: fixed;
        top: 0;
    }

    #header.open {
        background-color: #1b1b1b;
    }

    #header .wrapper .inner-header .menus {
        display: none;
    }

    #header .wrapper .inner-header .logo {
        width: 200px;
    }

    #header .wrapper .inner-header .logo a,
    .fixedHeader #header .wrapper .inner-header .logo a {
        width: 100%;
    }

    #header .wrapper .inner-header .logo p.baseline {
        font-size: 20px;
    }

    .fixedHeader #header {
        background-color: #1b1b1b;
    }

    .burger {
        color: #FFF;
        cursor: pointer;
        display: block;
        font-size: 25px;
    }

    .burger:after {
        content: '\f0c9';
        font-family: 'FontAwesome';
    }

    .burger.open:after {
        content: '\f00d';
    }

    #header .logo:after {
        content: '';
        height: 100%;
        position: absolute;
        top: 0;
        z-index: -1;
    }

    #header .wrapper .inner-header .menus.open {
        display: none;
    }

    #header .wrapper .inner-header .menus.open {
        align-items: center;
        background-color: #1b1b1b;
        display: grid;
        flex-wrap: wrap-reverse;
        height: auto;
        justify-content: center;
        left: calc(-5% - 1px);
        position: absolute;
        top: 80px;
        width: calc(110% + 2px);
        z-index: -2;
    }

    .fixedHeader #header.wrapper .inner-header .menus.open {
        top: 80px;
    }

    #header .wrapper .inner-header .menus .main-menu-right,
    #header .wrapper .inner-header .menus .main-menu {
        background-color: #1b1b1b;
        display: none;
    }

    #header .wrapper .inner-header .menus.open .main-menu-right,
    #header .wrapper .inner-header .menus.open .main-menu {
        display: block;
        height: auto;
        padding: 25px 0;
        width: 100%;
    }

    #header .wrapper .inner-header .menus .menu-top-right-container,
    #header .wrapper .inner-header .menus .menu-menu-principal-container {
        width: 100%;
    }

    #header .wrapper .inner-header .menus .menu-top-right,
    #header .wrapper .inner-header .menus .menu-primary {
        align-items: center;
        display: grid;
        justify-content: space-around;
        text-align: center;
    }

    #header .wrapper .inner-header .menus .menu-top-right li,
    #header .wrapper .inner-header .menus .menu-primary li {
        margin: 20px 0;
        text-align: center;
    }

    #header .wrapper .inner-header .menus .menu-top-right li a,
    #header .wrapper .inner-header .menus .menu-primary li a {
        display: block;
        font-size: 18px !important;
        width: 100%;
    }

    /*** FOOTER ***/
    #footer .footer-top {
        margin: 0 auto;
        margin-left: inherit;
        position: relative;
    }

    #footer .footer-top .footer-top-left-1 .widg-bloc {
        margin: 0 auto;
    }

    #footer .footer-bottom .wrapper {
        display: grid;
        text-align: center;
    }

    #footer .footer-top h3 {
        display: block;
        text-align: center;
    }

    #footer .footer-top .textwidget {
        text-align: center;
    }

    #footer .footer-top .textwidget p {
        color: #FFF;
    }

    #footer .footer-bottom .wrapper .copyright-menu {
        display: grid;
        justify-content: center;
    }

    #footer .footer-bottom .wrapper ul.copyright-menu li:before {
        content: '';
    }

    /*** ACCUEIL ***/
    #main.home .menu-middle-accueil ul#menu-accueil-top {
        align-items: center;
        display: flex;
        justify-content: space-around;
    }

    #main.home .menu-middle-accueil ul#menu-accueil-top li a {
        align-items: center;
        color: rgba(255, 255,255, 0.6);
        display: flex;
        font-size: 18px;
        font-family: "Arame";
        letter-spacing: 2px;
        line-height: 22px;
        margin: 0;
        text-transform: uppercase;
    }
    /*** MAIN ***/
    #main {
        background-size: 300%;
        padding-top: 175px;
    }

    #main .label-fiche {
        letter-spacing: 4px;
    }

    #main .related #sliderRelated li:hover .inner-related {
        flex-wrap: wrap;
    }

    /*** ARCHIVE ***/
    #main.archive-cpt .related {
        margin-top: 0;
    }

    /*** PROJETS ***/
    #main #enAvant .inner-enAvant {
        height: 300px;
        padding: 10px;
    }

    #main #enAvant .inner-enAvant:hover {
        height: 390px;
    }

    #main #enAvant .inner-enAvant .inner-related h3 {
        font-size: 18px;
        line-height: 22px;
        word-break: break-word;
    }

    #main #enAvant .inner-enAvant .inner-related h4 {
        font-size: 28px;
        line-height: 30px;
        word-break: break-word;
    }

    /*#main.single-cpt #slider .with_watermark li:not(.video_slider):after {
        font-size: 4vw;
    }*/

    /*** FORMATION ***/
    #main.formation #formation-left .liste-formation {
        height: auto;
    }

    /*** STUDIO ***/
    #main.studio .membres .inner-membre:first-child img {
        width: calc(100% - 15px);
    }

    /*** HOME ***/
    #main.home .accueil-logo img {
        width: 90%;
    }

    #main.home .menu-accueil-left #menu-accueil-left,
    #main.home .menu-accueil-right #menu-accueil-right {

    }

    #main.home #clients-home .liste-clients {
        align-items: center;
        flex-wrap: nowrap;
        overflow: hidden;
    }

    #main.home .weare {
        text-align: center;
    }

    #main.home .weare .label-structure,
    #main.home .wedo .label-structure {
        display: block;
        text-align: center;
    }

    #main.home .weare a.label-fiche,
    #main.home .wedo a.label-fiche {
        float: none;
    }

    #liste_logo_client_accueil li {
        width: 86px;
        height: 85px;
        margin: 10px 4%;
    }


    /*** BLOG ***/
    #main.single #single-left {
        padding-right: 0;
    }

    /*** CONTACT ***/
    #main.contact .caldera-grid .form-control {
        background: #1b1b1b;
    }

}

@media (max-width: 832px) {
    #liste_logo_client_accueil li {
        margin: 10px 5%;
    }
}
@media (max-width: 664px) {
    #liste_logo_client_accueil li {
        margin: 10px 4%;
    }
}
@media (max-width: 586px) {
    #liste_logo_client_accueil li {
        margin: 10px 2.5%;
    }
}


@media (max-width: 500px) {
    /*** HEADER ***/

    /*** MAIN ***/
    #main h1 {
        font-size: 50px;
        word-break: break-word;
    }

    #main .related.relatedOpen {
        margin-left: 5%;
    }

    #main .related #sliderRelated li {
        height: auto;
        padding: 25px;
        width: 200px !important;
    }

    #main .related.relatedOpen #sliderRelated li {
        margin: 15px 0;
        margin-right: 0 !important;
        opacity: 1;
        position: relative;
        width: 100% !important;
    }

    #main .related.relatedOpen #sliderRelated li:before {
        background-color: rgba(0,0,0,0.3);
        content: '';
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    #main .related.relatedOpen #sliderRelated li a {
        position: relative;
        z-index: 1;
    }

    #main .related .custom-navigation-related {
        padding-bottom: 35px;
    }

    #main .related.relatedOpen #sliderRelated {
        margin-top: 0;
    }

    #main .related.relatedOpen #sliderRelated .slides li:first-child {
        margin-left: 0;
    }

    /*** FOOTER ***/
    #footer .footer-top .footer-top-right .widg-bloc {
        width: 80%;
    }

    #footer .footer-top .footer-top-right ul {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
    }

    /*** VFX/CGI/DESIGN ***/
    #main.single-cpt #slider {
        height: 250px;
    }

    #main.single-cpt .related.relatedOpen {
        margin-left: 0;
    }

    #main .video_slider iframe,
    #main .video_slider object,
    #main .video_slider embed {
        height: 250px;
    }

    #main.single-cpt #slider.fullScreen {
        /*padding: 50% 10%;*/
    }
    #main.single-cpt #slider.fullScreen li:not(.video_slider) {
        /*top: 29%;*/
    }

    #main.single-cpt #slider li {
        background-position: center;
    }
    #main.single-cpt #slider.fullScreen  li p {
        font-size: 0.8em
    }
    /*#main.single-cpt #slider .with_watermark li:not(.video_slider):after {
        top:16%
    }*/

    /*** FORMATION ***/
    #main.formation #formation-left .inner-liste-formation {
        flex-wrap: wrap;
    }

    /*** ACCUEIL ***/
    #main.home .wedo .liste-clients {
        display: grid;
    }

    #main.home .wedo .liste-clients li {
        padding: 5px 0;
    }

    #liste_logo_client_accueil li {
        width: 57px;
        height: 57px;
    }

    /*** PROJET ***/
/*    #main.projets #response .projet_image.col-s-12 {
        
    }*/
    #main.projets #response {
        margin: 0;
    }
    #main.projets #response > div {
        margin: 0;
        padding: 0;
        position: relative;
    }
    #main.projets #response .projet_image {
        /*padding-left: 15px;*/
        margin-left: 0;
        padding: 0 !important;
        position: relative;
        z-index: 998;
    }
    #main.projets #response .projet_details {
        /*        position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
        */
        position: relative;
        z-index: 999;
        margin-top: -190px;
    }
    #main.projets #response .inner-response {
        /*height: auto;*/
        /*margin: 15px 0;*/
        opacity: 1;
        padding: 25px;
    }

    #main.projets #response .inner-response:before {
        background-color: rgba(0,0,0,0.3);
        content: '';
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    #main.projets #response .inner-response a {
        position: relative;
        z-index: 1;
    }

    #main form#filter p.label-structure {
        padding: 0 0 10px 15px;
    }

    /*** CARDS ***/
    #main #enAvant .inner-enAvant {
        -webkit-mask-image: none;
        -webkit-clip-path: none;
        clip-path: none;
        height: auto;
        opacity: 1;
        padding: 25px;
    }

    #main #enAvant .inner-enAvant:before {
        background-color: rgba(0,0,0,0.3);
        content: '';
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    #main #enAvant .inner-enAvant .cat-inner-related {
        display: block;
        left: 0;
        position: relative;
        top: 0;
        width: 100%;
    }

    #main #enAvant .inner-enAvant .inner-related {
        display: block;
        position: relative;
        width: 100%;
    }

    #main #enAvant .inner-enAvant .label-fiche {
        font-size: 9px;
        line-height: 14px;
    }

    #main #enAvant .inner-enAvant .cat-inner-related h2 {
        font-size: 16px;
        line-height: 24px;
    }

    #main #enAvant .inner-enAvant .inner-related h3 {
        font-size: 16px;
        line-height: 24px;
    }

    #main #enAvant .inner-enAvant .inner-related h4 {
        font-size: 18px;
        line-height: 26px;
    }

    #main #enAvant .inner-enAvant .inner-related .inner-related-link {
        display: none;
    }
    #main #enAvant .inner-enAvant .inner-related .inner-related-pb {
        padding-bottom: 0;
    }

    #main .related #sliderRelated li .inner-related {
        display: block;
        padding: 5px;
        width: 100%;
    }

    #main .related #sliderRelated li:hover .inner-related {
        padding: 5px;
    }

    #main .related #sliderRelated li .inner-related .label-fiche {
        font-size: 9px;
        line-height: 14px;
    }

    #main .related #sliderRelated li a h5 {
        font-size: 16px;
        line-height: 24px;
    }

    #main .related #sliderRelated li a h4 {
        font-size: 12px;
        line-height: 20px;
    }

    #main.projets #response .vignetteHover:hover .inner-response {
        height: auto;
    }

    #main.projets #response .inner-response .inner-related {
        display: block;
        padding: 5px;
        width: 100%;
    }

    #main.projets #response .inner-response .inner-related .label-fiche {
        font-size: 9px;
        line-height: 14px;
    }

    #main.projets #response .inner-response a h5 {
        font-size: 18px;
        line-height: 26px;
    }

    #main.projets #response .inner-response a h4 {
        font-size: 12px;
        line-height: 20px;
    }

}



/*
@media (max-width: 960px) {
    #response .col-m-4 {
        width: 33.33% ;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33% ;
        flex: 0 0 33.33% ;
        max-width: 33.33% ;
    }
}

@media (max-width: 500px) {
    #response .col-s-12 {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}*/