/* MOBILE (≤767px) */
@media only screen and (max-width: 768px) {
    .vertical-title {
        right: 0px;
        left: inherit;
        top: 0;
        bottom: inherit;
    }
    .custom-header-buttons {
        justify-content: center;
        gap: 0;
        position: relative;
    }
    .site-branding {
        padding: 0px 18px 0px 24px !important;
    }
    .site-navigation-toggle-icon {
        width: 28px !important;
    }
    .site-navigation-toggle-holder {
        padding: 7px !important;
    }
    site-navigation-toggle-holder .site-navigation-toggle-icon:before {
        height: 4px !important;
    }
    .hfe-infocard-text, .hfe-infocard-title {
        height: auto;
    }
    .title-footer {
        font-size: 18px;
    }
    .for-mobile {
        visibility: visible;
    }
    .m-bottom-mobile {
        margin-bottom: 32px;
    }
    .b-social {
        margin-bottom: 40px !important;
    }
    .subttle {
        top: 0px;
        right: 20px;
    }
    /* Cache le menu Sandwitch anisi button sur les pages : demo et merci*/
    .uc-svg-image,
    .page-id-2828 .scandwitech-menu,
    .page-id-3001 .scandwitech-menu {
        display: none !important;
    }
    /*VERTICALE TITLE*/
    .vertical-title-success {
        left: auto;
        right: 0;
        writing-mode: vertical-rl;
        margin-top: 45px;
    }
    .part2 {
        width: 50%;
        padding: 1.5rem 0.2rem;
        margin-left: -10px;
    }
    .part2 a {
        width: 100%;
    }
}
/* TABLETTE (≥768px et ≤1024px) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .case-study {
        font-size: 50px;
    }
    .btn-outline,
    .join-us, .icon-container {
        display: none;
    }
    .post-header .btn-outline,
    .post-header .join-us, .post-header .icon-container {
        display: block;
    }
    .flex-center {
        padding: 0px 63px 0px 0px !important;
    }
    .site-navigation ul.menu li, .site-navigation ul.menu li.menu-item-has-children {
        padding-inline-end: 10px;
    }
}
/* Responsive pour max 440px */
@media screen and (max-width: 440px) {
    .case-study {
        font-size: 50px;
    }
    .btn-label {
        font-size: 12px;
    }
}
@media screen and (max-width: 320px) {
    .btn-red {
        display: none;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1360px) {
    .btn-outline, .join-us, .icon-container {
        display: none;
    }
    .site-branding {
        padding: 0px 0px 0px 63px !important;
    }
    .flex-center {
        padding: 0px 63px 0px 0px !important;
    }
    .site-navigation ul.menu li, .site-navigation ul.menu li.menu-item-has-children {
        padding-inline-end: 10px;
    }
}
@media only screen and (min-width: 990px) and (max-width: 1024px) {
    .site-branding {
        padding: 0px 0px 0px 63px !important;
    }
}
@media only screen and (max-width: 1360px) {
    /*Header*/
    .uc-svg-image,
    .custom-header-buttons .hide-on-mobile {
        display: none !important;
    }

}
@media only screen and (min-width: 1024px) and (max-width: 1360px) {
    .menusandwich {
        order: 1 !important;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1440px) {
    .aword .infobox-subtitle {
        font-size: 105px !important;
    }
}