/* ======================================= */
/* DEBUT POUR LE RESPONSIVE 1366px
/* ======================================= */

@media (max-width: 1366px) {
}


/* ======================================= */
/* FIN POUR LE RESPONSIVE 1366px
/* ======================================= */

/* ======================================= */
/* DEBUT POUR LE RESPONSIVE 1280px
/* ======================================= */

@media (max-width: 1280px) {
    .search-content {
        margin: 0 auto 50px auto;
    }

    div.free-profile-step {
        width: -webkit-calc(20% - 20px);
        width: -moz-calc(20% - 20px);
        width: calc(20% - 20px);
    }

    .footer-faciliti-description {
        width: 100%;
        margin: 20px auto;
        text-align: center;
    }

    .footer-faciliti-description .footer-boat-logo-container {
        width: 100%;
    }

    .footer-faciliti-description .footer-text-description-container {
        width: 100%;
        max-width: 800px;
        margin: 20px auto 0 auto;
        text-align: center;
    }

    .footer-faciliti-description .footer-text-description-container .footer-text-description {
        width: 100%;
    }

    .footer-faciliti-description .footer-certification-tag {
        margin: 30px auto auto auto;
    }
    
    .footer-informations{
        flex-direction: column-reverse;
    }

    .footer-faciliti-description,
    .footer-navigations {
        width: calc(100% - 50px);
        margin: 25px;
        text-align: center;
    }

    .footer-faciliti-description .footer-text-description-container img{
        margin: 30px auto;
    }
    
    .footer-socials a{
        margin: 0 20px;
    }

    .footer-navigations .footer-internal-links{
        width: calc((100% * (2/3)) - 50px);
        margin: 0 25px;
    }

    .footer-navigations .footer-useful-links{
        width: calc((100% * (1/3)) - 50px);
        margin: 0 25px;
    }

    .footer-navigations .footer-internal-links {
        column-gap: 50px;
      }
    
}


/* ======================================= */
/* FIN POUR LE RESPONSIVE 1280px
/* ======================================= */

/* ======================================= */
/* DEBUT POUR LE RESPONSIVE 1024px
/* ======================================= */

@media (max-width: 1320px) {
    .top-bar {
        display: none;
    }

    .menu-container {
        padding: 16px 0;
    }

    .menu-container.menu-fixed {
        padding: 8px 0;
    }

    .logo-menu {
        display: none;
    }

    .logo-menu-responsive {
        display: inline-block;
    }

    .menu {
        display: none;
    }

    .open-bt-menu-mobile-container {
        display: inline-block;
    }

}
@media (max-width: 1200px) {

    /* Home - partners */
    .partners-container{
        justify-content: center;
    }

    .partners-container .partner-content.show-push, 
    .partners-container .partner-content{
        width:calc((100% / 3) - 50px);
    }

    .accessibilite-numerique .partners-container .partner-content {
        width: calc((100% / 7) - 30px);
    }

}

