@media screen and (max-device-width: 767px) and (-webkit-min-device-pixel-ratio: 2) {
  @supports (-webkit-touch-callout: none) and (not (translate: none)) {
    .header-area .main-nav .menu-trigger {
      top: 10px !important;
      right: 10px !important;
      position: absolute !important;
      z-index: 9999 !important;
    }

    .header-area {
    background-color: rgb(12 12 12 / 62%);
    padding: 0px 0px;
    height: 100px;
    box-shadow: none;
    text-align: center;
    top: 86px;
  }

    .header-area .logo {
    margin-left: 5px;
  }

    .header-area .main-nav .logo-text {
      padding-right: 5px !important; /* prevent text collision */
    }

    .header-area .main-nav .menu-trigger {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 33px;
  width: 5px;
  height: 40px;
  text-indent: -9999em;
  z-index: 99;
  right: 40px;
  display: none;
}
    .sub-header .right-icons {
	/*text-align: center;*/
  }

  }
}