@media (max-width: 1024px) {
    #header {
        position: absolute;
    }

    #header .menu_cta a:nth-child(1){
        display: none;
    }
    .menu_content_container {
        display: flex;
        align-items: center;
    }

    #header .menu_cta a:nth-child(2) {
        display: flex;
        height: 100%;
        width: 30px;
        aspect-ratio: 10 / 13;
        cursor: pointer;
        text-indent: -9999px;
        overflow: hidden;
        border: none;
        padding: 0;
        background:center / contain no-repeat url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.8859 28.9967C10.8916 28.9967 6.89728 28.9967 2.90297 28.9967C2.69322 28.9967 2.48246 29.0054 2.27272 28.9945C1.20567 28.9376 0.982686 28.7504 1.00101 27.635C1.03258 25.7413 0.997959 23.829 1.2301 21.9593C1.70254 18.1632 3.38355 16.5289 6.93088 16.1261C8.54571 15.9433 10.0781 16.0549 11.5585 16.9667C13.9044 18.4106 16.3225 18.2354 18.6633 16.8868C21.222 15.4124 23.7257 15.975 26.1663 17.132C27.7689 17.8917 28.4949 19.515 28.6863 21.2664C28.9255 23.4557 28.9418 25.6767 28.9989 27.8856C29.0192 28.6792 28.7708 28.8861 28.0021 28.9704C27.6274 29.012 27.2466 28.9967 26.8678 28.9967C22.8735 28.9978 18.8792 28.9967 14.8849 28.9967H14.8859Z' fill='%23001137' stroke='%23001137' stroke-width='1.2' /%3E%3Cpath d='M22 8.63568C21.9528 10.5396 21.3501 12.279 19.9999 13.7453C17.1992 16.7894 12.6198 16.7441 9.8878 13.6517C7.1855 10.5928 7.41308 5.67337 10.386 2.8569C13.1047 0.281878 17.3325 0.397177 19.8861 3.12692C21.3398 4.681 21.9949 6.5258 21.999 8.63568H22Z' fill='%23001137' stroke='%23001137' stroke-width='1.2' /%3E%3C/svg%3E%0A");
    }

    #close_menu {
        background: center / cover no-repeat url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='31' height='30' fill='none'%3e%3cpath fill='white' d='M.1 26.7a.8.8 0 0 1 .1-1L26.8.5c.3-.3.9-.2 1.1.2L30 3.6c.3.3.2.7 0 1L3.3 29.8c-.3.3-.9.2-1.2-.2l-2-2.9Z'/%3e%3cpath fill='white' d='M.1 3.2c-.2.4-.1.8.1 1l26.6 25.2c.3.3.9.3 1.1 0l2.1-3c.3-.3.2-.8 0-1L3.3.2a.8.8 0 0 0-1.2.1l-2 3Z'/%3e%3c/svg%3e");
        position: fixed;
        top: 0;
        right: 0;
        z-index: 2147483647;
        width: 0;
        height: 100vh;
        display: block;
        transition: background-color 0.3s ease, right 0.3s ease;
        -webkit-transition: background-color 0.3s ease, right 0.3s ease;
    }

    .close_menu_btn {
        padding: 5px;
        background: center / contain no-repeat url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='31' height='30' fill='none'%3e%3cpath fill='white' d='M.1 26.7a.8.8 0 0 1 .1-1L26.8.5c.3-.3.9-.2 1.1.2L30 3.6c.3.3.2.7 0 1L3.3 29.8c-.3.3-.9.2-1.2-.2l-2-2.9Z'/%3e%3cpath fill='white' d='M.1 3.2c-.2.4-.1.8.1 1l26.6 25.2c.3.3.9.3 1.1 0l2.1-3c.3-.3.2-.8 0-1L3.3.2a.8.8 0 0 0-1.2.1l-2 3Z'/%3e%3c/svg%3e");
        width: 30px;
        aspect-ratio: 1;
    }

    body.menu_open {
        overflow: hidden;
    }

    body.menu_open #close_menu {
        display: block;
        background: rgba(0, 0, 0, 0.5);
        right: min(90vw, 430px);
        width: 100%;
    }

    body.menu_open.show_menu_close #close_menu {
        background-color: rgba(0, 0, 0, 0.01);
        width: 100%;
        right: 0;
    }

    #wrap {
        position: relative;
        width: auto;
        min-width: 320px;
        overflow: hidden;
    }

    #shifter {
        position: relative;
        width: 100%;
        left: 0;
        transition: left 0.3s ease;
        -webkit-transition: left 0.3s ease;
        background: #fff;
    }

    body {
        background: #d8d8d8;
    }

    body.menu_open #shifter {
        left: calc(-1 * min(90vw, 430px));
    }

    body.menu_open.show_menu_close #shifter {
        left: 0;
    }

    #header .header_top {
        padding: 20px;
    }

    body.menu_open #header .header_top {
        padding-right: 40px;
    }

    #header .header_top .search-icon {
        order: 2;
        margin-left: auto;
    }

    #header .header_top .header_logo {
        order: 1;
        position: relative;
        left: auto;
        transform: none;
    }

    #header .header_top .menu_content_container {
        order: 3;
        margin-left: 20px;
    }

    #mobile_menu_button {
        display: flex;
        flex-direction: column;
        width: 40px;
        height: 40px;
        padding: 0;
        background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Cpath fill='%23fff' d='M2.45 5.898A1 1 0 0 1 3.443 5H31.21a1 1 0 0 1 .995 1.102l-.336 3.273a1 1 0 0 1-.995.898H3.108a1 1 0 0 1-.995-1.102l.336-3.273ZM2.55 17.74a1 1 0 0 1 .992-.876h34.234a1 1 0 0 1 .993 1.124l-.41 3.273a1 1 0 0 1-.992.876H3.133a1 1 0 0 1-.993-1.124l.41-3.273ZM2.45 29.625a1 1 0 0 1 .994-.898H31.21a1 1 0 0 1 .995 1.103l-.336 3.272a1 1 0 0 1-.995.898H3.108a1 1 0 0 1-.995-1.102l.336-3.273Z'/%3E%3C/svg%3E");
        margin-left: 20px;
    }



    /*#mobile_logo {*/
    /*    display: block;*/
    /*    margin: 0 auto;*/
    /*}*/
    #header .header_bottom .hidden_container {
        padding: 0 0 180px;
        width: 100%;
        position: relative;
    }

    #header .header_bottom .mobile_menu_header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
    }

    #header .header_bottom {
        display: flex;
        top: 0;
        left: 100%;
        width: min(90vw, 430px);
        z-index: 11;
        position: fixed;
        overflow-x: hidden;
        overflow-y: scroll;
        max-height: 100vh;
        -webkit-transition: left 0.3s ease;
        height: 100%;
        -ms-overflow-style: none; /* Internet Explorer 10+ */
        scrollbar-width: none; /* Firefox */
        box-sizing: border-box;
        background: var(--primary);
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        isolation: isolate;
    }

    .header_bottom::-webkit-scrollbar {
        display: none; /* Safari and Chrome */
    }

    body.menu_open #header .header_bottom {
        left: calc(100% - min(90vw, 430px));
    }

    body.menu_open.show_menu_close .header_bottom {
        left: 100%;
    }

    .main_menu, .main_menu ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    ul.main_menu > li.active {
        background: var(--tertiary-tsp);
    }

    .contact_link_container {
        flex-direction: column;
    }

    .main_menu li.menu-item-has-children > ul {
        max-height: 0;
        transition: max-height 0.5s ease-in-out;
        overflow: hidden;
    }

    .main_menu li.active ul {
        max-height: 500px;
        transition: max-height 0.5s ease-in-out;
    }

    .main_menu a {
        display: block;
        color: var(--error);
        padding: 20px;
        font-size: 20px;
        font-weight: 400;
        text-decoration: none;

    }

    #header ul.main_menu li a {
        padding: 20px;
        text-decoration: none;
        color: var(--white);
        text-transform: uppercase;
        font-size: 20px;
        line-height: 1.5;
        font-weight: 800;
    }

    .main_menu > li {
        position: relative;
        border-bottom: 1px solid var(--primary);
    }

    .main_menu li.menu-item-has-children > .expand_container {
        position: absolute;
        width: 100px;
        height: 70px;
        right: 0;
        top: 0;
    }

    .main_menu li.menu-item-has-children > .expand_container > .expand_btn {
        transition: transform 0.3s;
        display: block;
        width: 22px;
        height: 14px;
        position: absolute;
        top: calc(50% - 5px);
        right: 20px;
        background: center / cover no-repeat var(--t-menu-chevron);
    }

    .main_menu li.menu-item-has-children.active > .expand_container > .expand_btn {
        background-image: var(--s-menu-chevron);
    }

    .main_menu li.menu-item-has-children.clicked > a:after {
        transform: rotate(-180deg);
    }

    #header ul.main_menu li.menu-item-has-children > ul li {
        border-top: 1px solid var(--primary);
    }

    #header ul.main_menu li.menu-item-has-children > ul li a {
        color: var(--white);
        padding: 20px 40px;
        border-top: 1px solid var(--primary);
        font-weight: 400;
    }

    #header .mobile_menu_cta {
        padding: 20px;
        background: transparent;
    }

    #header .mobile_menu_cta .button {
        min-width: 100%;
        box-sizing: border-box;
        display: block;
    }

    #header .mobile_menu_cta .button:not(:last-of-type) {
        margin-bottom: 10px;
    }

    body.menu_open #header .header_bottom .hidden_container:after {
        content: '';
        margin-top: 20px;
        background: no-repeat center top / 80% url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='473' height='481' fill='none'%3E%3Cpath fill='%23274892' d='M227.5 14.8c1.6-8.3 9-14.2 17.4-14l67.1 2c10.7.3 18.5 10 16.4 20.5L242.8 466a17.3 17.3 0 0 1-18.3 14l-66.5-5.4a17.2 17.2 0 0 1-15.5-20.5l85-439.3Z'/%3E%3Cpath fill='%23F93A3C' d='M332.2 85.6a17.3 17.3 0 0 1 18.3-14l73.4 6.1a17.2 17.2 0 0 1 15.5 20.5L380.6 402c-1.7 9-10 15-19 14l-72.8-8.6a17.2 17.2 0 0 1-14.9-20.5l58.3-301.3ZM91 72.4a17.3 17.3 0 0 1 18.3-14l73.3 6.2A17.2 17.2 0 0 1 198.1 85L139.4 389c-1.8 8.8-10 15-19 13.9l-72.9-8.6a17.2 17.2 0 0 1-14.8-20.5L90.9 72.4Z'/%3E%3Cpath fill='%23274892' d='M15.7 180.3a17.3 17.3 0 0 1 18.5-14l3.4.4a17.2 17.2 0 0 1 15.3 20.5l-14.8 76.5c-1.7 9-10 15-19 13.9l-3.4-.4A17.2 17.2 0 0 1 .9 256.7l14.8-76.4ZM435 202.4a17.3 17.3 0 0 1 18.5-14l3.4.4a17.2 17.2 0 0 1 15.4 20.4l-14.8 76.6c-1.8 9-10 15-19 13.9l-3.5-.4a17.3 17.3 0 0 1-14.8-20.5l14.8-76.4Z'/%3E%3C/svg%3E");
        position: relative;
        inset: 0;
        width: 100%;
        height: 100%;
        display: block;
    }



}
