/*  */
/*  */
/* Responsive Floating Menu With Sticky */
/*  */
/*  */





.topnav-sticky {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  overflow: hidden;
  position: sticky;
  top: -1;
  width: 100%;
  align-items: center;
}


.topnav-sticky a {
  float: left;
  text-align: center;
  padding: 10 30 10 30;
  text-decoration: none;
}


.topnav-sticky .icon {
  display: none;
}


.leftside {
  display: flex;
}

.rightside {
  justify-content: flex-end;
}




/* Mobile View */
@media (max-width: 800px) {

  .topnav-sticky {
    justify-content: right;
  }

  .topnav-sticky a {
    font-size: 0.6em;
    display: none;
  }

  .topnav-sticky a.icon {
    float: right;
    display: block;
  }

  .topnav-sticky.responsive {
    position: sticky;
    flex-direction: column;
  }
  .topnav-sticky.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  
  .topnav-sticky.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }


}