#header.sticky {
    position: sticky;
    width: 100%;
    top: 0;
    z-index: 9;
    left: 0;
    box-sizing: border-box;
    transition: all 150ms ease-in-out;
}

#header {
    background: #fff;
    display: flex;
    align-items: center;
    gap: var(--gap-l);
}

.header-left {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--gap-l);
}

#logo {
    text-align: left;
    text-indent: -999999px;
    overflow: hidden;
    background: no-repeat center / contain;
    min-width: clamp(200px, 20vw, 288px);
    max-width: clamp(200px, 20vw, 288px);
    aspect-ratio: 10 / 3;
    display: block;
}
.strapline {
    display: flex;
    align-items: center;
    gap: clamp(15px, 3vw, 30px);
}
.strapline h6 {
    margin: 0;
}
.stars {
    min-width: 130px;
    height: 20px;
    background: no-repeat center / contain url("data:image/svg+xml,%3Csvg width='130' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 0 13 7h7.6l-6.2 4.2 2.4 6.9-6.2-4.3-6.2 4.3 2.4-7L.5 7h7.6L10.5 0ZM37.8 0 40 7h7.6l-6.1 4.2 2.3 6.9-6.1-4.3-6.2 4.3 2.3-7L27.8 7h7.6L37.8 0ZM65 0l2.2 7h7l-5.7 4.2 2.2 6.9-5.7-4.3-5.7 4.3 2.2-7L55.7 7h7.1L65 0ZM92.2 0l2.4 7h7.6l-6.1 4.2 2.3 6.9-6.2-4.3-6.1 4.3 2.3-7L82.3 7h7.6L92.2 0ZM119.5 0l2.4 7h7.6l-6.2 4.2 2.4 6.9-6.2-4.3-6.2 4.3 2.4-7-6.2-4.2h7.6l2.4-6.9Z' fill='%23044068'/%3E%3C/svg%3E");
}

#mobile_menu_button {
    display: none;
}

.header-right {
    display: flex;
    gap: var(--gap-m);
    align-items: center;
    margin-left: auto;
    min-width: 345px;
}

.header-right .tel {
    color: var(--Blue);
    text-align: right;
    font-size: 20px;
    text-decoration: none;
    line-height: 1.3em;
}

.header-right .tel strong {
    text-decoration: none;
    color: var(--Red);
    display: block;
    font-size: 1.3em;
}
#main_menu,
#main_menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
#main_menu {
    background: var(--Blue);
    display: flex;
    justify-content: center;
    position: relative;
}

#main_menu li {
    position: relative;
}

#main_menu li a {
    padding: 15px clamp(10px, 2vw, 30px);
    color: #fff;
    display: block;
    text-decoration: none;
    font-weight: 700;
    position: relative;
}

@media (max-width: 1450px) {
    #main_menu li a {
        padding: 15px clamp(10px, 1.5vw, 30px);
    }
}
#main_menu > li.menu-item-has-children > a {
    display: flex;
    gap: 10px;
    align-items: center;
}
#main_menu > li.menu-item-has-children > a:after {
    content: '';
    width: 10px;
    height: 8px;
    background: no-repeat center / contain url("data:image/svg+xml,%3Csvg width='10' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 3 4 4 4-4' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

#main_menu li a:hover {
    opacity: 1;
}

#main_menu > li > a:before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    content: '';
    width: 19px;
    height: 8px;
    opacity: 0;
    background: url("data:image/svg+xml,%3Csvg width='19' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.1 7.5 9.5.7l7.3 6.8H2Z' fill='%23DE0000' stroke='%23DE0000'/%3E%3C/svg%3E");
}

#main_menu > li.current-menu-item-ancestor >a:before,
#main_menu > li.current-menu-item >a:before,
#main_menu > li:hover > a:before {
    opacity: 1;
}

