@media (max-width: 1200px) {
    .nav2024 {
        display: none;
    }
    .nav2024-mob {
        display: block;
        padding: 25px 5% 0 5%;
    }

    .nav2024-mob-top {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .nav2024-mob-top .col2 {
        z-index: 13;
        background-color: #FFFFFF;
        padding: 15px 25px;
        border-radius: 50px;
        box-shadow: 0 10px 20px rgba(19, 37, 75, .19), 0 6px 6px rgba(19, 37, 75, .23);
    }
    .nav2024-mob-top .col2 .nav2024-mob-bttn svg {
        vertical-align: middle;
    }
    .nav2024-mob-top .col2 .nav2024-mob-bttn svg:first-child {
        margin-right: 0;
    } 
    .nav2024-mob-bottom {
        display: none;
    }
    .nav2024-mob-bottom.tap-active {
        display: block;
        position: absolute;
        max-width: 765px;
        margin-left: 5%;
        background-color: #FFFFFF;
        border-radius: 30px;
        z-index: 15;
        right: 0;
        top: 15px;
        box-shadow: 0 10px 20px rgba(19, 37, 75, .19), 0 6px 6px rgba(19, 37, 75, .23);
    }
    .nav2024-mob-bottom.tap-active .menu-main-menu-container {
        padding: 30px;
    }
    .nav2024-mob-bottom.tap-active .menu-top-menu-container {
        background: #F3F5F6;
        border-radius: 0 0 30px 30px;
    }
    .nav2024-mob-bottom.tap-active .menu-top-menu-container ul {
        margin: 0;
        padding: 30px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 0 30px;
    }
    .nav2024-mob-bottom.tap-active .menu-top-menu-container ul li {
        width: max-content;
        border-bottom: unset;
    }
    .nav2024-mob-bottom.tap-active .menu-top-menu-container ul .login-link a {
        color: #2e9a4a;
        padding-left: 0 !important
    }
    .nav2024-mob-bottom.tap-active .menu-top-menu-container ul .login-link a::before {
        content: "\f160";
        color: #2e9a4a;
        font-family: dashicons;
        margin-right: 5px;
        position: relative;
        vertical-align: middle;
    }
    .nav2024-mob li.menu-item.tap-active {
        width: 100%;
        justify-content: flex-start;
        border-bottom: unset;
    }
    .nav2024-mob li.menu-item.tap-active > a {
        width: 47%;
        border-bottom: 1px solid #C4C4C4;
        padding-bottom: 15px;
    }
    .nav2024-mob-bottom.tap-active .col3 {
        text-align: center;
        padding: 0 30px 30px;
    }
    .nav2024-mob-bottom.tap-active .col3 .button {
        padding: 12px 80px;
    }
    .nav2024-mob li.menu-item.tap-active svg {
        transform: rotate(90deg);
    }
    body .nav2024-mob .yxt-Answers-component.yxt-SearchBar-wrapper .yxt-SearchBar {
        height: auto;
    }
    body .nav2024-mob .yxt-Answers-component {
        height: auto;
        height: 40px;
    }
    .nav2024-mob-bottom-exit {
        display: block;
        width: max-content;
        padding: 30px 30px 0 0;
        margin-left: auto;
        margin-right: 0;
    }
    .nav2024-mob-bottom .yxt-SearchBar-container  {
        padding: 0 30px;
    }
    .nav2024-mob-bottom .yxt-SearchBar-container .yxt-SearchBar-form {
        padding: 0 30px;
        background-color: #F3F5F6;
        border-radius: 25px;
    }
    .nav2024-mob .bayport2023-nav-menu {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        gap: 0 30px;
        margin-bottom: 0;
    }
    .nav2024-mob li.menu-item {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 12px 0;
        flex-wrap: wrap;
        border-bottom: 1px solid #C4C4C4;
        width: calc(50% - 33px);
    }
    .nav2024-mob li.menu-item a {
        color: #13254B;
        font-family: "Noto Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    .nav2024-mob #menu-main-menu-1 > li > .sub-menu {
        display: none;
    }
    .nav2024-mob #menu-main-menu-1 > li.tap-active > .sub-menu {
        display: flex;
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    .nav2024-mob #menu-main-menu-1 > li.tap-active > .sub-menu li.menu-item {
        border-bottom: unset;
    }
    .nav2024-mob #menu-main-menu-1 a {
        color: var(--Space-Cadet, #13254B);
        font-family: "Noto Sans";
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px; /* 142.857% */
    }
    .nav2024-mob #menu-main-menu-1 > .menu-item > a {
        font-size: 16px;
    }
    .nav2024-mob .menu-top-menu-container li.menu-item a {
        font-size: 14px;
    }
    .nav2024-mob #menu-main-menu-1 a .menu-item-text {
        display: block;
        color: #646970;
        font-family: "Noto Sans";
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px; /* 166.667% */
        margin-left: 33px;
    }
    .nav2024-mob #menu-main-menu-1 .sub-menu a {
        line-height: 24px;
    }
    .nav2024-mob #menu-main-menu-1 .sub-menu a img {
        width: 23px;
        height: 23px;
        vertical-align: middle;
        margin-right: 10px;
    }
    .nav2024-mob #menu-main-menu-1 > li > a .menu-item-text {
        display: none;
    }

}
@media (max-width: 500px) {
    .nav2024-mob .bayport2023-nav-menu {
        flex-direction: column;
        flex-wrap:nowrap;
    }
    .nav2024-mob li.menu-item {
        width: 100%;
    }
    .nav2024-mob li.menu-item.tap-active > a {
        width: calc(100% - 14px);
        border-bottom: 1px solid #C4C4C4;
        padding-bottom: 15px;
    }
    .nav2024-mob-bottom.tap-active .menu-top-menu-container ul {
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start;
    }
    .nav2024-mob-bottom.tap-active .menu-top-menu-container ul li {
        width: 100%;
    }
}