#cssmenu{width:auto;font-family:'Exo 2',Verdana;line-height:1;background:#fff;float:left}p{text-align:center}.toggle,[id^=drop]{display:none}nav{margin:0;padding:0;background-color:#fff}nav:after{content:"";display:table;clear:both}nav ul{float:left;padding:0;margin:0;list-style:none;position:relative}nav ul li{margin:0;display:inline-block;float:left;background-color:#fff}nav a{display:block;padding:0 20px;color:#000;font-size:16px;line-height:52px;text-decoration:none;font-family:'Exo 2',sans-serif}li.dd,span.dd a{background:#f0f0f0}li.dd a:hover{background:navy;color:#fff}li.dd a{line-height:42px}nav ul li ul li:hover{background:#f0f0f0}nav a:hover{background-color:#f0f0f0}span.toggledd a{color:navy;background-color:#f0f0f0}nav ul ul{display:none;position:absolute;top:52px}nav ul li:hover>ul{display:inherit}nav ul ul li{width:170px;float:none;display:list-item;position:relative}nav ul ul ul li{position:relative;top:-60px;left:170px}li>a:after{content:' >'}li>a:only-child:after{content:''}@media all and (max-width :768px){nav{margin:0}.toggle+a,.menu{display:none}.toggle{display:block;background-color:navy;padding:0 20px;color:#FFF;font-size:20px;line-height:54px;text-decoration:none;border:0}.toggle:hover{background-color:#000}[id^=drop]:checked+ul{display:block}nav ul li{display:block;width:100%}nav ul ul .toggle,nav ul ul a{padding:0 40px}nav ul ul ul a{padding:0 80px}nav a:hover,nav ul ul ul a{background-color:#fff}nav a:hover{background-color:navy}nav ul li ul li .toggle,nav ul ul a{background-color:#fff}nav ul ul{float:none;position:static;color:#fff}label.toggledd{background-color:#f0f0f0 !important}span.toggledd a{display:none !important}nav ul ul li:hover>ul,nav ul li:hover>ul{display:none}nav ul ul li{display:block;width:100%}nav ul ul ul li{position:static}}@media all and (max-width :330px){nav ul li{display:block;width:94%}}