#main_menu > li > ul {
    border-top: 3px solid var(--Red);
    top: 100%;
    position: absolute;
    right: 50%;
    z-index: 10;
    min-width: 250px;
    padding: 1rem 0;
    background-color: var(--Grey);
    opacity: 0;
    visibility: hidden;
    transform: translateX(50%);
    transition: opacity .3s,visibility .3s;
}

#main_menu > li:hover > ul {
    opacity: 1;
    visibility: visible;
}

#main_menu > li > ul li a {
    color: #333;
    font-weight: 400;
}

#main_menu > li > ul li.current-menu-item > a ,
#main_menu > li > ul li:hover > a {
    color: var(--Red);
}


#main_menu li.render_as_mega_menu > ul {
    width: 96%;
    max-width: 1400px;
    margin: auto;
}
#main_menu li.render_as_mega_menu {
    position: static;


}
#main_menu li.render_as_mega_menu > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;

}

.render_as_menu_text {
    width: 50%;
    box-sizing: border-box;
    padding: var(--padding-l);
}

.render_as_menu_image {
    padding: var(--padding-m) var(--padding-l);
    display: flex;
    width: 50%;
    box-sizing: border-box;
}


.render_as_menu_image span {
    display: none;
}

.menu_image {
    width: 100%;
    height: 100%;
    position: relative;
}

.menu_image .image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 0;
    transition: .3s;
}

.menu_image .image.active {
    z-index: 2;
    opacity: 1;
}
#main_menu > li > ul li.render_as_menu_text ul {
    margin-top: 2em;
}
#main_menu > li > ul li.render_as_menu_text a {
    padding: 10px 0 10px 25px;
    background: no-repeat center left / 20px url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='a' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Cpath fill='%23D9D9D9' d='M0 0h20v20H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath d='m10 16-1-1 4.1-4.3H4V9.3h9.1L9 5 10 4l6 6-6 6Z' fill='%23044068'/%3E%3C/g%3E%3C/svg%3E");
}

.menu_strapline,
.render_as_menu_strapline {
    width: 100%;
}

.menu_strapline {
    display: flex;
    background: #DCE6ED;
    align-items: center;
    padding-right: var(--padding-l);
    box-sizing: border-box;
}

