/* CSS specific to iOS devices */
@supports (-webkit-touch-callout: none) {
    
    .vc_row.groupe-bazalt-row:before {
        display: block;
    }

}

@media screen and (max-width: 991px) {
    html {
        padding: 10px;
    }
    html.mobile-nav-open,
    body.mobile-nav-open {
        overflow: hidden !important;
    }
    /* Search is already visible inside the menu. */
    #masthead .ubp-header-search-wrapper {
        display: none !important;
    }
    .fixed-header .ubp-header-wrapper {
        padding: 0;
    }
    .ubp-header-wrapper {
        transition: 0.3s ease;
    }
    /* Convert the desktop search overlay into an inline menu section. */
    #navbarNavDropdown .search-bar-wrapper {
        display: block !important;
        position: static !important;
        inset: auto;
        width: 100%;
        max-width: none;
        height: auto;
        min-height: 0;
        max-height: none;
        margin: 0 0 25px;
        padding: 0;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        pointer-events: auto;
        overflow: visible;
        background: transparent;
        box-shadow: none;
        border: none;
    }

    /* Hide everything around the form that is not needed here. */
    #navbarNavDropdown .search-bar-close,
    #navbarNavDropdown .search-bar-titles,
    #navbarNavDropdown .search-bar-popular-tags {
        display: none !important;
    }

    #navbarNavDropdown .search-bar-container {
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
    }

    #navbarNavDropdown .search-bar-form {
        width: 100%;
        min-width: 0;
    }

    #navbarNavDropdown .search-form {
        display: flex;
        width: 100%;
    }

    #navbarNavDropdown .search-field {
        flex: 1;
        width: 100%;
        min-width: 0;
    }

    #navbarNavDropdown .search-submit {
        flex-shrink: 0;
    }

    #navbarNavDropdown .predictive-search-results-target {
        position: static;
        width: 100%;
        max-width: none;
    }
    .menu-wrapper.menu-active {
        max-height: calc(100dvh);
        overflow-y: auto;
        overscroll-behavior: contain;
    }
    .ubp-header-container.ubp-desktop-menu {
        padding: 25px 20px !important;
    }

    .ubp-header-container.ubp-desktop-menu.sticky-header.fixed-header {
        padding: 10px 20px;
    }

    .ubp-header-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px 0;
        position: relative;
    }

    .ubp-main-menu,
    .navbar.navbar-expand-lg,
    .ubp-menu-holder,
    .menu-container-items {
        position: static;
    }

    .ubp-header-wrapper .ubp-logo {
        position: relative;
        z-index: 1002;
        max-width: 95px;
    }

    .ubp-header-wrapper .ubp-logo a,
    .ubp-header-wrapper .ubp-logo svg {
        display: block;
        width: 100%;
        height: auto;
    }

    .ubp-header-wrapper > .ubp-get-a-quote-dark-mode-home-wrapper {
        display: none;
    }

    .menu-container-items .navbar-toggler {
        position: relative;
        z-index: 1002;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 5px;
        width: 35px;
        height: 25px;
        padding: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
        cursor: pointer;
    }

    .navbar-toggler:focus {
        outline: none !important;
        box-shadow: none !important;
    }

    .navbar-toggler-icon,
    html.dark .navbar-toggler-icon {
        display: block;
        width: 100%;
        height: 3px;
        border-radius: 3px;
        background: #fff;
        background-image: none !important;
        transform-origin: left center;
        transition: transform .3s ease, opacity .25s ease, width .3s ease;
    }

    .navbar-toggler.menu-active .top {
        transform: rotate(45deg) translate(1px, -2px);
    }

    .navbar-toggler.menu-active .middle {
        width: 0;
        opacity: 0;
    }

    .navbar-toggler.menu-active .bottom {
        transform: rotate(-45deg) translate(1px, 2px);
    }

    .ubp-header-account-cart-demande-wrapper {
        flex-direction: column;
    }
    .ubp-get-a-quote-dark-mode-home-wrapper {
        justify-content: center;
        margin: 75px 0 0;
    }

    .ubp-menu-wrapper.menu-wrapper {
        position: absolute;
        top: -25px;
        left: -12%;
        z-index: 1000;
        display: none;
        width: 124%;
        height: 100dvh;
        overflow-y: auto;
        padding: 30px;
        padding-top: 150px;
        border-radius: 0;
        background: #111;
        box-shadow: 0 10px 25px rgb(0 0 0 / 20%);
        opacity: 0;
        z-index: 5;
    }
    .mobile-nav-open .ubp-header-container.ubp-desktop-menu::after {
        content: '';
        width: 100%;
        height: 110px;
        display: block;
        background: #111;
        position: absolute;
        z-index: 9;
        left: 0;
        top: 0;
    }
    .ubp-footer-top-container {
        flex-direction: column;
        align-items: center;
        gap: 25px;
    }
    .ubp-footer-top-container > div {
        width: 90%;
        margin: 0;
    }
    .ubp-footer-link-items ul li {
        margin: 20px 0;
    }

    .ubp-menu-wrapper.menu-wrapper.menu-active {
        display: block;
        animation: ubpMenuOpen .3s ease forwards;
    }

    .ubp-menu-wrapper.menu-wrapper.menu-close {
        display: block;
        animation: ubpMenuClose .3s ease forwards;
        pointer-events: none;
    }

    .ubp-menu-wrapper.menu-wrapper > .collapse {
        display: none;
    }

    .ubp-menu-wrapper.menu-wrapper.menu-active > .collapse,
    .ubp-menu-wrapper.menu-wrapper.menu-close > .collapse {
        display: block;
    }

    body.menu-active {
        overflow: hidden;
    }

    .ubp-menu-holder ul#menu-main-menu,
    .ubp-menu-holder .navbar-nav {
        display: flex;
        flex-direction: column;
        gap: 4px;
        margin: 0 0 25px;
        padding: 0;
        list-style: none;
    }

    /* Animate only the main menu items, not the cloned product links. */
    .ubp-menu-holder .navbar-nav > li {
        opacity: 0;
        transform: translateX(-8px);
    }

    .menu-wrapper.menu-active .navbar-nav > li {
        animation: ubpMenuItemIn .3s ease forwards;
    }

    .menu-wrapper.menu-active .navbar-nav > li:nth-child(1) { animation-delay: .05s; }
    .menu-wrapper.menu-active .navbar-nav > li:nth-child(2) { animation-delay: .10s; }
    .menu-wrapper.menu-active .navbar-nav > li:nth-child(3) { animation-delay: .15s; }
    .menu-wrapper.menu-active .navbar-nav > li:nth-child(4) { animation-delay: .20s; }
    .menu-wrapper.menu-active .navbar-nav > li:nth-child(5) { animation-delay: .25s; }
    .menu-wrapper.menu-active .navbar-nav > li:nth-child(6) { animation-delay: .30s; }

    .ubp-menu-holder .navbar-nav > li > a,
    html.dark .ubp-menu-holder .navbar-nav > li > a {
        display: block;
        padding: 8px 0;
        color: #fff;
        font-size: 1.05rem;
        transition: color .2s ease;
    }

    .ubp-menu-holder .navbar-nav > li > a:hover,
    html.dark .ubp-menu-holder .navbar-nav > li > a:hover {
        color: #ffd962 !important;
    }

    .produits-dropdown-btn {
        position: relative;
    }

    .produits-dropdown-btn > .mobile-products-toggle {
        position: absolute;
        top: 0;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        padding: 0;
        border: 0;
        background: transparent;
        color: #fff;
        cursor: pointer;
    }

    .produits-dropdown-btn > .mobile-products-toggle i {
        transition: transform .25s ease;
    }

    .produits-dropdown-btn.mobile-products-open > .mobile-products-toggle i {
        transform: rotate(180deg);
    }

    .produits-dropdown-btn > .mobile-products-menu {
        display: none;
        padding: 15px 0;
    }

    .produits-dropdown-btn.mobile-products-open > .mobile-products-menu {
        display: block;
    }

    .mobile-products-menu .products-mega-menu-section {
        width: 100%;
        padding: 0;
        border: 0;
    }

    .mobile-products-menu .products-mega-menu-section + .products-mega-menu-section {
        margin-top: 22px;
    }

    .mobile-products-menu .products-mega-menu-section-heading {
        color: #171717;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        background: #FFD962;
        padding: 10px 15px;
        border-radius: 5px;
        border: none;
    }
    .mobile-products-menu h4.products-mega-menu-column-heading {
        color: #111 !important;
        font-size: 15px;
        background: #F6F5F2;
        padding: 10px 35px 10px 15px;
        border-radius: 5px;
        font-weight: 600;
        letter-spacing: 1px;
        position: relative;
        cursor: pointer;
    }

    .mobile-products-menu h4.products-mega-menu-column-heading::after {
        content: '\f078';
        font-family: 'Font Awesome 6 Pro';
        font-size: 15px;
        position: absolute;
        right: 12px;
        top: 50%;
        color: #111;
        transform: translateY(-50%);
        transition: transform .25s ease;
    }

    .mobile-products-menu h4.products-mega-menu-column-heading[aria-expanded="true"]::after {
        transform: translateY(-50%) rotate(180deg);
    }

    .mobile-products-menu h4.products-mega-menu-column-heading:focus-visible {
        outline: 2px solid #FFD962;
        outline-offset: 2px;
    }
    h5.products-mega-menu-group-heading {
        color: #F6C400 !important;
        font-size: 11px;
        font-weight: 700;
    }
    .mobile-products-menu .products-mega-menu-items li:not(:last-child) {
        border-bottom: 1px solid;
        padding-bottom: 5px;
    }

    .mobile-products-menu .products-mega-menu-columns {
        display: block;
        margin-top: 15px;
    }

    .mobile-products-menu .products-mega-menu-column + .products-mega-menu-column {
        margin-top: 20px;
    }

    .mobile-products-menu .products-mega-menu-column-heading,
    .mobile-products-menu .products-mega-menu-group-heading {
        color: #fff;
    }

    .mobile-products-menu .products-mega-menu-groups {
        gap: 15px;
    }

    .mobile-products-menu .products-mega-menu-items {
        margin: 0;
        padding: 0 0 0 12px;
    }

    .mobile-products-menu .products-mega-menu-items li {
        opacity: 1;
        transform: none;
        animation: none;
    }

    .mobile-products-menu .products-mega-menu-items a {
        display: block;
        padding: 5px 0;
        color: #fff !important;
        font-size: 14px;
    }

    .mobile-products-menu .products-mega-menu-items a:hover,
    .mobile-products-menu .products-mega-menu-item.active a {
        color: #ffd962 !important;
    }

    /* Override the desktop overlay's display: block !important rule. */
    .ubp-header-container .products-mega-menu-wrapper,
    .ubp-header-container .products-mega-menu-wrapper.active {
        display: none !important;
    }

    .mobile-dark-mode-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 20px;
    }

    .ubp-header-dark-mode-wrapper {
        margin-bottom: 15px;
    }

    .ubp-get-a-quote-home-btn {
        text-align: center;
    }

    .ubp-get-a-quote-home-btn a {
        display: inline-block;
        padding: 10px 22px;
    }

    .products-mega-menu-bottom-wrapper {
        justify-content: center;
        padding: 10px 0;
        border: 2px solid #FFD962;
        border-radius: 10px;
    }
    .products-mega-menu-bottom-text a {
        font-size: 16px !important;
    }

        .produits-dropdown-btn > .mobile-products-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 10px;
        border: 0;
        background: transparent;
        color: #FFF;
        cursor: pointer;
    }
    .ubp-header-container .products-mega-menu-wrapper,
    .ubp-header-container .products-mega-menu-wrapper.active {
        display: none !important;
    }
    .produits-dropdown-btn > .mobile-products-menu {
        display: none;
        width: 100%;
    }

    .produits-dropdown-btn.mobile-products-open > .mobile-products-menu {
        display: block;
    }

    .mobile-products-menu .products-mega-menu-section {
        width: 100%;
        padding: 0;
        border: 0;
    }

    .mobile-products-menu .products-mega-menu-columns {
        display: block;
        margin-top: 15px;
    }

    .mobile-products-menu .products-mega-menu-column {
        margin-bottom: 20px;
    }

    .mobile-products-menu .products-mega-menu-groups {
        gap: 15px;
    }

    .mobile-products-menu .products-mega-menu-section-heading {
        padding: 10px 15px;
    }

    .mobile-products-menu .products-mega-menu-items {
        padding-left: 12px;
    }

    @keyframes ubpMenuOpen {
        from { opacity: 0; transform: translateY(-12px); }
        to   { opacity: 1; transform: translateY(0); }
    }

    @keyframes ubpMenuClose {
        from { opacity: 1; transform: translateY(0); }
        to   { opacity: 0; transform: translateY(-12px); }
    }

    @keyframes ubpMenuItemIn {
        to { opacity: 1; transform: translateX(0); }
    }
}

