.mainHeader {
  padding: 15px 0;
  .headerWrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .menuPart {
    align-items: center;
    display: none;
    & > * + * {
      margin-left: 15px;
    }
  }
  .logoPart {
    img {
      display: block;
    }
  }
  .menuPart {
  }
}

@media (min-width: $screen-sm) {
  .mainHeader {
    .menuPart {
      display: flex;
    }
  }
}

@media (min-width: $screen-md) {

}

@media (min-width: $screen-lg) {

}

@media (min-width: $screen-xl) {

}