.wrapper.bg-black .header .subnavContainer.dropdown-menu {
    box-sizing: border-box;
    border: solid 5px white;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    overflow: hidden;
}
/*** Desktop Navigation Dropdown ***/
.header ul.navlinks li a,
.header ul.navlinks li a.nav.dropdown-toggle,
.header .subnavContainer.dropdown-menu .subnavContent ul li ul li a {
    font-weight: 400 !important;
}
.header ul.navlinks li a.nav.dropdown-toggle {
    padding-left: 17px !important;
}
@media (min-width: 1025px) {
    .header ul.navlinks li a.nav.dropdown-toggle {
        padding-left: 10px !important;
    }
    .wrapper .header ul.navlinks li#tnav1.dropdown.open,
    .wrapper .header ul.navlinks li#tnav2.dropdown.open, 
    .wrapper .header ul.navlinks li#tnav3.dropdown.open, 
    .wrapper .header ul.navlinks li#tnav4.dropdown.open {
        background: url(/content/dam/en-us/test-assets/header-redesign/orange-marker-2.svg) no-repeat center bottom;
    }
    .wrapper .header ul.navlinks li#tnav1.dropdown.open .subnavContent,
    .wrapper .header ul.navlinks li#tnav2.dropdown.open .subnavContent,
    .wrapper .header ul.navlinks li#tnav3.dropdown.open .subnavContent,
    .wrapper .header ul.navlinks li#tnav4.dropdown.open .subnavContent,
    .wrapper .header ul.navlinks li#tnav5.dropdown.open .subnavContent {
        width: calc(280px * 3) !important;
    }
    .wrapper .header ul.navlinks li#tnav1 .subnavContainer.dropdown-menu,
    .wrapper .header ul.navlinks li#tnav3 .subnavContainer.dropdown-menu,
    .wrapper .header ul.navlinks li#tnav4 .subnavContainer.dropdown-menu,
    .wrapper .header ul.navlinks li#tnav5 .subnavContainer.dropdown-menu { 
        width: 660px;
        margin-left: 213px;
        padding: 25px !important;
    }
    .wrapper .header ul.navlinks li#tnav2 .subnavContainer.dropdown-menu {
        width: 757px;
        margin-left: 107px;
    }
    .wrapper .header ul.navlinks li#tnav2 ul.subnavlinks li {
        width: 27.3% !important;
        padding-bottom: 35px;
    }
}
@media (min-width: 1025px) {
    .wrapper .header ul.navlinks li#tnav1.dropdown.open,
    .wrapper .header ul.navlinks li#tnav2.dropdown.open, 
    .wrapper .header ul.navlinks li#tnav3.dropdown.open, 
    .wrapper .header ul.navlinks li#tnav4.dropdown.open {
        background: url(/content/dam/en-us/test-assets/header-redesign/orange-marker-2.svg) no-repeat center bottom;
    }
    .wrapper .header ul.navlinks li#tnav1.dropdown.open .subnavContent,
    .wrapper .header ul.navlinks li#tnav2.dropdown.open .subnavContent,
    .wrapper .header ul.navlinks li#tnav3.dropdown.open .subnavContent,
    .wrapper .header ul.navlinks li#tnav4.dropdown.open .subnavContent,
    .wrapper .header ul.navlinks li#tnav5.dropdown.open .subnavContent {
        width: calc(280px * 3) !important;
    }
    .wrapper .header ul.navlinks li#tnav1 .subnavContainer.dropdown-menu,
    .wrapper .header ul.navlinks li#tnav3 .subnavContainer.dropdown-menu,
    .wrapper .header ul.navlinks li#tnav4 .subnavContainer.dropdown-menu,
    .wrapper .header ul.navlinks li#tnav5 .subnavContainer.dropdown-menu { 
        width: 767px;
        margin-left: 129px;
        padding: 25px !important;
       
    }
    .wrapper .header ul.navlinks li#tnav2 .subnavContainer.dropdown-menu {
        width: 650px !important;
        margin-left: 217px !important;   
        padding: 60px 25px 0 !important;    
    }
    .wrapper .header ul.navlinks li#tnav2 ul.subnavlinks li {
        width: 33.3% !important;
        padding-bottom: 17px;
    }
}
@media (min-width: 1100px) {
    .wrapper .header ul.navlinks li#tnav1.dropdown.open,
    .wrapper .header ul.navlinks li#tnav2.dropdown.open, 
    .wrapper .header ul.navlinks li#tnav3.dropdown.open, 
    .wrapper .header ul.navlinks li#tnav4.dropdown.open {
        background: url(/content/dam/en-us/test-assets/header-redesign/orange-marker-2.svg) no-repeat center bottom;
    }
    .wrapper .header ul.navlinks li#tnav1.dropdown.open .subnavContent,
    .wrapper .header ul.navlinks li#tnav2.dropdown.open .subnavContent,
    .wrapper .header ul.navlinks li#tnav3.dropdown.open .subnavContent,
    .wrapper .header ul.navlinks li#tnav4.dropdown.open .subnavContent,
    .wrapper .header ul.navlinks li#tnav5.dropdown.open .subnavContent {
        width: calc(280px * 3) !important;
    }
    .wrapper .header ul.navlinks li#tnav1 .subnavContainer.dropdown-menu,
    .wrapper .header ul.navlinks li#tnav3 .subnavContainer.dropdown-menu,
    .wrapper .header ul.navlinks li#tnav4 .subnavContainer.dropdown-menu,
    .wrapper .header ul.navlinks li#tnav5 .subnavContainer.dropdown-menu { 
        width: 650px !important;
        margin-left: 217px !important;
        padding: 25px !important;
       
    }
    .wrapper .header ul.navlinks li#tnav2 .subnavContainer.dropdown-menu {
        width: 650px !important;
        margin-left: 217px !important;
        padding: 60px 25px 0 !important;
    }
    .wrapper .header ul.navlinks li#tnav2 ul.subnavlinks li {
        width: 33.3% !important;
        padding-bottom: 17px;
    }
}
@media (min-width: 1200px) {
    .wrapper .header ul.navlinks li#tnav1.dropdown.open,
    .wrapper .header ul.navlinks li#tnav2.dropdown.open, 
    .wrapper .header ul.navlinks li#tnav3.dropdown.open, 
    .wrapper .header ul.navlinks li#tnav4.dropdown.open {
        background: url(/content/dam/en-us/test-assets/header-redesign/orange-marker-2.svg) no-repeat center bottom;
    }
    .wrapper .header ul.navlinks li#tnav1.dropdown.open .subnavContent,
    .wrapper .header ul.navlinks li#tnav2.dropdown.open .subnavContent,
    .wrapper .header ul.navlinks li#tnav3.dropdown.open .subnavContent,
    .wrapper .header ul.navlinks li#tnav4.dropdown.open .subnavContent,
    .wrapper .header ul.navlinks li#tnav5.dropdown.open .subnavContent {
        width: calc(280px * 3) !important;
    }
    .wrapper .header ul.navlinks li#tnav1 .subnavContainer.dropdown-menu,
    .wrapper .header ul.navlinks li#tnav3 .subnavContainer.dropdown-menu,
    .wrapper .header ul.navlinks li#tnav4 .subnavContainer.dropdown-menu,
    .wrapper .header ul.navlinks li#tnav5 .subnavContainer.dropdown-menu { 
        width: 779px !important;
        margin-left: 221px !important;
        padding: 25px !important;
       
    }
    .wrapper .header ul.navlinks li#tnav2 .subnavContainer.dropdown-menu {
        width: 779px !important;
        margin-left: 221px !important;
        padding: 60px 25px 0 !important;
    }
    .wrapper .header ul.navlinks li#tnav2 ul.subnavlinks li {
        width: 30.3% !important;
        padding-bottom: 35px;

    }
}
@media (min-width: 1300px){
    .header ul.navlinks li#tnav1 a.dropdown-toggle,
    .header ul.navlinks li#tnav2 a.dropdown-toggle,
    .header ul.navlinks li#tnav3 a.dropdown-toggle,
    .header ul.navlinks li#tnav4 a.dropdown-toggle,
    .header ul.navlinks li#tnav5 a.dropdown-toggle {
        font-size: 18px !important;
    }

    .header ul.navlinks li#tnav1 a.dropdown-toggle .subnavContainer.dropdown-menu .subnavContent ul li a,
    .header ul.navlinks li#tnav2 a.dropdown-toggle .subnavContainer.dropdown-menu .subnavContent ul li a,
    .header ul.navlinks li#tnav3 a.dropdown-toggle .subnavContainer.dropdown-menu .subnavContent ul li a,
    .header ul.navlinks li#tnav4 a.dropdown-toggle .subnavContainer.dropdown-menu .subnavContent ul li a,
    .header ul.navlinks li#tnav5 a.dropdown-toggle .subnavContainer.dropdown-menu .subnavContent ul li a {
        font-size: 17px !important;
    }
   
    .wrapper .header ul.navlinks li#tnav1.dropdown.open,
    .wrapper .header ul.navlinks li#tnav2.dropdown.open, 
    .wrapper .header ul.navlinks li#tnav3.dropdown.open, 
    .wrapper .header ul.navlinks li#tnav4.dropdown.open {
        background: url(/content/dam/en-us/test-assets/header-redesign/orange-marker-2.svg) no-repeat center bottom;
    }
    .wrapper .header ul.navlinks li#tnav1.dropdown.open .subnavContent,
    .wrapper .header ul.navlinks li#tnav2.dropdown.open .subnavContent,
    .wrapper .header ul.navlinks li#tnav3.dropdown.open .subnavContent,
    .wrapper .header ul.navlinks li#tnav4.dropdown.open .subnavContent,
    .wrapper .header ul.navlinks li#tnav5.dropdown.open .subnavContent {
        width: calc(280px * 3) !important;
    }
    .wrapper .header ul.navlinks li#tnav1 .subnavContainer.dropdown-menu,
    .wrapper .header ul.navlinks li#tnav3 .subnavContainer.dropdown-menu,
    .wrapper .header ul.navlinks li#tnav4 .subnavContainer.dropdown-menu,
    .wrapper .header ul.navlinks li#tnav5 .subnavContainer.dropdown-menu {
        width: 851px !important; 
        padding: 25px !important;
        margin-left: 216px;
       
    }
    .wrapper .header ul.navlinks li#tnav2 .subnavContainer.dropdown-menu {
        width: 763px !important; 
        margin-left: 216px;
        padding: 60px 25px 0 !important;
    }

    .wrapper .header ul.navlinks li#tnav2 ul.subnavlinks li {
        float: left;
        width: 29% !important;
        padding-bottom: 35px;
        font-weight: 400 !important;
    }
    .wrapper .header ul.navlinks li#tnav5.dropdown.open {
        background: url(/content/dam/en-us/test-assets/header-redesign/orange-marker.svg) no-repeat center bottom;
    }
}

