@media screen and (max-width: 1100px) {
    :root {
        --responsive--aligndefault-width: 100%;
        --button--padding-vertical: 8px;
    }

    h3 {
        font-size: 2rem;
    }

    .home .page-template .slider_container .post_slide {
        position: relative;
        flex: calc(50% - 50px);
        max-width: calc(50% - 50px);
        min-width: calc(50% - 50px);
    }

    .home .page-template .slider_container .post_slide.second {
        margin-right: 40px;
    }
}

@media screen and (max-width: 1024px) {
    #site-header .top-part {
        height: 66px;
        background-color: #f2f2f2;
    }

    #site-header .top-part .custom-logo-link {
        height: 230px;
        top: 0;
        left: 0;
    }

    #site-header .top-part img.custom-logo {
        display: block;
        width: 230px;
        height: auto;
        margin-left: auto;
    }

    #site-header .top-part .custom-logo-link::after {
        width: 66px;
        height: 66px;
        border-radius: 0 66px 66px 0;
    }

    #site-header .top-part .right-part {
        display: none;
    }

    #site-header .menu-main-menu-container {
        display: none;
    }

    #site-header .is_desktop {
        display: none;
    }

    #site-header .is_mobile {
        display: flex;
    }

    #site-header .is_mobile.open .right-part {
        display: block;
    }

    #page-title h1 {
        padding-left: 2em;
    }

    #page-title h1:before {
        width: 1.5em;
    }
}

@media screen and (max-width: 800px) {
    #global-titles #global-title {
        margin-right: 50px;
        margin-top: 1em;
        font-size: 1.5em;
    }

    #global-titles #global-subtitle {
        margin-right: 50px;
        font-weight: 400;
        font-size: 2rem;
    }

    #second-line-container {
        position: relative;
        margin-top: 2rem;
        margin-bottom: 1em;
    }

    .home .page-template .tech_columns {
        display: block;
    }

    .home .page-template .tech_columns .wp-block-column {
        margin-left: 0 !important;
    }

    .home .techno_app .wp-block-columns {
        display: block;
    }

    .home .techno_app .wp-block-column {
        justify-content: center;
        margin-left: 0 !important;
    }

    .home .techno_app .wp-block-column:first-of-type figure img {
        max-width: 200px;
        margin: auto;
    }

    .home .techno_app .wp-block-column h5 {
        margin: 20px 0;
        text-align: center;
    }

    .home .page-template .bandeau_machines {
        margin-top: 0px;
    }

    .home .page-template .slider_container {
        margin: 0 5% !important;
    }

    .home .page-template .services {
        gap: 0;
    }

    .home .page-template .services .wp-block-column:first-of-type {
        flex-basis: 20% !important;
    }

    .home .page-template .services .wp-block-column:last-of-type h3,
    .home .page-template .services .wp-block-column:last-of-type p {
        padding: 20px 30px 10px 10%;
    }
}

@media screen and (max-width: 768px) {
    :root {
        font-size: 10px;
    }

    #page-title {
        height: 125px;
        margin: 0;
        grid-column: 1/3;
    }

    #header-links {
        grid-column: 1/3;
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    #site-footer .legal_notices {
        display: block;
    }

    #site-footer .legal_notices ul {
        display: block;
    }

    #site-footer .legal_notices li {
        padding-left: 0;
    }

    #site-footer .legal_notices li:not(:last-of-type) {
        border-right: 0;
    }

    .milieux_associes_container .ma_row > div {
        max-width: 90%;
        margin: 0 auto;
    }

    .milieux_associes_container .types_de_prelevement.open {
        display: none;
    }

    .milieux_associes_container .types_de_prelevement .categories {
        margin: 0 10px;
    }

    .milieux_associes_container .ma_row .milieux_disponibles .ma_return {
        display: block;
    }

    .milieux_associes_container .ma_row .milieux_disponibles::before {
        display: none;
    }

    .ma-single-container h2 {
        font-size: 2rem;
    }

    .ma-single-container .description {
        display: block;
    }

    .ma-single-container .description .type_de_prelevement {
        margin-bottom: 20px;
    }

    .ma-single-container .bottom_part.ip a {
        width: 100%;
        text-overflow: ellipsis;
        display: block;
        white-space: nowrap;
        overflow: hidden;
    }

    .ma-single-container .bottom_part {
        padding: 20px;
    }

    .wp-block-group {
        padding: 20px 5% !important;
    }

    .archive #main article {
        flex: calc(33% - 20px);
        max-width: calc(33% - 20px);
        min-width: calc(33% - 20px);
    }

    .banniere {
        padding: 50px 20px;
    }

    .error_codes {
        padding: 20px !important;
    }

    .asked_code #asked_code {
        height: 60px;
        font-size: 3rem;
    }

    .asked_code #submit {
        height: 60px;
        width: unset;
    }

    .col_40 {
        flex: 100%;
        width: 100%;
        max-width: 100%;
        margin: 10px 0;
    }

    .reg_form.mot-de-passe-oublie,
    .reg_login_form {
        width: 100%;
    }

    .reg_form .acf-fields {
        display: block;
    }
}

@media screen and (max-width: 600px) {
    #site-header .is_mobile .user-block h4 {
        font-size: 14px;
    }

    #site-header .is_mobile .contact {
        font-size: 14px;
    }

    .home .page-template .slider_container .post_slide {
        position: relative;
        flex: calc(100% - 80px);
        max-width: calc(100% - 80px);
        min-width: calc(100% - 80px);
    }

    .home .page-template .slider_container .post_slide.first {
        margin-right: 40px;
    }

    .archive #main article {
        flex: calc(50% - 20px);
        max-width: calc(50% - 20px);
        min-width: calc(50% - 20px);
    }
}

@media screen and (max-width: 500px) {
    #global-titles #global-title {
        margin-right: 10px;
        font-size: 1.2em;
    }

    #page-title {
        display: flex;
        min-height: 75px;
        height: max-content;
    }

    #page-title h1 {
        position: relative;
        display: flex;
        align-items: center;
        font-size: 1em;
        top: 0;
        padding: 10px 0 10px 2em;
    }

    #header-links a.arrowlink {
        font-size: 1.5rem;
    }

    .milieux_associes_container .ma_row .milieux_disponibles .category {
        margin-left: 0px;
    }

    .archive #main article {
        flex: calc(100% - 20px);
        max-width: calc(100% - 20px);
        min-width: calc(100% - 20px);
    }
}