.subMenu{
    display: none;
    position: absolute !important;
    top: 0px !important;
    left: 100% !important;
    background-color: rgb(255, 255, 255);
    padding: 10px;
    border-radius: 5px;
}
.subMenu1{
    display: inline-block;
    position: absolute !important;
    bottom: -88px !important;
    right: -235% !important;
    background-color: rgb(255, 255, 255);
    padding: 10px;
    border-radius: 5px;
    visibility: hidden;
    opacity: 0;
}




.subMenu li {
    padding: 5px 15px;
    list-style: none;
    border-radius: 5px;
}
.subMenu1 li {
    padding: 5px 15px;
    list-style: none;
    border-radius: 5px;
}





.subMenu li:hover {
    background-color: rgba(202, 202, 202, 0.2);
}
.subMenu1 li:hover {
    background-color: rgba(202, 202, 202, 0.2);
}

.subMenu li a {
    color: black;
    text-decoration: none;
}
.subMenu1 li a {
    color: black;
    text-decoration: none;
}

.subMenu.show {
    visibility: visible;
    opacity: 1;
}
.subMenu1.show {
    visibility: visible;
    opacity: 1;
}