@media (min-width: 1500px){
    .header ul.navlinks li#tnav1 a.dropdown-toggle,
    .header ul.navlinks li#tnav2 a.dropdown-toggle,
    .header ul.navlinks li#tnav3 a.dropdown-toggle,
    .header ul.navlinks li#tnav4 a.dropdown-toggle,
    .header ul.navlinks li#tnav5 a.dropdown-toggle {
        font-size: 18px !important;
    }

    .header ul.navlinks li#tnav1 a.dropdown-toggle .subnavContainer.dropdown-menu .subnavContent ul li a,
    .header ul.navlinks li#tnav2 a.dropdown-toggle .subnavContainer.dropdown-menu .subnavContent ul li a,
    .header ul.navlinks li#tnav3 a.dropdown-toggle .subnavContainer.dropdown-menu .subnavContent ul li a,
    .header ul.navlinks li#tnav4 a.dropdown-toggle .subnavContainer.dropdown-menu .subnavContent ul li a,
    .header ul.navlinks li#tnav5 a.dropdown-toggle .subnavContainer.dropdown-menu .subnavContent ul li a {
        font-size: 17px !important;
    }
   
    .subnavContent {
        width: calc(325px * 3) !important;
    }
    .wrapper .header ul.navlinks li#tnav1.dropdown.open,
    .wrapper .header ul.navlinks li#tnav2.dropdown.open,
    .wrapper .header ul.navlinks li#tnav3.dropdown.open {
        background: url(/content/dam/en-us/test-assets/header-redesign/orange-marker.svg) no-repeat center bottom;
    }
    .wrapper .header ul.navlinks li#tnav3.dropdown.open .subnavContent {
        width: calc(295px * 3) !important;
    }
    .wrapper .header ul.navlinks li#tnav4.dropdown.open,
    .wrapper .header ul.navlinks li#tnav5.dropdown.open {
        background: url(/content/dam/en-us/test-assets/header-redesign/orange-marker-3.svg) no-repeat center bottom;
    }
    .wrapper .header ul.navlinks li#tnav1 .subnavContainer.dropdown-menu {
        width: 856px !important; 
        padding: 25px !important;
        margin-left: 234px;
       
    }
    .wrapper .header ul.navlinks li#tnav2 .subnavContainer.dropdown-menu {
        width: 790px !important; 
        margin-left: 234px;
        padding: 60px 25px 0 !important;
    }
    .wrapper .header ul.navlinks li#tnav3 .subnavContainer.dropdown-menu {
        width: 904px !important; 
        padding: 25px !important;
        margin-left: 234px;
        
    }
    .wrapper .header ul.navlinks li#tnav4 .subnavContainer.dropdown-menu {
        width: 861px !important; 
        padding: 25px !important;
        margin-left: 234px;
       
    }
    .wrapper .header ul.navlinks li#tnav5 .subnavContainer.dropdown-menu {
        width: 861px !important; 
        padding: 25px !important;
        margin-left: 234px;
        
    }
    .wrapper .header ul.navlinks li#tnav2 ul.subnavlinks li {
        float: left;
        width: 29% !important;
        padding-bottom: 35px;
        font-weight: 400 !important;
    }
}
.header ul.navlinks .open .dropdown-menu {
    margin-top: -15px !important;
}
.mobile-navlinks-dropdown {
    margin-top: 1rem;
    padding: 12px;
    border-radius: 8px;
    background-color: #fff;
}