.menu_strapline:before {
    width: 165px;
    height: 90px;
    content: '';
    background: url("data:image/svg+xml,%3Csvg width='165' height='90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m158.2 87.3 2.4 2.5H89.5L76.8 63.4l16.6-20.1 6.3 7.2c1.4 1.5 13.6 13.8 17.2 14.3 3.6.5 30.3 11.7 31.1 12.2.8.4 11.2 8 12.2 8.8.9.9-2 1.5-2 1.5ZM67.2 63.5c-.2.3-.2.5-.6.4-4.3-1.2-8.6-2.2-12.8-3.5a45 45 0 0 1-10.2-4.3c-3-2-5.5-4.5-7.5-7.4-1.3-1.8-2.5-3.6-4.1-5.1a20 20 0 0 0-7.5-4.3 66.9 66.9 0 0 0-10.8-2.5L0 34.8v-6c3.8.6 7.6 1 11.4 1.7A81 81 0 0 1 24 33.2c2.7.9 5.2 2 7.3 4 1.1.9 2 2 2.9 3.2h.2l-.1-.5a46 46 0 0 0-4.6-10.2 29.7 29.7 0 0 0-8.8-8.5 68.3 68.3 0 0 0-10.3-5.5L0 11.3V8.8l7.9 3c4.6 1.8 9.2 3.8 13.5 6.5 5.4 3.4 9.2 8 11.6 14 1.3 3.4 2.3 6.9 3.6 10.3l.7 1.7.4.7a24 24 0 0 0 8 6.1s.1.1.2 0l-1.7-2a52.4 52.4 0 0 1-8-14.9L32.7 25A24.5 24.5 0 0 0 22 13a70.1 70.1 0 0 0-11.8-5.3L0 4.2V0l8.8 2.5a91 91 0 0 1 10.5 3.8C22.7 8 25.9 9.7 29.4 11c2.2 2.4 3.5 5.3 4.7 8.3 1 2.8 2 5.6 3.3 8.4 2.2 4.7 5.3 8.7 8.9 12.4 3.7 3.8 7.9 7 12 10.3l5 3.8c.3.2.4.2.6-.1a375.3 375.3 0 0 1 11.3-20.6c2.4.4 4.6 1.2 6.7 2.2-5 9.2-10 18.4-14.7 27.8Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M86 89.8a37.8 37.8 0 0 0-7.2-4c-.3 0-.4 0-.5.2l-1.7 3.8H55.3l3.7-9c.2-.3.2-.4-.2-.5-3.4-.8-6.6-1.8-9.8-3-5-2.1-9.1-5.4-12.4-9.8a22.4 22.4 0 0 0-13.2-9.8 79.6 79.6 0 0 0-11.3-2.2C8 54.9 4 54.4 0 53.6V34.8l13.7 2c3.7.6 7.3 1.3 10.8 2.5a20 20 0 0 1 7.5 4.3c1.6 1.5 2.8 3.3 4 5.1 2.1 3 4.6 5.5 7.6 7.4a45 45 0 0 0 10.2 4.3c4.2 1.3 8.5 2.3 12.8 3.5.4 0 .4-.1.6-.4 4.7-9.4 9.7-18.7 14.8-28a48 48 0 0 1 3.6 1.5c3.8 2.3 7 5.3 9.9 8.6.2.2 0 .4 0 .6L85 70.6c0 .3 0 .4.2.6A36 36 0 0 1 90 75c2.5 2.3 4.7 4.8 7 7.3 2.3 2.7 4.8 5.3 7.6 7.6H86Z' fill='%23DE0000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M55.3 89.8H49l1-3c.1-.4 0-.5-.3-.4-3.4.2-6.7.2-10-.5l-4.8-1.2c-2.8-.4-5.5-.2-8.2.2-4.7.8-9.2 2-13.8 3.3l-5.6 1.6H0V89c5.1-1.3 10.2-2.9 15.3-4.3 3.7-1 7.4-1.9 11.2-2.6 4-.7 8-.5 11.9.6 3.4 1 6.8 1 10.3.8h.3c0-.2-.2-.2-.3-.3a27.1 27.1 0 0 1-9-6l-5.1-1.1c-2.2-.4-4.4-.2-6.6 0-4.8.7-9.4 2-14 3.2l-14 4v-9l16.5-4.5c4-1 8-2 12-2.5l1.6-.2-.6-.4a29.1 29.1 0 0 0-8.3-3.2c-4-1-8-1.5-12-2L0 60v-6.4c4 .8 8 1.3 12 1.9 3.9.5 7.7 1.1 11.4 2.3a22.4 22.4 0 0 1 13.3 9.7c3.2 4.4 7.2 7.7 12.3 9.7 3.2 1.3 6.5 2.3 9.8 3.1.4.1.4.2.2.6l-3.7 9Z' fill='%23FEFEFE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m34.5 40.5-.2-.1a16 16 0 0 0-2.9-3.3c-2-1.9-4.6-3-7.3-3.9-4.1-1.4-8.4-2-12.7-2.7L0 28.8V11.3l10.7 4.4c3.6 1.6 7 3.3 10.3 5.5 3.5 2.2 6.5 5 8.8 8.5A46 46 0 0 1 34.4 40c0 .1.2.4 0 .6Z' fill='%23044068'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M158 89.8c-4.4-1.9-9-3.2-14-3.8-4.6-.6-9.4-.7-14.1-.8-5.1-.1-10.2-.2-15.2-.8-4.2-.6-8.4-1.5-12.4-3.1-1-.4-1.7-1-2.4-1.7l-7.4-8.2-.2-.3.5.2a75 75 0 0 1 5.5 2.6 49.8 49.8 0 0 0 16.4 5.2c4 .5 8.2.7 12.3.9 4.6.2 9.1.2 13.6.6a56 56 0 0 1 18.1 4.5l1.5.7a157 157 0 0 1 4.1 4H158ZM48.7 83.5c-3.5.2-7 .2-10.3-.8-4-1.1-7.9-1.3-12-.6-3.7.7-7.4 1.6-11 2.6C10.1 86.1 5 87.7 0 89v-5.7l14-4c4.6-1.2 9.2-2.5 14-3.1a22 22 0 0 1 6.6 0c1.7.2 3.4.7 5 1 .3 0 .4.2.5.3 2.5 2.5 5.4 4.3 8.6 5.7.1 0 .3 0 .3.3h-.3Z' fill='%23DE0000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.6 67.3c-4.1.5-8.1 1.5-12 2.5L0 74.4V60c3 .6 6.2 1 9.3 1.5 4 .5 8 1 12 2a29 29 0 0 1 8.2 3.2l.6.4-1.5.2ZM48.9 89.8H7.2l5.6-1.6C17.4 87 22 85.7 26.6 85c2.7-.4 5.4-.6 8.2-.2l4.8 1.2c3.3.7 6.6.7 10 .5.3 0 .4 0 .3.4l-1 3Z' fill='%23044068'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M45.6 51.1a24 24 0 0 1-8-6.1l-.3-.7-.7-1.7c-1.3-3.4-2.3-6.9-3.6-10.3-2.4-6-6.2-10.6-11.6-14a79.9 79.9 0 0 0-13.5-6.5L0 8.8V4.2l10.3 3.5c4 1.5 8 3.1 11.8 5.3 4.9 2.9 8.5 6.8 10.7 12 1.2 3 2.2 6.2 3.3 9.2 2 5.4 4.5 10.3 8 14.8l1.8 2.2h-.3Z' fill='%23DE0000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M76.6 89.8a665 665 0 0 0 1.7-3.8c.1-.3.2-.2.5-.1 2.5 1 4.9 2.4 7.1 4h-9.3Z' fill='%23FEFEFE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28 9.5c3 2.7 4.7 6.1 6 9.8 1 2.8 2 5.6 3.4 8.4 2.2 4.7 5.3 8.7 8.9 12.4 3.7 3.8 7.9 7 12 10.3l5 3.8c.3.2.4.2.6-.1a375.4 375.4 0 0 1 11.6-21c.2-.3.1-.4-.2-.5-4.2-1.4-8.4-2.4-12.6-3.5-4.8-1.2-9.6-2.3-14.2-4-3-1-5.9-2.2-8.5-4a17.4 17.4 0 0 1-4.7-4.7c-.8-1.2-1.5-2.4-2.5-3.6a13 13 0 0 0-4.7-3.3H28ZM153.5 80.5l-3.7-2.5c-4.6-2.8-9.4-5-14.4-6.9-4.7-1.8-9.5-3.4-14.1-5.4-5-2.2-9-5.4-13.2-8.7-2.8-2.2-6-3.9-8.4-6.5l-.3-.4-.2.3C96.6 56.1 94.3 62 92 67.8c0 .2-.2.3.1.4 3 1.2 5.8 2.8 8.6 4.2a50 50 0 0 0 15.5 4.3c5.4.6 10.8.7 16.2 1 4.3.1 8.5.4 12.7 1 2.7.4 5.3 1 8 1.7l.4.1Z' fill='%23044068'/%3E%3C/svg%3E");
}

