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

  #accueil #bloc-2 {
    background-position: -30% center;
    background-size: 50%;
  }
}

@media (max-width: 960px) {
    /*** HEADER ***/
    #header .menu-hide {
      overflow-y: scroll;
    }

    #header .menu-hide .gamme-liste {
      margin: 0 0 35px;
    }

    #header .menu-hide .header_menu_3 ul.social_menu {
      margin: 0 0 35px;
    }

    #header .menu-hide .header_menu_3 .menu-header-3-container {
      margin: 0 0 35px;
    }
    /*** ACCUEIL ***/
    #accueil #bloc-1 {
      background-size: auto, cover;
    }

    #accueil .slider .active .inner-slide .inner-slide-content {
      bottom: 25px;
      right: 50px;
      width: 100%;
    }

    #accueil .slider #actions {
      top: 25px;
      left: 33.33%;
      width: 33.33%;
    }

    #accueil .slider #left-slide,
    #accueil .slider #right-slide,
    #accueil .slider #clone-first-slide,
    #accueil .slider #clone-last-slide {
      visibility: hidden;
    }


    #accueil #bloc-2 .inner-section-content {
      -webkit-columns: 1;
      -moz-columns: 1;
      columns: 1 !important;
      -webkit-column-gap: 0;
      -moz-column-gap: 0;
      column-gap: 0;
    }

    #accueil #bloc-3 .gamme-liste {
      margin: 0 0 35px;
    }

    #accueil #bloc-5 .inner-section-etapes .row {
      justify-content: space-around;
    }

    #accueil #bloc-4 .inner-section-carousel li {
      height: 150px;
      width: calc(33.33% - 35px);
    }

    #accueil #bloc-4 .inner-section-carousel li:nth-child(6) {
      margin-left: 15px;
    }

    /*** PAGE ***/

    #page .content .inner-content {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1 !important;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }

    /*** PROJETS ***/
    #cyfac.archive-projet #search-projet .wrapper form {
      flex-wrap: wrap;
    }

    #cyfac.archive-projet #filter-search-projet #list-filter-search-projet {
      flex-wrap: wrap;
    }

    #cyfac.archive-projet #filter-search-projet #list-filter-search-projet .selected-filter {
      margin: 5px 10px;
    }

    #cyfac.archive-projet #result-search-projet .inner-section .inner-section-carousel ul li {
      width: calc(50% - 50px);
    }

    #produit .entete-produit h1 {
      font-size: 80px;
      line-height: 75px;
      word-break: break-word;
    }
    #produit .entete-produit #carousel.flexslider li.slide-carousel {
      height: 150px;
    }

    /*** PAGE CYFAC***/

    #cyfac .content-cyfac .content-cyfac-inner-more ul {
      justify-content: center;
      flex-wrap: wrap;
    }

    #cyfac .content-cyfac .content-cyfac-inner-more .claim_2 {
      text-align: center;
    }

    #cyfac .content-cyfac .content-cyfac-inner {
      -webkit-columns: 1;
      -moz-columns: 1;
      columns: 1 !important;
      -webkit-column-gap: 0;
      -moz-column-gap: 0;
      column-gap: 0;
    }

    #cyfac .valeurs .valeurs-inner {
      -webkit-columns: 1;
      -moz-columns: 1;
      columns: 1 !important;
      -webkit-column-gap: 0;
      -moz-column-gap: 0;
      column-gap: 0;
    }

    #cyfac #artisans .flex-direction-nav {
      right: 0;
    }

    #cyfac #artisans .flex-control-nav {
      bottom: -35px;
    }

    #cyfac #artisans .contenu-artisans .tabcontent .inner-slide {
      flex-wrap: wrap;
      justify-content: center;
    }

    #cyfac #artisans .contenu-artisans .tabcontent .inner-slide .media-slide {
      margin: 35px 0;
      width: 100%;
    }

    #cyfac #artisans .contenu-artisans .tabcontent .inner-slide .media-slide .video-media-slide {
      bottom: -45px;
      height: 50%;
      position: absolute;
      right: -45px;
      width: 75%;
    }

    #cyfac #artisans .contenu-artisans .tabcontent .inner-slide .content-slide {
      width: 100%;
    }

    /*** GARAGE ***/
    #cyfac.archive-garage .content .garage-card-content {
      padding: 25px;
    }

    #cyfac.archive-garage .content .garage-card-content .garage-card-content-desc h4 {
      margin-right: 25px;
    }

    #produit.garage .content .galerie img {
        padding: 15px;
        max-width: 100%;
    }

    #produit.garage .content .galerie #carousel li .video_text {
      margin: 15px;
    }

    /*** ACTUALITES ***/
    .blog #actu .entete-actu {
      height: 1200px;
    }

    /*** CONTACT ***/
    #page.contact .content h1.higher-size {
      font-size: 70px;
      line-height: 65px;
    }

    #page.contact .inner-content-left {
      padding-right: 0;
    }

    #page.contact .inner-content-left:after {
      display: none;
    }

    #page.contact .inner-content-left .col-sm-6,
    #page.contact .inner-content-left .col-sm-12 {
      width: 100% !important;
    }

    #page.contact .inner-content-right {
      padding-left: 0;
    }
}

