@media only screen and (max-width:414px)
{
    .ulroot li.rootitem ul.prod-dropdown{
    display: none; visibility: hidden; list-style: none; padding: 0px 0px 0px 0px;
    z-index: 1580; border: solid 1px #666;position: absolute;left: 0px; 
}
.ulroot li.rootitem:hover > ul.prod-dropdown{
    position: absolute; background-color: #f9f9f9; 
    display: block; visibility:visible;box-shadow: 2px 2px 2px #333; 
    width: auto; top: 35px;
}
.ulroot li.rootitem ul.prod-dropdown li{
   width: auto;  width: 220px;
  
}
.ulroot li.rootitem ul.prod-dropdown li a{
    line-height: 32px; font-size: 10pt; font-weight: bold; color: #333;
     border-bottom: solid 1px #666; display: block;
}
.ulroot li.rootitem ul.prod-dropdown li a:hover{color: #ee0101; text-decoration: none; background-color: #fff9c9;}
.ulroot li.rootitem ul.prod-dropdown li ul.sub-dropdown{
    list-style: none; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px;
    display: none; visibility: hidden; position:inherit;
    background-color: #ffefbd; border: solid 1px #FFBF00; 
}
.ulroot li.rootitem ul.prod-dropdown li:hover{
     background-color: #fff9c9;
}
.ulroot li.rootitem ul.prod-dropdown li:hover > ul.sub-dropdown {
    display: block; visibility: visible; width: 220px;
    }
.ulroot li.rootitem ul.prod-dropdown li ul.sub-dropdown li{
   display: block; border-bottom: solid 1px #c0c0c0; width: 100%; height: 25px; margin-right: 5px;
   padding-right: 0px; padding-left: 0px;
}
.ulroot li.rootitem ul.prod-dropdown li ul.sub-dropdown li a{
    font-weight: normal; color: #333; border-bottom: none; padding-right: 0px; width: 100%;
    padding-left: 0px; text-indent: 8px; height: 25px; line-height: 25px;
}
.ulroot li.rootitem ul.prod-dropdown li ul.sub-dropdown li a:hover{
    background-color: #f0f0f0; color: #ff0000;
}
}