.header .mod-menu > li {
  position: relative;
}

.header .mod-menu li:hover > ul {
  border: 1px solid #dfe3e7;  
  border-radius: 5px;
  display: flex;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 16px;
  width: 500px;
  background: rgba(194, 201, 229, .95);
  font-size: 16px;
  flex-direction: column;
  height: 200px;
  flex-wrap: wrap;
}

.header .mod-menu li:hover > ul li {
  display: block;
}