@media (max-width: 768px) {
  /*** HEADER ***/
  #header .menu-top .menu-top-container {
    display: none;
  }

}

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

      /*** HEADER ***/
      #header .menu-hide .header_menu_1 ul#menu-header-1 {
        flex-wrap: wrap;
        margin-top: 35px;
      }

      #header .menu-hide .header_menu_1 li {
        margin: 0 0 35px;
        width: 100%;
      }

      #header .menu-hide .header_menu_2 li {
        margin: 0 0 35px;
        width: 100%;
      }

      /*** ACCUEIL ***/
      #accueil #bloc-1 {
        height: 650px !important;
      }

      #accueil .slider .fp-tableCell {
        height: 300px !important;
      }

      #accueil .slider #actions {
        top: 0;
      }

      #accueil .accroche h1 span.higher-size {
        font-size: 55px;
        line-height: 45px;
      }

      #accueil .accroche h1 span.higher-size span:before {
        top: 30px;
      }

      #accueil .slider .active .inner-slide {
        padding: 0;
      }

      #accueil .slider .active .inner-slide-layer {
        left: 0;
        right: 0;
      }

      #accueil .slider .active .inner-slide .inner-slide-content {
        bottom: 5px;
        right: 5px;
      }

      #accueil .slider .active .inner-slide .inner-slide-content p.base_home {
        display: none;
      }

      #accueil #bloc-2 {
        background-image: none;
      }

      #accueil #bloc-2 .distrib-bloc2-accueil {
        flex-wrap: wrap;
      }

      #accueil #bloc-5 .inner-section-etapes li:nth-child(1) .etapes,
      #accueil #bloc-5 .inner-section-etapes li:nth-child(2) .etapes,
      #accueil #bloc-5 .inner-section-etapes li:nth-child(3) .etapes,
      #accueil #bloc-5 .inner-section-etapes li:nth-child(4) .etapes,
      #accueil #bloc-5 .inner-section-etapes li:nth-child(5) .etapes,
      #accueil #bloc-5 .inner-section-etapes li:nth-child(6) .etapes {
        margin-top: 0;
      }

      #accueil #bloc-4 .inner-section-carousel li {
        width: calc(50% - 35px);
      }

      /*** PROJETS ***/
      #cyfac.archive-projet #result-search-projet .inner-section .inner-section-carousel ul li {
        margin: 0 0 25px;
        width: 100%;
      }

      #produit .entete-produit {
        height: 550px;
      }

      #produit .entete-produit h1 {
        font-size: 55px;
        line-height: 45px;
      }

      #produit .entete-produit #carousel.flexslider li.slide-carousel {
        height: 75px;
      }

      #produit .entete-produit .under-slider {
        height: 150px;
      }

      #produit .entete-produit #carousel {
        bottom: 35px;
        height: 75px;
        top: auto;
      }

      /*** PAGE CYFAC ***/
      #cyfac .content-cyfac .content-cyfac-galerie {
        display: none;
      }

      #cyfac #artisans .menu-artisans {
        flex-wrap: wrap;
      }

      #cyfac #artisans .menu-artisans button {
        margin: 15px;
        width:  100%;
      }

      #cyfac #artisans .contenu-artisans .tabcontent .inner-slide .media-slide .video-media-slide {
        bottom: -45px;
        height: 50%;
        position: absolute;
        right: 0;
        width: 100%;
      }

      /*** GARAGE ***/
      #cyfac.archive-garage h1 {
        font-size: 55px;
        line-height: 45px;
      }

      #cyfac .entete-cyfac {
        height: 960px;
      }

      #produit.garage .entete-produit {
        background-size: 80%, 200%;
      }

      #produit.garage .content {
        margin: -200px 0 75px;
      }

      /*** ACTUALITES ***/
      .blog #actu .entete-actu {
        height: 1800px;
      }

      #actu.article .entete-actu .entete-actu-content .entete-actu-content-top h1 {
        font-size: 30px;
      }

      /*** CONTACT ***/
      #page.contact .content h1.higher-size {
        font-size: 45px;
        line-height: 35px;
      }

      #page.contact .content h1.higher-size span:before {
        top: 22px;
      }

      /*** CLASSIQUE ***/
      .page-template-classique #cyfac .entete-cyfac {
        height: 500px;
      }
}