#megaMenu .root li:hover .category { display: block;} 

/*--------- CSS Reset for Tablet ----------*/
@media handheld, only screen and (max-width: 970px){
#megaMenu .root li a span {padding:0 7px;}
}


@media handheld, only screen and (max-width: 800px){

#megaMenu .root li a span {padding:0 20px;}
#megaMenu .root li:hover .category  {display:block;}
}