@media (min-device-aspect-ratio: 16/11) and (max-device-aspect-ratio: 16/10) { /*MACBOOK*/

}


@media (min-width: 1025px) { /* Desktop */

}

/* Tablette */
@media (min-width: 768px) and (max-width: 1024px) {


    .mainBlock { padding: 0 3em; }
    .border-section { padding: 0 0 2em 2em; }


    #services p { width: 45em; }
    #services-content .flex-col { gap: 1em; }
    #services-100-block .num { font-size: 8em; }

    .demo { padding: 2em; gap: 2em; }
    .demo h3 { transform: translateX(0); }
    .demo ul { padding: 2em; }


    #partners { padding: 2em 6em 4em; }
    #partners .logos {
        justify-content: flex-start;
        flex-wrap: wrap;
        column-gap: 6em;
        row-gap: 2em;
    }

}

/* Mobile */
@media (max-width: 767px) {


    #splash{ padding: 1em; }
    #splash div{ aspect-ratio: 1/1; border-radius: 2em; background-position: calc(100% + 2.5em) center; }


    .mainBlock .border-section { padding: 0 0 2em 0; border: none; }
    .mainBlock{ padding: 0 1em; /*font-size: 0.75em;*/ }
    .mainBlock section { border: none; min-height: 25em; }

    #entete { margin: 1em 0 2em; }


    #services-content { gap: 1em; }
    #services h2 { margin: 0; }
    #services p { width: auto; }
    #services span { display: initial; }

    #services-partenariat { padding: 1em; }
    #services-partenariat > .flex-col { gap: 1em; padding: 1em 0; }
    #services-inside-block.flex-col { padding: 1em 1.5em; gap: 1em; }
    #services-partenariat #partenariat-grid {
        overflow-x: scroll; overflow-y: hidden;
        grid-template-rows: initial; grid-template-columns: repeat(7, 8em); grid-row-gap: 1em;
        padding-bottom: 1em;
    }


    #services-partenariat #partenariat-grid div.partenariat-cell { align-self: start; }
    #services-partenariat #partenariat-grid div.partenariat-cell .num { font-size: 2em; font-weight:800; }
    #services-partenariat #partenariat-grid div.partenariat-cell span { width: 100%; }

    #services-pied > div { padding-top: 2em; padding-bottom: 2em; }
    #services-pied #services-100-block { padding: 1em; }
    #services-100-block .num { font-size: 5em; }

    #expertise { padding-top: 2em; }
    #expertise ol { margin: 0; padding: 0 0 0 1em; }

    .demo {
        padding: 1em; gap: 1em;
        background-image: linear-gradient( to bottom, var(--reverse-text) 70%, var(--reverse-text) 80%, var(--fifth-color-grad0) 100%);
    }
    .demo h3 { transform: translateX(0); }
    .demo h3 .num { font-size: 2.5em; padding-right: 0.2em; width: auto; }
    .demo-schema { flex-direction: column; padding-left:0; }
    .demo-schema .demo-popup { top: unset; bottom: -2.5em; }
    .demo-schema .demo-step:first-child .demo-popup,
    .demo-schema .demo-triple:first-child .demo-popup
    {
        left: unset;
    }
    .demo-schema .demo-step:last-child .demo-popup,
    .demo-schema .demo-triple:last-child .demo-popup
    {
        right: unset;
    }
    .demo-schema .demo-popup.active { display: inline-block; transition: 0.2s ease-in; }
    .demo-schema img { max-width: 15em; max-height: 10em; }
    .demo-schema .demo-arrow { transform: rotate(90deg); }
    .demo-schema .demo-arrow img,
    .demo-schema .demo-arrow.demo-triple img { width: auto; height: 6em; transform: scale(0.65); }
    .demo ul { padding: 1.5em 1em; gap: 0.35em; }

    .demo-schema .demo-triple { display: flex; flex-direction: row; }
    .demo-schema .demo-triple img { width: 9em; height:8em; }
    .demo-schema .demo-arrow.demo-triple { gap: 0em; transform: rotate(0); }

    /*.demo-schema .demo-arrow.demo-triple img { width: auto; height: 6em;}*/


    .demo-arrow.demo-triple .demo-triple-element { width: 6em; }
    .demo-schema .demo-arrow.demo-triple .demo-triple-element:first-child  { transform: rotate(0); }
    .demo-schema .demo-arrow.demo-triple .demo-triple-element:nth-child(2)  { transform: rotate(0); }
    .demo-schema .demo-arrow.demo-triple .demo-triple-element:last-child  { transform: rotate(0); }
    .demo-schema .demo-arrow.demo-triple .demo-triple-element:first-child img { transform: rotate(125deg) scale(0.65); }
    .demo-schema .demo-arrow.demo-triple .demo-triple-element:nth-child(2) img { transform: rotate(90deg) scale(0.65); }
    .demo-schema .demo-arrow.demo-triple .demo-triple-element:last-child img { transform: rotate(65deg) scale(0.65); }
    .demo-schema .demo-triple:last-child { width: auto; margin-top: 2em; }
    .demo-schema .demo-triple:last-child .demo-triple-element:first-child { transform: translateX(1em); }
    .demo-schema .demo-triple:last-child .demo-triple-element:last-child { transform: translateX(-1em); }
    .demo-schema .demo-triple:last-child .demo-triple-element:nth-child(2) { transform: translateY(3em); }

    .demo-schema .carbon-credit {
        top: 0;
        bottom: unset;
        right: 0;
        width: 8em;
        height: 8em;
    }


    #partners { padding: 1em; /*font-size: 0.5em;*/ }
    #partners h2 { margin-bottom: 1em; }
    #partners .logos { flex-wrap: wrap; row-gap:1em; }
    #partners .logos span { flex-basis: 33%; }
    #partners .logos img { height: auto; width: 100%; max-height: 4em; max-width: 6em; }

}