/* Custom Menu Spacing and Layout */
.header-mainnav {
    display: flex;
    align-items: center;
    height: 100%;
}

.header-mainnav .mainmenu-nav {
    display: flex;
    align-items: center;
    height: 100%;
}

.header-mainnav .mainmenu {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: nowrap;
    margin: 0;
    height: 100%;
}

.header-mainnav .mainmenu > li {
    margin: 0;
    display: flex;
    align-items: center;
    height: 100%;
}

.header-mainnav .mainmenu > li > a {
    padding: 10px 18px !important;
    white-space: nowrap;
    display: flex;
    align-items: center;
    height: 100%;
}

/* For tablets and smaller laptops */
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .header-mainnav .mainmenu > li > a {
        padding: 10px 14px !important;
        font-size: 15px;
    }
}

/* For larger screens */
@media only screen and (min-width: 1401px) {
    .header-mainnav .mainmenu > li > a {
        padding: 10px 20px !important;
    }
}

/* Mobile menu adjustments - make drawer slide from right */
@media only screen and (max-width: 1199px) {
    .popup-mobile-menu .inner {
        left: auto;
        right: -305px;
    }

    .popup-mobile-menu.active .inner {
        left: auto;
        right: 0;
    }
}