@media (min-width: 992px) {
    html.w-mod-js:not(.w-mod-ix) [data-w-id="24fe9614-793e-a8cc-9332-a3f2756442d5"] {
        -webkit-transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -moz-transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -ms-transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="dc3de1d8-ebe2-ec41-90a2-643287011b70"] {
        -webkit-transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -moz-transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -ms-transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="f99a4244-0892-16a3-4b97-b30be3eed94c"] {
        -webkit-transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -moz-transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -ms-transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="41df87bc-fd70-5f8d-e86d-086a4fc2d523"] {
        -webkit-transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -moz-transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -ms-transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="b0e6f41a-861e-beba-8a94-08f858b19159"] {
        -webkit-transform: translate3d(0vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -moz-transform: translate3d(0vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -ms-transform: translate3d(0vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        transform: translate3d(0vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="8f06e092-d98e-32dd-de16-5b022d7b5d73"] {
        color: rgb(0, 0, 0);
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="8f06e092-d98e-32dd-de16-5b022d7b5d77"] {
        color: rgb(0, 0, 0);
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="8f06e092-d98e-32dd-de16-5b022d7b5d78"] {
        opacity: 0;
        -webkit-transform: translate3d(1vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(15deg) skew(0, 0);
        -moz-transform: translate3d(1vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(15deg) skew(0, 0);
        -ms-transform: translate3d(1vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(15deg) skew(0, 0);
        transform: translate3d(1vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(15deg) skew(0, 0);
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="c01a7f7a-a81f-ce13-f652-dc1f47805efc"] {
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="a46a40e8-23dd-b84c-9a4d-b8735dfd9e8d"] {
        color: rgb(0, 0, 0);
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="f3054269-359f-bb86-8e47-baf2ac6e2294"] {
        -webkit-transform: translate3d(-2vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -moz-transform: translate3d(-2vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -ms-transform: translate3d(-2vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        transform: translate3d(-2vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        opacity: 0;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="81bb7865-dee1-7092-4f23-88a628d07194"] {
        -webkit-transform: translate3d(null, 2vw, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -moz-transform: translate3d(null, 2vw, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -ms-transform: translate3d(null, 2vw, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        transform: translate3d(null, 2vw, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        opacity: 0;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="8974cecf-29f5-e811-543b-d0b1e66bf33f"] {
        -webkit-transform: translate3d(5vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -moz-transform: translate3d(5vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -ms-transform: translate3d(5vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        transform: translate3d(5vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        opacity: 0;
        display: none;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="70e91726-1d35-073e-d00e-02356a0f4fb0"] {
        display: none;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="774cb668-53f2-8629-e3c1-91835e146d92"] {
        display: none;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="6e2270b1-f21c-c9c0-e138-3330e613cf6c"] {
        display: none;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="5716ae5e-bc21-5ddb-bc28-9ba6902d08c0"] {
        display: none;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="a137a2d3-b24d-7d49-dc85-e5350084191b"] {
        -webkit-transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -moz-transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -ms-transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="a60252bd-7a1f-34f6-8a1b-458b9a92eef0"] {
        color: rgb(255, 255, 255);
        -webkit-transform: translate3d(0, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -moz-transform: translate3d(0, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -ms-transform: translate3d(0, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        transform: translate3d(0, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="8350add1-4aa5-647f-ab16-abd1aad1f8ad"] {
        -webkit-transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -moz-transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -ms-transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="8350add1-4aa5-647f-ab16-abd1aad1f8af"] {
        color: rgb(255, 255, 255);
        -webkit-transform: translate3d(0, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -moz-transform: translate3d(0, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -ms-transform: translate3d(0, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        transform: translate3d(0, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="620745b3-88c8-da74-f5c3-bfd9f1ee4011"] {
        color: rgb(0, 0, 0);
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="620745b3-88c8-da74-f5c3-bfd9f1ee4013"] {
        background-color: rgb(114, 189, 187);
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    html.w-mod-js:not(.w-mod-ix) [data-w-id="f3054269-359f-bb86-8e47-baf2ac6e2294"] {
        -webkit-transform: translate3d(-2vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -moz-transform: translate3d(-2vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -ms-transform: translate3d(-2vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        transform: translate3d(-2vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        opacity: 0;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="81bb7865-dee1-7092-4f23-88a628d07194"] {
        -webkit-transform: translate3d(null, 2vw, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -moz-transform: translate3d(null, 2vw, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -ms-transform: translate3d(null, 2vw, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        transform: translate3d(null, 2vw, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        opacity: 0;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="8974cecf-29f5-e811-543b-d0b1e66bf33f"] {
        -webkit-transform: translate3d(5vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -moz-transform: translate3d(5vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -ms-transform: translate3d(5vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        transform: translate3d(5vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        opacity: 0;
        display: none;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="70e91726-1d35-073e-d00e-02356a0f4fb0"] {
        display: none;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="774cb668-53f2-8629-e3c1-91835e146d92"] {
        display: none;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="6e2270b1-f21c-c9c0-e138-3330e613cf6c"] {
        display: none;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="5716ae5e-bc21-5ddb-bc28-9ba6902d08c0"] {
        display: none;
    }
}

@media (max-width: 767px) and (min-width: 480px) {
    html.w-mod-js:not(.w-mod-ix) [data-w-id="f3054269-359f-bb86-8e47-baf2ac6e2294"] {
        -webkit-transform: translate3d(-2vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -moz-transform: translate3d(-2vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -ms-transform: translate3d(-2vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        transform: translate3d(-2vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        opacity: 0;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="81bb7865-dee1-7092-4f23-88a628d07194"] {
        -webkit-transform: translate3d(null, 2vw, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -moz-transform: translate3d(null, 2vw, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -ms-transform: translate3d(null, 2vw, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        transform: translate3d(null, 2vw, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        opacity: 0;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="8974cecf-29f5-e811-543b-d0b1e66bf33f"] {
        -webkit-transform: translate3d(5vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -moz-transform: translate3d(5vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -ms-transform: translate3d(5vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        transform: translate3d(5vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        opacity: 0;
        display: none;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="70e91726-1d35-073e-d00e-02356a0f4fb0"] {
        display: none;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="774cb668-53f2-8629-e3c1-91835e146d92"] {
        display: none;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="6e2270b1-f21c-c9c0-e138-3330e613cf6c"] {
        display: none;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="5716ae5e-bc21-5ddb-bc28-9ba6902d08c0"] {
        display: none;
    }
}

@media (max-width: 479px) {
    html.w-mod-js:not(.w-mod-ix) [data-w-id="f3054269-359f-bb86-8e47-baf2ac6e2294"] {
        -webkit-transform: translate3d(-2vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -moz-transform: translate3d(-2vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -ms-transform: translate3d(-2vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        transform: translate3d(-2vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        opacity: 0;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="81bb7865-dee1-7092-4f23-88a628d07194"] {
        -webkit-transform: translate3d(null, 2vw, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -moz-transform: translate3d(null, 2vw, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -ms-transform: translate3d(null, 2vw, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        transform: translate3d(null, 2vw, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        opacity: 0;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="8974cecf-29f5-e811-543b-d0b1e66bf33f"] {
        -webkit-transform: translate3d(5vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -moz-transform: translate3d(5vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -ms-transform: translate3d(5vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        transform: translate3d(5vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        opacity: 0;
        display: none;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="70e91726-1d35-073e-d00e-02356a0f4fb0"] {
        display: none;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="774cb668-53f2-8629-e3c1-91835e146d92"] {
        display: none;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="6e2270b1-f21c-c9c0-e138-3330e613cf6c"] {
        display: none;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="5716ae5e-bc21-5ddb-bc28-9ba6902d08c0"] {
        display: none;
    }

    /* SOLUTIONS DETAIL */

    .solution_box .header h4{
        font-size: 1rem;
    }
    .solution_box .icon .icon_border{
        width: 60px;
        height: 60px;
    }
}

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

    ._3d-anim-wrapper {
        margin-top: 20vw;
    }

    /* Navbar */

    .language_div_mobil {
        display: block;
    }

    .dyenix_navbar_static {
        display: none;
    }

    .dyenix_navbar_fixed {
        padding: 0;
        width: 100%;
        padding: 0 7.5%;
        align-items: center;
    }

    .dynix_navbar_items {
        position: absolute;
        top: 0;
        left: 0;
        padding: 100px 7.5% 0 7.5%;
        flex-direction: column;
        justify-content: left;
        width: 100vw;
        height: 100vh;
        gap: 0.5rem;
        background: linear-gradient(to right, #003B6A, #4B1539);
        transform: translateX(-200%);
        transition: .6s ease-out;
    }

    .dyenix_navbar_mobil_social {
        display: block;
        position: absolute;
        left: 50%;
        bottom: 10%;
        transform: translate(-50%, 10%);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dyenix_navbar_mobil_social .navbar_social_item {
        border: 0;
        opacity: 0;
    }

    .dyenix_navbar_fixed .dyenix_logo {
        width: 160px;
        height: 80px;
    }

    .mobil_bars {
        display: block;
        border: 0;
        background: transparent;
    }

    .mobil_bars i {
        font-size: 1.5rem;
        color: white;
    }

    .dynix_navbar_items.open {
        transform: translateX(0);
    }

    .mobil_bars_close {
        display: block;
        border: 0;
        background: #153B5F;
        width: 50px;
        height: 50px;
        border-radius: 10px;
        position: absolute;
        right: 7.5%;
        top: 30px;
    }

    .mobil_bars_close i {
        font-size: 1.5rem;
        color: white;
    }

    .sub-menu-sm {
        right: unset;
        left: 0;
        width: 200px;
    }

    .dynix_navbar_item_mobil {
        display: block;
    }

    .sub-menu-sm ul {
        max-height: 200px;
        overflow-y: auto;
    }

    .sub-menu-sm ul li a {
        font-size: 14px;
    }

    /* Navbar */

    .section_header {
        width: 80%;
        left: unset;
        padding: 0;
    }

    .pagition_div_abs {
        width: 75% !important;
        left: -40% !important;
    }

    .swiper-container-wrapper--timeline .swiper-slide .title h2 {
        font-size: 7vw !important;
        line-height: unset !important;
    }

    .swiper-container-wrapper--timeline .swiper-slide .title p {
        font-size: 4vw !important;
    }

    #hero.scrolled .scroll_border_anim {
        border-left: 0px;
        border-right: 0px;
    }

    .about_us_header,
    .about_us_img,
    .about_us_desc,
    .section_2_header h5,
    .section_2_header h2,
    .section_3_header h5,
    .section_3_header h2 {
        width: 100%;
    }

    .about_us_content {
        flex-direction: column;
    }

    .about_us_header {
        text-align: center;
    }

    .section_2_header,
    .section_3_header {
        text-align: center;
    }

    .section_2_header span {
        bottom: -60px;
    }

    .section_2_tabs li.nav-item {
        width: 100%;
    }

    .tabs_link_header {
        font-size: 1rem;
    }

    .section_2_header h2,
    .about_us_header h2,
    .section_3_header h2 {
        font-size: 2rem;
    }

    .section_2_header h5,
    .about_us_header h5,
    .section_3_header h5 {
        font-size: .9rem;
    }

    .section_2_button {
        flex-direction: column;
        align-items: baseline;
    }

    .section_2_hud {
        flex-direction: column;
        gap: 10px;
        align-items: end;
    }

    .section_2_button a:first-child {
        padding: 5px 40px;
        font-size: 1rem;
    }

    .section_2_button a:nth-child(2) {
        padding: 5px 30px;
        font-size: 1rem;
    }

    .section_2_hud img {
        width: 30%;
    }

    .section_3_header span {
        bottom: -60px;
    }

    .news_cards {
        flex-direction: column;
    }

    .news_card {
        width: 100%;
        padding: 20px 10px;
    }

    .page_container {
        padding: 15vw 7.5% 15vw 7.5%;
    }

    .footer_header {
        flex-direction: column;
        gap: 35px;
    }

    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 20px;
    }

    .footer-social {
        grid-column: unset;
    }

    .footer-item h4 {
        font-size: .8rem;
    }

    .footer-item p,
    .footer-item strong {
        font-size: .55rem
    }

    .footer {
        height: 1000px;
    }

    .footer_bottom {
        flex-wrap: wrap;
        row-gap: 20px;
    }

    .copyright {
        width: 100%;
    }

    .copyright span {
        font-size: .5rem;
    }

    .footer_contracts {
        width: 50%;
        text-align: center;
    }

    .web_desinger {
        width: 100%;
        align-items: center;
    }

    .section_header .swiper {
        left: 12.5%;
        top: 5%;
    }

    .footer_content {
        padding: 7% 7.5%;
    }

    /* other page */

    .page_navbar {
        padding-top: unset !important;
        padding-bottom: unset !important;
    }

    .root_container {
        padding-top: 150px;
    }

    .root_header {
        width: 100%;
    }

    .root_header h5 {
        font-size: 1rem;
    }

    .root_header h2 {
        font-size: 2.5rem;
    }

    .root_header p {
        font-size: 1rem;
    }

    .independent_div {
        right: 0;
        position: relative;
        top: 0;
        zoom: .9;
        width: clamp(0px, 50vh, 580px);
        height: clamp(0px, 50vh, 580px);
    }

    .about_us_section_1 {
        flex-direction: column;
        gap: 30px;
    }

    .about_us_desc_container {
        padding: 0;
        width: 100%;
    }

    .about_us_image_container {
        width: 100%;
    }

    .about_us_image_container img {
        width: 90%;
    }

    .root_body_pad {
        padding-top: 10%;
    }

    .about_us_section_2 {
        margin-top: 50px;
    }

    .about_us_root_header {
        width: 100%;
    }

    .about_us_root_header h5 {
        font-size: 1rem;
    }

    .about_us_root_header h2 {
        font-size: 2.5rem;
    }

    .about_us_root_header p {
        font-size: 1rem;
    }

    .about_us_info_box .header h4 {
        font-size: 1rem;
    }

    .about_us_info_box .header span {
        width: 100%;
    }

    .about_us_info_box .button .button_border svg {
        width: 15px;
        height: 15px;
    }

    .about_us_info_box .icon,
    .about_us_info_box::after {
        width: 20%;
    }

    .about_us_info_box .header {
        width: 80%;
    }

    .root_footer {
        flex-direction: column;
        justify-content: space-evenly;
    }

    .root_footer .header {
        width: 100%;
    }

    .root_footer .header h2 {
        font-size: 2rem;
    }

    .root_footer .header p {
        font-size: 1.2rem;
    }

    /* News */

    .news_header_filter_container {
        padding: 0 10px;
    }

    .news_header_filter {
        padding: 30px 0;
    }

    .news_header_filter .icon {
        width: 25%;
    }

    .news_header_filter .header {
        width: 75%;
    }

    .news_header_filter::after {
        width: 25%;
    }

    /* News */

    /* News Detail */

    .news_detail_header {
        flex-direction: column;
        margin-bottom: 30px;
    }

    .news_detail_header_write {
        width: 100%;
    }

    .news_detail_header_info {
        width: 100%;
        align-items: center;
    }

    .news_detail_header_info_social {
        justify-content: center;
        width: 60%;
    }

    .news_detail_header_section {
        flex-direction: column;
    }

    .news_detail_header_section .details {
        padding: 0;
        width: 100%;
        margin-bottom: 60px;
    }

    .news_detail_swiper {
        width: 100%;
        padding: 15px;
    }

    .news_detail_swiper .slide_header {
        width: 60%;
        bottom: -60px;
    }

    .news_header_filter .show_info {
        top: unset;
        bottom: -5px;
    }

    .other_news {
        padding: 0;
        grid-template-columns: repeat(1, 1fr);
        row-gap: 10px;
    }

    /* News Detail */

    /* OTHER */

    .support_body {
        row-gap: 75px;
    }

    .support_header {
        margin-bottom: 25px;
    }

    .support_header::after {
        width: 20%;
    }
    
    .support_header .icon {
        width: 20%;
    }
    
    .support_header .header {
        width: 80%;
    }

    .solution_box .icon {
        position: relative;
        height: 100%;
    }

    .solution_box .icon .icon_border {
        position: relative;
        top: 0;
    }

    .news_card a {
        border-radius: 0 !important;
    }

    .affiliates_root_container {
        grid-template-columns: repeat(1, 1fr);
    }

    .affiliates_container:nth-child(odd) .desc {
        padding: 20px;
    }

    .affiliates_container:nth-child(even) .desc {
        padding: 20px;
    }

    .solution_box {
        width: 100%;
    }

    /* SOLUTIONS DETAIL */

    .solution_boxs_left , .solution_boxs_right{
        width: 100% !important;
    }

    .project_box {
        width: 100%;
    }

    .project_box img {
        top: -20px;
        left: -10px;
        width: 55px;
        height: 55px;
    }

    .projects_body .brand_link {
        width: 45%;
    }

    .projects_body {
        flex-wrap: wrap;
        row-gap: 30px;
    }

    .projects_header .icon,
    .projects_header::after {
        width: 30%;
    }

    .projects_header .header {
        width: 70%;
    }

    .contact_info_box_body {
        padding: 0;
        flex-direction: column;
        row-gap: 10px;
    }

    .contact_info_box_data_div,
    .contact_info_box_form, .contact_info_box_header .header, .sustainability_header_root .sustainability_header_write {
        width: 100%;
    }

    .contact_info_box_comms a {
        width: 70%;
    }

    .contact_info_box_header {
        flex-direction: column;
    }

    .contact_info_box_header .icon, .contact_info_box:first-child .contact_info_box_header::after, .contact_info_box_header::after {
        width: 25%;
    }

    .contact_info_box_header .icon {
        padding-left: 20px;
    }

    .contact_info_box_form .button_div button {
        width: 60%;
    }

    .sustainability_header_root {
        width: 100%;
        flex-direction: column;
        margin-bottom: 50px;
    }

    .sustainability_header_filter .icon, .sustainability_header_filter::after {
        width: 30%;
    }

    .sustainability_header_filter .header {
        width: 70%;
    }

    .sustainability_header_filter {
        padding-bottom: 20px;
    }

    .sustainability_header_desc {
        flex-direction: column;
        row-gap: 20px;
    }

    .sustainability_header_desc .desc {
        width: 100%;
    }

    .sustainability_full_img p {
        font-size: 1.5rem;
        line-height: 2rem;
    }

    .sustainability_full_img h3 {
        font-size: 3rem;
        bottom: -3.2rem;
        line-height: 3rem;
    }

    .sustainability_section_header .icon, .sustainability_section_header::after, .sustainability_section:nth-child(odd) .sustainability_section_header::after {
        width: 30%;
    }

    .sustainability_section_header .header {
        width: 70%;
    }

    .sustainability_section_header .icon .border {
        padding: 10px;
    }
    .sustainability_body_desc_container {
        padding: 20px;
    } 

    .sustainability_body_desc {
        flex-direction: column;
    }

    .sustainability_body_desc_img_container, .sustainability_body_desc_container {
        width: 100%;
    }

    .sustainability_body_desc_container p {
        font-size: .8rem;
    }


    .sustainability_body_desc_img_container img {
        width: 100%;
        top: 65%;
    }

    .sustainability_body_desc {
        height: 450px;
    } 

    .sustainability_section_body, .support_desc {
        flex-direction: column !important;
    }

    .sustainability_section_body .desc, .img_container_sustainability, .support_desc .desc, .support_desc .img  {
        width: 100%;
    } 

    .tab-pane span {
        width: 100%;
    }

    .projects_boxs {
        row-gap: 30px;
        margin-bottom: 50px;
    }

    .projects_body .brand_link img {
        width: 100px;
    }

    .solution_box .button .button_border svg {
        width: 15px;
        height: 15px;
    }

    .solution_box .button .button_border {
        padding: 5px;
    }
    
    .news_card a {
        border-radius: 0 !important;
    }

    /* OTHER */
}

@media screen and (min-width: 768px) and (max-width: 1199px) {

    /* Navbar */

    .language_div_mobil {
        display: block;
    }

    .dyenix_navbar_static {
        display: none;
    }

    .dyenix_navbar_fixed {
        padding: 0;
        width: 100%;
        padding: 0 7.5%;
        align-items: center;
    }

    .dynix_navbar_items {
        position: absolute;
        top: 0;
        left: 0;
        padding: 100px 7.5% 0 7.5%;
        flex-direction: column;
        justify-content: left;
        width: 100vw;
        height: 100vh;
        gap: 1.2rem;
        background: linear-gradient(to right, #003B6A, #4B1539);
        transform: translateX(-200%);
        transition: .6s ease-out;
    }

    .dyenix_navbar_mobil_social {
        display: block;
        position: absolute;
        left: 50%;
        bottom: 10%;
        transform: translate(-50%, 10%);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dyenix_navbar_mobil_social .navbar_social_item {
        border: 0;
        opacity: 0;
    }

    .dyenix_navbar_fixed .dyenix_logo {
        width: 160px;
        height: 80px;
    }

    .mobil_bars {
        display: block;
        border: 0;
        background: transparent;
    }

    .mobil_bars i {
        font-size: 1.5rem;
        color: white;
    }

    .dynix_navbar_items.open {
        transform: translateX(0);
    }

    .mobil_bars_close {
        display: block;
        border: 0;
        background: #153B5F;
        width: 50px;
        height: 50px;
        border-radius: 10px;
        position: absolute;
        right: 7.5%;
        top: 30px;
    }

    .mobil_bars_close i {
        font-size: 1.5rem;
        color: white;
    }

    .sub-menu-sm {
        right: unset;
        left: 0;
    }

    .dynix_navbar_item_mobil {
        display: block;
    }

    .sub-menu-sm ul {
        max-height: 250px;
        overflow-y: auto;
    }

    .dynix_navbar_item>svg,
    .dynix_navbar_item_mobil>svg {
        width: 20px;
        height: 20px;
    }

    /* Navbar */

    .section_header {
        width: 80%;
        left: unset;
        padding: 0;
        top: 40%;
    }

    .pagition_div_abs {
        width: 75% !important;
        left: -40% !important;
    }

    .swiper-container-wrapper--timeline .swiper-slide .title h2 {
        font-size: 7vw !important;
        line-height: unset !important;
    }

    .swiper-container-wrapper--timeline .swiper-slide .title p {
        font-size: 4vw !important;
    }

    #hero.scrolled .scroll_border_anim {
        border-left: 0px;
        border-right: 0px;
    }

    .about_us_header,
    .about_us_img,
    .about_us_desc,
    .section_2_header h5,
    .section_2_header h2,
    .section_3_header h5,
    .section_3_header h2 {
        width: 100%;
    }

    .about_us_content {
        flex-direction: column;
    }

    .about_us_header {
        text-align: center;
    }

    .section_2_header,
    .section_3_header {
        text-align: center;
    }

    .section_2_header span {
        bottom: -60px;
    }

    .section_2_tabs li.nav-item {
        width: 33%;
    }

    .tabs_link_header {
        font-size: 1.5rem;
    }

    .section_2_header h2,
    .about_us_header h2,
    .section_3_header h2 {
        font-size: 2.4rem;
    }

    .section_2_header h5,
    .about_us_header h5,
    .section_3_header h5 {
        font-size: 1.4rem;
    }

    .dynix_navbar_item h5,
    .dynix_navbar_item h5 a,
    .dynix_navbar_item_mobil h5,
    .dynix_navbar_item_mobil h5 a {
        font-size: 2rem;
    }

    .navbar_social_item:first-child svg {
        width: 40px;
        height: 40px;
    }

    .navbar_social_item svg {
        width: 30px;
        height: 30px;
    }

    .section_2_button a:first-child {
        padding: 5px 40px;
        font-size: 1rem;
    }

    .section_2_button a:nth-child(2) {
        padding: 5px 30px;
        font-size: 1rem;
    }

    .section_2_hud img {
        width: 20%;
    }

    .section_3_header span {
        bottom: -60px;
    }

    .news_cards {
        flex: unset;
        flex-wrap: wrap;
    }

    .news_card {
        width: 50%;
        flex: unset;
        max-width: unset;
    }

    .page_container {
        padding: 15vw 7.5% 15vw 7.5%;
    }

    .footer_header {
        flex-direction: column;
        gap: 35px;
    }

    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 20px;
    }

    .footer-social {
        grid-column: unset;
    }

    .footer-item h4 {
        font-size: .8rem;
    }

    .footer-item p,
    .footer-item strong {
        font-size: .55rem
    }

    .tab-pane span {
        font-size: 1.2rem;
    }

    .footer {
        height: 900px;
    }

    .footer_bottom {
        flex-wrap: wrap;
        row-gap: 20px;
    }

    .copyright {
        width: 100%;
    }

    .copyright span {
        font-size: .5rem;
    }

    .footer_contracts {
        width: 50%;
        text-align: center;
    }

    .web_desinger {
        width: 100%;
        align-items: center;
    }

    .section_header .swiper {
        left: 12.5%;
    }

    /* other page */

    .page_navbar {
        padding-top: unset !important;
        padding-bottom: unset !important;
    }

    .root_container {
        padding-top: 150px;
    }

    .root_header {
        width: 100%;
    }

    .root_header h5 {
        font-size: 1rem;
    }

    .root_header h2 {
        font-size: 2.5rem;
    }

    .root_header p {
        font-size: 1rem;
    }

    .independent_div {
        right: 0;
        position: relative;
        top: 0;
        zoom: .9;
    }

    .about_us_section_1 {
        flex-direction: column;
        gap: 30px;
    }

    .about_us_desc_container {
        padding: 0;
        width: 100%;
    }

    .about_us_image_container {
        width: 100%;
    }

    .about_us_image_container img {
        width: 90%;
    }

    .root_body_pad {
        padding-top: 10%;
    }

    .about_us_section_2 {
        margin-top: 50px;
    }

    .about_us_root_header {
        width: 100%;
    }

    .about_us_root_header h5 {
        font-size: 1rem;
    }

    .about_us_root_header h2 {
        font-size: 2.5rem;
    }

    .about_us_root_header p {
        font-size: 1rem;
    }

    .about_us_info_box .header h4 {
        font-size: 1rem;
    }

    .about_us_info_box .header span {
        width: 100%;
    }

    .about_us_info_box .button .button_border svg {
        width: 15px;
        height: 15px;
    }

    .about_us_info_box .icon,
    .about_us_info_box::after {
        width: 20%;
    }

    .about_us_info_box .header {
        width: 80%;
    }

    .root_footer {
        flex-direction: column;
        justify-content: space-evenly;
    }

    .root_footer .header {
        width: 100%;
    }

    .root_footer .header h2 {
        font-size: 2rem;
    }

    .root_footer .header p {
        font-size: 1.2rem;
    }

    /* News */

    .news_header_filter_container {
        padding: 0 10px;
    }

    .news_header_filter {
        padding: 30px 0;
    }

    .news_header_filter .icon {
        width: 25%;
    }

    .news_header_filter .header {
        width: 75%;
    }

    .news_header_filter::after {
        width: 25%;
    }

    /* News */

    /* News Detail */

    .news_detail_header {
        flex-direction: column;
        margin-bottom: 30px;
    }

    .news_detail_header_write {
        width: 100%;
    }

    .news_detail_header_info {
        width: 100%;
        align-items: center;
    }

    .news_detail_header_info_social {
        justify-content: center;
        width: 60%;
    }

    .news_detail_header_section {
        flex-direction: column;
    }

    .news_detail_header_section .details {
        padding: 0;
        width: 100%;
        margin-bottom: 60px;
    }

    .news_detail_swiper {
        width: 100%;
        padding: 15px;
    }

    .news_detail_swiper .slide_header {
        width: 60%;
        bottom: -60px;
    }

    .news_header_filter .show_info {
        top: unset;
        bottom: -5px;
    }

    .other_news {
        padding: 0;
        grid-template-columns: repeat(3, 1fr);
    }

    /* News Detail */

     /* OTHER */

     .affiliates_root_container {
        grid-template-columns: repeat(1, 1fr);
    }

    .affiliates_container:nth-child(odd) .desc {
        padding: 20px;
    }

    .affiliates_container:nth-child(even) .desc {
        padding: 20px;
    }

    .solution_box {
        width: 100%;
    }

    .projects_boxs {
        row-gap: 30px;
    } 

    .project_box {
        width: 47.5%;
    }

    .project_box img {
        top: -20px;
        left: -10px;
        width: 55px;
        height: 55px;
    }

    .projects_body .brand_link {
        width: 45%;
    }

    .projects_body {
        flex-wrap: wrap;
        row-gap: 30px;
    }

    .projects_header .icon,
    .projects_header::after {
        width: 30%;
    }

    .projects_header .header {
        width: 70%;
    }

    .contact_info_box_body {
        padding: 0;
        flex-direction: column;
        row-gap: 10px;
    }

    .contact_info_box_data_div,
    .contact_info_box_form, .contact_info_box_header .header, .sustainability_header_root .sustainability_header_write {
        width: 100%;
    }

    .contact_info_box_comms a {
        width: 70%;
    }

    .contact_info_box_header {
        flex-direction: column;
    }

    .contact_info_box_header .icon, .contact_info_box:first-child .contact_info_box_header::after, .contact_info_box_header::after {
        width: 15%;
    }

    .sustainability_header_root {
        width: 100%;
        flex-direction: column;
        margin-bottom: 50px;
    }

    .sustainability_header_filter .icon, .sustainability_header_filter::after {
        width: 30%;
    }

    .sustainability_header_filter .header {
        width: 70%;
    }

    .sustainability_header_filter {
        padding-bottom: 20px;
    }

    .sustainability_header_desc {
        flex-direction: column;
        row-gap: 20px;
    }

    .sustainability_header_desc .desc {
        width: 100%;
    }

    .sustainability_full_img p {
        font-size: 1.5rem;
        line-height: 2rem;
    }

    .sustainability_full_img h3 {
        font-size: 3rem;
        bottom: -3.2rem;
        line-height: 3rem;
    }

    .sustainability_section_header .icon, .sustainability_section_header::after, .sustainability_section:nth-child(odd) .sustainability_section_header::after {
        width: 30%;
    }

    .sustainability_section_header .header {
        width: 70%;
    }

    .sustainability_section_header .icon .border {
        padding: 10px;
    }
    .sustainability_body_desc_container {
        padding: 20px;
    } 

    .sustainability_body_desc {
        flex-direction: column;
    }

    .sustainability_body_desc_img_container, .sustainability_body_desc_container {
        width: 100%;
    }

    .sustainability_body_desc_container p {
        font-size: .8rem;
    }


    .sustainability_body_desc_img_container img {
        width: 100%;
        top: 65%;
    }

    .sustainability_body_desc {
        height: 450px;
    } 

    .sustainability_section_body, .support_desc {
        flex-direction: column !important;
    }

    .sustainability_section_body .desc, .img_container_sustainability, .support_desc .desc, .support_desc .img  {
        width: 100%;
    } 

    .tab-pane span {
        width: 100%;
    }


    .support_header .icon, .support_header::after {
        width: 20%;
    }

    .support_header .header {
        width: 80%;
    }

    .support_body {
        row-gap: 100px;
    }

    .news_card a {
        border-radius: 0 !important;
    }

    /* OTHER */
}