@media only screen and (max-width: 1200px) {
    .info-formateurs-full-container {
        width: 950px;
    }
    .item-container {
        height: 290px;
    }
    .itemopen {
        height: 400px;
    }
    .page-nos-partenaires .itemopen {
        height: 580px;
    } 
    .link-user form {
        top:177px;
        left:0%;
        -webkit-transition : none;
        transition:none;
    }
    .link-user form div {
        width:100%;
        justify-content: center;
    }
    .link-user form input[type=text] {
        width:100%;
    }
    .link-user form input[type=submit] {
        height: 44px;
    }
    .link-user form.active {
        position:absolute;
        width:100%!important;
    }
    .social-container {
        min-width:auto;
    }
    .bloc-presentation-formation h3 {
        width:80%;
    }
    
}

@media only screen and (max-width: 1000px) {
    .info-formateurs-full-container {
        width: 768px;
    }
    .link-user form {
        width:100%!important;
        top:100px;
        left:0%;
    }
    .link-user form div {
        width:100%;
        justify-content: center;
    }
    .link-user form input[type=text] {
        width:90%;
    }
    .link-user form input[type=submit] {
        height: 44px;
        width:10%;
    }
}

@media only screen and (max-width: 768px) {
    #page #top-menu {
        display:none!important;
    }
    .menu-mobile {
        display:block;
    }
    .social-container {
        min-width: auto;
    }
    .header-home-left .social-network {
        display:none!important;
    }
    .header-home-middle a {
        width:100%;
    }
    .header-home-middle a img {
        width:40%;
    }
    #main_header .wrapper-nav-container {
        width:100%;
        height:100px;
    }
    #page .main_menu {
        display:block!important;
    }
    #toggle {
      display: block;
      width: 28px;
      height: 30px;
      margin: 30px auto 10px;
    }
    #toggle span:after,
    #toggle span:before {
      content: "";
      position: absolute;
      left: 0;
      top: -9px;
    }
    #toggle span:after{
      top: 9px;
    }
    #toggle span {
      position: relative;
      display: block;
    }
    #toggle span,
    #toggle span:after,
    #toggle span:before {
      width: 100%;
      height: 5px;
      background-color: #b9aa88;
      transition: all 0.3s;
      backface-visibility: hidden;
      border-radius: 2px;
    }
    #toggle.on span {
      background-color: transparent;
    }
    #toggle.on span:before {
      transform: rotate(45deg) translate(5px, 5px);
    }
    #toggle.on span:after {
      transform: rotate(-45deg) translate(7px, -8px);
    }
    a.menu-link {
        display: block;
        color: #fff;
        text-decoration: none;
        padding: 0px 10px;
    }
    .menu {
        clear: both;
        min-width: inherit;
        float: none;
        transition:all 0.3s ease;
    }
    .sub-nav {
        position:absolute;
        width:100%;
        top:100px;
    }
    .menu, .menu > ul ul {
        overflow: hidden;
        max-height: 0;
        background-color: #f4f4f4;
    }
   .menu > li > ul.sub-menu {
        padding: 0px;
        border: none;
    }
   .menu.active, .menu > ul ul.active {
        max-height: 55em;
    }
   .menu ul {
        display: inline;
    }
   .menu > ul {
        border-top: 1px solid #808080;
    }
   .menu li {
        display: block;
    }
    .menu > li > ul.sub-menu {
        display:none;
    }
    .menu > li.has-submenu > .sub-menu.active {
        display:block!important;
    }
   .menu li a {
        color: #000;
        display: block;
        padding: 0.8em;
        border-bottom: 1px solid #808080;
        position: relative;
    }
   .menu li.has-submenu > a:after {
        content: '+';
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        font-size: 1.5em;
        padding: 7px 5px;
        left: inherit;
        height: 100%;
        box-sizing: border-box;
        width: 35px;
        line-height: 25px;
        text-align: center;
    }
    .menu li.has-submenu > a.active:after,
    .menu>li.current-menu-ancestor>a:after {
        content: "-";
        padding: 5px;
        font-size: 2em;
        color: #fff;
        background: #b9aa88;
    }
        .menu>li.current-menu-ancestor>a:after { 
            content: "+";
            font-size: 1.5em;
            padding: 7px 5px; }

    .menu ul ul > li a {
        background-color: #e4e4e4;
    }
    .menu ul > ul { 
        display: inherit; 
        position: relative; 
        left: auto; 
        top:auto; 
        border:none; 
    }
    .sub-menu.active ul {
        display:none;
    }
    .sub-menu.active .sub-menu.active {
        display:block;
    }
    .link-user form {
        width:100%!important;
        top:100px;
        left:0%;
        position: absolute;
        display: none;
    }
    .link-user form.active {
        display:block;
    }
    .link-user form div {
        width:100%;
        justify-content: center;
    }
    .link-user form input[type=text] {
        width:90%;
    }
    .link-user form input[type=submit] {
        height: 44px;
        width:10%;
    }
    #formateurs {
        flex-direction: row;
    }
    .item-container {
        display: block;
        width: calc((100% - 20px) / 2);
        text-align: center;
        height:auto;
    }
    .info-formateurs-full-container {
        width: 600px;
    }

    /* HEXAGONS */

    .inner-row-hexagons .full_section_inner {
        flex-direction: column;
    }

    .inner-row-hexagons .vc_col-sm-4 {
        margin: 0 23% 5% 23%;
    }

    .bloc-top-home>.section_inner {
        width: 100% !important;
    }
    .bloc-top-home>.section_inner_margin {
        width:100%;
    }
    .vc_row.bloc-top-home {
        margin-left:0;
        margin-right:0;
    }
    .bloc-top-home {
        padding-top:0px!important;
        padding-bottom:40px!important;
    }

    .bloc-top-home .vc_col-sm-2 {
        width:100%!important;
    }

    .bloc-home {
        width:90%;
        margin:auto;
        background-image:none;
        min-height:auto;
        margin: 40px auto 0 !important;
    }

    .bloc-top-home .separator {
        display:none!important;
    }

    .header .header_inner_left {
        position: absolute;
        left: 60px;
        top: 0px;
    }

    a.lien-col-home {
        width:91%;
        background-position: 100% 30%;
    }

    .bloc-home h2, .bloc-home h3 {
        margin-left:0!important;
    }

    /*.bloc-home .wpb_wrapper {
        padding-right:0;
        border: 1px solid #C3B388;
        margin: 0 38px!important;
    }*/

    .carousel-inner .slider_content_outer {
        border-bottom:none!important;
    }

    .three_columns {
        display: flex;
        flex-direction: column;
    }

    .three_columns>.column1,
    .three_columns>.column2,
    .three_columns>.column3 {
        width: 100%;
    }
    .footerlinks:not(.links-footer),
    .column2 {
        display:none;
    }
    .footer_top .four_columns .column3 .column_inner>div {
        margin-right:0!important;
    }
    .footer_top {
        padding: 15px;
        border-top: 15px solid #baa878;
    }
    .footer-logo {
        padding-right: 0!important;
        padding-left:15px;
    }
    .four_columns>.column1>.column_inner {
        padding-right:0!important;
    }
    footer .column1 {
        margin-bottom:0!important;
    }
    .four_columns {
        flex-direction: column;
        justify-content: center;
    }
    .column2 .textwidget {
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
    }
    .column3 .footerlinks {
        text-align: center!important;
        width: 100%;
    }

    footer .column2,
    footer .column3 {
        margin-bottom:0!important;
    }
    .four_columns>.column4 .column_inner {
        border-top: 1px solid #595959;
        border-left:none!important;
        padding-top:20px;
        margin-left: 0px!important;
    }
    .subscribe-form {
        margin-top:15px;
    }
    .three_columns>.column3 {
        text-align: left;
    }
    .three_columns>.column3 .column_inner {
        border-left: 1px solid transparent;
        margin-left: 0;
    }
    .subscribe-form {
        float: none;
    }
    .social-footer {
        margin-top: -70px;
        text-align: right;
    }
    .bloc-horaires {
        margin: 0;
        margin-top:20px;
    }
    .bloc-frais {
        margin: 0;
    }
    .q_accordion_holder.accordion.without_icon .ui-accordion-header span.tab-title {
        margin-right: 5px;
    }
    .exp-partage a {
        width: 100%;
    }
    .top-formation>.container_inner {
        justify-content: space-between;
        align-items: baseline;
    }
    .item-formation img {
        max-width: 50px;
        padding-bottom:5px;
        padding-right: 0;
    }
    .item-formation {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .picto-bloc-presentation-formation:not(.picto1) {
        top:10px;
    }
    .bloc-presentation-formation h3,
    .titre-detail-formation {
        width:70%;
    }
    .form-left .select-after {
        top: -28px;
        height: 7px;
    }
    .sidebysidefields .sidefieldleft span select {
        margin-bottom:0px!important;
    }
    .oneside {
        margin-top:-5px;
    }
    .exp-partage a {
        margin-left:0;
        margin-top:25px;
    }
    .item-container {
        height: 400px;
    }
    .itemopen {
        height: 505px;
    }
    .page-nos-partenaires .itemopen {
        height: 655px;
    }  
    .contact_info select[name="Civilite"] {
        margin-top:15px;
    }
    .content-img-section .section_inner_margin {
        display:flex;
        flex-direction: column-reverse;
    }
    .content-img-section .vc_column_container {
        width:100%!important;
    }
    .content-img-section .bloc-presentation-formation {
        margin-top:30px;
        margin-bottom:30px!important;
    }
    .content-img-section {
        padding:30px 0 10px 0!important;
    }
    .page-partenaires .info-formateurs-right {
        width:auto;
    }
    .exp-partage {
        margin-bottom:20px!important;
    }
    .responsive-blocs {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .page-contact .oneside {
        margin-top:-15px;
    }
    .socials-icons-forms > .wpb_wrapper {
        display:flex;
        flex-direction: row;
    }
    .socials-icons-forms > .wpb_wrapper:first-child a {
        padding-left:0;
    }
}

@media only screen and (max-width: 376px) {
    .closeitem {
        right: 49% !important;
    }
    .footerlinks {
        text-align: center;
        float: none;
    }
    nav.mobile_menu {
        margin-top: 100px;
    }
    .carousel:not(.advanced_responsiveness) .carousel-inner .qbutton {
        font-size: 15px;
        line-height: 38px;
        height: 38px;
    }
    .three_columns>.column3 .column_inner {
        border-left: 1px solid transparent;
    }
    .inner-row-hexagons .vc_col-sm-4 {
        margin: 0 0% 5% 0%;
    }
    .page-subtitle {
        margin-top: 0;
        padding: 44px 0 30px 0;
    }
    .info-formateurs-full-container {
        width: 100%;
    }
    .info-formateurs-content {
        display: flex;
        flex-direction: column;
        margin: auto;
        width: 97%;
        padding: 15px;
    }
    .info-formateurs-right {
        width: 100%;
        text-align: left;
    }
    .info-formateurs-left {
        width: 100%;
        text-align: left;
    }
    .closeitem {
        right: 0% !important;
    }
    .social-footer {
        margin-top: 50px;
        text-align: right;
    }
    .q_logo a {
        margin-top: 30px;
    }
    .header-home-middle a img {
        width:60%;
    }
    .top-formation>.container_inner {
        justify-content: space-between;
        align-items: baseline;
        flex-direction: column;
    }
    .item-formation {
        display: block;
        padding-bottom:10px;
    }
    .item-formation img {
        padding-right:10px;
    }
    .item-container {
        height: 265px;
    }
    .itemopen {
        height: 400px;
    }
    .page-nos-partenaires .itemopen {
        height: 600px;
    } 
    .wpb_column.vc_column_container.vc_col-sm-4 {
        margin-bottom:20px;
    }
    .content-img-section {
        padding:30px 0 30px 0;
    }
    .logo-header {
        display:none!important;
    }
    .separateur-page {
        padding:0!important;
    }
    .footer-logo {
        padding-left:0!important;
    }
    .contact_info {
        flex-direction: column;
    }
    .contact_info > .vc_row-fluid {
        width:auto!important;
    } 
    .contact_info .formulaire-contact {
        width:auto;
        margin-left:0;
        margin-bottom:20px;
    }
    .contact_info select[name="Civilite"] {
        margin-top:15px;
    }
}

@media only screen and (min-width:769px) and (max-width: 1100px) {
    .bloc-home {
        background-size: 199px 430px;
        min-height: 430px;
    }
    .column2 .textwidget {
        display: flex;
    }
    .footerlinks-formations {
        padding-right: 10px!important;
    }
    .four_columns>.column1>.column_inner {
        padding-right: 0!important;
    }
    .column2 #text-3 {
        margin-left:0!important;
    }
}