.usernameMenu {
  font-family: Comfortaa;
  font-size: 16px;
  font-weight: bold;
  color: #575757;
  display: flex;
  cursor: pointer;
}
.usernameMenu_label {
  margin-right: 10px;
  max-width: 150px;
  /*white-space: unset;*/
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.usernameMenu_label-secondLine {
  font-size: 16px;

}
.usernameMenu_label h1 {
  font-size: 16px;
  margin-bottom:20px;
}
.usernameMenu_icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  color: #489dff;
}
.usernameMenu_options {
  position: fixed;
  top: 44px;
  right: 159px;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  margin: 0 auto;
  display: block;
  border-bottom: 4px solid #f2f2f2;
}
.usernameMenu_options_item {
  padding: 8px;
  text-align: center;
  font-size: 18px;
  color: #489dff;
  cursor: pointer;
}
.usernameMenu_options_item:hover,
.usernameMenu_options_item:active {
  color: #ffffff;
  background-color: #489dff;
}
@media (min-width: 700px) {
  .usernameMenu_options {
    top: 56px;
    right: calc(50% - 243px);
    left: unset;
    width: 200px;
  }
  .usernameMenu_options_item {
    text-align: left;
  }
  .usernameMenu_label {
    max-width: 250px;
  }
}

@media (min-width: 785px) {
  .usernameMenu_options {
    top: 56px;
    right: 150px;
  }
}

@media (min-width: 970px) {
  .usernameMenu_options {
    top: 56px;
    right: 159px;
  }
}

@media (min-width: 1749px) {
  .usernameMenu_options {
    top: 56px;
    right: calc(50% - 720px);
  }
}

.pat_username_sec{
  font-family: 'Raleway';
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 28px;
  color: #FEFEFE;
  text-transform: capitalize;
}
.pat_last_name{
  font-weight: bold;

}

@media (max-width: 767px) {
  .pat_username_sec{
    font-family: 'Raleway';
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 21px;
color: #FEFEFE;
/* color: #000000; */
  }
}