.topnav {
  position: sticky;
  background-color: #001216;
  top: 0;
  overflow: hidden;
  padding:0 20px;
}

.topnav-left { float: left; }

.topnav-right { float: right; }

.topnav a {
  float: left;
  display: block;
  color: #ffffff;
  text-align: center;
  padding: 16px 16px;
  text-decoration: none;
  font-size: 14pt;
  border-bottom: 3px solid transparent;
}

.topnav a.hover:hover { border-bottom: 3px solid #550c8a; }

/*.topnav a.active { border-bottom: 3px solid #550c8a; } */

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

.font_22{ font-size:22pt; }
#sm-logo{ margin-top:5px; }

.sidebar {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #163e64;
  overflow-x: hidden;
  padding-top: 60px;
  transition: 0.5s;
}

.sidebar a {
  padding: 8px 8px 8px 16px;
  text-decoration: none;
  font-size: 14pt;
  color: #ffffff;
  display: block;
  transition: 0.3s;
  display:none;
}

.sblinks{display:none;}
.sidebar a:hover {color: yellow;}

.sidebar .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.icon { cursor: pointer; }
.openbtn:hover {background-color: yellow;}

@media screen and (max-width: 1068px) {
  #xnav1 {display: none;}
  #znav1 {display: block;}
  #Sidebar{display: none;}
  .topnav-right a.icon {
    display: block;
  }
}

@media screen and (max-width: 975px) {
  #xnav2 {display: none;}
  #znav2 {display: block;}
}

@media screen and (max-width: 865px) {
  #xnav3 {display: none;}
  #znav3 {display: block;}
}

@media screen and (max-width: 754px) {
  #xnav4 {display: none;}
  #znav4 {display: block;}
}

@media screen and (max-width: 660px) {
  #xnav5 {display: none;}
  #znav5 {display: block;}
}

@media screen and (max-width: 600px) {
  #xnav6,#xnav7 {display: none;}
  #znav6,#znav7 {display: block;}
}

@media screen and (max-width: 600px) {
  .topnav-right.responsive {position: relative;}
  .topnav-right.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  #VAP{ display:none; }
  #MLH{ display:none; }
  #MT{ display:none; }
}