@media (max-width: 1530px){
    h1, .h1 {
        font-size: 68px;
    }
    h2, .h2{
        font-size: 52px;

    }
    .home-quick-links__item:nth-child(5) {
        right: 5vw;
        bottom: 30vw;
    }
    .home-quick-links__item:nth-child(4) {
        right: 10vw;
        bottom: 21vw;
    }
    .home-quick-links__item:nth-child(3) {
        right: 20vw;
        bottom: 27vw;
    }
    .home-quick-links__item:nth-child(2) {
        right: 28vw;
        bottom: 20vw;
    }
    .home-quick-links__item:nth-child(1) {
        right: 34vw;
        bottom: 26vw;
    }
    .faq-banner h2.faq-banner__title,
    .about-tool__container h2.about-tool__title{
        font-size: 68px;
    }
}
@media (max-width: 1330px){
    h3, .h3{
        font-size: 23px;
    }
    .link-follow{
        font-size: 14px;
    }
    .page-template-template-fonction .hero__image{
        bottom: -100px;
    }
    .about-solution{
        padding-top: 17vw;
    }
}
@media (max-width: 1100px){
    .faq-hero__shape{
        display: none;
    }
}
@media (max-width: 980px){
    :root {
        --contour: 25px;
        --ltspace: 20px;
        --mdspace: 40px;
        --bigspace: 90px;

        --md-side: var(--contour);
        --bg-side: 0vw;

    }
    h1, .h1{
        font-size: 34px;
        margin-bottom: 20px;
    }
    h2, .h2 {
         font-size: 26px;
        margin-bottom: 20px;
    }
    h1 br, .h1 br,
    h2 br, .h2 br{
        display: none;
    }
    h3, .h3 {
        font-size: 20px;
    }
    a, .p, p, .txt li {
        font-size: 16px;
    }
    .big-p *, .big-p {
        font-size: 18px;
    }
    .lt-h2{
        font-size: 22px;
        margin-bottom: 15px;
    }
    body{
        padding: 0;
    }
    #container{
        margin-top: 75px;
    }
    .header-edit-link{
        display: none;
    }

    #header {
        grid-template-columns: 100px auto;
        padding: 20px var(--contour);
    }
    #close-bar1, #close-bar2, #close-bar3{
        background: var(--griscasaq);
        height: 1px;
        transition: 0.3s ease-in-out all;
    }
    #menu .menu-icon{
        width: 24px;
        height: 15px;
    }
    #menu.toggled #close-bar1 {
        transform: translateY(6px) rotate(45deg);
    }
    .menu-toggle {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-left: auto;
        background: transparent;
        border: 0;
        cursor: pointer;
        color: var(--noir);
        text-transform: uppercase;
    }

    #main-menu-container {
        position: fixed;
        top: 65px;
        left: 0;
        width: 100%;
        height: calc(100vh - 80px);
        background: white;
        padding: 20px var(--contour);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-10px);
        transition: opacity .35s ease, visibility .35s ease, transform .35s ease;
    }

    html.menu-toggled #main-menu-container {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
    }

    #main-menu-container .menu {
        flex-direction: column;
        width: 100%;
        margin-left: 0;
    }

    #main-menu-container .menu a {
        font-size: 20px;
        margin-bottom: 13px;
        margin-right: 0;
        width: fit-content;
        display: flex;
    }

    .menu-text.close {
        display: none;
    }

    html.menu-toggled .menu-text.open {
        display: none;
    }

    html.menu-toggled .menu-text.close {
        display: inline;
    }



    #footer #copyright {
        margin: 0 auto 0 0 ;
        flex-direction: column;
    }
    #copyright>span{
        flex-direction: column;
    }
    #copyright .trait_vertical{
        display: none;
    }
    .grid-formules{
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
    .home-formules__cards{
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
    .haut_footer{
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
    .svg-round{
        display: none;
    }

    .home-quick-links__container{
        display: none;
    }
    .hero__container{
        padding-top: var(--ltspace);
        height: auto;
        background: transparent;
        z-index: 10;
        padding-left: var(--contour);
        padding-right: var(--contour);
    }
    .hero__container::after{
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        top: 0;
        height: calc(100% - 80px);
        z-index: -1;
        background: linear-gradient(180deg, #FFF 0%, #ECEDFC 50%, #FBDBEB 100%);
    }

    .hero__image {
        width: 100%;
        position: static;
        margin-top: var(--ltspace);
    }

    body{
        overflow: hidden;
    }
    .home-tools{
        margin-top: var(--mdspace);
    }

    .home-tools__grid {
        display: none;
    }

    .home-tools__mobile {
        display: block;
        overflow: visible;
    }

    .home-tools__mobile-item {
        width: 85%;
    }

    .home-tools__mobile-media {
        background: linear-gradient(180deg, #FFF 0%, #ECEDFC 51.92%, #FBDBEB 100%);
        line-height: 0;
        overflow: hidden;
        margin-bottom: 15px;
    }

    .home-tools__mobile-media img,
    .home-tools__mobile-media video {
        width: 100%;
        aspect-ratio: 16 / 10;
        object-fit: cover;
        display: block;
    }
    .home-tools__mobile-content h3{
        margin-bottom: 5px;
    }

    .home-tools__mobile-content {
        display: block;
    }

    .home-tools__mobile-content .home-tools__number {
        display: none;
    }


    .home-tools__mobile-content p {
        color: var(--noir);
    }
    .home-suisse__text{
        position: static;
        padding-left: var(--md-side);
        padding-right: var(--md-side);
    }
    .home-suisse__image{
        margin-top: var(--ltspace);
    }
    .home-suisse__image::after{
        display: none;
    }
    footer{
        padding: 50px var(--contour) var(--contour) var(--contour);
    }
    .haut_footer>div:nth-child(3){
        display: none;
    }
    .fonctions{
        margin-top: var(--mdspace);
    }
    .fonction-banner__container{
        padding: var(--contour);
    }
    .fonction-banner__content{
        max-width: 100%;
    }

    footer .menu a{
        padding-bottom: 0;
        margin-bottom: 5px;
    }
    .fonction-banner__image{
        height: auto;
    }


    .fonctions__mobile-select {
        display: block;
        margin-bottom: 30px;
    }

    .fonctions__mobile-select {
        position: relative;
    }

    .fonctions__mobile-select select {
        width: 100%;
        height: 52px;
        padding: 0 50px 0 18px;
        border: 0;
        background: #DAD6ED;
        color: var(--noir);
        outline: 0;
        border-radius: 0;
        appearance: none;
        -webkit-appearance: none;
        font-size: 16px;
        cursor: pointer;
    }

    .fonctions__mobile-select::after {
        content: "";
        position: absolute;
        top: 23px;
        right: 20px;
        width: 9px;
        height: 9px;
        border: solid var(--rouge);
        border-width: 0 0 2px 2px;
        transform: rotate(-45deg);
        pointer-events: none;
    }

    .fonctions__mobile-select select:focus {
        border-color: var(--rouge);
    }
    .fonctions__mobile-formule {
        display: none;
        margin-top: 15px;
        padding: 20px;
        background: linear-gradient(180deg, #FFF 0%, #ECEDFC 51.92%, #FBDBEB 100%);
    }

    .fonctions__mobile-formule .h3 {
        display: block;
        margin-bottom: 10px;
        text-transform: uppercase;
    }

    .fonctions__mobile-formule span {
        display: block;
        color: var(--noir);
    }

    .fonctions__mobile-formule p {
        margin-top: 10px;
        color: var(--noir);
    }
    .fonctions__values,
    .fonctions__header{
        display: none;
    }
    .fonctions__question{
        display: block;
    }
    .fonctions__question-title{
        position: relative;
        padding-left: 20px;
    }
    .fonctions__question-title>svg{
        position: absolute;
        top: 8px;
        left: 0;
        width: 7px;
        height: auto;
    }
    footer .menu a,
    .adresse *{
        font-size: 14px;
    }
    .haut_footer>div:first-child svg{
        width: 110px;
        height: auto;
    }
    .sur-titre{
        font-size: 12px;
        margin-bottom: 15px;
    }
    .haut_footer .btn_base{
        margin-left: 0;
    }
    .partner{
        position: absolute;
        bottom: 60px;
    }
    .partner svg{
        width: 70px;
        height: auto;
    }
    #footer #copyright{
        display: block;
    }
    .bas_footer{
        margin-top: 120px;
    }



    .about-history__item{
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
    .about-solution::after{
        display: none;
    }
    .about-solution{
        padding-top: 0;
    }
    .about-history__nav{
        margin-left: 0;
        margin-top: 20px;
    }
    .about-partners__intro{
        display: block;
    }
    .about-partners__text{
        padding-top: 0;
    }
    .about-partners__image{
        margin-top: 20px;
    }
    .about-tool__image{
        bottom: 0;
    }
    .about-tool__container{
        min-height: 400px;

    }
    .faq-hero__container{
        padding-left: var(--contour);
        padding-right: var(--contour);
    }



    .faq-filters {
        width: 100%;
        margin-top: 20px;
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .faq-filters__categories {
        display: none;
    }

    .faq-filters__mobile-select {
        display: block;
        position: relative;
        width: 100%;
    }

    .faq-filters__mobile-select select,
    .faq-filters__input {
        width: 100%;
        height: 52px;
        padding: 0 50px 0 18px;
        border: 0;
        background: #DAD6ED;
        color: var(--noir);
        outline: 0;
        border-radius: 0;
        font-size: 16px;
        box-shadow: 0 0 34px rgba(82, 82, 130, 0.06);
    }

    .faq-filters__mobile-select select {
        appearance: none;
        -webkit-appearance: none;
        cursor: pointer;
    }

    .faq-filters__mobile-select::after {
        content: "";
        position: absolute;
        top: 18px;
        right: 20px;
        width: 9px;
        height: 9px;
        border: solid var(--rouge);
        border-width: 0 0 2px 2px;
        transform: rotate(-45deg);
        pointer-events: none;
    }

    .faq-filters__search {
        position: relative;
        width: 100%;
        display: block;
    }

    .faq-filters__input {
        position: static;
        opacity: 1;
        min-width: 100%;
        padding-right: 55px;
    }

    .faq-filters__submit {
        position: absolute;
        right: 0;
        top: 0;
        width: 52px;
        height: 52px;
        background: var(--rouge);
    }


    .demande-form-section{
        padding: var(--contour);
    }
    .demande-form-section__container{
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
    .demande-form__urgence strong{
        font-size: 16px;
    }
    .demande-form__urgence small{
        font-size: 12px;

    }
    .demande-form__urgences{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .demande-form__field{
        margin-bottom: 10px;
    }
    .demande-form__grid{
        grid-template-columns: 1fr;
        grid-gap: 0px;
    }
    input{
        height: 36px;
    }
    .demande-form__label,
    .demande-form__field > label {
        font-size: 12px;
    }
    .blog-featured{
        display: flex;
        flex-direction: column-reverse;
        grid-gap: 0;
    }
    .blog-hero__container{
        /*padding: var(--contour);*/
    }
    .blog-hero__title {
        margin-bottom: 30px;
    }
    .single-blog-related__grid,
    .blog-list__grid{
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
    .blog-card{
        padding-bottom: 20px;
    }
    .single-blog-hero__top{
        display: block;
    }
    .single-blog-hero__right{
        padding-top: 0;
    }
    .single-blog-related{
        padding: var(--contour);
    }
    .single-blog-content__block--galerie:not(.is-slider){
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
    .single-blog-content__block--galerie img{
        height: 89.7vw;

    }
    .blog-hero{
        padding-top: 0;
    }
    th, td{
        border-right: 6px solid transparent;
    }
    .single-blog-content__block h2{
        margin-top: 30px;
    }
    .demande-form-section{
        padding-bottom: 50px;
    }
    .page-contact .demande-form-section{
        /*padding: 0;*/
    }
    .demande-form-section__address{
        margin-top: 20px;
    }
    .page-contact .fonction-banner__container{
        min-height: 400px;
        margin-top: var(--mdspace);
    }
    .crm-intelligent {
        width: 136px;
        height: 136px;
    }


    .home-features__swiper-wrapper{
        margin-top: 20px;
    }
    .home-features__media *{
        height: 87vw;

    }
    .fonctions__answer-inner{
        padding-left: 20px;
    }
    .home-features__swiper-wrapper .home-features__slider{
        overflow: visible;
    }
    .fonctions__question{
        padding: 15px 0;
    }

    .single-fonction-hero .hero__container::after{
        height: 100%;
    }
    .single-avantages{
        /*margin-top: var(--ltspace);*/
        margin-top: 0;
    }
    .single-avantages__big-title{
        margin-left: 0;
    }
    .single-avantages__grid{
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
    .single-fonction-content{
        padding: var(--contour);
    }
    .single-fonction-content__row{
        display: block;

    }
    .single-fonction-content__row:not(:last-child){
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .home-faq__container{
        display: block;
    }
    .home-faq__left > svg{
        display: none;
    }
    .single-related__grid{
        grid-template-columns: 1fr;
        grid-gap: 15px;
        padding-left: var(--md-side);
        padding-right: var(--md-side);
    }
    .fonctions__mobile-select {
        display: block;
        position: relative;
        margin-bottom: 30px;
        z-index: 40;
    }

    .custom-formule-select__trigger {
        width: 100%;
        min-height: 64px;
        padding: 14px 52px 14px 18px;
        border: 0;
        background: #DAD6ED;
        text-align: left;
        position: relative;
    }



    .fonctions__mobile-select.is-open .custom-formule-select__trigger::after {
        transform: rotate(135deg);
    }

    .custom-formule-select__label,
    .custom-formule-select__option {
        display: block;
    }

    .custom-formule-select__label>strong,
    .custom-formule-select__option>strong {
        display: block;
        color: var(--rouge);
        text-transform: uppercase;
        font-size: 18px;
        margin-bottom: 6px;
    }

    .custom-formule-select__label span,
    .custom-formule-select__option span {
        display: grid;
        gap: 4px;
        color: var(--noir);
        font-size: 14px;
    }

    .custom-formule-select__label em,
    .custom-formule-select__option em {
        font-style: normal;
        color: var(--noir);
        font-weight: 600;
    }

    .custom-formule-select__dropdown {
        position: absolute;
        left: 0;
        right: 0;
        top: calc(100% + 6px);
        background: white;
        border: 1px solid #DAD6ED;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-8px);
        transition:
                opacity .3s ease,
                visibility .3s ease,
                transform .3s cubic-bezier(.22, 1, .36, 1);
    }

    .fonctions__mobile-select.is-open .custom-formule-select__dropdown {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .custom-formule-select__option {
        width: 100%;
        padding: 18px;
        border: 0;
        border-bottom: 1px solid #D7D6DB;
        background: white;
        text-align: left;
    }

    .custom-formule-select__option.is-selected,
    .custom-formule-select__option:hover {
        background: linear-gradient(180deg, #ECEDFC 0%, #FBDBEB 100%);
    }

    .custom-formule-select__details {
        display: grid;
        gap: 5px;
    }

    .custom-formule-select__details > span {
        display: block;
        color: var(--noir);
        font-size: 14px;
    }

    .custom-formule-select__details em {
        font-style: normal;
        color: var(--noir);
        font-weight: 600;
    }

    .custom-formule-select__setup,
    .custom-formule-select__setup * {
        margin-top: 8px;
        color: var(--noir);
        font-size: 14px;
    }
    .home-faq__question-text{
        font-size: 18px;
    }
    .home-faq__question{
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .single-fonction-hero__breadcrumb * {
        font-size: 10px;
    }
    .about-history__nav{
        display: none;
    }
    .about-history__slider{
        overflow: visible;
    }
    .btn_base{
        font-size: 14px;
    }
    .single-blog-hero__media-row{
        margin-top: 20px;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .single-blog-content__block{
        margin-top: 30px;
        padding-left: var(--md-side);
        padding-right: var(--md-side);
    }
    .pom-s-title{
        font-size: 20px!important;
    }
    th, th *{
        font-size: 13px;
    }
    td{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    td, td *{
        font-size: 15px;
    }
    .single-credits__row{
        display: block;
        padding: var(--contour);
    }
    .single-credits__row>svg{
        display: none;
    }
    .single-credits__title{
        margin-bottom: 10px;
    }
    .single-blog-hero{
        padding-top: var(--contour);
    }
    table{
        margin: 10px 0;
    }


    .cookie-popup {
        left: var(--contour);
        right: var(--contour);
        width: auto;
    }

    .cookie-popup-content {
        padding: 20px;
    }

    .cookie-popup-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .cookie-btn {
        width: 100%;
    }
    .fonctions__question:hover .fonctions__question-title{
        transform: translate(0,0);
    }
    .home-faq__question:hover .home-faq__question-text {
        transform: translate(0,0);
        }
    .home-faq__container{
        min-height: unset;
    }
    .single-related__card > svg{
        width: 16px;
        height: 16px;
    }
    .credits-volumes{
        margin-top: var(--mdspace);
    }
    .credits-volumes__grid{
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }
    .credits-volumes__item img {
        width: 26px;
        height: 26px;
    }
    .about-history__title{
        margin-bottom: 5px;
    }
    .mx-wd-impressum{
        padding-left: var(--md-side);
        padding-right: var(--md-side);
        margin-top: 20px;
    }
    .single-related__title{
        margin-bottom: 0;
    }
    .single-fonction-hero__media{
        max-width: 100%;
        max-height: 100%;
    }
    .single-fonction-hero.has-media .hero__container::after {
        height: 85%;
    }
        .casaq-brain {
            top: auto;
            bottom: 35px;
            transform: none;
        }

        .casaq-brain__bubble {
            position: fixed;
            left: var(--contour);
            right: var(--contour);
            bottom: 95px;

            width: auto;
            max-height: 60vh;
            overflow-y: auto;
        }

    .single-fonction-hero__content::after{
        display: none;
    }
    .single-fonction-hero__content{
        padding: 0;
    }
    .is-image-head.single-fonction-hero__media{
        margin-top: 10px;
        margin-bottom: 0;
        width: 100%;
        margin-left: 0;
        right: unset;
    }
    .single-avantages{
        margin-top: 20px;
    }
    .faq-banner h2.faq-banner__title,
    .about-tool__container h2.about-tool__title{
        font-size: 34px;
        margin-bottom: 20px;
    }
    .fonction-banner__links .btn_base{
        margin-bottom: 10px;
    }

}