#nav_top {
  display: none;
}

#nav_top_menu {
  display: none;
  padding: 10px;
  font-weight: 600;
  width: 200px;
}

@media screen and (max-width: 768px) {
  #nav_side {
    display: none !important;
  }

  #nav_top {
    display: block !important;
  }
}

#nav_top {
  background-color: var(--ti_red); 
}

#nav_top #nav_top_header {
  color: rgba(255,255,255,0.8);
  font-weight: 600;
  text-align: center;
  padding: 10px;
}

#nav_top a img {
  width: auto;
  height: auto;
  padding:10px;
}

#nav_top #nav_top_header a {
  color: #ffffff;
  font-weight: 600;
}

#nav_side {
  background-color: #ffffff; 
  width: 200px;
}

#nav_side #nav_side_header {
  background-color: var(--ti_grey); 
  color: rgba(255,255,255,0.8);
  font-weight: 600;
  text-align: center;
  padding: 10px;
}

#nav_side #nav_side_menu {
  background-color: #ffffff;
  font-weight: 600;
  padding: 10px;
}