@media (max-width: 1024px) {
    .tabs__link {
        margin: 8px;
    }

    .comparating-slider-howToUse .howToUse-instructions {
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

    .comparating-slider-howToUse .howToUse-schema-instructions {
        margin-top: 0;
    }

    .youtube-video-border {
        width: 100%;
    }

    .youtube-iframe {
        width: 100%;
    }

    .youtube-video-transcription .youtube-video-transcription-text {
        width: auto;
    }

    .two-columns-container,
    .three-columns-container,
    .four-columns-container,
    .five-columns-container,
    .six-columns-container {
        justify-content: center;
    }

    .two-columns-container .column-content,
    .three-columns-container .column-content {
        width: 100%;
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .four-columns-container .column-content,
    .five-columns-container .column-content,
    .six-columns-container .column-content {
        width: calc(50% - 50px);
    }

    .two-columns-container .column-content.text-align-left,
    .three-columns-container .column-content.text-align-left,
    .four-columns-container .column-content.text-align-left,
    .five-columns-container .column-content.text-align-left,
    .six-columns-container .column-content.text-align-left,
    .two-columns-container .column-content.text-align-right,
    .three-columns-container .column-content.text-align-right,
    .four-columns-container .column-content.text-align-right,
    .five-columns-container .column-content.text-align-right,
    .six-columns-container .column-content.text-align-right{
        text-align: center;
    }

    .two-columns-container .image-container,
    .three-columns-container .image-container,
    .four-columns-container .image-container,
    .five-columns-container .image-container,
    .six-columns-container .image-container,
    .page-id-3378 .two-columns-container .image-container, 
    .engagements-rse-et-developpement-durable .two-columns-container .image-container{
        height: auto;
        line-height: initial;
    }

    .two-columns-container img,
    .three-columns-container img ,
    .four-columns-container img,
    .five-columns-container img,
    .six-columns-container img {
        vertical-align: middle;
        width: auto;
        height: auto;
    }

    .partners-container,
    .members-container,
    .rewards-container {
        text-align: center;
    }

    .partners-container .partner-content,
    .members-container .member-content,
    .rewards-container .reward-content {
        width: calc((100% / 3) - 50px);
    }


    .accessibilite-numerique .partners-container .partner-content {
        width: calc((100% / 5) - 30px);
    }


    .testimonial-content {
        width: 100%;
        padding: 0 20px;
    }

    .actuality-content .actuality-informations {
        width: 100%;
        height: auto;
        min-height: 0;
        border-width: 2px;
        border-style: solid;
        border-bottom-width: 0;
    }

    .actuality-informations .actuality-date {
        border: 0;
    }

    .actuality-informations .actuality-category-image.svg-container,
    .actuality-informations .actuality-category-image.image-container {
        display: none;
    }

    .actuality-content .actuality-text {
        width: 100%;
    }

    .actuality-container .actuality-link {
        text-align: center;
        max-width: none;
        margin-left: 0;
    }

    .actuality-container .actuality-link a {
        width: 100%;
    }

    .search-select-container {
        width: 100%;
    }

    .search-input-text {
        width: 80%;
    }

    .search-button-submit {
        width: 20%;
    }

    .wpcf7 .contact-form-field {
        width: 100%;
    }

    .news-flex-container{
        flex-direction: column;
    }

    .news-container .actuality-container{
        width: calc(100% - 50px);
        margin: 25px auto;
        max-width: 550px;
    }

    .qui-sommes-nous .simple-content .images-gallery .image-container{
        width: calc((100% / 4) - 50px);
    }

    .page-id-3378 .section-red .svg-container, .page-rse .section-red .svg-container{
        width: 90%;
    }

    .page-template-template-b2b .four-icons{
        flex-wrap: wrap;
        align-items: start;
    }
    .page-template-template-b2b .four-icons .icon-and-title{
        width: calc(50% - 50px);
        margin: 25px;
    }

    .page-template-template-b2b .three-columns-list li{
        width: calc(50% - 50px);
        margin: 25px;
    }



}


/* ======================================= */
/* FIN POUR LE RESPONSIVE 1024px
/* ======================================= */

/* ======================================= */
/* DEBUT POUR LE RESPONSIVE 960px
/* ======================================= */

@media (max-width: 960px) {
    .free-profile-step {
        display: block;
        margin: 20px auto;
    }

    div.free-profile-step {
        width: auto;
    }
}


/* ======================================= */
/* FIN POUR LE RESPONSIVE 960px
/* ======================================= */

/* ======================================= */
/* DEBUT POUR LE RESPONSIVE 768px
/* ======================================= */

@media (max-width: 768px) {
    h1 {
        font-size: 2em;
    }

    h2.h2-intro,
    .free-content h2 {
        font-size: 1.5em;
    }

    h2, .h1-404 {
        font-size: 1.8em;
    }

    h3,
    .free-content h3 {
        font-size: 1.3em;
    }

    h4 {
        font-size: 1.2em;
    }

    h5 {
        font-size: 1.1em;
    }

    h6 {
        font-size: 1em;
    }

    #ajax-loading {
        font-size: 1em;
    }

    .max-width {
        padding-left: 20px;
        padding-right: 20px;
    }

    .content-width {
        padding-left: 20px;
        padding-right: 20px;
    }

    .open-bt-menu-mobile-container {
        padding: 0;
    }

    .intro-container {
        padding: 55px 15px;
    }

    .logo-home .logo-faciliti {
        width: 250px;
    }

    .simple-content {
        margin: 20px auto;
    }

    .simple-content img {
        max-width: 75%;
    }

    #certif .simple-content img {
        max-width: 100%;
    }

    .bt-calltoaction {
        padding: 12px 24px;
    }

    .specific-border-stripes-red,
    .specific-border-stripes-white {
        padding: 5px;
    }

    .comparating-slider-container {
        width: 100%;
    }

    .pathology-comparator-content .comparating-slider-container {
        width: 100%;
        margin: 0 auto;
    }

    .youtube-video-border {
        height: 468px;
        height: -webkit-calc((100vw - 68px) / 1.77);
        height: -moz-calc((100vw - 68px) / 1.77);
        height: calc((100vw - 68px) / 1.77);
    }

    .youtube-iframe {
        height: 454px;
        height: -webkit-calc((100vw - 96px) / 1.77);
        height: -moz-calc((100vw - 96px) / 1.77);
        height: calc((100vw - 96px) / 1.77);
    }

    .testimonial-content {
        width: 100%;
        padding: 0 20px;
    }

    .js-carrousel__button-container {
        width: 18px;
    }

    .carrousel__container {
        width: -webkit-calc(100% - 36px);
        width: -moz-calc(100% - 36px);
        width: calc(100% - 36px);
    }

    .search-content {
        margin: 0 auto 20px auto;
    }

    .pathology-content .pathology-informations,
    .pathology-content .pathology-text {
        width: 100%;
        text-align: center;
    }

    .pathology-content .pathology-informations{
        margin-bottom: 15px;
    }

    .pathology-text br{
        display: none;
    }

    .pathology-informations .pathology-category-image.svg-container, 
    .pathology-informations .pathology-category-image.image-container{
        margin: auto;
    }


    .twentytwenty-handle {
        width: 40px;
        height: 40px;
        margin-left: -20px;
        margin-top: -20px;
    }

    .twentytwenty-left-arrow,
    .twentytwenty-right-arrow,
    .twentytwenty-up-arrow,
    .twentytwenty-down-arrow {
        width: 8px;
        height: 8px;
    }

    .twentytwenty-left-arrow,
    .twentytwenty-right-arrow {
        margin-left: -4px;
        margin-top: -4px;
    }

    .twentytwenty-left-arrow {
        -webkit-transform: rotate(-90deg) translate(-9px, -10px);
        -moz-transform: rotate(-90deg) translate(-9px, -10px);
        -ms-transform: rotate(-90deg) translate(-9px, -10px);
        -o-transform: rotate(-90deg) translate(-9px, -10px);
        transform: rotate(-90deg) translate(-9px, -10px);
    }

    .twentytwenty-handle:hover .twentytwenty-left-arrow,
    .twentytwenty-handle:focus .twentytwenty-left-arrow {
        -webkit-transform: rotate(-90deg) translate(-11px, -12px);
        -moz-transform: rotate(-90deg) translate(-11px, -12px);
        -ms-transform: rotate(-90deg) translate(-11px, -12px);
        -o-transform: rotate(-90deg) translate(-11px, -12px);
        transform: rotate(-90deg) translate(-11px, -12px);
    }

    .twentytwenty-right-arrow {
        -webkit-transform: translate(9px, -10px);
        -moz-transform: translate(9px, -10px);
        -ms-transform: translate(9px, -10px);
        -o-transform: translate(9px, -10px);
        transform: translate(9px, -10px);
    }

    .twentytwenty-handle:hover .twentytwenty-right-arrow,
    .twentytwenty-handle:focus .twentytwenty-right-arrow {
        -webkit-transform: translate(11px, -12px);
        -moz-transform: translate(11px, -12px);
        -ms-transform: translate(11px, -12px);
        -o-transform: translate(11px, -12px);
        transform: translate(11px, -12px);
    }

    .twentytwenty-before-label:before,
    .twentytwenty-after-label:before {
        font-size: 0.8125em;
        padding: 2px 8px;
    }

    .tutorial-content {
        min-height: 0;
        text-align: center !important;
        background-image: none !important;
        padding: 25px !important;
    }

    .tutorial-arrow {
        margin: 20px auto;
    }

    .members-container .member-content .image-container img {
        max-width: 75%;
    }

    svg {
        width: 75%;
    }

    .recruitment-content .recruitment-informations {
        width: 100%;
    }

    .recruitment-content .recruitment-text {
        width: 100%;
        margin: 0;
    }

    .recruitment-informations .recruitment-title {
        display: inline-block;
        width: 100%;
        margin: 0 32px 16px 0;
    }

    .recruitment-informations .recruitment-info {
        display: inline-block;
        margin: 0 32px 16px 0;
    }

    .four-columns-container .column-content,
    .five-columns-container .column-content,
    .six-columns-container .column-content {
        width: 100%;
        max-width: 90%;
    }

    .partners-container .partner-content,
    .members-container .member-content,
    .rewards-container .reward-content {
        width: calc((100% / 2) - 50px);
    }

    .accessibilite-numerique .partners-container .partner-content {
        width: calc((100% / 4) - 30px);
    }



    .qui-sommes-nous .simple-content .images-gallery .image-container{
        width: calc((100% / 3) - 30px);
        margin: 15px;
    }

    .page-id-3378 .section-red svg, .page-rse .section-red svg{
        width: 90%;
    }

    .page-template-template-b2b .four-icons .icon-and-title{
        width: calc(100% - 50px);
        margin: 25px;
    }

    .page-template-template-b2b .three-columns-list li{
        width: calc(100% - 50px);
        margin: 25px;
    }

    .footer-navigations .footer-internal-links{
        width: calc(100%  - 50px);
    }

    .footer-navigations .footer-useful-links{
        width: calc(100% - 50px);
    }

    .footer-navigations .footer-internal-links{
        columns: 1;
    }


    .home .simple-content .images-gallery .image-container{
        margin: 25px 10px;
    }

}


