/* CSS Document */

#nav .mx_first {
display: none;
}

.sub {
top: -80px;
position: relative;
}

.sub:last-of-type {
display: none;
}

.sub li:nth-of-type(1), .sub li.mx_last {
display: none;
}

.sub li a {
  width: calc(33.3% - 20px);
}

@media screen and (max-width: 1023px) {

.sub {
top: 10px;
}

} /* end mediaquery */

@media screen and (max-width: 800px) {

.sub:first-of-type {
display: none;
}

.sub:last-of-type {
display: block;
}

} /* end mediaquery */