/* Keep hidden by default */
#main-menu ul {
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
    height: 220px !important;
    left: 20px !important;
    position: absolute !important;
    top: auto !important;
    margin-left: 0px !important;
    margin-top: 0px !important;
    display: none !important; /* hidden by default */
  }
  
  /* Show only on hover */
  #main-menu li:hover > ul {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }