@media (max-width: 1280px) {
    /*** HEADER ***/
    #header .inner-header .menus .main-menu {
      width: 66.66%;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 66.66%;
      flex: 0 0 66.66%;
      max-width: 66.66%;
      padding-left: 50px;
    }

    #header .inner-header .menus .menu-right {
      width: 8.33%;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 8.33%;
      flex: 0 0 8.33%;
      max-width: 8.33%;
    }

    #header .inner-header .menus .menu-right .menu-menu-right-container .menu-primary-right {
        display: none;
    }
    /*** FOOTER ***/
    #footer .footer-top .menu {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
    }

    /*** HOME ***/
    #main.home .inner-entete .content-inner-entete {
      align-items: flex-start;
    }

    /*** PÔLES ***/
    #main.poles .inner-entete .content-inner-entete .coord-inner-entete {
        padding: 30px 60px;
    }

    #main.poles .inner-entete .content-inner-entete .coord-inner-entete h3 {
        font-size: 14px;
        margin: 0 0 10px;
    }

    #main.poles .inner-entete .content-inner-entete .coord-inner-entete p {
        font-size: 14px;
    }

}

@media (max-width: 960px) {
    /*** HEADER ***/
    #header .inner-header .menus .main-menu .menu-main-menu-container .menu-primary {
        display: none;
    }

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

    #header .wrapper .inner-header .menus.open {
        align-items: center;
        display: flex;
        flex-wrap: wrap-reverse;
        height: auto;
        justify-content: flex-end;
        left: calc(-2.5% - 1px);
        position: absolute;
        top: 120px;
        width: calc(105% + 2px);
        z-index: -2;
    }

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

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

    #header .inner-header .menus .main-menu {

      width: 16.67%;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 16.67%;
      flex: 0 0 16.67%;
      max-width: 16.67%;
    }

    #header .wrapper .inner-header .menus .main-menu {
        background-color: #FFF;
        display: none;
    }

    #header .wrapper .inner-header .menus.open .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-menu-right-container {
        width: 100%;
    }

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

    #header .wrapper .inner-header .menus .menu-primary-right li {
        margin: 10px 0;
    }

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

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

    #header .wrapper .inner-header .menus .menu-primary li {
        margin: 20px 0;
    }

    #header .wrapper .inner-header .menus .menu-primary li a {
        color: #1b262c;
    }

    #header .wrapper .inner-header .menus .menu-primary li:hover a {
        color: #888;
    }

    #header .wrapper .inner-header .menus .menu-primary li a:after {
        background-color: #888;
        bottom: -10px;
    }

    #header.fixedHeader .wrapper .inner-header .menus .menu-primary-right #marker {
        color: #fff;
    }

    #header.fixedHeader .wrapper .inner-header .menus .menu-primary-tright li.current-menu-item a {
        color: #FFF !important;
    }

    #header.fixedHeader .wrapper .inner-header .menus .menu-primary-right li:hover a {
        color: #fff;
    }

    #header.fixedHeader .wrapper .inner-header .menus .menu-primary li a:after {
        background-color: #888;
        bottom: -10px;
    }

    #header .inner-header .menus .menu-right{
      width: 41.67%;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 41.67%;
      flex: 0 0 41.67%;
      max-width: 41.67%;
    }

    #header .inner-header .menus.open .menu-right  {
      width: 50%;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
    }

    #header .inner-header .menus.open .burger-menu ul.menu-burger {
      -webkit-columns: 1;
      -moz-columns: 1;
      columns: 1;
      -webkit-column-gap: 0;
      -moz-column-gap: 0;
      column-gap: 0;
    }

    /*** MAIN ***/
    #main h1 {
        font-size: 60px;
        line-height: 70px;
    }

    #main .bloc {
        display: flex;
        flex-wrap: wrap;
    }

    #main .bloc.mob-rev {
        flex-wrap: wrap-reverse;
    }

    #main .bloc .bloc-texte {
        width: calc(100% - 300px);
    }

    #main .bloc .bloc-image {
        width: 100%;
    }

    #main .bloc-reference {
        display: grid;
        justify-content: initial;
    }

    #main .bloc-reference .bloc-titre {
        height: 150px;
        width: 100%;
    }

    #main .bloc-reference .bloc-titre h2 {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    #main .bloc-reference .bloc-slider {
        width: 100%;
    }

    #main #bloc-membres .inner-bloc-membres .membre-droite {
        padding: 45px calc(8.33% + 15px) 0;
    }

    #main #bloc-membres .inner-bloc-membres .membre-droite:before {
      display: none;
    }
    /*** FOOTER ***/
    #footer .left-m {
        margin-left: 8.33%;
    }

    /*** HOME ***/
    #main.home .inner-entete {
      height: 60vw;
    }

    #main .inner-entete .img-inner-entete1 {
      height: calc(43% - 20px);
    }

    #main .inner-entete .img-inner-entete4 {
      height: calc(43% - 20px);
    }

    #main  .inner-entete .content-inner-entete {
      width: calc(100% + 15px);
    }

    /*** PÔLES ***/
    #main.poles .inner-entete .content-inner-entete .coord-inner-entete {
        padding: 10px;
    }

    #main.poles .inner-entete .content-inner-entete .coord-inner-entete h3 {
        font-size: 11px;
        margin: 0 0 10px;
    }

    #main.poles .inner-entete .content-inner-entete .coord-inner-entete p,
    #main.poles .inner-entete .content-inner-entete .coord-inner-entete p.email {
        font-size: 11px;
        line-height: 16px;
    }

    #main.poles .inner-entete .content-inner-entete .coord-inner-entete p:before {
        font-size: 11px !important;
    }

    #main.poles h2 {
      width: 100%;
    }

    #main.poles #content .inner-content #switch-poles {
      top: 15px;
    }

    /*** ASSOCIATION ***/
    #main.asso #content .inner-content p:first-of-type {
      width: 100%;
    }

    /*** PAGES ANNEXE ***/
    #main.page-annexe #content .inner-content {
      flex-wrap: wrap;
    }

    #main.page-annexe #content .inner-content .membre-extend,
    #main.page-annexe #content .inner-content .membre-liste {
        margin: 0 0 50px;
        width: 100%;
    }

    #main.actus #content .inner-content .right-top-inner-content .article-card {
      padding:0;
    }

}