/* ======================================= */
/* FIN POUR LE RESPONSIVE 768px
/* ======================================= */

/* ======================================= */
/* DEBUT POUR LE RESPONSIVE 640px
/* ======================================= */

@media (max-width: 640px) {
    .footer-faciliti-description, .footer-navigations{
        width: calc(100% - 20px);
        margin: 10px;
    }

    .partners-container .partner-content .image-container img{
        max-width: 100%;
    }


    .accessibilite-numerique .partners-container .partner-content {
        width: calc((100% / 3) - 30px);
    }


    .newsletter-email-field,
    .newsletter-submit-field {
        width: 100%;
    }

    .wpcf7 .newsletter-email-field input {
        border-width: 2px;
        border-style: solid;
        border-bottom-width: 0;
        border-radius: 10px;
        margin-bottom: 15px;
    }

    .wpcf7 .newsletter-submit-field input[type=submit]{
        border-radius: 10px;
    }

    .footer-faciliti-description .footer-boat-logo-container {
        width: 100%;
    }

    .footer-faciliti-description .footer-text-description-container {
        width: 100%;
        margin: 25px 0 0 0;
        text-align: center;
    }

    .footer-navigations .footer-menu {
        width: 100%;
        margin: 0 0 25px 0;
    }

    .footer-navigations .footer-useful-links {
        width: 100%;
        margin: 25px 0 0 0;
    }

    .footer-navigations ul li {
        text-align: center;
    }

    .footer-socials .footer-socials-icons {
        padding: 25px 0;
    }

    .footer-socials-icons [class*="footer-social-"] {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
}


/* ======================================= */
/* FIN POUR LE RESPONSIVE 640px
/* ======================================= */

/* ======================================= */
/* DEBUT POUR LE RESPONSIVE 480px
/* ======================================= */

@media (max-width: 480px) {
    .max-width {
        padding-left: 15px;
        padding-right: 15px;
    }

    .content-width {
        padding-left: 15px;
        padding-right: 15px;
    }

    .menu-mobile-container {
        background-image: none;
    }

    /*    .simple-content {
            margin: 0px auto;
        }*/
    .bt-calltoaction {
        padding: 10px 10px;
    }

    .main-menu-mobile {
        padding: 20px 20px;
    }

    .tabs__item {
        width: 100%;
    }

    .tabs__link {
        width: 100%;
        margin: 8px 0;
    }


    .twentytwenty-before-label:before,
    .twentytwenty-after-label:before {
        font-size: 0.625em;
        padding: 2px 8px;
    }

    .tutorial-content {
        text-align: center !important;
        background-image: none !important;
        padding: 25px !important;
    }
}


/* ======================================= */
/* FIN POUR LE RESPONSIVE 480px
/* ======================================= */

/* ======================================= */
/* DEBUT POUR LE RESPONSIVE 360px
/* ======================================= */

@media (max-width: 360px) {
}


/* ======================================= */
/* FIN POUR LE RESPONSIVE 360px
/* ======================================= */