.nav-signIn-container { visibility: hidden; height: 100%; display: flex; align-items: center; cursor: pointer; border-bottom: none !important; } .nav-icon-user-container { display: flex; align-items: center; } .nav-account-container { //pading-left:10px; padding-left: 6.5px; margin-top: -1.5px; min-height: 28px !important; background-color: #eeee; visibility: hidden; padding-right: 6px; height: 100%; right: 23.7%; display: flex; align-items: center; //transform: translateX(-260%); cursor: pointer; z-index: 9999; } .nav-name-and-svg-container { display: flex; align-items: center; } .nav-name-container { padding-top:2px; } .nav-user-firstName { padding: 0; margin: 0; //margin-bottom: 1px; color: black !important; font-size: 11px; font-weight:600; } .nav-user-firstName a { color: black !important; text-decoration: none; } .nav-svg-container { display: flex; } .open-setting-container { visibility: hidden; margin: 0; padding: 0; position: absolute; right: 23.7%; top: 101.6%; width: 120px; height: 0; background-color: black; transition: height 0.2s ease-in-out; box-shadow: 0 6px 12px rgb(0 0 0 / 18%); display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 9998; } .nav-settings-div { text-align: center; display: none; } .nav-settings-ul { padding: 0; margin: 0; line-height: 1.8; } .nav-setting-li { list-style: none; font-size: 10px; padding: 0; margin: 0; } .nav-setting-li a { color: white !important; font-size: 12px !important; text-decoration: none; background-color: transparent !important; border: none !important; } .nav-setting-li a:hover { color: #777 !important; font-size: 12px !important; } @media screen and (max-width: 1339px) { .nav-signIn-container { padding-left: 10px; background-color: transparent; visibility: hidden; padding-right: 6px; height: 100%; position: absolute; right: 31.5%; display: flex; align-items: center; //transform: translateX(-210%); cursor: pointer; } .nav-account-container { padding-left: 10px; background-color: #eeee; visibility: hidden; padding-right: 6px; height: 100%; position: absolute; right: 32.5%; display: flex; align-items: center; //transform: translateX(-260%); cursor: pointer; z-index: 9999; } .nav-name-and-svg-container { display: flex; align-items: center; } .nav-user-firstName { padding: 0; margin: 0; margin-bottom: 1px; color: black !important; font-size: 11px; } .nav-user-firstName a { color: black !important; text-decoration: none; } .open-setting-container { visibility: hidden; margin: 0; padding: 0; position: absolute; right: 32.5%; top: 100%; width: 120px; height: 0; background-color: black; transition: height 0.2s ease-in-out; box-shadow: 0 6px 12px rgb(0 0 0 / 18%); display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 9998; } .nav-settings-div { text-align: center; display: none; } .nav-settings-ul { padding: 0; margin: 0; line-height: 1.8; } .nav-setting-li { list-style: none; font-size: 10px; padding: 0;