#top_header {
  background-color: #fff;
  height: 116px; /* As per your requirement */
  display: flex;
  align-items: right;
}

#top_header .row {
  display: flex;
  align-items: right;
  width: 100%;
}

#logo img {
  max-height: 83px;
  height: auto;
}

.cmn-toggle-switch {
  display: inline-block;
  padding: 10px;
  font-size: 24px;
  cursor: pointer;
  vertical-align: middle;
  z-index: 10;
}

/* Optional: hide "Menu mobile" text for cleaner look */
.cmn-toggle-switch span {
  display: none;
}

/* In your main or responsive CSS file */
@media (max-width: 768px) {
  .header {
    display: flex;
    align-items: center;
  }

  .cmn-toggle-switch {
    margin-left: auto;
    margin-right: -20px;
  }
}


