.arrow-icon {
  display: inline-block;
  color: #ffffff;
  transition: transform 0.3s ease;
  transform: rotate(0deg); /* Default: pointing right */
}

.treeview.menu-open > a .arrow-icon {
  transform: rotate(90deg); /* Rotate down when open */
}

.tristar_header_img {
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

@media screen and (max-width: 600px) {
.tristar_header_img img {
  text-align: center;
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 10px;
  padding-bottom: 10px;
 }
}