.productNav { display: flex; justify-content: center; align-items: center; gap: 25px; border-top: 1px solid #70707020; margin: 24.5px auto 0 auto;}
.productNav .inner {gap: 25px;}
    .productNav .productNavItem { padding: 10px 0 14.5px 0; }
        .productNav .productNavItem .productNavName { display: flex; justify-content: flex-start; align-items: center; gap: 10px; cursor: pointer; }
            .productNav .productNavItem .productNavName.on a {font-weight:bold;}
            .productNav .productNavItem .expand { display: flex; justify-content: center; align-items: center; }
        .productNav .productNavItem.active .expand {transform:rotate(180deg);}
        .productNav .productNavItem .name { font-size: 16px; text-decoration: none; text-align:center; line-height:1.2em;}
        .productNav .productNavItem .productNavGroups { display: none; width: 100%; position: absolute; top: 100%; left: 0; z-index: 2; background: #fff; border-top: 1px solid #70707020; border-bottom: 1px solid #70707020; box-shadow: 0px 15px 10px 0px #00000010; padding: 24.5px 0; }
        .productNav .productNavItem.active .productNavGroups,
        .productNav .productNavItem.on .productNavGroups { display: block; }
        .productNav .productNavItem .productNavGroups .inner {align-items:flex-start; flex-wrap:wrap; gap: 20px 2%; justify-content:flex-start;}
        .productNav .productNavItem .productNavGroups .productNavGroup {width: 32%;}
            .productNav .productNavItem .productNavGroups .productNavGroup .groupName .expand {display:none;}
            .productNav .productNavItem .productNavGroups .productNavGroup .groupNameLink { text-decoration: none; color: #00386A;  font-size: 16px; }
            .productNav .productNavItem .productNavGroups .productNavGroup .groupName:hover .groupNameLink,
            .productNav .productNavItem .productNavGroups .productNavGroup .groupName.on .groupNameLink { font-weight: bold; }
        .productNav .productNavItem .productNavSeries p {margin: 0;}
        .productNav .productNavItem .productNavSeries a { text-decoration: none; font-size: 14px; color: #000; font-weight: lighter; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
            .productNav .productNavItem .productNavSeries a:hover,
            .productNav .productNavItem .productNavSeries a.on { color: #00386A; font-weight: bold; }

.productNavLeft {}
.productNavLeft a {color:#000;}
    .productNavLeft .productNavItem { margin: 0 0 15px 0;}
        .productNavLeft .productNavItem .productNavName { display: flex; justify-content: flex-start; align-items: center; gap: 10px; cursor: pointer; }
            .productNavLeft .productNavItem .productNavName.on a,
            .productNavLeft .productNavItem .productNavName:hover a { font-weight: 600; }
        .productNavLeft .productNavItem .name { color: #000; font-size: 16px; text-decoration:none; }
        .productNavLeft .productNavItem .expand { display: flex; justify-content: center; align-items: center; cursor:pointer; }
        .productNavLeft .productNavGroups { display: none; width: 100%; margin: 15px 0; }
    .productNavLeft .productNavItem.on .productNavGroups { display: block; }
    .productNavLeft .productNavGroups .inner {margin:0; min-height:0; padding: 0;overflow: auto; max-width:none;}
    .productNavLeft .productNavGroups .productNavGroup {margin: 0 0 15px 0; padding: 0 0 0 10px;}
    .productNavLeft .productNavGroups .productNavGroup:last-child { margin: 0; }
    .productNavLeft .productNavGroups .productNavGroup .groupName {  display:flex; justify-content:flex-start; align-items:center;}
        .productNavLeft .productNavGroups .productNavGroup .groupName.on a,
        .productNavLeft .productNavGroups .productNavGroup .groupName.hover a { font-weight: 600; }
        .productNavLeft .productNavGroups .productNavGroup .groupNameLink { display: block; font-size: 14px; text-decoration: none; }
        .productNavLeft .productNavGroups .productNavGroup .groupName .expand { padding: 0 0 0 10px; }
        .productNavLeft .productNavGroups .productNavGroup .productNavSeries{display:none; padding: 0 0 0 15px; margin: 15px 0 0 0;}
        .productNavLeft .productNavGroups .productNavGroup .productNavSeries.on { display: block; }
        .productNavLeft .productNavGroups .productNavGroup .productNavSeries a { display: block; font-size:14px;text-decoration:none; margin: 0 0 10px 0; }
            .productNavLeft .productNavGroups .productNavGroup .productNavSeries a.on,
            .productNavLeft .productNavGroups .productNavGroup .productNavSeries a:hover { font-weight: bold; }


        .productNavLeft .productNavItem .productNavName.on .expand img,
        .productNavLeft .productNavItem .productNavName.expanded .expand img,
        .productNavLeft .productNavGroups .productNavGroup .groupName.on .expand img,
        .productNavLeft .productNavGroups .productNavGroup .groupName.expanded .expand img { transform: rotate(180deg); }

@media screen and (max-width: 1215px) {
    .productNav,
    .productNavLeft { display: none; }
}