.render_as_menu_strapline > span {
    display: none;
}

#main_menu li .render_as_menu_strapline .wp_content a {
    display: inline;
    padding: 0;
    font-size: 1.3em;
    font-weight: 800;
}
#main_menu li .render_as_menu_strapline .wp_content a:hover {
    opacity: 0.7;
}
#main_menu li .render_as_menu_strapline .button {
    color: #fff;
    margin-left: auto;
}


@media (max-width: 1500px) {
    #logo {
        min-width: clamp(170px, 10vw, 288px);
        max-width: clamp(170px, 10vw, 288px);

    }
}

@media (max-width: 1400px)  {
    .strapline {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }
}

@media (max-width: 1250px) {
    .header-right .tel {
        display: block;
        text-align: left;
        overflow: hidden;
        text-indent: -999999px;
        width: 40px;
        min-width: 40px;
        height: 40px;
        background: no-repeat center / 30px url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='48' width='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h48v48H0z' fill='none'/%3E%3Cpath fill='%23DE0000' d='M13.3 21.6a30.1 30.1 0 0 0 13.1 13.2l4.4-4.4a2 2 0 0 1 2-.5c2.3.7 4.7 1.1 7.2 1.1a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2A34 34 0 0 1 6 8c0-1.1.9-2 2-2h7a2 2 0 0 1 2 2c0 2.5.4 4.9 1.1 7.1a2 2 0 0 1-.5 2l-4.3 4.5z'/%3E%3C/svg%3E");
    }
    .header-right .tel strong {
        display: none;
    }
    .header-right {
        min-width: unset;
    }

}

