@media (max-width: 767px) {
    .header_bottom .header_inner .header-nav .header-menu ul li.dropdownmenu svg,
    .header_bottom .header_inner .header-nav .header-menu ul li.dropdownmenu img {
        display: none;
    }

    .header_bottom .header_inner .header-nav .header-menu ul {
        padding-top: 0;
    }

    .header_bottom .header_inner .header-nav .header-menu ul li.dropdownmenu > a {
        position: relative;
        padding: 14px 16px;
        width: 100%;
        top: unset;
        height: unset;
        bottom: unset;
        text-align: left;
        left: 0;
        color: #030303 !important;
        font-family: "Playfair Display";
        font-size: 21px !important;
        font-style: normal;
        font-weight: 500 !important;
        line-height: normal;
        background: transparent;
        height: 56px;
    }

    .header_bottom .header_inner .header-nav .header-menu ul li.dropdownmenu > a::after {
        content: "";
        position: absolute;
        height: 14px;
        width: 14px;
        border-top: 2px solid #030303;
        right: 18px;
        top: 50%;
        border-right: 2px solid #030303;
        rotate: 45deg;
        transform: translate(-50%, 0);
    }

    .header_bottom .header_inner .header-nav .header-menu ul li.dropdownmenu.open_content > a::after {
        content: "";
        position: absolute;
        height: 14.6px;

        width: 14.6px;
border: 0px;
background: url("https://stage-assets.goldbank.co.uk/home_new/assets/images/header/arrow_back.svg") no-repeat center center;
        left: 17px;
        top: 50%;
transform: translateY(-50%);
margin-top: 2px;

        rotate: 0deg;
        right: 0;
    }
    .header-menu>ul {background-color: #F1F1F1;}
    .header-menu>ul>li.get-in-touch { padding: 20px; padding-bottom: 20px; background-color: #fff;         margin-inline: 0px !important;}
    .header_bottom .header_inner .header-nav .header-menu ul li.dropdownmenu .dropdown-inner {
        display: none;
    }

    body .header_inner.menu-open .header-menu > ul > li.dropdownmenu {
        width: 100%;
        background: #F1F1F1;
        border-radius: unset;
    }

    body:has(.new-home).menu-open .header-nav.open {
        padding: 0;
        background-color: #fff;
        top: 69px;
    }

    body:has(.new-home).menu-open .header-nav.open .header-menu {
        height: 100%;
    }
    .search-menu-item.search-menu-item__mobile {
        display: none;
    }

    .header_bottom .header_inner:not(.menu-open) {
        background: transparent;
    }

    .header_inner.menu-open {
        background: #fff;
        padding: 18px 16px;
    }

    .header_bottom .header_inner .header-nav .header-menu ul li:not(.dropdownmenu) {
        margin-inline: 16px;
        position: relative;
        top: unset;
    }

    .header_bottom .header_inner .header-nav .header-menu ul li.dropdownmenu.open_content {
        background: #fff;
    }

    /*.header_bottom .header_inner .header-nav .header-menu ul li.dropdownmenu.open_content ~ li.dropdownmenu {*/
    .header_bottom .header_inner .header-nav .header-menu ul:has(li.open_content) li:not(.open_content) {
        display: none;
    }

    .header_bottom .header_inner .header-nav .header-menu ul li.dropdownmenu.open_content .dropdown-inner {
        display: block;
        padding-top: 0 !important;
        position: relative;
        top: unset;
        transform: unset;
        left: unset;
    }

    li.dropdownmenu.drop-menu.new-menu .inner_dropdown .row > div.mega-menu .menu-items > div {
        background-color: #F1F1F1;
        padding-inline: 0;
        border: none;
    }

    li.dropdownmenu.drop-menu.new-menu .inner_dropdown .row > div.mega-menu .menu-items > div h3 {
        padding-inline: 0;
        color: #030303;
        font-family: "Playfair Display";
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        padding-block: 9px;
    }

    li.dropdownmenu.drop-menu.new-menu .inner_dropdown .row > div.mega-menu .menu-items > div.open_content > h3 {
        padding-block: 14px;
    }

    li.dropdownmenu.drop-menu.new-menu .inner_dropdown .row > div.mega-menu .menu-items > div:not(.open_content) h3 {
        padding-left: 16px;
        padding-block: 17.25px;
    }

    li.dropdownmenu.drop-menu.new-menu .inner_dropdown .row > div.mega-menu .menu-items > div h3 span {
        padding: 0;
        pointer-events: none;
        transition: none;
    }

    li.dropdownmenu.drop-menu.new-menu .inner_dropdown .row > div.mega-menu .menu-items > div h3 i {
        display: none;
    }

    .header_bottom .header_inner .header-nav .header-menu ul li.dropdownmenu.open_content > a {
        padding-left: 40px;
        font-weight: 700 !important;
    }

    li.dropdownmenu.drop-menu.new-menu .inner_dropdown .row > div.mega-menu .menu-items > div:has(a)::after,
    li.dropdownmenu.drop-menu.new-menu .inner_dropdown .row > div.mega-menu .menu-items > div:has(div)::after {
        content: "";
        position: absolute;
        height: 14px;
        width: 14px;
        border-top: 2px solid #030303;
        right: 18px;
        top: 50%;
        border-right: 2px solid #030303;
        rotate: 45deg;
        transform: translate(-50%, 0);
    }

    li.dropdownmenu.drop-menu.new-menu .inner_dropdown .row > div.mega-menu .menu-items > div.open_content:has(a)::after,
    li.dropdownmenu.drop-menu.new-menu .inner_dropdown .row > div.mega-menu .menu-items > div.open_content:has(div)::after {
        content: "";
        position: absolute;
        height: 14px;
        width: 14px;
        border-top: 1px solid #1C1B1F;
        right: 18px;
        top: 50%;
        border-right: 1px solid #1C1B1F;
        rotate: 45deg;
        transform: translate(-50%, 0);
        display: none;
    }

    li.dropdownmenu.drop-menu.new-menu .inner_dropdown .row > div.mega-menu .menu-items:has(.open_content) > div:not(.open_content) {
        display: none !important;
    }

    li.dropdownmenu.drop-menu.new-menu .inner_dropdown .row > div.mega-menu .menu-items > div.open_content > div {
        display: block !important;
        position: relative;
        padding: 14px 16px;
        width: 100%;
        top: unset;
        height: unset;
        bottom: unset;
        text-align: left;
        left: 0;
        color: #2E2D31 !important;
        font-family: "Playfair Display";
        font-size: 21px !important;
        font-style: normal;
        font-weight: 500 !important;
        line-height: normal;
        background: #f8f8f8;
        padding: 0;
        padding-inline: 16px;
    }

    li.dropdownmenu.drop-menu.new-menu .inner_dropdown .row > div.mega-menu .menu-items > div.open_content > div > a {
        display: block !important;
        position: relative;
        width: 100%;
        top: unset;
        bottom: unset;
        text-align: left;
        left: 0;
        background: transparent;
        padding: 0;
        margin: 0;
        height: 56px;
        padding-block: 16.5px;
        color: #030303 !important;
        font-family: "Playfair Display";
        font-size: 16px !important;
        font-style: normal;
        font-weight: 500 !important;
        line-height: normal;
    }

    .header_bottom .header_inner .header-nav .header-menu ul li.dropdownmenu.open_content:has(.open_content) > a {
        display: none;
    }

    .header_bottom .header_inner .header-nav .header-menu ul li.dropdownmenu.drop-menu.new-menu.open_content .open_content h3 {
        padding-left: 42px;
        position: relative;
        color: #2E2D31;
        font-family: "Playfair Display";
        font-size: 21px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .header_bottom .header_inner .header-nav .header-menu ul li.dropdownmenu.drop-menu.new-menu.open_content .open_content h3::before {
        content: "";
        position: absolute;
        height: 14px;
        width: 14px;

        left: 26px;
        top: 50%;

        border: 0px;
        background: url("https://stage-assets.goldbank.co.uk/home_new/assets/images/header/arrow_back.svg") no-repeat center center;
                left: 17px;
                top: 50%;
        transform: translateY(-50%);
        margin-top: 2px;

                rotate: 0deg;

    }

    li.dropdownmenu.drop-menu.new-menu .inner_dropdown .row > div.mega-menu .menu-items > div.open_content > div > a i {
        display: none;
    }

    li.dropdownmenu.drop-menu.new-menu .inner_dropdown .row > div.mega-menu .menu-items > div.open_content {
        background-color: #fff;
        gap: 0;
    }

    .header_bottom .header_inner .header-nav .header-menu .currency-switcher-menu-item__mobile {
        max-width: calc(100vw - 32px);
    }

    .header_bottom .header_inner.menu-open .header-links-container .headerLinks .btn-group.cart,
    .header_bottom .header_inner.menu-open .header-links-container .headerLinks .btn-group.login-menu-item,
    .header_bottom .header_inner.menu-open .header-links-container .headerLinks .btn-group.search-toggle-menu-item {
        display: inline-flex;
    }

    .header_bottom .header_inner.menu-open .header-links-container .headerLinks .btn-group.search-toggle-menu-item {
        position: absolute;
        left: 40px;
        padding: 0;
    }

    .header_bottom .header_inner.menu-open .header-links-container .headerLinks .btn-group.search-toggle-menu-item svg {
        width: 20px;
        height: 20px;
    }

    .header_bottom .header_inner.menu-open .header-logo-container {
        display: flex;
        max-width: 160px;
        max-height: 33px;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .main-wrapper .header_bottom .header_inner.menu-open .header-logo-container .header_logo a img {
        max-height: 33px;
        max-width: 160px;
        top: 0 !important;
    }

    .header_bottom .header_inner.menu-open .row .header-logo-container .header_logo picture img {
        max-width: 160px;
        max-height: 33px;
        height: 100%;
        width: 100%;
    }

    .header_bottom .header_inner.menu-open > .row > .col-md-5:last-child {
        height: 100%;
        min-height: 33px;
        margin: 0;
    }

    .header_bottom .header_inner.menu-open .header-links-container .headerLinks .btn-group.login-menu-item {
        position: absolute;
        padding: 0;
        right: 40px;
    }

    .header_bottom .header_inner.menu-open .header-links-container .headerLinks .btn-group.login-menu-item svg {
        height: 20px;
    }

    .header_bottom .header_inner.menu-open .header-links-container .headerLinks .btn-group.cart {
        position: absolute;
        padding: 0;
        right: 0;
    }

    .header_bottom .header_inner.menu-open .header-links-container .headerLinks .btn-group.cart img {
        width: 24px;
        height: 24px;
    }

    .header_bottom .header_inner.menu-open .header-links-container .headerLinks .btn-group.menu-icon {
        padding: 0;
        margin: 0;
        height: 24px;
        width: 24px;
        margin-right: auto;
    }
.menu-open-bg { background-color: #F1F1F1 !important;}
    .header_bottom .header_inner.menu-open .header-links-container .headerLinks .btn-group.menu-icon #nav-icon3.open {
        height: 22px;
        width: 22px;
    }

    .header_bottom .header_inner.menu-open .header-links-container .headerLinks .btn-group.menu-icon #nav-icon3.open span:nth-child(2),
    .header_bottom .header_inner.menu-open .header-links-container .headerLinks .btn-group.menu-icon #nav-icon3.open span:nth-child(3) {
        left: 0;
        top: 11px;
    }

    .search-menu-item.search-open {
        display: block;
    }

    .search-menu-item.search-menu-item__mobile.search-open {
        display: none;
    }

    .top-search:has(.search-open) {
        background-color: transparent;
        top: -11px;
    }

    .header_bottom:has(.search-open) {
        background: #f5f5f5;
    }

    .top-search .header_logo {
        height: 61px;
        width: 100%;
        margin: auto;
        justify-content: center;
    }

    .top-search .header_logo button {
        right: unset;
        left: 16px;
        width: 16px;
        height: 16px;
    }

    .top-search .header_logo button svg {
        width: 16px;
        height: 16px;
    }

    .top-search .header_logo button svg path {
        stroke-width: 2px;
    }

    .header_bottom:has(.search-open) .menu-icon {
        display: none;
    }

    .top-search {
        padding-inline: 0;
    }

    .top-search .search-menu-item.search-open {
        background: #fff;
        padding: 16px 15px;
    }

    /*.top-search .search-menu-item.search-open .viweallresulttop {
        display: none;
    }*/

    .top-search .search-menu-item.search-open .search_results_tile {
        padding: 0;
    }

    .top-search .search-menu-item.search-open #topsearchfilter {
        display: flex;
        height: 52px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 41px;
        border: 1px solid rgba(46, 45, 49, 0.40);
    }

    .top-search .search-menu-item.search-open #topsearchfilter + button {
        height: 52px;
        line-height: 52px;
    }

    .top-search .search-menu-item.search-open .search_result_list {
        display: flex;
        padding: 32px 16px 12px 16px;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        margin-top: -52px;
        border: 1px solid rgba(46, 45, 49, 0.40);
        border-radius: 36px 36px 0 0;
    }

    .top-search .search-menu-item.search-open .search_result_list .cart-modal-tile {
        margin-bottom: 0;
        width: 100%;
    }

    .top-search .search-menu-item.search-open .search_result_list .cart-modal-tile .cart-modal-img {
        max-width: 50px;
        width: 50px;
        height: 50px;
        flex: unset;
    }

    .top-search .search-menu-item.search-open .search_result_list .cart-modal-tile .cart-modal-desc {
        padding-left: 6px;
        max-width: 162px;
    }

    .top-search .search-menu-item.search-open .search_result_list .cart-modal-tile .cart-modal-desc p {
        color: #2E2D31;
        font-family: "Nunito Sans";
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .top-search .search-menu-item.search-open .search_result_list .cart-modal-tile .cart-modal-desc span {
        display: none;
    }

    .top-search .search-menu-item.search-open .search_result_list .cart-modal-tile .cart-modal-amt {
        padding-left: 0;
        margin-left: auto;
        flex: unset;
    }

    .top-search .search-menu-item.search-open .search_result_list .cart-modal-tile .cart-modal-amt .cart-modal-price {
        color: #2E2D31;
        font-family: "Nunito Sans";
        font-size: 13px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px;
    }

    .header_inner .header-nav.open {
        padding: 0;
        top: 69px;
    }

    .customer-section-header.fixed-width-container:has(.open_content) header .header_bottom .header_inner {
        background: #F1F1F1;
        border: none;
    }

    .main-wrapper .header-nav .header-menu {
        height: 100%;
    }

    .header_bottom .header_inner .header-nav .header-menu ul li:not(.dropdownmenu).get-in-touch > a {
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
        align-items: center;
        gap: 9px;
    }

    .header_bottom .header_inner .header-nav .header-menu ul li:not(.dropdownmenu) .phone {
        background-image: url("https://stage-assets.goldbank.co.uk/home_new/assets/images/header/phone.svg");
        background-repeat: no-repeat;
        border: none;
        border-radius: unset;
        transform: unset;
        width: 17px;
        height: 17px;
        display: block;
        background-color: transparent;
        background-size: contain;
    }

    .main-wrapper:has(.search-open) .header_bottom .header_inner .header-nav .header-menu ul {
        display: none;
    }

    .main-wrapper:has(.search-open) .header_bottom .header_inner .header_logo a {
        max-width: 160px;
        width: 100%;
        max-height: 33px;
        margin: 0;
    }

    .main-wrapper:has(.search-open) .header_bottom .header_inner .header_logo a img {
        max-width: 160px;
        width: 100%;
        max-height: 33px;
        margin: 0;
    }

    .main-wrapper:has(.search-open) .header_bottom .header_inner .header_logo a img.white_logo {
        display: none;
    }

    .main-wrapper:has(.search-open) .header_bottom .header_inner .header_logo a img.black_logo {
        display: inline;
        max-width: 160px;
    }

    .main-wrapper:has(.search-open) .header_bottom .header_inner .headerLinks .cart {
        padding-right: 4px;
        padding-left: 16px;
        margin-bottom: -3px;
    }

    .main-wrapper:has(.search-open) .header_bottom .header_inner .headerLinks .cart a {
        margin: 0;
    }

    .main-wrapper:has(.search-open) .header_bottom .header_inner .headerLinks .cart a img {
        filter: invert(1);
        width: 24px;
        height: 24px;
    }

    .main-wrapper:has(.search-open) .header_bottom .header_inner .headerLinks .cart::after {
        display: none;
    }

    .header_bottom:has(.search-open) .header_inner > .row > .col-md-5:last-child {
        margin: 0;
        z-index: 1000;
        width: 80px;
        flex: unset !important;
        margin-left: auto;
    }

    .top-search .header_logo .close svg {
        width: 16px;
        height: 16px;
    }

    .top-search .header_logo .close {
        margin-top: -7px;
    }

    .main-wrapper:has(.search-open) .header_bottom .header_inner .headerLinks .login-menu-item {
        display: block;
        padding-right: 0;
        margin-bottom: -3px;
    }

    .main-wrapper:has(.search-open) .header_bottom .header_inner .headerLinks .login-menu-item svg {
        width: 20px;
        height: 20px;
    }

    .main-wrapper:has(.search-open) .header_bottom .header_inner .headerLinks .login-menu-item svg path {
        fill: hsla(255, 4%, 18%, 1);
    }
}





@media (max-width: 359px) {
    .header_bottom .header_inner.menu-open .row .header-logo-container .header_logo picture img {max-width: 134px;}
}