@media screen and (min-width: 320px) and (max-width: 767px) {

    html.job-page body {
        padding: 10px;
    }
    .search-bar-wrapper {
        max-height: 85vh; 
    }
    section.ubp-search-hero {
        margin: 100px 0 25px;
        padding: 30px;
    }
    .search-group-section .pages-results-list {
        grid-template-columns: 1fr;
    }
    .search-group-section .pages-results-list a.page-result-card {
        gap: 20px;
    }
    .search-group-section .pages-results-list h3 {
        font-size: 18px;
    }
    .search .ubp-header-container.ubp-desktop-menu .ubp-menu-holder li.menu-item a {
        color: #FFF;
    }
    span.search-hero-badge {
        font-size: 12px;
    }
    h1.ubp-search-title {
        font-size: 28px;
        margin: 10px 0 30px;
    }
    section.ubp-search-hero .search-bar-form-label {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
    }
    .search-bar-form button span.search-icon {
        display: none;
    }
    .search-bar-form button {
        top: 5px;
        padding: 10px 15px;
    }
    .search-bar-form input {
        padding: 10px 55px 10px 45px;
    }
    .search-bar-form::before {
        font-size: 14px;
        left: 15px;
    }
    section.ubp-search-hero form.search-form {
        width: 100%;
    }
    .predictive-products-grid {
        grid-template-columns: 1fr;
    }
    .predictive-search-body {
        flex-direction: column;
        gap: 30px;
    }
    .predictive-card-content {
        gap: 15px;
    }
    .predictive-card-media img {
        width: 75px;
    }
    span.predictive-card-sub {
        font-size: 11px;
    }
    h4.predictive-card-title {
        font-size: 18px;
        margin: 5px 0;
    }
    .predictive-others-list {
        border: none;
        padding-left: 0;
    }
    .other-item-details span.other-title {
        font-size: 18px;
    }
    .other-item-details span.other-type {
        font-size: 12px;
    }
    a.predictive-footer-cta {
        gap: 15px;
        padding: 10px 15px;
    }
    a.predictive-footer-cta span {
        font-size: 14px;
    }
    .ubp-search-results-header {
        flex-direction: column;
    }
    .ubp-search-filters {
        flex-direction: column;
    }
    .ubp-search-content-grid {
        flex-direction: column-reverse;
        margin-top: 50px;
    }
    .products-results-grid {
        grid-template-columns: 1fr;
    }
    .product-result-card {
        flex-direction: column;
    }
    .product-result-card .card-image {
        width: 200px;
        margin: 0 auto;
    }
    .category-results-list {
        grid-template-columns: 1fr;
    }
    .news-results-list {
        grid-template-columns: 1fr;
    }
    section.ubp-search-results {
        max-width: 100%;
        padding: 30px 0;
    }
    .search-bar-container {
        padding-bottom: 40px;
    }

    .predictive-products-grid {
        max-height: none !important;
        overflow-y: visible !important;
    }
    /* Archive products */
    .ubp-archive-product-banner-image-wrapper.no-image,
    .ubp-archive-product-banner-image-wrapper.has-image {
        height: 300px;
    }
    .ubp-archive-product-banner-text-wrapper {
        width: 90%;
        bottom: 35%;
    }
    .ubp-archive-product-banner-text-default h1 {
        font-size: 48px;
    }
    .ubp-widthcontainer, .ubp-wp-widthcontainer > .vc_column-inner {
        max-width: 95%;
    }
    .ubp-archive-product-breadcrumb {
        padding: 40px 0 30px;
    }
    .ubp-archive-layout-wrapper.ubp-widthcontainer {
        flex-direction: column-reverse;
    }
    .ubp-archive-product-breadcrumb .woocommerce-breadcrumb a,
    .ubp-archive-product-breadcrumb .woocommerce-breadcrumb a:last-child {
        font-size: 14px !important;
    }
    .ubp-archive-product-breadcrumb .woocommerce-breadcrumb {
        flex-wrap: wrap;
        gap: 10px;
    }
    .ubp-archive-products-content-wrapper form.woocommerce-ordering {
        position: relative;
    }
    .ubp-archive-products-content-wrapper form.woocommerce-ordering select {
        width: 100%;
    }
    .ubp-archive-sidebar-wrapper {
        width: 100%;
    }
    ul.products li.product {
        width: 100% !important;
    }
    nav.woocommerce-pagination ul {
        justify-content: center;
        flex-wrap: wrap;
    }
    .ubp-archive-products-produits-complementaires-wrapper.ubp-widthcontainer {
        padding: 30px 0;
    }
    .ubp-complementary-header-text-wrapper {
        flex-direction: column;
        margin-bottom: 45px;
    }
    .ubp-complementary-header-text-wrapper h2 {
        font-size: 32px;
    }
    .ubp-complementary-header-text-wrapper p {
        width: 100%;
        font-size: 15px;
    }
    .ubp-complementary-products ul.products li.product {
        width: 100% !important;
    }
    .ubp-archive-products-astuces-title-wrapper {
        flex-direction: column;
        align-items: flex-start;
        padding-bottom: 40px;
        gap: 20px;
    }
    .ubp-archive-products-astuces-title-wrapper h3 {
        font-size: 36px;
    }
    .ubp-archive-products-astuces-title-wrapper p {
        width: 100%;
        font-size: 15px;
    }
    .ubp-archive-products-astuce-content {
        flex-direction: column;
        padding-bottom: 50px;
    }
    .ubp-blog-item-wrapper {
        width: 100%;
    }
    .selected-products-wrapper > p:first-child {
        font-size: 12px;
    }
    .selected-products-wrapper > p:last-child {
        font-size: 14px;
    }
    .ubp-shop-toolbar {
        gap: 20px;
    }
    .ubp-archive-products-content-wrapper form.woocommerce-ordering select {
        font-size: 14px;
    }
    .ubp-archive-product-wrapper {
        position: relative;
    }
    .ubp-accordion-header {
        font-size: 15px;
    }
    .ubp-child-checkbox-label {
        font-size: 15px;
    }
    .ubp-sidebar-products li a {
        font-size: 14px;
    }
    .ubp-archive-sidebar-wrapper {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100dvh;
        overflow-y: auto;
        overscroll-behavior: contain;
        background: #fff;
        z-index: 999999;
        padding: 20px 20px 75px;
        box-shadow: 4px 0 20px rgba(0, 0, 0, 0.2);
    }
    .ubp-archive-sidebar-wrapper.open-sidebar {
        display: block;
        overscroll-behavior: contain;
    }
    .ubp-archive-sidebar-close-btn {
        display: block;
        text-align: right;
        margin-bottom: 30px;
    }
    .ubp-archive-sidebar-close-btn i {
        font-size: 30px;
    }
    .ubp-cat-accordion-container {
        height: fit-content;
        margin: 0 0 135px;
    }
    .ubp-filter-toggle-bar {
        margin-top: 15px;
        text-align: right;
        position: absolute;
        top: 80px;
        right: 0;
    }
    .ubp-shop-top-row .ubp-product-search {
        width: 100%;
    }
    .ubp-shop-top-row .ubp-product-search-wrapper {
        width: 100%;
    }
    .ubp-filter-toggle-bar button {
        background: transparent;
        border: none;
    }
    .ubp-archive-products-content-wrapper ul.products {
        margin-top: 25px !important;
    }
    .ubp-archive-products-astuce-content ul.slick-dots {
        display: flex;
        padding: 0;
        margin: 20px 0 0;
        justify-content: center;
    }
    .ubp-archive-products-astuce-content ul.slick-dots li {
        list-style-type: none;
        border: none;
        width: 5px;
        height: 5px;
        margin: 0 10px;
    }
    .ubp-archive-products-astuce-content ul.slick-dots li button {
        background: #FFD962;
        opacity: 0.5;
        border: none;
        color: transparent;
        text-indent: -99999px;
        width: 10px;
        height: 10px;
        padding: 0;
        border-radius: 50%;
    }
    .ubp-archive-products-astuce-content ul.slick-dots li.slick-active button {
        opacity: 1;
    }
    .ubp-archive-product-breadcrumb .woocommerce-breadcrumb i {
        font-size: 10px;
    }
        .ubp-merci-container h1 { 
        font-size: 32px; 
    }
    .ubp-meta-item.reference { 
        border-right: none; 
        padding-right: 0; 
        border-bottom: 1px solid rgba(255, 255, 255, 0.15); 
        padding-bottom: 10px; 
        width: 100%; 
        justify-content: center; 
    }
    .ubp-order-meta { 
        flex-direction: column; 
        gap: 10px; 
    }
    .ubp-modal-header {
        flex-direction: column;
        gap: 16px;
    }
    .ubp-modal-form-grid {
        grid-template-columns: 1fr;
    }
    .ubp-full-width {
        grid-column: span 1;
    }
    .ubp-modal-footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .ubp-modal-actions {
        width: 100%;
        justify-content: flex-end;
    }
    .ubp-single-product-banner-text-yellow h1 {
        font-size: 28px;
    }
    .ubp-single-product-banner-image-wrapper {
        height: 375px !important;
    }
    .ubp-single-product-banner-text-wrapper {
        /* left: 30px; */
        max-width: 90%;
    }
    .ubp-single-product-breadcrumb nav.woocommerce-breadcrumb a {
        font-size: 12px;
    }
    .ubp-single-product-breadcrumb nav.woocommerce-breadcrumb {
        gap: 10px;
        flex-wrap: wrap;
    }
    .ubp-single-product-breadcrumb .ubp-widthcontainer {
        max-width: 90%;
    }
    .ubp-single-product-breadcrumb {
        padding: 40px 0px 25px;
    }
    .ubp-content-single-product-wrapper {
        flex-direction: column;
        gap: 30px;
    }
    .ubp-content-single-product-wrapper > div {
        width: 100%;
    }
    .content-single-product-title h2 {
        font-size: 32px;
    }
    .ubp-content-single-product-caracterisque-devis-wrapper:before {
        display: none;
    }
    .ubp-content-single-product-caracterisque-devis-wrapper {
        gap: 25px;
        margin-top: 25px;
    }
    .ubp-content-single-product-caracterisques-wrapper {
        margin-top: 30px !important;
    }
    .ubp-single-products-astuce-content ul.slick-dots {
        display: flex;
        padding: 0;
        margin: 20px 0 0;
        justify-content: center;
    }
    .ubp-single-products-astuce-content ul.slick-dots li {
        list-style-type: none;
        border: none;
        width: 5px;
        height: 5px;
        margin: 0 10px;
    }
    .ubp-single-products-astuce-content ul.slick-dots li button {
        background: #FFD962;
        opacity: 0.5;
        border: none;
        color: transparent;
        text-indent: -99999px;
        width: 10px;
        height: 10px;
        padding: 0;
        border-radius: 50%;
    }
    .ubp-single-products-astuce-content ul.slick-dots li.slick-active button {
        opacity: 1;
    }
    .ubp-single-product-banner-text-white h2 {
        font-size: 28px;
    }
    .ubp-single-product-banner-image-wrapper .ubp-single-product-img {
        height: 375px;
    }
    .vc_row.wpb_row.vc_inner.vc_row-fluid.evergreen-utilisation-content-inner-row.ubp-widthcontainer {
        display: flex;
        flex-direction: column;
    }
    .ecoblock-utilisation, .evergreen-pourquoi-choisir-row.ubp-widthcontainer {
        width: 100%;
        padding: 20px;
    }
    .classic-block-certifications .single-product-certifications-inner-row {
        flex-direction: column;
        gap: 25px;
    }
    .classic-block-certifications .single-product-certifications-inner-row > .wpb_column {
        width: 100%;
    }
    .ubp-single-product-map-title h2 {
        font-size: 32px;
    }
    .ubp-single-product-map-title p {
        width: 100%;
        font-size: 15px;
    }
    .ubp-single-product-map-content {
        margin: 45px 0;
        flex-direction: column;
        gap: 30px;
    }
    .ubp-single-product-map-container .map-item {
        position: initial;
    }
    .gws-map-inner-wrapper .gws-map-svg-wrapper svg {
        width: 100%;
        height: auto;
    }
    .ubp-single-product-map-content > div {
        width: 95%;
    }
    .ubp-single-product-map-container {
        padding: 50px 0;
    }
    .accordion-heading::after {
        position: initial;
        display: flex;
        align-items: center;
    }
    .accordion-heading {
        display: flex;
        justify-content: space-between !important;
        gap: 30px;
        align-content: center;
    }
    .accordion-container {
        padding: 25px 15px;
    }
    .accordion-content.active .accordion-heading::after {
        position: initial;
    }
    .accordion-text-block {
        width: 100%;
    }
    .accordion-heading h3 {
        width: 90%;
    }
    section.ubp-upsell-container .upsells-wrapper .ubp-upsell-item {
        width: 100%;
    }
    section.ubp-upsell-container .upsells-wrapper .ubp-upsell-item {
        width: 100%;
    }
    section.ubp-upsell-container {
        padding-top: 45px;
    }
    .ubp-upsell-heading-wrapper h2 {
        font-size: 32px;
    }
    .ubp-upsell-text-wrapper p {
        width: 100%;
    }
    .ubp-single-product-map-container-wrapper .ubp-widthcontainer {
        max-width: 85%;
    }
    .upsells-wrapper ul.slick-dots {
        display: flex;
        padding: 0;
        margin: 20px auto 0;
        justify-content: center;
    }
    .upsells-wrapper ul.slick-dots li {
        list-style-type: none;
        border: none;
        width: 5px;
        height: 5px;
        margin: 0 10px;
    }
    .upsells-wrapper ul.slick-dots li button {
        background: #FFD962;
        opacity: 0.5;
        border: none;
        color: transparent;
        text-indent: -99999px;
        width: 10px;
        height: 10px;
        padding: 0;
        border-radius: 50%;
    }
    .upsells-wrapper ul.slick-dots li.slick-active button {
        opacity: 1;
    }
    .ubp-single-product-map-right-production-site *, .ubp-single-product-map-right-depots * {
        font-size: 15px;
    }
    .ubp-single-product-map-right-production-site strong, .ubp-single-product-map-right-depots strong {
        font-size: 15px;
    }
    .accordion-heading h3 {
        font-size: 16px;
        width: 75%;
        display: flex;
        align-items: center;
    }
    .ubp-blog-item-content-wrapper {
        height: fit-content;
    }
    .ubp-blog-item-wrapper .ubp-blog-item-title h3 {
        width: 100%;
    }
    .ubp-single-products-astuces-title-wrapper p {
        width: 95%;
    }
    section.ubp-upsell-container .upsells-wrapper .ubp-upsell-item .ubp-upsell-image-wrapper .ubp-upsell-image {
        height: 250px;
    }
    .ubp-single-product-map-container-wrapper {
        margin: 25px 0;
    }
    .ubp-single-product-banner-text-wrapper.direction-row {
        flex-direction: column;
        align-items: flex-start;
    }
    .vc_row.cest-quoi-inner-row.ubp-widthcontainer {
        width: 90%;
    }
    .pourquoi-choisir-inner-row-2.ubp-widthcontainer {
        flex-direction: column;
        padding: 0 15px;
        gap: 30px;
    }
    .pourquoi-choisir-inner-row-2.ubp-widthcontainer .wpb_column {
        width: 100%;
    }
    .predalles-utilisation-inner-row .wpb_wrapper {
        flex-direction: column;
        gap: 10px;
        align-items: center;
        text-align: center !important;
    }
    .predalles-utilisation-inner-row {
        display: flex;
        flex-direction: column;
        gap: 25px;
    }
    .predalles-utilisation-inner-row .wpb_wrapper .gws-heading {
        text-align: center;
    }
    .predalles-utilisation-inner-row:not(:last-child) {
        padding-bottom: 0;
    }
    .predalles-techniques-row .gws-image-item {
        --gws-img-width: 100% !important;
    }
    .single-product div.product .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper {
        width: 100%;
        height: auto !important;
    }
    .single-product div.product .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper {
        width: 100%;
        height: auto !important;
    }
    .single-product-calculator-heading-wrapper {
        flex-direction: column;
    }
    .single-product-calculator-container-wrapper {
        padding: 0;
    }
    .single-product-calculator-container {
        padding: 30px 15px;
    }
    .macadam-certifications-row .gws-col-certifications-column-container .gws-col {
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 50px !important;
    }
    .macadam-caracteristique-et-avantage-inner-row {
        gap: 25px;
        flex-wrap: wrap;
    }
    .single-product-calculator-icon svg {
        width: 50px;
        height: auto;
    }
    .single-product-calculator-heading {
        width: 100%;
    }
    .single-product-calculator-heading h2 {
        font-size: 28px;
    }
    .single-product-calculator-heading-text {
        width: 100%;
    }
    .single-product-calculator-heading-text p {
        font-size: 16px;
    }
    .single-product-calculator-content-left {
        border-right: none;
        padding-right: 0;
    }
    .single-product-calculator-content-container > div {
        width: 100%;
    }
    .single-product-calculator-content-container {
        flex-wrap: wrap;
    }
    .materials-required-wrapper {
        padding: 30px;
    }
    .materials-required-heading h4 {
        font-size: 22px;
    }
    .macadam-utilisation-row .single-product-utilisation-main-text {
        width: 100%;
    }
    .macadam-utilisation-row .single-product-utilisation-main-text {
        width: 100%;
    }
    .macadam-pourquoi-choisir-row .single-product-utilisation-main-text {
        width: 100%;
    }
    .single-product-pourquoi-choisir-row.macadam-pourquoi-choisir-row.ubp-width95-container {
        padding: 0 25px;
    }
    .macadam-pourquoi-choisir-row .pourquoi-choisir-inner-row.ubp-widthcontainer {
        flex-direction: column;
        gap: 30px;
    }
    .macadam-pourquoi-choisir-row .pourquoi-choisir-inner-row.ubp-widthcontainer > .wpb_column:first-child {
        width: 100%;
    }
    .macadam-pourquoi-choisir-row .pourquoi-choisir-inner-row.ubp-widthcontainer > .wpb_column:last-child {
        width: 100%;
    }
    .macadam-diy-heading-inner-row h2 {
        width: 100%;
    }
    .macadam-content-diy-inner-row.ubp-widthcontainer {
        flex-direction: column;
    }
    .macadam-content-diy-inner-row.ubp-widthcontainer > div:first-child {
        width: 100%;
    }
    .macadam-content-diy-inner-row.ubp-widthcontainer > div:last-child {
        padding-left: 0;
        width: 100%;
        padding-top: 30px;
    }
    .crusher-run-utilisation-row.ubp-width95-container {
        padding: 20px;
    }

    /* groupe ubp */
    .groupe-ubp-banner-row .ubp-page-banner-title h1 {
        --heading-size: 48px;
        font-size: var(--heading-size);
        line-height: calc(var(--heading-size) + 10px);
    }

    .groupe-ubp-banner-row .ubp-page-banner-decription p,
    .groupe-histoire-row .ubp-width85-container,
    .vc_row.wpb_row.vc_row-fluid.groupe-horizons-row.ubp-width90-container,
    .vc_row.wpb_row.vc_row-fluid.groupe-structure-row.ubp-width90-container {
        max-width: 100%;
    }

    .groupe-ubp-banner-row .ubp-page-banner-content-inner-wrapper {
        width: 100%;
    }

    .groupe-ubp-banner-row .ubp-page-banner-btns-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }

    .vc_row.groupe-horizons-inner-row .vc_column_container:last-child .vc_column-inner .wpb_wrapper {
        padding: 0 20px;
    }

    .vc_row.groupe-horizons-inner-row {
        flex-direction: column;
    }

    .vc_row.groupe-horizons-inner-row .container-black-icons-4 .container-col.black-icons-4 > div {
        width: 100%;
    }

    .ubp-page-banner-toptitle-wrapper {
        margin-top: 60px;
    }

    .groupe-structure-row .container-structure-titles .container-col.structure-titles > div h2 {
        --heading-size: 35px;
        font-size: var(--heading-size);
        line-height: calc(var(--heading-size) + 5px);
    }

    .vc_row.groupe-structure-info-row {
        flex-direction: column;
    }

    .vc_row.groupe-structure-info-row .wpb_column.vc_column_container.vc_col-sm-3,
    .container-structure-cles-kpis .container-col.structure-cles-kpis > div {
        width: 100%;
    }

    .vc_row.groupe-structure-cles-inner-row {
        padding: 0 20px;
    }

    .vc_row.groupe-structure-cles-inner-row .container-col.structure-cles-kpis {
        flex-direction: column;
    }

    .structure-cles-kpis .kpi-title-text-wrapper.position-column .kpi-main-title-wrapper p {
        font-size: 40px;
    }

    .structure-cles-kpis .gws-kpi-wrapper {
        border-bottom: 1px solid #2A2A2A30;
    }

    .structure-cles-kpis .gws-kpi-wrapper:last-child {
        border-bottom: none;
    }

    .container-structure-cles-titles .container-col.structure-cles-titles {
        align-items: flex-start;
    }

    .groupe-ubp-banner-inner-row .wpb_wrapper .ubp-page-banner-content-wrapper.ubp-widthcontainer {
        width: 90%;
    }

    .structure-cles-kpis .gws-kpi-wrapper:not(:first-child) {
        border-left: none;
        padding-left: 0;
    }

    .equipe-cards-inner-wrapper {
        flex-direction: column;
    }

    .equipe-cards-inner-wrapper .job-card-item {
        width: 100%;
    }

    .groupe-entites-title-row .gws-heading h2 {
        font-size: 50px;
    }
    
    .vc_row.wpb_row.vc_inner.vc_row-fluid.groupe-entites-title-row.ubp-width85-container {
        max-width: 100%;
    }

    .groupe-entites-inner-row .box-image-details-image-content-wrapper {
        flex-direction: column;
    }

    .groupe-entites-inner-row .box-image-details-image-content-wrapper .box-image-details-image-wrapper,
    .groupe-entites-inner-row .box-image-details-image-content-wrapper .box-image-details-image-content {
        width: 100%;
    }

    .groupe-entites-inner-row .box-image-details-image-content-wrapper .box-image-details-image-content {
        padding: 30px 20px;
    }

    .vc_row.wpb_row.vc_row-fluid.groupe-entites-row.ubp-width90-container,
    .vc_row.wpb_row.vc_row-fluid.nos-equipes-member-row.nos-equipes-member-dirigeante.ubp-width90-container {
        max-width: 100%;
    }

    .groupe-bazalt-row .groupe-bazalt-inner-row {
        max-width: 90%;
    }

    .groupe-bazalt-row .groupe-bazalt-inner-row .gws-heading h2 {
        --heading-size: 55px;
        font-size: var(--heading-size);
        line-height: calc(var(--heading-size) + 10px)
    }

    .groupe-bazalt-inner-row .gws-text-block {
        max-width: 100%;
    }       

    .groupe-bazalt-inner-row .gws-content-wrapper.container-groupe-bazalt-icons {
        position: static;
        padding-top: 20px;
    }
    
    .container-groupe-bazalt-icons .details-icon-wrapper {
        margin-left: 0;
        width: 100%;
    }

    .container-groupe-poles-icons .container-col.groupe-poles-icons {
        flex-direction: column;
    }

    .container-groupe-poles-icons .container-col.groupe-poles-icons > div {
        width: 100%;
    }

    .vc_row.groupe-entreprises-content-row {
        flex-direction: column;
    }

    .vc_row.groupe-entreprises-content-row .gws-text-block {
        margin-left: 0;
        max-width: 100%;
    }

    .groupe-entreprises-row .box-image-details-image-content-wrapper {
        flex-direction: column;
    }

    .groupe-entreprises-row .box-image-details-image-content-wrapper .box-image-details-image-wrapper {
        width: 100%;
    }

    .groupe-entreprises-row .box-image-details-image-content-wrapper .box-image-details-image-content {
        width: 100%;
        padding: 30px 20px;
    }

    .vc_row.wpb_row.vc_row-fluid.groupe-poles-row.ubp-width90-container,
    .groupe-entreprises-row.ubp-width90-container {
        max-width: 100%;
    }

    .gws-heading.groupe-entites-title h2 {
        font-size: 55px;
    }

    .vc_row.groupe-horizons-inner-row .vc_column_container:last-child .vc_column-inner .wpb_wrapper .gws-icon-text {
        min-height: 0;
    }

    .vc_row.groupe-structure-info-row .details-icon-inner-wrapper {
        align-items: flex-start;
    }

    .vc_row.groupe-structure-info-row .details-icon-inner-wrapper .details-icon-number p {
        line-height: 50px;
    }

    .vc_row.groupe-structure-info-row .details-icon-inner-wrapper .details-icon-content-subtitle p {
        min-height: unset;
    }

    .vc_row.groupe-structure-info-row .details-icon-wrapper {
        gap: 10px;
    }

    .vc_row.groupe-structure-info-row .details-icon-inner-wrapper .details-icon-content-title {
        margin-bottom: 5px;
    }

    .vc_row.groupe-bazalt-inner-row .details-icon-content-title {
        max-width: 100%;
        margin-bottom: 0;
    }

    .container-groupe-bazalt-icons .container-col.groupe-bazalt-icons {
        gap: 20px;
    }

    .gws-content-wrapper.container-groupe-bazalt-icons .container-col.groupe-bazalt-icons > div  {
        width: calc(100% / 2 - 15px);
    }

    /* about us */
    .vc_row.avec-integrite-inner-row {
        flex-direction: column;
        gap: 20px;
    }

    .gws-image-item.qui-sommes-nous-image {
        right: unset;
    }

    .vc_row.qui-sommes-nous-inner-row .wpb_wrapper,
    .sante-et-security-inner-row.ubp-widthcontainer {
        max-width: 90%;
    }

    .vc_row.qui-sommes-nous-inner-row .wpb_wrapper .gws-heading,
    .vc_row.qui-sommes-nous-inner-row .wpb_wrapper .gws-text-block,
    .vc_row.qui-sommes-nous-inner-row .wpb_wrapper .gws-content-wrapper.container-about-us-icons-container,
    .innovation-une-reponse-inner-row .wpb_wrapper {
        max-width: 100%;
    }

    .about-us-banner-inner-row .ubp-landing-banner-title h1 {
        --heading-size: 40px;
        font-size: var(--heading-size);
        line-height: calc(var(--heading-size) + 5px);
        margin-top: 100px;
    }

    .gws-image-item.avec-integrite-image .image {
        width: 200px !important;
    }

    .gws-image-item.avec-integrite-image .image-wrapper {
        text-align: left;
    }

    .sante-et-security-inner-row .wpb_wrapper div.gws-col-sante-et-security-cols .gws-col {
        flex-direction: column;
    } 

    .sante-et-security-inner-row .wpb_wrapper div.gws-col-sante-et-security-cols .gws-col div:nth-child(1),
    .sante-et-security-inner-row .wpb_wrapper div.gws-col-sante-et-security-cols .gws-col div:nth-child(2) {
        width: 100%;
    }
    

    .sante-et-security-row.ubp-width90-container,
    .notre-histoire-row.ubp-width90-container {
        max-width: 100%;
    }

    .gws-column-wrapper.gws-col-sante-et-security-cols .gws-heading h2 {
        --heading-size: 35px;
        font-size: var(--heading-size);
        line-height: calc(var(--heading-size) + 5px);
    }

    .about-us-multiple-banners-row .gws-col-about-us-banner-item-column .gws-col div.gws-content-wrapper.container-about-us-banner-item-container-3,
    .about-us-banners-item .wpb_wrapper .gws-col-about-us-banner-item-column div.gws-content-wrapper.container-about-us-banner-item-icons-container {
        width: 100%;
        max-width: 100%;
        padding: 30px 20px;
        position: static;
    }

    .notre-histoire-title-row .wpb_wrapper {
        max-width: 90%;
        margin: 0 auto;
    }

    .timeline-box-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .timeline-box-image,
    .timeline-box-content,
    .timeline-year-wrapper {
        width: 90%;
        margin: 0 auto;
    }

    .timeline-box-image {
        height: 250px;
    }
    
    .notre-histoire-content-row.histoire-years-cols .histoire-years-left {
        display: none;
    }

    .timeline-year-wrapper {
        display: block;
    }

    .timeline-year-wrapper .year {
        color: #fff;
        font-size: 20px;
        line-height: 22px;
        font-weight: 600;
    }

    .about-us-banner-inner-row .ubp-landing-banner-decription-wrapper {
        flex-direction: column;
        gap: 50px;
        max-width: 95%;
        margin: 0 auto;
    }

    .about-us-banner-inner-row .ubp-landing-banner-content-inner-wrapper {
        max-width: 95%;
    }
    
    .about-us-banner-inner-row .ubp-landing-banner-decription-wrapper > div {
        width: 100%;
    }

    .vc_row.about-us-multiple-banners-row.card-fadeUpStack-wrapper .wpb_wrapper .about-us-banners-item {
        position: static;
        border-radius: 15px !important;
        overflow: hidden;
    }

    .about-us-multiple-banners-row .about-us-banners-item .wpb_wrapper .gws-content-wrapper {
        padding: 50px 20px;
        max-width: 100%;
    }

    .about-us-banner-inner-row .ubp-landing-banner-image-wrapper.add-gradient .landing-banner-image,
    .about-us-banner-inner-row .ubp-landing-banner-inner-wrapper {
        height: 850px;
    }

    .about-us-banner-inner-row .ubp-landing-banner-title-wrapper {
        max-width: 95%;
        margin: 0 auto 20px;
    }

    .about-us-banner-inner-row .ubp-landing-banner-decription p {
        font-size: 12px;
    }

    .vc_row.about-us-multiple-banners-row.card-fadeUpStack-wrapper {
        height: 100% !important;
        max-width: 100%;
    }

    .about-us-multiple-banners-row.card-fadeUpStack-wrapper .wpb_wrapper .about-us-banners-item > .wpb_column > .vc_column-inner > .wpb_wrapper {
        height: 600px;
    }

    .vc_row.about-us-multiple-banners-row.card-fadeUpStack-wrapper > .wpb_column > .vc_column-inner > .wpb_wrapper > div {
        margin-bottom: 20px !important;
    }

    .about-us-multiple-banners-row .wpb_wrapper .gws-col-about-us-banner-item-column:nth-child(2) .gws-col {
        position: absolute;
        bottom: 0;
        flex-direction: column;
        gap: 0;
    }

    .about-us-banners-item .gws-col-about-us-banner-item-column .container-about-us-banner-item-icons-container .container-col {
        flex-direction: column;
    }

    .about-us-banners-item .wpb_wrapper .gws-col-about-us-banner-item-column .gws-content-wrapper.container-about-us-banner-item-icons-container .gws-icon-box {
        width: 100%;
        overflow: visible;
    }

    .container-about-us-banner-item-icons-container .gws-icon-box .gws-icon-inner .gws-icon-graphic svg {
        overflow: visible;
    }

    .container-about-us-banner-item-icons-container .gws-icon-box .gws-icon-inner {
        flex-direction: row;
    }

    .container-about-us-banner-item-icons-container .gws-icon-box .gws-icon-inner .gws-icon-text {
        --text-size: 13px;
        font-size: var(--text-size);
        line-height: calc(var(--text-size) + 6px);
        min-height: 40px;
    }

    .about-us-banners-item .wpb_wrapper .gws-col-about-us-banner-item-column .gws-content-wrapper.container-about-us-banner-item-icons-container .container-col.about-us-banner-item-icons-container {
        gap: 15px;
    }

    .about-us-multiple-banners-row .gws-col-about-us-banner-item-column .gws-col div.gws-content-wrapper.container-about-us-banner-item-container-3 {
        padding-bottom: 0;
    }

    .vc_row.qui-sommes-nous-inner-row .wpb_wrapper .gws-content-wrapper.container-about-us-icons-container .container-col.about-us-icons-container {
        flex-direction: column;
    }

    .vc_row.qui-sommes-nous-inner-row .wpb_wrapper .gws-content-wrapper.container-about-us-icons-container .gws-icon-box {
        width: 100%;
    }

    .vc_row.qui-sommes-nous-inner-row .wpb_wrapper .gws-content-wrapper.container-about-us-icons-container .gws-icon-box .gws-icon-inner {
        flex-direction: row;
    }

    .vc_row.qui-sommes-nous-inner-row .wpb_wrapper .gws-content-wrapper.container-about-us-icons-container .gws-icon-box .gws-icon-inner .gws-icon-text {
        min-height: 40px;
    }

    .vc_row.nos-equipes-member-row.nos-equipes-member-ventes,
    .vc_row.nos-equipes-member-row.nos-equipes-member-production {
        max-width: 100%;
    }

    button.slick-arrow {
        background: none;
        border: none;
        position: absolute;
        bottom: -43px;
        width: 26px;
        padding: 0;
        font-size: 25px;
        z-index: 1;
    }

    button.slick-prev.slick-arrow {
        right: 70px;
    }

    button.slick-next.slick-arrow {
        right: 20px;
    }

    .equipe-cards-inner-wrapper.slick-slider .slick-slide > div:first-child {
        margin-bottom: 20px;
    }

    .vc_row.nos-equipes-member-row.nos-equipes-member-ventes .nos-equipes-member-inner-row.ubp-widthcontainer,
    .vc_row.wpb_row.vc_row-fluid.nos-equipes-member-row.nos-equipes-member-dirigeante .nos-equipes-member-inner-row.ubp-widthcontainer,
    .vc_row.nos-equipes-member-row.nos-equipes-member-production .nos-equipes-member-inner-row.ubp-widthcontainer {
        max-width: 90%;
    }

    .histoire-years-right .slick-slider .slick-arrow i,
    .equipe-cards-wrapper.equipe-vente-cards .slick-slider .slick-arrow i,
    .nos-equipes-member-row.nos-equipes-member-production .slick-slider .slick-arrow i {
        color: #fff;
    }

    .qui-sommes-nous-inner-row .gws-image-item .image {
        display: block;
    }

    .histoire-years-right .slick-slider .slick-arrow {
        bottom: unset;
        top: -55px;
    }

    .about-us-banner-inner-row .ubp-landing-banner-title h1 br,
    .gws-column-wrapper.gws-col-sante-et-security-cols .gws-heading h2 br,
    .notre-histoire-title-row .wpb_wrapper .gws-heading h2 br {
        display: none;
    }

    /* home */
    .ubp-home-banner-content-wrapper {
        position: absolute;
        height: 95dvh;
        flex-direction: column;
        height: 100%;
        justify-content: flex-end;
        font-size: 44px;
    }
    .home-banner-inner-row .ubp-home-banner-title h1 {
        flex-direction: column;
        height: 100%;
        align-items: flex-start;
        font-size: 44px;
        font-weight: 500;
        letter-spacing: -1.36px;
    }

    .ubp-home-banner-content-wrapper.ubp-widthcontainer .ubp-home-banner-title h1 {
        --heading-size: 40px;
        font-size: var(--heading-size);
        line-height: calc(var(--heading-size) + 10px);
        flex-direction: column;
        width: 300px;
        height: 100%;
        color: #000;
    }

    .ubp-home-banner-content-wrapper.ubp-widthcontainer .ubp-home-banner-decription p {
        color: #000;
    }
    
    .ubp-home-banner-inner-wrapper {
        height: 100%;
        margin-top: 0;
    }

    .ubp-home-banner-title-wrapper {
        margin-bottom: 10px;
    }

    .ubp-home-banner-decription-wrapper {
        margin-top: 10px;
    }

    .ubp-home-banner-image-wrapper.video-cover.add-gradient:before {
        background: none;
    }

    .vc_row.home-partenaire-row {
        margin-top: 0 !important;
    }
    .ubp-home-banner-button-wrapper {
        flex-direction: column;
        gap: 0;
    }
    span.home-main-title,
    span.home-subtitle-wrapper {
        width: 300px;
        height: 70px;
    }
    .home-banner-inner-row .ubp-home-banner-decription p {
        max-width: 80%;
    }
    span.home-subtitle-item {
        line-height: 50px;
    }

    .home-banner-inner-row .ubp-home-banner-decription p {
        max-width: 80%;
    }
    .gws-column-wrapper.gws-col-home-partenaire-content .gws-col {
        flex-direction: column;
    }
    .gws-column-wrapper.gws-col-home-partenaire-content .gws-col > div:nth-child(1) {
        width: 100% !important;
    }
    .gws-column-wrapper.gws-col-home-partenaire-content .gws-col > div:nth-child(2) {
        width: 100% !important;
        max-width: 100% !important;
    }
    .container-col.home-kpi-row {
        flex-direction: column;
    }
    .container-col.home-kpi-row .gws-kpi-wrapper {
        width: 100%;
    }
    .container-col.home-kpi-row .gws-kpi-wrapper .kpi-title-text-wrapper {
        padding: 20px;
        align-items: center;
    }
    .gws-column-wrapper.gws-col-home-produits-titles > .gws-col {
        flex-direction: column;
        gap: 25px !important;
    }
    .gws-column-wrapper.gws-col-home-produits-titles > .gws-col > div {
        width: 100% !important;
    }
    .container-col.home-produits-texts {
        max-width: 100%;
        gap: 10px;
    }
    .calculateur-materiaux-inner-row {
        flex-direction: column;
        padding-left: 25px;
        padding-right: 25px;
        gap: 20px;
    }
    .calculateur-materiaux-inner-row > div:first-child {
        padding-right: 0;
    }
    .vc_row.restez-connecte-inner-row .wpb_wrapper {
        flex-direction: column;
    }
    .restez-connecte-row .social-media-btn .ubp-custom-btn {
        width: 100%;
        justify-content: flex-start !important;
    }
    .restez-connecte-row .social-media-btn span.btn-text {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-left: 15px;
    }
    .home-map-inner-row .gws-map-inner-wrapper {
        flex-direction: column;
        gap: 30px;
    }

    .home-map-inner-row .gws-map-inner-wrapper .gws-map-svg-wrapper {
        width: 100%;
    }

    .home-map-inner-row .gws-map-inner-wrapper .gws-map-svg-wrapper svg {
        width: 100%;
        height: auto;
    }
    .gws-col-home-produits-items .slick-list.draggable {
        width: 100% !important;
    }

    .home-map-inner-row .gws-map-inner-wrapper .gws-map-points-wrapper,
    .home-map-inner-row .gws-map-inner-wrapper .gws-map-points-wrapper .map-item-wrapper {
        width: 100%;
    }

    .vc_row.home-calculateur-inner-row {
        padding: 0 20px;
    }

    .gws-column-wrapper.gws-col-home-calculateur-cols .gws-col {
        flex-direction: column;
    }

    .home-gammes-inner-row .gws-tab-container .gws-tabs-wrapper {
        flex-direction: column;
        gap: 20px;
    }

    .container-col.home-calculateur-texts .gws-icon-box {
        top: 10px;
    }

    .home-calculateur-texts .gws-heading h2 {
        --heading-size: 28px;
        font-size: var(--heading-size);
        line-height: calc(var(--heading-size) + 5px);
        padding-left: 70px;
    }

    .container-col.home-calculateur-texts .gws-icon-box .gws-icon-graphic {
        width: 55px;
    }

    .container-col.home-calculateur-texts {
        padding-left: 0;
    }

    .home-calculateur-texts .gws-heading h2 br {
        display: none;
    }
    
    .gws-column-wrapper.gws-col-home-calculateur-cols .gws-col .gws-content-wrapper.container-home-calculateur-texts,
    .home-calculateur-inner-row .gws-column-wrapper.gws-col-home-calculateur-cols .gws-col > div:nth-child(2) {
        width: 100%;
    }

    .gws-content-wrapper.container-home-gammes-items {
        position: static;
        width: 100%;
    }
    
    .home-produits-inner-row.ubp-width90-container .gws-column-wrapper.gws-col-home-produits-items .gws-col,
    .home-produits-inner-row.ubp-width90-container 
    .gws-col-home-produits-titles .gws-col {
        flex-direction: column;
    }

    .home-produits-inner-row.ubp-width90-container .gws-column-wrapper.gws-col-home-produits-items .gws-col .custom-product-item,
    .home-produits-inner-row.ubp-width90-container .gws-col-home-produits-titles .gws-col > div {
        width: 100%;
    }

    .tab-home-gammes-tabs .gws-tab-bottom {
        width: 100%;
    }

    .vc_row.home-partenaire-inner-row > .vc_column_container:first-child {
        padding: 10px;
    }

    .home-actualites-inner-row .gws-column-wrapper.gws-col-home-actualites-items .gws-col {
        flex-direction: column;
    }

    .home-actualites-row .home-actualites-inner-row .gws-column-wrapper.gws-col-home-actualites-items .gws-col > div {
        width: 100%;
    }

    .gws-column-wrapper.gws-col-home-actualites-titles {
        padding: 10px;
    }

    .gws-column-wrapper.gws-col-home-actualites-titles .gws-col {
        flex-direction: column;
    }

    .vc_row.home-actualites-inner-row .gws-column-wrapper.gws-col-home-actualites-titles .gws-col > div {
        width: 100%;
    }

    .vc_row.home-map-row .home-map-inner-row .gws-column-wrapper.gws-col-home-map-texts .gws-col {
        flex-direction: column;
    }

    .vc_row.home-map-row .home-map-inner-row .gws-column-wrapper.gws-col-home-map-texts .gws-col > div {
        width: 100%;
    }

    .vc_row.home-gammes-inner-row .ubp-custom-btn-wrapper {
        width: 100%;
        bottom: 30px;
    }

    .tab-home-gammes-tabs .gws-tabs-wrapper .gws-tab-top {
        padding-top: 0;
    }

    .home-produits-inner-row.ubp-width90-container .gws-col-home-produits-titles .gws-col > div {
        width: 100%;
    }

    .home-gammes-produits-row .home-produits-inner-row.ubp-width90-container .gws-col-home-produits-titles .gws-col {
        gap: 20px;
    }

    .ubp-home-banner-decription p,
    .home-rejoignez-inner-row .gws-text-block {
        max-width: 95%;
    }

    .ubp-home-banner-content-wrapper.ubp-widthcontainer {
        max-width: 95%;
    }

    .home-gammes-produits-row .home-produits-inner-row.ubp-width90-container .gws-col-home-produits-titles .gws-col > div {
        width: 100%;
    }

    .home-gammes-inner-row .gws-tab-container .box-image-content .box-image-title,
    .home-gammes-inner-row .gws-tab-container .box-image-content .box-image-text {
        width: 100%;
    }

    .container-col.home-calculateur-texts .gws-text-inner {
        max-width: 100%;
    }

    .home-calculateur-texts .gws-heading h2 br {
        display: none;
    }
    .woocommerce-error {
        position: initial;
        max-width: 100%;
        margin: 0 0 30px;
        width: 100%;
    }
    .vc_row.home-map-inner-row {
        max-width: 90%;
    }
    .login-form-outer-wrapper .login-form-row.already-row .login-form-field {
        flex-direction: column;
        align-items: center;
        margin: 45px 0 15px;
        gap: 15px;
    }

    .vc_row.home-rejoignez-inner-row.ubp-widthcontainer {
        max-width: 90%;
    }

    .home-produits-inner-row.ubp-width90-container .gws-column-wrapper.gws-col-home-produits-items .gws-col .slick-list.draggable {
        width: 100%;
    }

    .vc_row.home-testimonial-inner-row > div:first-child {
        padding-bottom: 30px;
    }

    .home-testimonial-inner-row .gws-heading h3 {
        --heading-size: 30px;
        font-size: var(--heading-size);
        line-height: calc(var(--heading-size) + 5pxs);
    }

    .gws-content-wrapper.container-home-gammes-items .gws-text-block {
        max-width: 100%;
        padding-bottom: 30px;
    }

    .gws-tab-main-wrapper .gws-accordion-card .gws-accordion-title {
        margin-bottom: 20px;
        padding-block: 10px;
        border-radius: 10px;
    }

    .gws-tab-main-wrapper .gws-accordion-card .gws-accordion-title {
        position: relative;
    }

    .gws-accordion-title:after {
        font-family: 'Font Awesome 6 Pro';
        align-items: center;
        position: absolute;
        line-height: 30px;
        content: '\f055';
        font-weight: 400;
        font-size: 20px;
        margin: auto 0;
        display: flex;
        right: 20px;
        bottom: 0;
        top: 0;
        transition: all 0.6s ease-in-out;
    }

    .gws-accordion-title.active:after {
        content: '\f056';
    }

    .gws-tab-main-wrapper .gws-accordion-card {
        margin-bottom: 20px;
    }

    .gws-accordion-card.gws-tab-item-mobile .gws-accordion-panel .box-image-content {
        flex-direction: column-reverse;
        width: 100%;
        border-radius: 0;
        gap: 20px;
    }

    .gws-accordion-card.gws-tab-item-mobile .gws-accordion-panel .box-image-content > div {
        width: 100%;
    }

    .gws-accordion-card.gws-tab-item-mobile .gws-accordion-panel .box-image-content .box-image-title {
        display: flex;
        gap: 15px;
    }

    .gws-accordion-card.gws-tab-item-mobile .gws-accordion-panel .box-image-arrow {
        top: 225px;
        right: 20px;
    }

    .gws-accordion-card.gws-tab-item-mobile .gws-accordion-panel .box-image-arrow i {
        font-size: 35px;
    }

    .vc_row.home-rejoignez-row:before {
        background: linear-gradient(180deg, #00000000 -1%, #00000099 0%);
    }

    .home-banner-inner-row .ubp-home-banner-image-wrapper.video-cover {
        aspect-ratio: 9/16;
    }
    .ubp-recrutement-banner .ubp-home-banner-inner-wrapper .ubp-home-banner-image-wrapper.video-cover {
        aspect-ratio: initial;
    }
    .ubp-home-banner-image-wrapper.video-cover {
        border-radius: 15px;
        overflow: hidden;
        margin-bottom: 20px;
        height: 100%;
    }
    .cff_owl-carousel .cff_owl-item .cff-item {
        margin: 0 !important;
    }
    .cff_owl-buttons {
        display: none;
    }
    .gws-accordion-wrapper.gws-tab-mobile.gws-accordion-home-gammes-tabs * {
        transition: none;
    }
    .gws-accordion-wrapper.gws-tab-mobile.gws-accordion-home-gammes-tabs .box-image-wrapper {
        height: 100%;
    }
    .gws-accordion-wrapper.gws-tab-mobile.gws-accordion-home-gammes-tabs  iframe {
        aspect-ratio: 1.8;
        transform: scale(1.5);
    }
    .gws-accordion-wrapper.gws-tab-mobile.gws-accordion-home-gammes-tabs .box-image-content.white-color {
        background: #1A1A1AD9;
        border-radius: 15px;
    }
    .vc_row.vc_row-fluid.home-rejoignez-row {
        background-position: 70%;
    }

    .ubp-home-banner-image-wrapper.video-cover .video-item iframe {
        transform: scale(1.2);
        height: 100%;
    }


    /* Blog Archive */
    .archive-blogs-main-title h1 {
        --heading-size: 50px;
        font-size: var(--heading-size);
        line-height: calc(var(--heading-size) + 20px);
        display: block;
    }

    .archive-blogs-banner-description,
    .archive-blogs-search {
        width: 100%;
    }

    .archive-blogs-articles-overview {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .archive-blogs-banner-wrapper {
        padding: 150px 0 75px;
    }

    .archive-blog-featured-article-text-overview-wrapper {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 30px;
    }

    .archive-blog-featured-article-content,
    .archive-blog-featured-article-content-text .featured-article-content-author {
        flex-direction: column;
    }

    .archive-blog-featured-article-content > div {
        width: 100%;
    }

    .archive-blog-featured-article-content-text {
        padding: 20px;
    }
    
    .archive-blog-featured-article-content-text .featured-article-content-title h2 {
        font-size: 30px;
    }

    .archive-blog-featured-article-content-text .featured-article-content-author > div {
        width: 100%;
    }

    .archive-blog-featured-article-content-text .featured-article-content-author-link {
        justify-content: flex-start;
    }

    .archive-blogs-content-filters-wrapper {
        flex-direction: column;
        gap: 20px;
    }

    .archive-blogs-content-filters {
        width: 100%;
    } 

    .blog-posts-content-wrapper {
        grid-template-columns: 1fr;
    }

    .blog-posts-wrapper .ubp-ajax-pagination {
        gap: 10px;
    }

    .popular-articles-heading-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .popular-articles-heading-title h3 {
        font-size: 32px;
    }

    a.popular-article-item {
        flex-direction: column;
    }

    .popular-article-item-title h4 {
        font-size: 18px;
    }

    .popular-article-item-content {
        align-items: flex-end;
    }

    a.popular-article-item {
        padding: 35px 20px;
    }

    .featured-article-content-author-initial p {
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .cream .ubp-menu-holder li.menu-item a {
        color: #fff;
    }

    .ubp-cart-content-wrapper.ubp-widthcontainer {
        flex-direction: column;
    }

    .ubp-cart-item.cart_item {
        flex-direction: column;
    }

    .ubp-cart-item-thumbnail {
        margin: 0;
        height: auto;
    }

    .ubp-cart-item-content {
        width: 100%;
        padding: 0;
    }

    .ubp-cart-item-top-details {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .ubp-cart-item-title a {
        width: 100%;
        display: block;
        margin-bottom: 10px;
        font-size: 16px;
    }

    .ubp-cart-item-title dt, .ubp-cart-item-title dd {
        font-size: 14px;
    }

    .ubp-cart-item-title dl {
        margin: 0;
    }

    .ubp-cart-banner-content h1 {
        font-size: 28px;
    }

    .ubp-cart-banner-content.ubp-widthcontainer {
        max-width: 85%;
    }

    .ubp-cart-banner-content p {
        width: auto;
        font-size: 14px;
    }

    .ubp-cart-banner-count * {
        font-size: 13px;
    }

    .ubp-cart-selected-items h3 {
        font-size: 18px;
    }

    .ubp-cart-selected-items p {
        font-size: 14px;
    }

    span.ubp-qty-unit {
        font-size: 15px;
    }

    .ubp-qty-wrapper input[type="number"] {
        font-size: 15px;
    }

    .ubp-summary-card h3 {
        font-size: 18px;
    }

    .ubp-summary-card-items p strong {
        font-size: 18px;
    }

    .ubp-categories-in-request span {
        font-size: 13px;
    }

    .ubp-cart-stations-summary span {
        font-size: 13px;
    }

    .ubp-summary-card input, .ubp-summary-card select {
        font-size: 15px;
    }

    .need-help-cart {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .ubp-cart-quote-form-section.ubp-widthcontainer {
        padding: 25px;
    }

    .ubp-form-header-wrapper {
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 15px;
    }

    .ubp-form-header-data-privacy span {
        font-size: 12px;
    }

    .ubp-form-subtitle {
        font-size: 12px;
    }

    .ubp-cart-quote-form-section h3 {
        font-size: 22px;
    }

    .ubp-cart-quote-form-section p {
        font-size: 14px;
    }

    .ubp-cart-form-grid {
        grid-template-columns: 1fr !important;
    }

    .ubp-cart-form-footer {
        flex-direction: column;
        gap: 40px;
    }

    .ubp-checkbox-wrapper {
        gap: 20px;
    }

    .ubp-checkbox-wrapper input[type="checkbox"] {
        width: 22px;
        height: 22px;
    }

    .ready-to-submit-content.ubp-widthcontainer {
        padding: 25px;
        flex-direction: column;
    }

    .ready-to-submit-left, .ready-to-submit-right {
        width: 100%;
    }

    .ready-to-submit-mini-title {
        align-items: flex-start;
    }

    .ready-to-submit-mini-title i {
        position: relative;
        top: 2px;
    }

    .ready-to-submit-mini-title span {
        font-size: 11px;
    }

    .ready-to-submit-main-title h3 {
        font-size: 24px;
    }

    .ready-to-submit-desc {
        font-size: 14px;
    }

    .talk-to-sales-wrapper {
        padding: 15px;
    }

    .talk-to-sales-top {
        align-items: self-start;
        flex-direction: column;
        gap: 10px;
    }

    .talk-to-sales-text-content strong {
        font-size: 14px;
    }
    .talk-to-sales-item a {
        font-size: 13px;
    }

    .talk-to-sales-item:first-child {
        margin-bottom: 10px;
    }

    /* Blog single */
    /* .single-post .ubp-menu-holder li.menu-item a {
        color: #fff;
    } */

    .single-post-breadcrumb-wrapper,
    .single-post-date-reading-time {
        flex-wrap: wrap;
    }

    .single-post-title h1 {
        --heading-size: 35px;
        font-size: var(--heading-size);
        line-height: calc(var(--heading-size) + 10px);
    }

    .single-post-excerpt p {
        font-size: 16px;
    }

    .single-post-author-wrapper {
        flex-direction: column;
        gap: 30px;
    }

    .single-post-featured-image-container.ubp-width90-container {
        max-width: 95%;
    }

    .single-post-card-item {
        width: 100%;
    }

    .single-post-progress-card-wrapper {
        display: none;
    }

    .single-post-content {
        width: 100%;
    }

    .single-post-content .gws-quote-inner:before {
        top: 12%;
        left: 20px;
        height: 75%;
    }

    .single-post-content .gws-quote-inner {
        padding: 30px 25px 30px 40px;
    }

    .single-post-content p.gws-quote-text {
        font-size: 16px;
    }

    .container-blog-container-single .container-col.blog-container-single {
        flex-direction: column;
    }

    .container-blog-container-single .container-col.blog-container-single > div {
        width: 100%;
    }

    .single-post-content .gws-blog-banner-text {
        padding: 75px 20px;
    }

    .single-post-content .gws-blog-banner-title p {
        font-size: 44px;
        letter-spacing: -2px;
    }

    .single-post-tags-wrapper {
        flex-wrap: wrap;
    }

    .related-blogs-wrapper-content {
        flex-direction: column;
    }

    .related-blogs-wrapper-content .ubp-blog-card {
        width: 100%;
    }

    .related-blogs-wrapper-heading {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .single-post-featured-image-text p {
        text-align: left;
    }
    .single-job-at-a-glance-img img {
        border-radius: 15px 15px 0 0;
    }
    .dark-mode-checkbox-label {
        margin: 10px 0;
    }

    .ubp-menu-holder ul#menu-main-menu {
        gap: 10px;
    }

    .slider-container.tous-les-profils-slider-container .slick-slide img {
        border-radius: 15px 15px 0 0;
    }
    .ubp-group-map-row .map-item-wrapper {
        width: 100%;
    }
    .ubp-group-map-row .gws-map-inner-wrapper .gws-map-points-wrapper {
        height: fit-content;
        width: 100%;
    }
    .nos-segments-cards-inner-row .wpb_wrapper {
        height: fit-content;
        flex-direction: column;
    }
    .gws-entites-title-content-wrapper {
        bottom: 115px;
    }
    .gws-entites-banner-img {
        height: 750px !important;
    }
    .groupe-entites-row {
        padding-bottom: 50px;
    }
    .job-card-item-inner {
        max-width: 100%;
    }
    .ubp-group-banner .page-banner-video-item {
        aspect-ratio: 9/16;
    }
    .ubp-group-banner .ubp-page-banner-image-wrapper.has-video .page-banner-video-item iframe {
        transform: scale(1.1) !important;
    }
    .key-senior-governance-item-modal-wrapper {
        width: 90%;
    }
    .key-senior-governance-item-modal-content {
        max-height: 350px;
    }
    /* .single-post .menu-wrapper {
        background-color: #F7F5EF;
    } */
    .ubp-stock-container-container-wrapper {
        flex-direction: column-reverse;
        gap: 25px;
        margin: 30px 0;
    }
    .vc_row.groupe-histoire-inner-row .gws-heading {
        margin-bottom: 30px;
    }
    .ubp-stock-container {
        width: 100%;
    }
    .ubp-stock-content-wrapper {
        width: 100%;
    }
    .stock-graph-row div#stock-graph {
        max-width: 90%;
    }
    .single-product-calculator-heading-wrapper {
        margin-bottom: 30px;
        gap: 30px;
    }
    .single-product-calculator-content-right {
        padding-left: 0;
    }
    .single-product-calculator-content-wrapper {
        margin-bottom: 30px;
    }
    .calculator-input-select-2 {
        width: 100%;
    }
    .single-product-calculator-content-details-input.calculator-input-number-2 {
        width: 100%;
    }
    .single-product-calculator-content-details-input:not(:last-child) {
        margin-bottom: 10px;
    }
    .single-product-calculator-content-details-input.calculator-input-number-3 {
        width: 100%;
    }
    .materials-required-heading {
        margin-bottom: 30px;
    }
    .materials-required-item p.materials-required-label {
        font-size: 13px;
        width: 75%;
    }
    .materials-required-item p.materials-required-value {
        font-size: 15px;
        width: 25%;
        text-align: right;
    }
    .materials-required-item {
        padding: 10px 0;
    }
    .single-product-calculator-devis-wrapper button {
        padding: 15px 45px;
        font-size: 14px;
        width: 100%;
        justify-content: center;
    }
    .materials-required-wrapper p.expand-details {
        font-size: 14px;
        margin: 30px auto;
        padding: 6px 24px;
    }
    p.detailed-output-item-heading span.detailed-output-item-heading-title {
        font-size: 15px;
        width: 75%;
    }
    p.detailed-output-item-heading span.detailed-output-item-heading-val {
        font-size: 16px;
        text-align: right;
    }
    .detailed-outputs-wrapper {
        padding: 0;
    }
    .detailed-output-item {
        padding: 10px 0;
    }
    .detailed-output-item p.detailed-output-item-label {
        font-size: 13px;
        max-width: 75%;
    }
    .detailed-output-item p.detailed-output-item-value {
        font-size: 15px;
    }
    .materials-required-wrapper {
        padding: 15px;
    }
    .ubp-modal-content {
        max-height: 80dvh;
        overflow-y: scroll;
        padding: 80px 40px 80px;
        transition: transform 0.3s ease;
        z-index: 2;
    }
    .ubp-modal.active {
        display: flex !important;
        justify-content: center;
        align-items: center;
        overflow-y: hidden; 
        touch-action: none; 
    }
    .ubp-modal-content {
        touch-action: auto; 
    }
    .investor-sub-page-banner-inner-row .gws-heading.orange-dot h4 {
        font-size: 11px;
        width: calc(100% - 8px);
    }
    .investor-sub-page-banner-inner-row .gws-heading.orange-dot {
        gap: 20px;
        padding: 6px 15px;
    }
    .investor-sub-page-banner-inner-row.ubp-width90-container .gws-heading h1 {
        font-size: 32px;
        line-height: normal;
    }
    .vc_row.investor-sub-page-banner-row {
        height: 400px;
    }
    .calendar-of-events-content {
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }
    .event-item-wrapper {
        min-height: 200px;
    }
    .event-item-date p {
        font-size: 13px;
    }
    .event-item-title h3 {
        font-size: 18px;
    }
    .ubp-investors-banner-title-wrapper h1 span {
        font-size: 36px;
        letter-spacing: -1.5px;
    }
    .investors-banner-video-item iframe {
        transform: scale(2.5);
        translate: -57vw;
        filter: brightness(0.5);
    }
    span.investors-subtitle {
        width: calc(100% - 8px);
    }
    .ubp-investors-banner-inner-wrapper {
        height: 400px;
        overflow: hidden;
    }
    .ubp-investors-banner-subtitle p {
        font-size: 9px;
        width: 90%;
    }
    .building-for-the-community-inner-row, .roche-bois-warriors-inner-row {
        flex-direction: column;
        justify-content: space-between;
    }
    .building-for-the-community-inner-row, .roche-bois-warriors-inner-row {
        padding: 30px 20px;
        gap: 0;
    }
    .vc_row.new-school-inner-row {
        margin: 30px 0 !important;
    }
    .new-school-inner-row {
        flex-direction: column-reverse;
        gap: 0;
    }
    .building-for-the-community-inner-row .gws-heading, .roche-bois-warriors-inner-row .gws-heading, .new-school-inner-row .gws-heading {
        margin-top: 15px;
    }
    .vc_row.csr-focus-areas-text-inner-row {
        width: 100%;
    }
    .csr-focus-areas-row.ubp-width90container {
        padding: 30px 15px;
        box-shadow: none;
    }
    .container-col.csr-organigramme-custom-container .gws-organigramme-card {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .container-col.csr-organigramme-custom-container {
        gap: 20px;
        flex-direction: column;
    }
    .container-col.csr-organigramme-custom-container .gws-organigramme-card:after {
        top: 50%;
        left: -10px;
    }
    .container-col.csr-organigramme-custom-container .gws-organigramme-card:before {
        display: none;
    }
    .container-col.csr-organigramme-custom-container::before {
        width: 1px;
        height: 100%;
        left: 50%;
        margin: 0;
        top: -9dvh;
    }
    .vc_row.csr-organigramme-row-1 .gws-organigramme-card:after {
        display: none;
    }
    .vc_row.csr-organigramme-row-1 .gws-organigramme-card {
        position: relative;
        z-index: 1;
    }
    .gws-organigramme-card .gws-icon-title {
        font-size: 16px;
    }
    .ubp-page-banner-image-wrapper.has-video {
        background: #000;
        filter: brightness(0.75);
    }
    .ubp-page-banner-image-wrapper.has-video .page-banner-video-item iframe {
        transform: scale(3.5);
    }
    .map-item-contact-desktop {
        display: none;
    }
    .map-item-contact-mobile {
        display: block;
        margin-top: 30px;
    }
    .map-item-contact-mobile {
        width: fit-content;
    }
    .map-item-contact-mobile a {
        color: #FFD962 !important;
        background: #1A1A1A;
        padding: 10px 22px;
        border-radius: 25px;
        font-size: 15px;
        font-weight: 500;
    }
    .gws-organigramme-card.board-of-directors-main-card.custom-row.has-category {
        width: 100%;
    }
    .gws-organigramme-card.board-of-directors-main-card.custom-row.has-category .gws-organigramme-card-inner {
        flex-direction: column;
        width: 100%;
    }
    .gws-organigramme-card.board-of-directors-main-card.custom-row.has-category .gws-organigramme-card-icon-category {
        flex-direction: column-reverse;
        gap: 20px;
    }
    .gws-organigramme-card.custom-row .gws-organigramme-card-inner .gws-organigramme-card-category-title {
        position: initial;
    }
    .gws-organigramme-card h4.gws-icon-top-title {
        text-align: center;
        margin-bottom: 15px;
    }
    .vc_row.csr-organigramme-row-1, .vc_row.corporate-governance-organigramme-row-1 {
        padding: 25px;
    }
    .how-oversight-flows-row .container-col.csr-organigramme-custom-container, .container-col.corporate-governance-organigramme-custom-container {
        flex-direction: column;
        gap: 30px;
    }
    .container-col.csr-organigramme-custom-container > .gws-organigramme-card, 
    .container-col.corporate-governance-organigramme-custom-container > .gws-organigramme-card {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .container-col.corporate-governance-organigramme-custom-container::before {
        opacity: 0;
    }
    .custom-row .gws-organigramme-card-content h4.gws-icon-title {
        text-align: center;
    }
    .key-senior-governance-positions-count p {
        font-size: 32px;
    }
    .key-senior-governance-positions-heading-wrapper {
        gap: 25px;
    }
    .key-senior-governance-positions-heading-left {
        width: 100%;
    }
    .key-senior-governance-positions-main-heading h2 {
        font-size: 24px;
    }
    .our-board-committees-item-title-icon {
        flex-direction: column;
        align-items: flex-start;
    }
    .nos-segments-cards-inner-row > .wpb_column > .vc_column-inner > .wpb_wrapper,
    .vc_row.avec-integrite-content-inner-row .wpb_column > .vc_column-inner > .wpb_wrapper {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 100%;
        height: auto;
        gap: 20px;
        overflow: visible;
        border-radius: 0;
    }

    .gws-card-img-hover,
    .gws-card-img-hover.is-active {
        flex: none;
        flex-direction: column !important;
        width: 100%;
        min-width: 0;
        height: auto;
        border-radius: 15px;
        transition: none;
    }

    .gws-card-img-hover .gws-card-img-hover-img-container,
    .gws-card-img-hover.is-active .gws-card-img-hover-img-container {
        flex: none;
        width: 100%;
        height: 240px;
        opacity: 1;
        transition: none;
        border-radius: 20px 20px 0 0 !important;
    }

    .gws-card-img-hover-top-title {
        top: auto;
        right: 20px;
        bottom: 20px;
        left: 20px;
        width: auto;
        font-size: 26px;
        line-height: 1.2;
        gap: 10px;
        transform: none;
    }

    .gws-card-img-hover-top-title::before {
        flex: 0 0 8px;
    }

    .gws-card-img-hover .gws-card-img-hover-content,
    .gws-card-img-hover.is-active .gws-card-img-hover-content {
        flex: none;
        width: 100%;
        min-width: 0;
        height: auto;
        padding: 20px;
        overflow: visible;
        align-items: flex-start;
        border-radius: 0 0 20px 20px !important; 
    }

    .gws-card-img-hover-content-wrapper {
        width: 100%;
        min-width: 0;
    }

    .gws-card-img-hover .gws-card-img-hover-content-inner,
    .gws-card-img-hover.is-active .gws-card-img-hover-content-inner {
        opacity: 1;
        visibility: visible;
        transition: none;
    }
    .company-tree-level {
        flex-direction: column;
        row-gap: 30px;
    }
    .company-tree::before {
        height: 65px;
    }
    .company-node {
        min-width: 100%;
        max-width: 100%;
    }
    .company-node:before {
        opacity: 0;
    }
    .company-tree-level::after {
        top: 65px;
        width: 100%;
        margin: 0 auto;
    }
    .company-tree-legend {
        max-width: 100%;
    }
    .company-tree-legend-items-wrapper {
        justify-content: space-evenly;
    }
    .company-associates::before {
        top: 83px;
    }
    .company-associate {
        max-width: 45%;
        min-width: 45%;
    }
    .vc_row.home-banner-row.home-recrutement-row {
        width: 100%;
        height: auto;
        margin: 0 !important;
    }
    .join-banner-youtube-link a {
        font-size: 11px;
        padding: 10px 21px;
        border-radius: 10px;
    }
    .ubp-group-map-row .map-item {
        position: initial;
    }
    .how-oversight-flows-inner-row-heading .gws-icon-box {
        position: initial;
        margin-top: 30px;
        margin: 30px auto 0;
    }
    .how-oversight-flows-inner-row-heading {
        padding: 0 0 30px;
    }
    .how-oversight-flows-row {
        padding: 30px 0;
    }
    .how-oversight-flows-inner-row-heading .gws-heading h4 {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .oversight-leadership-committees-content-inner-row.ubp-width90-container .gws-text-block * {
        font-size: 14px;
    }
    .vc_row.oversight-leadership-committees-row .gws-text-block * {
        font-size: 14px !important;
    }
    .oversight-leadership-committees-content-inner-row > div:not(:last-child) {
        margin-bottom: 30px;
    }
    .our-board-committees-main-title h2 {
        font-size: 28px;
        margin: 25px 0;
    }
    .our-board-committees-description p {
        font-size: 14px;
    }
    .our-board-committees-item-title h3 {
        font-size: 20px;
        margin-top: 10px;
    }
    .our-board-committees-item {
        padding: 20px;
    }
    .our-board-committees-item-description {
        font-size: 14px;
    }
    .archive-governance-policies-wrapper .annual-report-item-details-title p {
        font-size: 28px;
    }
    .key-senior-governance-positions-wrapper button.slick-arrow {
        bottom: 0;
    }
    .key-senior-governance-positions-row {
        padding-bottom: 30px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .vc_row.home-banner-row.home-recrutement-row {
        width: 100%;
        height: auto;
        margin: 0 !important;
    }
    .join-banner-youtube-link a {
        font-size: 11px;
        padding: 10px 21px;
        border-radius: 10px;
    }
    .evergreen-utilisation-content-inner-row.ubp-widthcontainer .gws-image-item {
        --gws-img-width: 100% !important;
        --gws-img-height: 200px !important;
    }
    .ubp-single-product-map-content {
        gap: 40px;
    }
    .ubp-single-product-banner-text-wrapper {
        max-width: 90%;
    }
    .ubp-single-product-breadcrumb {padding: 55px 30px 50px;}
    .ubp-widthcontainer, .ubp-wp-widthcontainer > .vc_column-inner {
        max-width: 95%;
    }
    .ubp-archive-products-astuce-content ul.slick-dots {
        display: flex;
        padding: 0;
        margin: 20px 0 0;
        justify-content: center;
    }
    .ubp-archive-products-astuce-content ul.slick-dots li {
        list-style-type: none;
        border: none;
        width: 5px;
        height: 5px;
        margin: 0 10px;
    }
    .ubp-archive-products-astuce-content ul.slick-dots li button {
        background: #FFD962;
        opacity: 0.5;
        border: none;
        color: transparent;
        text-indent: -99999px;
        width: 10px;
        height: 10px;
        padding: 0;
        border-radius: 50%;
    }
    .ubp-archive-products-astuce-content ul.slick-dots li.slick-active button {
        opacity: 1;
    }
    .ubp-single-products-astuce-content ul.slick-dots {
        display: flex;
        padding: 0;
        margin: 20px 0 0;
        justify-content: center;
    }
    .ubp-single-products-astuce-content ul.slick-dots li {
        list-style-type: none;
        border: none;
        width: 5px;
        height: 5px;
        margin: 0 10px;
    }
    .ubp-single-products-astuce-content ul.slick-dots li button {
        background: #FFD962;
        opacity: 0.5;
        border: none;
        color: transparent;
        text-indent: -99999px;
        width: 10px;
        height: 10px;
        padding: 0;
        border-radius: 50%;
    }
    .ubp-single-products-astuce-content ul.slick-dots li.slick-active button {
        opacity: 1;
    }
    .upsells-wrapper ul.slick-dots {
        display: flex;
        padding: 0;
        margin: 20px auto 0;
        justify-content: center;
    }
    .upsells-wrapper ul.slick-dots li {
        list-style-type: none;
        border: none;
        width: 5px;
        height: 5px;
        margin: 0 10px;
    }
    .upsells-wrapper ul.slick-dots li button {
        background: #FFD962;
        opacity: 0.5;
        border: none;
        color: transparent;
        text-indent: -99999px;
        width: 10px;
        height: 10px;
        padding: 0;
        border-radius: 50%;
    }
    .upsells-wrapper ul.slick-dots li.slick-active button {
        opacity: 1;
    }
    .single-product .slick-initialized .slick-slide {
        margin: 0 20px;
    }
    .evergreen-pourquoi-choisir-row {
        margin-bottom: 50px !important;
    }
    .single-product div.product .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image {
        height: auto;
    }
    .single-product div.product .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper {
        width: 100%;
        height: auto !important;
    }
    .ubp-single-product-banner-text-wrapper.direction-row {
        flex-direction: column;
        align-items: flex-start;
    }
    .vc_row.cest-quoi-inner-row.ubp-widthcontainer {
        width: 100%;
    }
    .single-product div.product .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper {
        width: 100%;
        height: auto !important;
    }
    .ubp-blog-item-wrapper .ubp-blog-item-title h3 {
        width: 75%;
    }
    .ubp-content-single-product-wrapper {
        gap: 30px;
    }
    .single-product-calculator-icon svg {
        width: 50px;
        height: auto;
    }
    .single-product-calculator-heading {
        width: 100%;
    }
    .single-product-calculator-heading h2 {
        font-size: 28px;
    }
    .single-product-calculator-heading-text {
        width: 100%;
    }
    .single-product-calculator-heading-text p {
        font-size: 16px;
    }
    .single-product-calculator-content-left {
        border-right: none;
        padding-right: 0;
    }
    .single-product-calculator-content-container > div {
        width: 100%;
    }
    .single-product-calculator-content-container {
        flex-wrap: wrap;
    }
    .materials-required-wrapper {
        padding: 30px 15px;
    }
    .single-product-calculator-content-right {
        padding: 0;
    }
    .single-product-calculator-content-wrapper {
        margin-bottom: 30px;
    }
    .materials-required-heading {
        margin-bottom: 30px;
    }
    .single-product-calculator-container {
        padding: 30px;
    }
    .materials-required-heading h4 {
        font-size: 22px;
    }
    .single-product-calculator-heading-wrapper {
        flex-wrap: wrap;
        gap: 25px;
    }
    .macadam-pourquoi-choisir-row .single-product-utilisation-main-text {
        width: 75%;
    }
    .macadam-content-diy-inner-row.ubp-widthcontainer > div:last-child {
        padding-left: 45px;
    }
    .single-product-pourquoi-choisir-row.macadam-pourquoi-choisir-row.ubp-width95-container {
        padding: 25px 0;
    }
    .ubp-content-single-product-caracterisque-devis-wrapper:before {
        top: 100px;
    }
    .ubp-filter-toggle-bar {
        display: none;
    }
    .ubp-archive-sidebar-close-btn {
        display: none;
    }
    .ubp-shop-toolbar {
        gap: 30px;
    }
    ul.products li.product {
        width: calc(95% / 2) !important;
    }
    ul.products li.product h2.woocommerce-loop-product__title {
        font-size: 18px;
    }
    .view-more-btn-wrapper span {
        font-size: 15px;
    }
    .ubp-archive-layout-wrapper {
        gap: 30px;
        margin-top: 25px !important;
    }
    .ubp-accordion-header {
        font-size: 16px;
    }
    .ubp-child-checkbox-label {
        font-size: 15px;
    }
    span.ubp-cat-count {
        top: 0;
    }
    .ubp-archive-product-banner-text-wrapper {
        max-width: 95%;
    }

    /* groupe ubp */
    .groupe-ubp-banner-row .ubp-page-banner-title h1 {
        --heading-size: 100px;
        font-size: var(--heading-size);
        line-height: calc(var(--heading-size) + 10px);
    }

    .vc_row.groupe-horizons-inner-row {
        flex-direction: column;
    }

    .structure-cles-kpis .kpi-title-text-wrapper.position-column .kpi-main-title-wrapper p, .structure-cles-kpis .kpi-title-text-wrapper.position-column .kpi-main-title-wrapper span {
        font-size: 40px !important;
        line-height: normal;
    }

    .gws-card-img-hover .gws-card-img-hover-img-container,
    .gws-card-img-hover.is-active .gws-card-img-hover-img-container {
        flex: none;
        width: 100%;
        opacity: 1;
        transition: none;
        border-radius: 20px 20px 0 0 !important;
    }

    .gws-card-img-hover-top-title {
        top: auto;
        right: 20px;
        bottom: 20px;
        left: 20px;
        width: auto;
        font-size: 26px;
        line-height: 1.2;
        gap: 10px;
        transform: none;
    }

    .gws-card-img-hover-top-title::before {
        flex: 0 0 8px;
    }

    .gws-card-img-hover .gws-card-img-hover-content,
    .gws-card-img-hover.is-active .gws-card-img-hover-content {
        flex: none;
        width: 100%;
        min-width: 0;
        height: auto;
        padding: 20px;
        overflow: visible;
        align-items: flex-start;
        border-radius: 0 0 20px 20px !important; 
    }

    .vc_row.groupe-horizons-inner-row > div,
    .groupe-ubp-banner-row .ubp-page-banner-content-inner-wrapper {
        width: 100%;
    }

    .vc_row.groupe-horizons-inner-row .vc_column_container:last-child .vc_column-inner .wpb_wrapper .gws-icon-text {
        min-height: 0;
    }

    .groupe-structure-row .container-structure-titles .container-col.structure-titles > div h2 {
        --heading-size: 35px;
        font-size: var(--heading-size);
        line-height: calc(var(--heading-size) + 5px);
    }

    .groupe-structure-row .container-structure-titles .container-col.structure-titles {
        align-items: flex-start;
    }

    .groupe-structure-row .container-structure-titles .container-col.structure-titles > div:first-child h2 {
        max-width: 75%;
    }

    .vc_row.groupe-structure-info-row {
        flex-direction: column;
    }

    .vc_row.groupe-structure-info-row .wpb_column.vc_column_container.vc_col-sm-3 {
        width: 100%;
    }


    .groupe-ubp-banner-row .ubp-page-banner-decription p,
    .groupe-histoire-row .ubp-width85-container,
    .vc_row.wpb_row.vc_row-fluid.groupe-horizons-row.ubp-width90-container,
    .vc_row.wpb_row.vc_row-fluid.groupe-structure-row.ubp-width90-container,
    .vc_row.wpb_row.vc_row-fluid.groupe-entites-row.ubp-width90-container,
    .vc_row.wpb_row.vc_row-fluid.nos-equipes-member-row.nos-equipes-member-dirigeante.ubp-width90-container {
        max-width: 95%;
    }

    .structure-cles-kpis .kpi-title-text-wrapper.position-column .kpi-main-title-wrapper p {
        font-size: 40px;
    }

    .groupe-entites-title-row .gws-heading h2 {
        font-size: 60px;
    }

    .groupe-entites-title-row .gws-heading h2 {
        font-size: 60px;
    }

    .groupe-entites-inner-row .box-image-details-image-content-wrapper {
        flex-direction: column;
    }

    .groupe-entites-inner-row .box-image-details-image-content-wrapper > div {
        width: 100%;
    }

    .groupe-bazalt-row .groupe-bazalt-inner-row .gws-heading h2 {
        --heading-size: 60px;
        font-size: var(--heading-size);
        line-height: calc(var(--heading-size) + 10px);
    }

    .groupe-poles-inner-row.ubp-width90-container > div {
        width: 100%;
    }

    .groupe-poles-inner-row.ubp-width90-container > div:first-child {
        padding-bottom: 20px;
    }

    .container-groupe-poles-icons .container-col.groupe-poles-icons > div > .details-icon-wrapper {
        min-height: 220px;
    }

    .vc_row.wpb_row.vc_row-fluid.groupe-poles-row.ubp-width90-container,
    .groupe-entreprises-row.ubp-width90-container {
        max-width: 95%;
    }

    .vc_row.groupe-entreprises-content-row {
        flex-direction: column;
    }

    .vc_row.groupe-entreprises-content-row > div {
        width: 100%;
    }

    .vc_row.groupe-entreprises-content-row .gws-text-block {
        margin-left: 0;
    }

    .vc_row.groupe-entreprises-content-row {
        gap: 15px;
    }

    .groupe-entreprises-row .box-image-details-image-content-wrapper .box-image-details-image-wrapper {
        width: 100%;
    }

    .container-structure-cles-titles .container-col.structure-cles-titles:before {
        left: 175px;
        width: calc(100% - 270px);
    }

    /* about us */
    .vc_row.avec-integrite-inner-row {
        gap: 30px;
    }

    .gws-image-item.qui-sommes-nous-image {
        right: 20px;
    }

    .vc_row.qui-sommes-nous-inner-row .wpb_wrapper,
    .sante-et-security-inner-row.ubp-widthcontainer {
        max-width: 90%;
    }

    .vc_row.qui-sommes-nous-inner-row .wpb_wrapper .gws-heading,
    .vc_row.qui-sommes-nous-inner-row .wpb_wrapper .gws-text-block,
    .vc_row.qui-sommes-nous-inner-row .wpb_wrapper .gws-content-wrapper.container-about-us-icons-container,
    .innovation-une-reponse-inner-row .wpb_wrapper {
        max-width: 100%;
    }

    .about-us-banner-inner-row .ubp-landing-banner-title h1 {
        --heading-size: 50px;
        font-size: var(--heading-size);
        line-height: calc(var(--heading-size) + 5px);
        margin-top: 100px;
    }

    .gws-image-item.avec-integrite-image .image-wrapper {
        text-align: left;
    }

    .sante-et-security-inner-row .wpb_wrapper div.gws-col-sante-et-security-cols .gws-col {
        flex-direction: column;
    } 

    .sante-et-security-inner-row .wpb_wrapper div.gws-col-sante-et-security-cols .gws-col div:nth-child(1) {
        width: 100%;
    }
    

    .sante-et-security-row.ubp-width90-container,
    .notre-histoire-row.ubp-width90-container {
        max-width: 100%;
    }

    .gws-column-wrapper.gws-col-sante-et-security-cols .gws-heading h2 {
        --heading-size: 35px;
        font-size: var(--heading-size);
        line-height: calc(var(--heading-size) + 5px);
    }

    .about-us-multiple-banners-row .gws-col-about-us-banner-item-column .gws-col div.gws-content-wrapper.container-about-us-banner-item-container-3,
    .about-us-banners-item .wpb_wrapper .gws-col-about-us-banner-item-column div.gws-content-wrapper.container-about-us-banner-item-icons-container {
        width: 100%;
        max-width: 100%;
        padding: 30px 20px;
        position: static;
    }

    .notre-histoire-title-row .wpb_wrapper {
        max-width: 90%;
        margin: 0 auto;
    }

    .timeline-box-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .timeline-box-image,
    .timeline-box-content,
    .timeline-year-wrapper {
        width: 90%;
        margin: 0 auto;
    }

    .timeline-box-image {
        height: 250px;
    }

    .notre-histoire-content-row.histoire-years-cols .histoire-years-right {
        width: 100%;
    }
    
    .notre-histoire-content-row.histoire-years-cols .histoire-years-left {
        display: none;
    }

    .timeline-year-wrapper {
        display: block;
    }

    .timeline-year-wrapper .year {
        color: #fff;
        font-size: 20px;
        line-height: 22px;
        font-weight: 600;
    }

    .about-us-banner-inner-row .ubp-landing-banner-decription-wrapper {
        flex-direction: column;
        gap: 50px;
        max-width: 95%;
        margin: 0 auto;
    }

    .about-us-banner-inner-row .ubp-landing-banner-content-inner-wrapper {
        max-width: 95%;
    }
    
    .about-us-banner-inner-row .ubp-landing-banner-decription-wrapper > div {
        width: 100%;
    }

    .vc_row.about-us-multiple-banners-row.card-fadeUpStack-wrapper .wpb_wrapper .about-us-banners-item {
        position: static;
    }

    .about-us-multiple-banners-row .about-us-banners-item .wpb_wrapper .gws-content-wrapper {
        padding: 50px 20px;
        max-width: 100%;
    }

    .about-us-banner-inner-row .ubp-landing-banner-image-wrapper.add-gradient .landing-banner-image,
    .about-us-banner-inner-row .ubp-landing-banner-inner-wrapper {
        height: 650px;
    }

    .about-us-banner-inner-row .ubp-landing-banner-title-wrapper {
        max-width: 95%;
        margin: 0 auto 20px;
    }

    .about-us-banner-inner-row .ubp-landing-banner-decription p {
        font-size: 12px;
    }

    .vc_row.about-us-multiple-banners-row.card-fadeUpStack-wrapper {
        height: 100% !important;
        max-width: 100%;
    }

    .about-us-multiple-banners-row.card-fadeUpStack-wrapper .wpb_wrapper .about-us-banners-item > .wpb_column > .vc_column-inner > .wpb_wrapper {
        height: 600px;
    }

    .vc_row.about-us-multiple-banners-row.card-fadeUpStack-wrapper > .wpb_column > .vc_column-inner > .wpb_wrapper > div {
        margin-bottom: 20px !important;
    }

    .about-us-multiple-banners-row .wpb_wrapper .gws-col-about-us-banner-item-column:nth-child(2) .gws-col {
        position: absolute;
        bottom: 0;
        flex-direction: column;
        gap: 0;
    }

    .about-us-banners-item .gws-col-about-us-banner-item-column .container-about-us-banner-item-icons-container .container-col {
        flex-direction: column;
    }

    .about-us-banners-item .wpb_wrapper .gws-col-about-us-banner-item-column .gws-content-wrapper.container-about-us-banner-item-icons-container .gws-icon-box {
        width: 100%;
    }

    .container-about-us-banner-item-icons-container .gws-icon-box .gws-icon-inner {
        flex-direction: row;
    }

    .container-about-us-banner-item-icons-container .gws-icon-box .gws-icon-inner .gws-icon-text {
        --text-size: 13px;
        font-size: var(--text-size);
        line-height: calc(var(--text-size) + 6px);
        min-height: 40px;
    }

    .about-us-banners-item .wpb_wrapper .gws-col-about-us-banner-item-column .gws-content-wrapper.container-about-us-banner-item-icons-container .container-col.about-us-banner-item-icons-container {
        gap: 15px;
    }

    .about-us-multiple-banners-row .gws-col-about-us-banner-item-column .gws-col div.gws-content-wrapper.container-about-us-banner-item-container-3 {
        padding-bottom: 0;
    }

    .vc_row.qui-sommes-nous-inner-row .wpb_wrapper .gws-content-wrapper.container-about-us-icons-container .container-col.about-us-icons-container {
        flex-direction: column;
    }

    .vc_row.qui-sommes-nous-inner-row .wpb_wrapper .gws-content-wrapper.container-about-us-icons-container .gws-icon-box {
        width: 100%;
    }

    .vc_row.qui-sommes-nous-inner-row .wpb_wrapper .gws-content-wrapper.container-about-us-icons-container .gws-icon-box .gws-icon-inner {
        flex-direction: row;
    }

    .vc_row.qui-sommes-nous-inner-row .wpb_wrapper .gws-content-wrapper.container-about-us-icons-container .gws-icon-box .gws-icon-inner .gws-icon-text {
        min-height: 40px;
    }

    .vc_row.nos-equipes-member-row.nos-equipes-member-ventes,
    .vc_row.nos-equipes-member-row.nos-equipes-member-production {
        max-width: 100%;
    }

    button.slick-arrow {
        background: none;
        border: none;
        position: absolute;
        bottom: -43px;
        width: 26px;
        padding: 0;
        font-size: 25px;
        z-index: 1;
    }

    button.slick-prev.slick-arrow {
        right: 70px;
    }

    button.slick-next.slick-arrow {
        right: 20px;
    }

    .histoire-years-right .slick-slider .slick-arrow {
        bottom: unset;
        top: -43px;
    }

    .equipe-cards-inner-wrapper.slick-slider .slick-slide > div:first-child {
        margin-bottom: 20px;
    }

    .vc_row.nos-equipes-member-row.nos-equipes-member-ventes .nos-equipes-member-inner-row.ubp-widthcontainer,
    .vc_row.wpb_row.vc_row-fluid.nos-equipes-member-row.nos-equipes-member-dirigeante .nos-equipes-member-inner-row.ubp-widthcontainer,
    .vc_row.nos-equipes-member-row.nos-equipes-member-production .nos-equipes-member-inner-row.ubp-widthcontainer {
        max-width: 90%;
    }

    .histoire-years-right .slick-slider .slick-arrow i,
    .equipe-cards-wrapper.equipe-vente-cards .slick-slider .slick-arrow i,
    .nos-equipes-member-row.nos-equipes-member-production .slick-slider .slick-arrow i {
        color: #fff;
    }


    .qui-sommes-nous-inner-row .gws-image-item .image {
        display: block;
        height: 400px;
        width: 400px;
    }

    .equipe-cards-wrapper .slick-track .slick-slide,
    .about-us-multiple-banners-row.card-fadeUpStack-wrapper .slick-track .slick-slide {
        margin-inline: 10px;
    }

    .gws-column-wrapper.gws-col-sante-et-security-cols .gws-heading h2 br,
    .notre-histoire-title-row .wpb_wrapper .gws-heading h2 br {
        display: none;
    }

    .about-us-banner-inner-row .ubp-landing-banner-decription-wrapper > .ubp-landing-banner-box-wrapper {
        width: 50%;
    }

    .sante-et-security-inner-row .wpb_wrapper div.gws-col-sante-et-security-cols .gws-col div:nth-child(2) {
        width: 70%;
    }

    /* home */
    .ubp-home-banner-title h1 {
        --heading-size: 80px;
        font-size: var(--heading-size);
        line-height: calc(var(--heading-size) - 20px);
        width: 500px;
        height: 100%;
        gap: 10px;
    }

    span.home-subtitle-wrapper {
        width: 100%;
        height: 100%;
    }

    span.home-subtitle-item {
        line-height: 50px;
    }

    .home-map-inner-row .gws-map-inner-wrapper {
        flex-direction: column;
        gap: 30px;
    }

    .home-map-inner-row .gws-map-inner-wrapper .gws-map-svg-wrapper {
        width: 100%;
    }

    .home-map-inner-row .gws-map-inner-wrapper .gws-map-svg-wrapper svg {
        width: 255px;
        height: 350px;
    }

    .home-map-inner-row .gws-map-inner-wrapper .gws-map-points-wrapper,
    .home-map-inner-row .gws-map-inner-wrapper .gws-map-points-wrapper .map-item-wrapper {
        width: 100%;
    }

    .vc_row.home-calculateur-inner-row {
        padding: 0 20px;
    }

    .home-gammes-inner-row .gws-tab-container .gws-tabs-wrapper {
        flex-direction: column;
        gap: 20px;
    }

    .container-col.home-calculateur-texts .gws-icon-box {
        top: 5px;
    }

    .home-calculateur-texts .gws-heading h2 {
        --heading-size: 28px;
        font-size: var(--heading-size);
        line-height: calc(var(--heading-size) + 5px);
        padding-left: 70px;
    }

    .container-col.home-calculateur-texts .gws-icon-box .gws-icon-graphic {
        width: 55px;
    }

    .container-col.home-calculateur-texts {
        padding-left: 0;
    }

    .home-calculateur-texts .gws-heading h2 br {
        display: none;
    }
    
    .gws-column-wrapper.gws-col-home-calculateur-cols .gws-col .gws-content-wrapper.container-home-calculateur-texts,
    .home-calculateur-inner-row .gws-column-wrapper.gws-col-home-calculateur-cols .gws-col > div:nth-child(2) {
        width: 100%;
    }

    .gws-content-wrapper.container-home-gammes-items {
        position: static;
        width: 100%;
    }
    
    .home-produits-inner-row.ubp-width90-container .gws-column-wrapper.gws-col-home-produits-items .gws-col,
    .home-produits-inner-row.ubp-width90-container 
    .gws-col-home-produits-titles .gws-col {
        flex-direction: column;
    }

    .home-produits-inner-row.ubp-width90-container .gws-column-wrapper.gws-col-home-produits-items .gws-col .custom-product-item,
    .home-produits-inner-row.ubp-width90-container .gws-col-home-produits-titles .gws-col > div {
        width: 100%;
    }

    .tab-home-gammes-tabs .gws-tab-bottom {
        width: 100%;
    }

    .vc_row.home-partenaire-inner-row > .vc_column_container:first-child {
        padding: 10px;
        width: 60%;
    }

    .vc_row.home-partenaire-inner-row > .vc_column_container:nth-child(2) {
        width: 38%;
    }

    .vc_row.home-partenaire-inner-row > .vc_column_container:first-child .gws-text-inner {
        max-width: 90%;
    }

    .home-actualites-inner-row .gws-column-wrapper.gws-col-home-actualites-items .gws-col {
        flex-direction: column;
    }

    .home-actualites-row .home-actualites-inner-row .gws-column-wrapper.gws-col-home-actualites-items .gws-col > div {
        width: 100%;
    }

    .gws-column-wrapper.gws-col-home-actualites-titles {
        padding: 10px;
    }

    .gws-column-wrapper.gws-col-home-actualites-titles .gws-col {
        flex-direction: column;
    }

    .vc_row.home-actualites-inner-row .gws-column-wrapper.gws-col-home-actualites-titles .gws-col > div {
        width: 100%;
    }

    .vc_row.home-map-row .home-map-inner-row .gws-column-wrapper.gws-col-home-map-texts .gws-col {
        flex-direction: column;
    }

    .vc_row.home-map-row .home-map-inner-row .gws-column-wrapper.gws-col-home-map-texts .gws-col > div {
        width: 100%;
    }

    .vc_row.home-gammes-inner-row .ubp-custom-btn-wrapper {
        width: 100%;
        bottom: 30px;
    }

    .tab-home-gammes-tabs .gws-tabs-wrapper .gws-tab-top {
        padding-top: 0;
    }

    .home-produits-inner-row.ubp-width90-container .gws-col-home-produits-titles .gws-col > div {
        width: 100%;
    }

    .home-gammes-produits-row .home-produits-inner-row.ubp-width90-container .gws-col-home-produits-titles .gws-col {
        gap: 20px;
    }

    .ubp-home-banner-decription p,
    .home-rejoignez-inner-row .gws-text-block {
        max-width: 60%;
    }

    .ubp-home-banner-content-wrapper.ubp-widthcontainer {
        max-width: 90%;
    }

    .home-gammes-produits-row .home-produits-inner-row.ubp-width90-container .gws-col-home-produits-titles .gws-col > div {
        width: 100%;
    }

    .home-gammes-inner-row .gws-tab-container .box-image-content .box-image-title,
    .home-gammes-inner-row .gws-tab-container .box-image-content .box-image-text {
        width: 100%;
    }

    .container-col.home-calculateur-texts .gws-text-inner {
        max-width: 100%;
    }

    .home-calculateur-texts .gws-heading h2 br {
        display: none;
    }
    .map-item-title h3 {
        margin-right: 30px;
        font-size: 18px;
        line-height: normal;
    }
/* 
    .vc_row.home-map-inner-row {
        max-width: 95%;
    } */

    .vc_row.home-rejoignez-inner-row.ubp-widthcontainer {
        max-width: 90%;
    }

    .home-produits-inner-row.ubp-width90-container .gws-column-wrapper.gws-col-home-produits-items .gws-col .slick-list.draggable {
        width: 100%;
    }

    .vc_row.home-testimonial-inner-row > div:first-child {
        padding-bottom: 30px;
    }

    .home-testimonial-inner-row .gws-heading h3 {
        --heading-size: 30px;
        font-size: var(--heading-size);
        line-height: calc(var(--heading-size) + 5pxs);
    }

    .gws-content-wrapper.container-home-gammes-items .gws-text-block {
        max-width: 100%;
        padding-bottom: 30px;
    }

    .gws-tab-main-wrapper .gws-accordion-card .gws-accordion-title {
        margin-bottom: 20px;
        padding-block: 10px;
        border-radius: 10px;
    }

    .gws-tab-main-wrapper .gws-accordion-card .gws-accordion-title {
        position: relative;
    }

    .gws-accordion-title:after {
        font-family: 'Font Awesome 6 Pro';
        align-items: center;
        position: absolute;
        line-height: 30px;
        content: '\f055';
        font-weight: 400;
        font-size: 20px;
        margin: auto 0;
        display: flex;
        right: 20px;
        bottom: 0;
        top: 0;
        transition: all 0.6s ease-in-out;
    }

    .gws-accordion-title.active:after {
        content: '\f056';
    }

    .gws-tab-main-wrapper .gws-accordion-card {
        margin-bottom: 20px;
    }

    .gws-accordion-card.gws-tab-item-mobile .gws-accordion-panel .box-image-content {
        flex-direction: column-reverse;
        width: 100%;
        border-radius: 0;
        gap: 20px;
    }

    .gws-accordion-card.gws-tab-item-mobile .gws-accordion-panel .box-image-content > div {
        width: 100%;
    }

    .gws-accordion-card.gws-tab-item-mobile .gws-accordion-panel .box-image-content .box-image-title {
        display: flex;
        gap: 15px;
    }

    .gws-accordion-card.gws-tab-item-mobile .gws-accordion-panel .box-image-arrow {
        bottom: 90px;
        right: 20px;
    }

    .gws-accordion-card.gws-tab-item-mobile .gws-accordion-panel .box-image-arrow i {
        font-size: 35px;
    }

    .gws-column-wrapper.gws-col-home-produits-items .gws-col .slick-track .slick-slide,
    .home-actualites-inner-row .gws-column-wrapper.gws-col-home-actualites-items .gws-col .slick-track .slick-slide {
        margin-inline: 10px;
    }

    /* Blog Archive */
    .archive-blogs-main-title h1 {
        --heading-size: 75px;
        font-size: var(--heading-size);
        line-height: calc(var(--heading-size) + 10px);
    }

    .archive-blog-featured-article-content {
        flex-direction: column;
    }

    .archive-blog-featured-article-content > div {
        width: 100%;
    }

    .archive-blog-featured-article-content-text {
        padding: 20px;
    }
    
    .archive-blog-featured-article-content-text .featured-article-content-title h2 {
        font-size: 30px;
    }

    .archive-blog-featured-article-content-text .featured-article-content-author-link {
        justify-content: flex-end;
    }

    .featured-article-content-excerpt {
        max-width: 70%;
    }

    .archive-blogs-content-filters-wrapper {
        flex-direction: column;
        gap: 20px;
    }

    .archive-blogs-content-filters {
        width: 100%;
    } 

    .blog-posts-content-wrapper {
        grid-template-columns: 1fr 1fr;
    }

    .popular-articles-heading-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .cream .ubp-menu-holder li.menu-item a {
        color: #fff;
    }

    .featured-article-content-author-initial p {
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .ubp-cart-item.cart_item {
        flex-direction: column;
    }
    .ubp-cart-item-thumbnail {
        margin: 0;
        height: auto;
    }
    .ubp-cart-item-content {
        width: 100%;
        padding-right: 0;
    }
    .ubp-cart-item-top-details {
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .ubp-cart-item-title a {
        font-size: 18px;
    }
    .ubp-cart-item-title dl {
        margin: 10px 0;
    }
    .ubp-cart-left {
        flex: auto;
        min-width: 50%;
    }
    .ubp-cart-right {
        min-width: 45%;
    }
    .ubp-cart-quote-form-section.ubp-widthcontainer {
        padding: 30px;
    }
    .ubp-form-header-wrapper {
        flex-direction: column-reverse;
        align-items: flex-end;
    }
    .ubp-form-header-data-privacy {
        text-align: right;
    }
    .ready-to-submit-content.ubp-widthcontainer {
        padding: 45px;
    }
    .talk-to-sales-wrapper {
        padding: 20px;
    }
    .talk-to-sales-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .talk-to-sales-item:first-child {
        margin-bottom: 10px;
    }
    .talk-to-sales-item span a {
        font-size: 13px;
    }
    .calendar-of-events-content {
        grid-template-columns: 1fr 1fr;
    }
    .investor-sub-page-banner-inner-row.ubp-width90-container .gws-heading h1 {
        font-size: 60px;
        line-height: normal;
    }
    .ubp-investors-banner-title-wrapper h1 span {
        font-size: 36px;
        letter-spacing: -1.5px;
    }
    .investors-banner-video-item iframe {
        transform: scale(1);
    }
    .ubp-investors-banner-inner-wrapper {
        height: 400px;
        overflow: hidden;
    }
    .ubp-investors-banner-subtitle p {
        font-size: 9px;
        width: 90%;
    }
    .building-for-the-community-inner-row, .roche-bois-warriors-inner-row {
        flex-direction: column;
        justify-content: space-between;
    }
    .building-for-the-community-inner-row, .roche-bois-warriors-inner-row {
        padding: 30px 20px;
        gap: 0;
    }
    .vc_row.new-school-inner-row {
        margin: 30px 0 !important;
    }
    .new-school-inner-row {
        flex-direction: column-reverse;
        gap: 0;
    }
    .building-for-the-community-inner-row .gws-heading, .roche-bois-warriors-inner-row .gws-heading, .new-school-inner-row .gws-heading {
        margin-top: 15px;
    }
    .vc_row.csr-focus-areas-text-inner-row {
        width: 100%;
    }
    .csr-focus-areas-row.ubp-width90container {
        padding: 30px 15px;
        box-shadow: none;
    }
    .container-col.csr-organigramme-custom-container .gws-organigramme-card {
        width: 50%;
        margin: 0 auto !important;
    }
    .container-col.csr-organigramme-custom-container {
        gap: 20px;
        flex-direction: column;
    }
    .container-col.csr-organigramme-custom-container .gws-organigramme-card:after {
        top: 50%;
        left: -10px;
    }
    .container-col.csr-organigramme-custom-container .gws-organigramme-card:before {
        display: none;
    }
    .container-col.csr-organigramme-custom-container::before {
        width: 1px;
        height: 100%;
        left: 50%;
        margin: 0;
        top: -9dvh;
    }
    .vc_row.csr-organigramme-row-1 .gws-organigramme-card:after {
        display: none;
    }
    .vc_row.csr-organigramme-row-1 .gws-organigramme-card {
        position: relative;
        z-index: 1;
    }
    .vc_row.wpb_row.vc_row-fluid.community-school-academy-row.ubp-width90-container .wpb_column {
        width: 100%;
    }
    .gws-organigramme-card .gws-icon-title {
        font-size: 16px;
    }
    .ubp-page-banner-image-wrapper.has-video {
        background: #000;
        filter: brightness(0.75);
    }
    .ubp-page-banner-image-wrapper.has-video .page-banner-video-item iframe {
        transform: scale(1.5);
    }
    .nos-segments-cards-inner-row > .wpb_column > .vc_column-inner > .wpb_wrapper {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 100%;
        height: auto;
        gap: 24px;
        overflow: visible;
        border-radius: 0;
    }

    .gws-card-img-hover,
    .gws-card-img-hover.is-active {
        flex: none;
        flex-direction: column;
        width: 100%;
        min-width: 0;
        height: auto;
        border-radius: 20px;
        transition: none;
    }

    .gws-card-img-hover .gws-card-img-hover-img-container,
    .gws-card-img-hover.is-active .gws-card-img-hover-img-container {
        flex: none;
        width: 100%;
        height: 320px;
        opacity: 1;
        transition: none;
    }

    .gws-card-img-hover-top-title {
        top: auto;
        right: 30px;
        bottom: 30px;
        left: 30px;
        width: auto;
        font-size: 34px;
        line-height: 1.2;
        gap: 15px;
        transform: none;
    }

    .gws-card-img-hover-top-title::before {
        flex: 0 0 8px;
    }

    .gws-card-img-hover .gws-card-img-hover-content,
    .gws-card-img-hover.is-active .gws-card-img-hover-content {
        flex: none;
        width: 100%;
        min-width: 0;
        height: auto;
        padding: 30px;
        overflow: visible;
        align-items: flex-start;
    }

    .gws-card-img-hover-content-wrapper {
        width: 100%;
        min-width: 0;
    }

    .gws-card-img-hover .gws-card-img-hover-content-inner,
    .gws-card-img-hover.is-active .gws-card-img-hover-content-inner {
        opacity: 1;
        visibility: visible;
        transition: none;
    }

    .ubp-group-map-row .gws-map-inner-wrapper .gws-map-svg-wrapper {
        flex-wrap: wrap;
        width: 100%;
    }
    .ubp-group-map-row .gws-map-inner-wrapper .gws-map-svg-wrapper > div {
        width: calc(80%/2);
    }
    .gws-map-inner-wrapper .gws-map-svg-wrapper svg {
        width: 100%;
        height: 100%;
    }
    .ubp-group-map-inner-row .map-item {
        position: initial;
        width: 100%;
    }
    .ubp-group-map-row .gws-map-wrapper .gws-map-legend {
        position: inherit;
    }
    .ubp-group-map-row .gws-map-inner-wrapper .gws-map-points-wrapper {
        margin: 0;
        width: 100%;
        height: 100%;
    }
    .ubp-group-map-row .map-item-wrapper {
        width: 100%;
    }
    .ubp-group-map-row .map-item-wrapper .map-item-image {
        height: 300px;
        width: 600px;
        margin: 25px auto;
    }
    .ubp-group-map-row .map-item-wrapper .map-item-image iframe {
        margin: 0 auto;
    }
    .gws-entites-title-content-wrapper {
        bottom: 125px;
    }
    .ubp-group-banner .ubp-page-banner-image-wrapper.has-video {
        aspect-ratio: 9/16;
    }
    .ubp-page-banner-wrapper.ubp-group-banner .ubp-page-banner-inner-wrapper iframe {
        transform: scale(1.1) !important;
    }
    .key-senior-governance-positions-row.ubp-group-governance-positions .senior-governance-item {
        flex: 0 0 calc(calc(100%/2) - 20px);
    }
    .container-investors-corner-icons .container-col.investors-corner-icons {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .container-investors-corner-icons .container-col.investors-corner-icons .investors-corner-icon {
        min-height: auto;
        width: auto !important;
    }
    .container-investors-corner-icons .container-col.investors-corner-icons > div:nth-child(4), .container-investors-corner-icons .container-col.investors-corner-icons > div:nth-child(5) {
        width: auto !important;
    }
    .container-investors-corner-icons .container-col.investors-corner-icons > div:last-child {
        width: auto !important;
    }
    .vc_row.corporate-governance-organigramme-row-1 {
        padding: 20px;
        max-width: 95%;
    }
    .has-category .gws-organigramme-card-icon-category {
        flex-direction: column;
        gap: 10px;
    }
    .gws-organigramme-card {
        padding: 15px;
    }
    .gws-organigramme-card-content {
        align-items: center;
        text-align: center;
    }
    .gws-organigramme-card-content p.gws-icon-text-content {
        font-size: 14px;
    }
    .gws-organigramme-card .gws-icon-title {
        min-height: 42px;
    }
    .how-oversight-flows-inner-row-heading {
        padding-top: 0;
    }
    .ubp-menu-wrapper.menu-wrapper {
        position: absolute;
        top: -25px;
        left: -10% !important;
        z-index: 1000;
        display: none;
        width: 120% !important;
        height: 100dvh;
        overflow-y: auto;
        padding: 30px;
        padding-top: 150px;
        border-radius: 0;
        background: #111;
        box-shadow: 0 10px 25px rgb(0 0 0 / 20%);
        opacity: 0;
        z-index: 5;
    }
    .key-senior-governance-positions-wrapper button.slick-arrow {
        bottom: 0;
    }
    .key-senior-governance-positions-row {
        padding-bottom: 30px;
    }
    .key-senior-governance-positions-heading-left {
        width: 70%;
    }
}

/* Tablet Landscape */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    /* groupe ubp */
    .groupe-ubp-banner-row .ubp-page-banner-title h1 {
        --heading-size: 100px;
        font-size: var(--heading-size);
        line-height: calc(var(--heading-size) + 10px);
    } 

    .ubp-menu-holder ul#menu-main-menu {
        gap: 15px;
    }

    .ubp-get-a-quote-dark-mode-home-wrapper {
        flex-direction: column-reverse;
    }

    .vc_row.groupe-horizons-inner-row {
        flex-direction: unset;
    }

    .vc_row.groupe-horizons-inner-row .container-black-icons-4 .container-col.black-icons-4 > div {
        width: calc((100% - 24px) / 2);
    }

    .vc_row.groupe-horizons-inner-row .vc_column_container:last-child .vc_column-inner .wpb_wrapper .gws-icon-text {
        min-height: 0;
    }

    .groupe-entites-inner-row .box-image-details-image-content-wrapper,
    .vc_row.groupe-structure-info-row {
        flex-direction: unset;
    }

    /* about-us */
    .about-us-banner-inner-row .ubp-landing-banner-decription-wrapper {
        flex-direction: row;
    }

    .vc_row.qui-sommes-nous-inner-row .wpb_wrapper .gws-heading,
    .vc_row.qui-sommes-nous-inner-row .wpb_wrapper .gws-text-block,
    .vc_row.qui-sommes-nous-inner-row .wpb_wrapper .gws-content-wrapper.container-about-us-icons-container,
    .innovation-une-reponse-inner-row .wpb_wrapper {
        max-width: unset;
    }

    .wpb_wrapper .gws-space-wrapper .gws-space.space85.space-tablet220 {
        height: 85px !important;
    }

    .qui-sommes-nous-inner-row .gws-image-item .image {
        display: block;
        height: 500px;
        width: 500px;
    }

}

/* Tablet Ipad Pro Landsacpe */
@media screen and (min-width: 1025px) and (max-width: 1195px) and (orientation: landscape) {

    /* header */
    .admin-bar header#masthead .ubp-header-container {
        margin-top: 42px;
    }

    .ubp-header-account-cart-demande-wrapper {
        flex-direction: column-reverse;
    }
    .ubp-get-a-quote-home-btn, .ubp-get-a-quote-home-btn a {
        width: 100%;
        display: block;
        text-align: center;
    }

    /* groupe ubp */
    .ubp-menu-holder ul#menu-main-menu {
        gap: 15px;
    }

    .groupe-ubp-banner-row .ubp-page-banner-title h1 {
        --heading-size: 100px;
        font-size: var(--heading-size);
        line-height: calc(var(--heading-size) + 10px);
    }

    .ubp-get-a-quote-dark-mode-home-wrapper {
        flex-direction: column-reverse;
    }

    .vc_row.wpb_row.vc_row-fluid.groupe-ubp-banner-row .ubp-widthcontainer {
        max-width: 95%;
    }

    .vc_row.groupe-horizons-inner-row .container-black-icons-4 .container-col.black-icons-4 > div {
        width: calc((100% - 24px) / 2);
    }

    .vc_row.groupe-horizons-inner-row .vc_column_container:last-child .vc_column-inner .wpb_wrapper .gws-icon-text {
        min-height: 0;
    }

    .container-structure-cles-titles .container-col.structure-cles-titles:before {
        left: 185px;
        width: calc(100% - 280px);
    }

    /* about us */
    .vc_row.avec-integrite-inner-row {
        gap: 30px;
    }

    .gws-image-item.qui-sommes-nous-image {
        right: 20px;
    }

    .vc_row.qui-sommes-nous-inner-row .wpb_wrapper,
    .sante-et-security-inner-row.ubp-widthcontainer {
        max-width: 90%;
    }

    .about-us-banner-inner-row .ubp-landing-banner-title h1 {
        --heading-size: 65px;
        font-size: var(--heading-size);
        line-height: calc(var(--heading-size) + 5px);
        margin-top: 100px;
    }

    .gws-image-item.avec-integrite-image .image-wrapper {
        text-align: left;
    }

    /* .sante-et-security-inner-row .wpb_wrapper div.gws-col-sante-et-security-cols .gws-col {
        flex-direction: column;
    }  */

    .sante-et-security-inner-row .wpb_wrapper div.gws-col-sante-et-security-cols .gws-col div:nth-child(1) {
        width: 100%;
    }
    

    .sante-et-security-row.ubp-width90-container,
    .notre-histoire-row.ubp-width90-container {
        max-width: 100%;
    }

    .gws-column-wrapper.gws-col-sante-et-security-cols .gws-heading h2 {
        --heading-size: 35px;
        font-size: var(--heading-size);
        line-height: calc(var(--heading-size) + 5px);
    }

    .notre-histoire-title-row .wpb_wrapper {
        max-width: 90%;
        margin: 0 auto;
    }

    .timeline-box-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .timeline-box-image,
    .timeline-box-content,
    .timeline-year-wrapper {
        width: 90%;
        margin: 0 auto;
    }

    .timeline-box-wrapper .timeline-box-content {
        padding-inline: 20px;
    }

    .timeline-box-image {
        height: 250px;
    }

    .notre-histoire-content-row.histoire-years-cols .histoire-years-right {
        width: 100%;
    }
    
    .notre-histoire-content-row.histoire-years-cols .histoire-years-left {
        display: none;
    }

    .timeline-year-wrapper {
        display: block;
    }

    .timeline-year-wrapper .year {
        color: #fff;
        font-size: 20px;
        line-height: 22px;
        font-weight: 600;
    }

    .about-us-banner-inner-row .ubp-landing-banner-decription-wrapper {
        gap: 50px;
        max-width: 95%;
        margin: 0 auto;
    }

    .about-us-banner-inner-row .ubp-landing-banner-content-inner-wrapper {
        max-width: 95%;
    }
    
    .about-us-banner-inner-row .ubp-landing-banner-decription-wrapper > div {
        width: 100%;
    }

    .vc_row.about-us-multiple-banners-row.card-fadeUpStack-wrapper .wpb_wrapper .about-us-banners-item {
        position: static;
    }

    .about-us-multiple-banners-row .about-us-banners-item .wpb_wrapper .gws-content-wrapper {
        padding: 70px 50px;
    }

    .about-us-banner-inner-row .ubp-landing-banner-image-wrapper.add-gradient .landing-banner-image,
    .about-us-banner-inner-row .ubp-landing-banner-inner-wrapper {
        height: calc(100dvh - 50px);
    }

    .about-us-banner-inner-row .ubp-landing-banner-title-wrapper {
        max-width: 95%;
        margin: 0 auto 20px;
    }

    .about-us-banner-inner-row .ubp-landing-banner-decription p {
        font-size: 12px;
    }

    .vc_row.about-us-multiple-banners-row.card-fadeUpStack-wrapper {
        height: 100% !important;
        max-width: 100%;
    }

    .about-us-multiple-banners-row.card-fadeUpStack-wrapper .wpb_wrapper .about-us-banners-item > .wpb_column > .vc_column-inner > .wpb_wrapper {
        height: 600px;
    }

    .vc_row.about-us-multiple-banners-row.card-fadeUpStack-wrapper > .wpb_column > .vc_column-inner > .wpb_wrapper > div {
        margin-bottom: 20px !important;
    }

    /* .container-about-us-banner-item-icons-container .gws-icon-box .gws-icon-inner {
        flex-direction: row;
    } */

    .container-about-us-banner-item-icons-container .gws-icon-box .gws-icon-inner .gws-icon-text {
        --text-size: 13px;
        font-size: var(--text-size);
        line-height: calc(var(--text-size) + 6px);
        min-height: 40px;
    }

    .about-us-banners-item .wpb_wrapper .gws-col-about-us-banner-item-column .gws-content-wrapper.container-about-us-banner-item-icons-container .container-col.about-us-banner-item-icons-container {
        gap: 15px;
    }

    .vc_row.qui-sommes-nous-inner-row .wpb_wrapper .gws-content-wrapper.container-about-us-icons-container .container-col.about-us-icons-container {
        flex-direction: row;
    }

    .vc_row.qui-sommes-nous-inner-row .wpb_wrapper .gws-content-wrapper.container-about-us-icons-container .gws-icon-box .gws-icon-inner {
        flex-direction: column;
    }


    .vc_row.nos-equipes-member-row.nos-equipes-member-ventes,
    .vc_row.nos-equipes-member-row.nos-equipes-member-production,
    .vc_row.nos-equipes-member-row.nos-equipes-member-dirigeante {
        max-width: 100%;
    }

    button.slick-arrow {
        background: none;
        border: none;
        position: absolute;
        bottom: -43px;
        width: 26px;
        padding: 0;
        font-size: 25px;
        z-index: 1;
    }

    button.slick-prev.slick-arrow {
        right: 70px;
    }

    button.slick-next.slick-arrow {
        right: 20px;
    }

    .histoire-years-right .slick-slider .slick-arrow {
        bottom: unset;
        top: -43px;
    }

    .equipe-cards-inner-wrapper.slick-slider .slick-slide > div:first-child {
        margin-bottom: 20px;
    }

    .vc_row.nos-equipes-member-row.nos-equipes-member-ventes .nos-equipes-member-inner-row.ubp-widthcontainer,
    .vc_row.wpb_row.vc_row-fluid.nos-equipes-member-row.nos-equipes-member-dirigeante .nos-equipes-member-inner-row.ubp-widthcontainer,
    .vc_row.nos-equipes-member-row.nos-equipes-member-production .nos-equipes-member-inner-row.ubp-widthcontainer {
        max-width: 90%;
    }

    .histoire-years-right .slick-slider .slick-arrow i,
    .equipe-cards-wrapper.equipe-vente-cards .slick-slider .slick-arrow i,
    .nos-equipes-member-row.nos-equipes-member-production .slick-slider .slick-arrow i {
        color: #fff;
    }


    .qui-sommes-nous-inner-row .gws-image-item .image {
        display: block;
        height: 400px;
        width: 400px;
    }

    .equipe-cards-wrapper .slick-track .slick-slide,
    .about-us-multiple-banners-row.card-fadeUpStack-wrapper .slick-track .slick-slide {
        margin-inline: 10px;
    }

    .gws-column-wrapper.gws-col-sante-et-security-cols .gws-heading h2 br,
    .notre-histoire-title-row .wpb_wrapper .gws-heading h2 br {
        display: none;
    }

    .about-us-banner-inner-row .ubp-landing-banner-decription-wrapper > .ubp-landing-banner-box-wrapper {
        width: 50%;
    }

    .qui-sommes-nous-inner-row .gws-image-item .image {
        display: block;
        height: 500px;
        width: 500px;
    }

     .sante-et-security-inner-row .wpb_wrapper div.gws-col-sante-et-security-cols .gws-col div:nth-child(2) {
        width: 70%;
    }

    .notre-histoire-row .gws-space-wrapper .gws-space.space175 {
        height: 0 !important;
    }

    /* home */
    .ubp-home-banner-content-inner-wrapper,
    .vc_row.wpb_row.vc_inner.vc_row-fluid.home-partenaire-inner-row.ubp-widthcontainer,
    .vc_row.wpb_row.vc_inner.vc_row-fluid.home-rejoignez-inner-row.ubp-widthcontainer {
        max-width: 95%;
        margin: 0 auto;
    }

    .custom-blog-item.ubp-blog-item-wrapper .ubp-blog-item-title h3 {
        min-height: 85px;
    }

}

@media screen and (min-width: 1025px) {
    html {
        padding: 25px;
    }
    .ubp-filter-toggle-bar {
        display: none;
    }
    .ubp-archive-sidebar-close-btn {
        display: none;
    }
    .vc_row.home-banner-row.home-recrutement-row * {
        height: 100%;
    }
    .ubp-single-job-banner {
        height: 100dvh;
    }
}


/* Responsive for header tablet */
@media screen and (min-width: 992px) and (max-width: 1195px) {
    .ubp-menu-holder li.menu-item a {
        font-size: 12px;
    }
    .ubp-menu-holder ul#menu-main-menu {
        gap: 12px;
    }
    .ubp-header-account-cart-demande-wrapper {
        gap: 10px;
    }
    .ubp-header-account-cart-demande-wrapper {
        flex-direction: column-reverse;
    }
    .ubp-header-account-cart-demande-wrapper svg {
        width: 20px;
        height: 20px;
    }
    .ubp-header-icons-wrapper {
        gap: 20px;
    }
    .ubp-header-container.ubp-desktop-menu.fixed-header {
        padding: 15px 0;
    }
    .ubp-get-a-quote-home-btn, .ubp-get-a-quote-home-btn a {
        width: 100%;
        display: block;
        text-align: center;
    }
    .ubp-logo svg {
        width: 100%;
        height: auto;
    }
    .ubp-logo {
        width: 8%;
    }
    .ubp-header-wrapper {
        align-items: center;
        gap: 15px;
    }
    .ubp-get-a-quote-dark-mode-home-wrapper {
        width: 30%;
        justify-content: flex-end;
        gap: 15px;
        flex-direction: row;
    }
    .dark-mode-checkbox-label .ball {
        width: 16px;
        height: 16px;
    }
    .dark-mode-checkbox-label {
        width: 40px;
        height: 20px;
    }
    .dark-mode-checkbox-label i {
        font-size: 12px;
    }
    .dark-mode-checkbox:checked + .dark-mode-checkbox-label .ball {
        transform: translateX(20px);
    }
    .ubp-header-account-cart-demande-wrapper i {
        font-size: 16px;
    }
    .ubp-get-a-quote-home-btn a {
        padding: 8px 20px;
        font-size: 12px;
    }
    .ubp-main-menu nav {
        justify-content: center;
    }
}

/* Shared responsive */

@media screen and (min-width: 320px) and (max-width: 767px), screen and (min-width: 768px) and (max-width: 1024px) {
    .ubp-org-departments {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 15px;
    }
    .ubp-org-department {
        display: block;
        flex: none;
        width: 100%;
        height: auto !important;
        min-height: 0 !important;
        padding: 0;
        background: transparent;
        border: none;
        box-shadow: none;
        border: 1px solid #DEDEDE;
        border-radius: 20px;
    }
    .ubp-org-department-title {
        display: block !important;
        position: relative;
        width: 100%;
        box-sizing: border-box;
        margin: 0;
        padding: 15px 50px 15px 15px;
        background: #F6F5F2;
        border-radius: 5px;
        cursor: pointer;
    }
    .ubp-org-department-small-title,
    .ubp-org-department-label {
        display: block;
    }
    .ubp-org-department-icon {
        display: block;
        position: absolute;
        right: 18px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 18px;
        pointer-events: none;
    }
    .ubp-org-department-members {
        position: static;
        height: auto;
        min-height: 0;
        margin: 0;
    }
    .ubp-org-department-title:focus-visible {
        outline: 2px solid #111;
        outline-offset: 3px;
    }
    .vc_row.group-executive-committee-shortcode * {
        transition: none;
    }
    span.ubp-org-department-label {
        color: #151515;
        font-size: 18px;
        font-weight: 400;
    }
    h3.ubp-org-department-title {
        min-height: auto;
        padding: 25px 10px;
    }
    span.ubp-org-department-small-title {
        color: #8E6800;
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
    }
    .ubp-org-tabs {
        display: none;
    }
    .ubp-org-chart::after {
        width: 2px;
        height: 100%;
        top: 0;
        left: 30px;
    }
    .ubp-org-ceo::before {
        display: none;
    }
    .ubp-org-ceo::after {
        display: none;
    }
    .ubp-org-ceo {
        position: relative;
        z-index: 3;
    }
    .ubp-org-department {
        position: relative;
        z-index: 2;
    }
    .ubp-org-department-members {
        position: relative;
        z-index: 3;
        background: #FFF;
        border-radius: 0 0 15px 15px;
        padding: 15px;
    }
    .ubp-org-member-card .ubp-org-member-position {
        font-size: 12px;
    }
    .ubp-org-member-content-wrapper {
        gap: 15px;
    }
    .ubp-org-member-avatar {
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    h3.ubp-org-department-title i.ubp-org-department-icon {
        background: #1a1a1a;
        color: #FFD962;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
    }
    .is-department-open h3.ubp-org-department-title i.ubp-org-department-icon {
        background: #FFF;
        color: #000;
    }
}