Ayuda con el código de mi menú (no se ve correctamente)

.toggleMenu{display:none;padding:0 15px;height:48px;line-height:48px;color:#fff!important}.dropdowns{font:normal bold 12px Open Sans,Arial,sans-serif;background:#222;text-transform:uppercase;height:48px;line-height:48px}.nav-menu2{background:#222;list-style:none;margin:0;*zoom:1;float:left;padding:0 10px}.nav-menu2:before,.nav-menu2:after{content:" ";display:table}.nav-menu2:after{clear:both}.nav-menu2 ul{list-style:none;margin:0;width:auto;white-space:nowrap}.nav-menu2 a{display:block;padding:0 15px}.nav-menu2 li{position:relative;margin:0}.nav-menu2 > li{float:left}.nav-menu2 > li > a{display:block;height:48px;line-height:48px;color:#fff}.nav-menu2 > li:hover > a{background:#07ACEC}.nav-menu2 li ul{background:#333;display:block;position:absolute;left:0;z-index:10;visibility:hidden;opacity:0;transition:all .4s ease-out;padding:0}.nav-menu2 li li ul{left:100%;top:-1px}.nav-menu2 > li.hover > ul{visibility:visible;opacity:10}.nav-menu2 li li.hover ul{visibility:visible;opacity:10}.nav-menu2 li li a{display:block;color:#fff;position:relative;z-index:100;border-bottom:1px solid #444;padding-right:50px;line-height:40px}.nav-menu2 li li a:hover{background:#07ACEC;border-color:#07ACEC}.nav-menu2 li li li a{background:#333;z-index:20;color:#fff;border-left:1px solid #444}.nav-menu2 li .sub:after{content:"\f107";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;padding-left:6px}.nav-menu2 li .subsub:after{content:"\f105";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;padding-left:6px;right:15px;position:absolute}