@media (max-width: 500px) {
    /*** HEADER ***/
    #header {
        height: auto;
        margin: 0;
        width: 100%;
    }

    #header.fixedHeader {
        height: auto;
    }

    #header .inner-header .bartop {
        height: auto;
    }

    #header .inner-header .bartop #bartop-poles {
        flex-wrap: wrap;
    }

    #header .inner-header .bartop #bartop-tel,
    #header .inner-header .bartop #bartop-dropdown,
    #header .inner-header .bartop #bartop-address {
        justify-content: center;
        margin: 5px auto;
        text-align: center;
        width: 100%;
    }

    #header .inner-header .bartop #bartop-dropdown .ae-select {
        height: auto;
        justify-content: center;
    }

    #header .inner-header .bartop #bartop-address.empty {
        margin: 0;
    }

    #header .inner-header .bartop ul.social {
        justify-content: center;
        margin: 0 auto;
    }

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

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

    #header .inner-header .menus .menu-primary {
        align-items: center;
        display: grid;
        justify-content: center;
        text-align: center;
    }

    #header .inner-header .menus .menu-primary li a:after {
        display: none;
    }

    #header .inner-header .menus.open .burger-menu {
      height: calc(100% - 165px);
      top: 165px;
    }

    #searchbox .inner-searchbox form {
        flex-wrap: wrap;
    }

    #searchbox .inner-searchbox form input {
        height: 65px;
        margin-bottom: 10px;
        max-width: 100%;
        min-width: auto;
        padding: 10px;
        width: 100%;
    }

    #searchbox .inner-searchbox form input[type="submit"] {
        margin-left: 0px;
        max-width: 100%;
        padding: 25px 75px;
    }

    /*** MAIN ***/
    #main h1 {
        font-size: 30px;
        line-height: 40px;
    }

    #main h2 {
        font-size: 22px;
        line-height: 29px;
    }

    #main #cta_entete {
      top: 15px;
    }

    #main .inner-entete,
    #main.home .inner-entete {
      height: 130vw;
    }

    #main .inner-entete .img-inner-entete1 {
    }

    #main .inner-entete .img-inner-entete2 {
    }

    #main .inner-entete .img-inner-entete3 {
    }

    #main .inner-entete .img-inner-entete4 {
    }

    #main .inner-entete .content-inner-entete {

    }

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

    /*** FOOTER ***/
    #footer .footer-top {
        display: grid;
        justify-content: space-around;
    }

    #footer .left-m {
        margin-left: 0;
    }

    #footer .footer-top .widg-bloc {
        max-width: 100%;
        text-align: center;
        width: 100%;
    }

    #footer .footer-top .widg-bloc .widg-footer {
        width: 100%;
    }

    #footer .footer-top ul.social {
        justify-content: center;
    }

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

    /*** REFERENCES ***/
    #main .bloc .ref-list .bloc {
        flex-wrap: wrap;
    }

    #main.references  .bloc .bloc-slider #slider {
        height: auto;
    }

    #main.references .bloc .bloc-slider #slider .temoignage-bloc-slider {
        height: auto;
        padding: 50px 0;
    }
    #main.references .bloc .bloc-slider #carousel .texte-bloc-slider {
        padding: 80px 25px;
        width: calc(100% - 50px);
        text-align: center;
    }

    #main.references .temoignages .poste p {
        text-align: center;
    }

    #main.references .bloc .bloc-slider #slider .custom-navigation {
        bottom: 25px;
        left: calc(50% - 42px);
    }

    #main.single-portfolio .content-single-portfolio {
        width: calc(100% - 50px);
    }

    #main.single-portfolio .content-single-portfolio #carousel {
        padding: 80px 25px;
    }

    #main.single-portfolio .content-single-portfolio .galerie_portfolio {
        height: 345px !important;
        min-height: 330px;
        width: calc(100% + 50px) !important;
    }

    #main.single-portfolio .content-single-portfolio .galerie_portfolio .galerie_img:first-child {
        height: 160px;
    }

    #main.single-portfolio .content-single-portfolio .galerie_portfolio .galerie_img:nth-child(2) {
        bottom: 15px;
        height: 155px;
    }

    #main.single-portfolio .content-single-portfolio .galerie_portfolio .galerie_img:last-child {
        bottom: 15px;
        height: 155px;
    }

    #main.single-portfolio .content-single-portfolio .project-detail-list {
        display: flex;
        flex-wrap: wrap;
    }
    #main.single-portfolio .content-single-portfolio .project-detail-list li {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    #main.single-portfolio .content-single-portfolio .project-detail-list li .left {
        margin-bottom: 5px;
        width: 100%;
    }

    #main.single-portfolio .content-single-portfolio .project-detail-list li .right {
        margin-bottom: 15px;
        text-align: left;
        width: 100%;
    }

    /*** ACTUALITÉS ***/
    #main.actus .actu-list {
        width: 100%;
    }

    #main.actus .actu-list .bloc-list-actu li {
        display: grid;
    }

    #main.actus .actu-list .bloc-list-actu li .img-bloc-list-actu {
        width: 100%;
    }

    #main.actus .actu-list .bloc-list-actu li .img-bloc-list-actu img {
        display: block;
        margin: 0 auto 15px;
        width: 65%;
    }

    #main.actus .actu-list .bloc-list-actu li .texte-bloc-list-actu {
        padding: 0 25px;
        width: calc(100% - 50px);
    }

    /*** Articles ***/
    #main.single .bloc-rs.fixedRS {
        display: none;
    }

    /*** PARTENAIRES ***/

    #main.single-agence .content-single-agence #slider {
        margin-right: 0;
    }

    #main.single-agence .content-single-agence #carousel {
        padding: 80px 25px;
        width: calc(100% - 50px);
    }

    /*** PÔLES ***/
    #main.poles .inner-entete .content-inner-entete .coord-inner-entete {
        padding: 30px 60px;
    }

    #main.poles .inner-entete .content-inner-entete .coord-inner-entete h3 {
        color: #fff;
        font-size: 18px;
        margin: 0 0 45px;
    }

    #main.poles .inner-entete .content-inner-entete .coord-inner-entete p {
        color: #fff;
        font-family: Arial, sans-serif;
        font-size: 18px;
        line-height: 25px;
        margin: 0;
    }

    #main.poles .inner-entete .content-inner-entete .coord-inner-entete p:before {
        font-size: 14px !important;
    }

    #main.poles .inner-entete .content-inner-entete .coord-inner-entete p {
        font-size: 18px;
    }

    #main.poles .inner-entete .content-inner-entete .coord-inner-entete p.email {
        font-size: 14px;
    }

    #main.poles #content .inner-content p:first-of-type {
      width: 100%;
    }

    /*** ASSOCIATION ***/
    #main #content .inner-content .text-inner-content {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }

}
/*
@media (max-width: 389px){
	.menu-right{
		flex: 0 0 35.33% !important;
	}
}
*/