@media (min-width: 1024px){
header {position:relative;}
.top-menu{
  overflow: visible;
  position: absolute;
  display: inline-table;
 padding-left:52px;
 right:60px;
}

.sub-menu{
  top: 20px;
  padding-top: 25px;
}

nav ul ul li {
    padding: 3px;
}

}

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

.top-menu{
  overflow: visible;
  position: absolute;
  display: inline-table;
  width: 100%;
}

.sub-menu{
  top: 0px;
  padding-top: 25px;
}

nav ul ul li {
    padding: 3px;
}

.bg--color1{
height:185px;
}

}