a.navd:link { text-decoration: none; color:var(--mobileNavColor); }
a.navd:visited { color: var(--mobileNavColor); }

.nav-wrapper { white-space: nowrap; }
.nav-wrapper ul { display: inline-block; list-style-type: none; margin:0 0 0.4rem 0; }
.nav-wrapper li { display: inline-block;  padding: 0rem 0rem 0rem 1.2rem; }
/*.nav-wrapper li:not(:last-child) { padding-right:1.2rem;}*/
.nav-wrapper li a { display: inline-block; text-decoration:none; }

.nav__dropdown-toggle { 
	display:inline-block; padding: 0rem 2rem 0rem 2rem; background-repeat: no-repeat; background-position: 100% 50%;  
}

.nav__dropdown.show { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; visibility: visible; box-shadow: 0 0 20px 0 rgba(49, 49, 49, 0.25);
    transition: 300ms cubic-bezier(0.25, 2, 0.25, 1), box-shadow 1000ms cubic-bezier(0.25, 2, 0.25, 1); }

@media (max-width: 650px) {
    .nav__dropdown { right: auto; left: 0; }
    .nav__dropdown:after { right: auto; left: 4rem; }
    .nav__dropdown:after { content:''; display: block; position:absolute; height:0; width:0; top:-6px; right:4rem; border-bottom: 6px solid #ccc; border-left:6px solid transparent; border-right:6px solid transparent;}
    .nav__dropdown-wrapper { display: inline-block; }
}

@media (max-width: 650px) { 
  .nav__dropdown-wrapper { position: static !important; } 
}


.nav__dropdown { white-space: nowrap; top: 150%; right: 0; background-color: #ccc ; opacity: 0; }
.nav__dropdown li { display: block; }
.nav__dropdown li a { padding:10px 20px;}
.nav__dropdown li:not(:last-child) { border-bottom: solid 1px #fff; }
.nav__dropdown a { display: inline-block;  }


@media (min-width: 1024px) {
  a.navd:link { text-decoration: none; color:var(--navColor); }
  a.navd:visited { color: var(--navColor); }
}