@media (max-width: 1280px) {
    .header-right .button {
        padding: 0;
        width: 40px;
        min-width: 40px;
        height: 40px;
        text-align: left;
        overflow: hidden;
        text-indent: -999999px;
        border: none;
        background: no-repeat center / contain url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='21' width='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23DE0000' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 4.5h-2a1 1 0 0 0-1 1v11c0 .6.4 1 1 1h10c.6 0 1-.4 1-1v-11c0-.6-.4-1-1-1h-2'/%3E%3Cpath d='M8.5 3.5h4a1 1 0 1 1 0 2h-4a1 1 0 1 1 0-2zM9.5 8.5h5M9.5 11.5h5M9.5 14.5h5M6.5 8.5h1M6.5 11.5h1M6.5 14.5h1'/%3E%3C/g%3E%3C/svg%3E");
    }
    #main_menu li a {
        padding: 15px 22px;
    }



    #header {
        padding-left: clamp(15px, 3vw, 20px);
        padding-right: clamp(15px, 3vw, 20px);
    }
    .strapline {
        gap: 0;
    }
    .strapline h6 {
        font-size: 16px;
    }
    .stars {
        min-width: 100px;
        height: 18px;
    }

    .main_menu > li:last-child:after {
        display: block;
        margin: 20px 0 100px 10px;
        content: '';
        width: 280px;
        height: 80px;
        background: no-repeat center / contain url(/wp-content/themes/bulldog-garage-doors/includes/img/logo-png.png);
        filter: brightness(0) invert(1);
    }
    #close_menu {
        background-color: rgba(0, 0, 0, 0.01);
        position: fixed;
        top: 0;
        right: 0;
        z-index: 10;
        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;
    }

    body.menu_open {
        overflow: hidden;
    }

    body.menu_open #close_menu {
        display: block;
        background: rgba(0, 0, 0, 0.5);
        right: 300px;
        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: 0px;
        transition: left 0.3s ease;
        -webkit-transition: left 0.3s ease;
        background: #fff;
    }

    body {
        background: #d8d8d8;
    }
    body.menu_open #shifter {
        left: -300px;
    }
    body.menu_open.show_menu_close #shifter {
        left: 0;
    }

    #mobile_menu_button {
        width: 35px;
        display: grid;
        grid-gap: 5px;
    }
    #mobile_menu_button > div {
        width: 100%;
        height: 6px;
        background-color: var(--Red);
    }

    .main_menu li.menu-item-has-children > a:after,
    .main_menu > li.current-menu-ancestor > a:before,
    .main_menu > li.current-menu-item > a:before,
    .main_menu > li:hover > a:before {
        display: none;
    }

    #main_menu {
        display: block;
        top: 0px;
        left: 100%;
        width: 330px;
        z-index: 11;
        position: fixed;
        overflow-x: hidden;
        overflow-y: scroll;
        max-height: 100vh;
        -webkit-transition: left 0.3s ease;
    }
    body.menu_open #main_menu {
        left: calc(100% - 300px);
        min-height: 100%;
    }
    body.menu_open.show_menu_close #main_menu {
        left: 100%;
    }

    .main_menu , .main_menu ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .main_menu a {
        display: block;
        color: #fff;
        padding: 20px;
        font-size: 20px;
        font-weight: 400;
        text-decoration: none;

        flex-grow: 1;
    }

    .main_menu > li {
        border-bottom: 1px  solid rgb(255 255 255 / 10%);
        display: block;
    }


    .main_menu > li > a {
        padding: 16px 24px;
        font-size: 16px;
        justify-content: flex-start;
        color: #fff;
    }
    .main_menu > li > ul > li > a {
        padding: 12px 30px;
        font-size: 15px;
        justify-content: flex-start;
        color: #fff;
        background: #303030;
    }
    .main_menu > li > ul > li > ul > li > a{
        padding: 10px 36px;
        font-size: 14px;
        justify-content: flex-start;
        color: #fff;
    }
    .main_menu > li > ul > li {
        padding: 0;
    }

    .main_menu  li.menu-item-has-children > span {
        display: block;
        min-width: 15px;
        height: 15px;
        transition: .2s;
        background: no-repeat center / contain url("data:image/svg+xml,%3Csvg width='10' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 3 4 4 4-4' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        position: absolute;
        right: 45px;
        top: 17px;
    }

    .main_menu  li.menu-item-has-children.clicked > span {
        transform: rotate(-90deg);
    }
    .main_menu  ul li.menu-item-has-children > span {
        top: 17px;
    }
    #main_menu li.render_as_mega_menu,
    .main_menu li {
        position: relative;
    }

    #main_menu > li > ul,
    #main_menu > li > ul > li > ul {
        position: relative;
        top: auto;
        transform: none;
        opacity: 1;
        visibility: visible;
        right: auto;
        padding: 0;
        left: auto;
        box-shadow: none;
        background: var(--Blue);
    }

    #main_menu ul {
        max-height: 0;
        transition: max-height 0.3s;
        overflow: hidden;
    }
    #main_menu li.clicked ul {
        max-height: 1000px;
    }
    #main_menu > li > ul {
        border: none;
    }


    #main_menu > li > ul li a,
    .main_menu > li > ul > li > a {
        background: var(--Blue);
        color: #fff;
        padding-left: 35px;
    }

    .render_as_menu_strapline,
    .render_as_menu_image,
    .main_menu li.menu-item-has-children.render_as_menu_text > span ,
    .render_as_menu_text .wp_content {
        display: none;
    }
    #main_menu > li > ul li.render_as_menu_text ul {
        margin-top: 0;
    }

    .mobile-search {
        width: 100%;
        max-width: unset;
        height: 40px;
        padding: 0 var(--width-l);
        box-sizing: border-box;
    }
    .search-form-form input[type=submit] {
        height: 40px;
        right: 15px;
    }

    .search-form-form {
        max-width: unset;
        height: 100%;
    }

    .main_menu > li.render_as_product_menu > ul > li > ul,
    .main_menu > li.render_as_product_menu hr {
        display: none;
    }
}

@media (max-width: 768px) {
    #header {
        flex-wrap: wrap;
    }
    .header-left {
        order: 1;
        width: 100%;
    }
    .logo_wrapper {
        order: 2;
    }
    .header-right {
        order: 3;
    }
    .strapline {
        justify-content: center;
        align-items: center;
        text-align: center;
        width: 100%;
    }

    .strapline p {
        margin: 0.5em  0 0;
        font-size: clamp(14px, 2vw, 20px);
    }
}


@media (max-width: 450px) {
    .header-right .button,
    .header-right .tel {
        min-width: 30px;
        width: 30px;
        height: 30px;
        background-size: 30px;
    }
    .header-right .button {
        background-size: 35px;
    }

    #mobile_menu_button {
        width: 30px;
    }

    #mobile_menu_button > div {
        height: 4px;
    }
}