ul.desktopnav {
    box-sizing:border-box;
    list-style:none; 
    margin:4px 0;
}
ul.desktopnav li {
    display:block; 
    float:left;
}
ul.desktopnav li li {
    float:none;
    clear:both;
}

/** Hover Box **/

ul.desktopnav li ul {
    width:200px;
    position:absolute;
    
    -webkit-transform: scaleY(0);
	-o-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);

	-webkit-transform-origin: top;
	-o-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;

	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	-o-transition: -o-transform 0.3s ease-in-out;
	-ms-transition: -ms-transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
    
 }
 ul.desktopnav li:hover ul {
    -webkit-transform: scaleY(1);
	-o-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
 }
 
 
ul.desktopnav ul li{
    position:relative;
}

ul.desktopnav li a {
    text-decoration:none;
}

/** Level 1 **/
ul.desktopnav li.root a {
    padding:9px 10px;
    line-height:22px;
}

/** Level 2 **/

ul.desktopnav ul li {
    display:block;
    padding:2px 2px 0 0;
}
ul.desktopnav li a {
    padding:3px 10px;
    display:block;
}

/** Level 3 ***/
ul.desktopnav li div.submenu_wrapper div.submenu_wrapper{
    overflow:visible;
    width:auto;
    position:static;
    z-index:inherit;
}
    
ul.desktopnav ul ul {
    left:100%;
    top:0;
    position:absolute;
    white-space:nowrap;
}
ul.desktopnav li li li {
    width:0;
    overflow:hidden;
}
ul.desktopnav li:hover li:hover li {
    width:200px;
}