.nav-wrap-mobile a {
    color: #383434 !important;
}

.mobile-nav-item, .mobile-nav-item:hover {
    color: #383434
}

.nav-wrap-mobile, .mobile-navicons {
    display: none;
}

.navbarContent .navlinks li .subnavContainer {
    visibility: hidden;
 }
 .navbarContent .navlinks li.open .subnavContainer {
    visibility: visible;
 }
 

@media(max-width: 1024px) {
    .header .logo-wrap {
        background-color: #fff;
        z-index: 2;
      }
    #loginbtn-mobile {
        display: block !important;
        right: 0px !important;
        position: relative;
        top: 21px;
        color: #fff;
        padding: 8px 17px !important;
        margin: 0 20px;
        background-color: #383434;
        color: #fff !important;
        text-align: center;
        font-size: 1.6rem !important;
    }
    .nav-open .header .nav-wrap ul.navlinks {
        padding: 10px 22px;
    }
    .navbarContent {
        overflow-y: scroll;
    }
    .navicons, .globe {
        display: none;
    }
    .mobile-navicons {
        display: block;
        width: 100%;
        background-color: #fff;
    }
    .globe-mobile {
        display: block !important;
    }
    .globe-mobile a {
        display: flex;
        align-items: center;
        padding: 1rem;
        color: #383434 !important
    }
    a.nav.dropdown-toggle {
        display: flex !important;
        align-items: center;
    }
    a.nav.dropdown-toggle::after {
        margin: 0 15px 0 auto !important;
    }
    .nav-wrap-desktop {
        display: none;
    }
    .nav-wrap-mobile {
        display: block;
    }
    .nav-open .header ul.navlinks {
        padding: 10px;
    }
    .navHdr {
        padding-bottom: 12px;
        font-weight: bold;
        border-bottom: solid 1px #D1CCCC
    }
    .navlinks>div {
        padding: 16px 0px;
        border-bottom: solid 1px #D1CCCC
    }
}
.header ul.subnavlinks li ul {
    margin: 0px !important;
}
/*.header .products-dropdown .subnavContent,
.header .support-dropdown .subnavContent,
.header .about-us-dropdown .subnavContent,
.header .resources-dropdown .subnavContent {
    width: calc(240px * 3);
}*/
.navbar-icon {
    height: 24px;
    width: 24px;
    margin-right: 8px;
}
/*.header ul.features li {
    width: fit-content !important
}*/