ul.megamenu{
  width: 100%;
  padding: 20px;
  display: none;
  list-style: none;
}

ul.megamenu{
  display: block;

}
ul.megamenu li{
  width: 100%;
  margin: 20px 0;
  float: left;
  display: inline-block;
}
ul.megamenu li a{
  padding: 0;
  width: 100%;
  color: black;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  float: left;
  font-size: 13px;
  height: 36px;
  display:flex;
  align-items: center;
}
ul.megamenu li a:hover{
  color: blue;
}
ul.megamenu li h1{
  padding: 10px 0px;
  font-size: 18px;
  color: black;
  text-align: left;
  border-bottom: 1px solid black;
  margin-bottom: 6px;

}

ul.megamenu p{
  color: red;
  margin: 5px;
  padding: 5px;
}

ul.megamenu li img{
  
}

@media (min-width: 640px) {

ul.megamenu li{
  width: 49%;
  margin: 20px 1% 20px 0;
}
}

@media (min-width: 1200px) {

ul.megamenu li{
  width: 24%;
}
}