#adminmenu{background:#a9b6e8;color:#fff;height:50px;width:90%;margin-right:5%; }
#adminmenu ul,#adminmenu li{margin:0;padding:0;list-style:none}
#adminmenu ul{height:50px}
#adminmenu li{float:right;display:inline;position:relative;font:bold 20px Arial;}
#adminmenu li a{color:#ccc}
#adminmenu a{display:block;line-height:50px;padding:0 14px;text-decoration:none;color:#333;}
#adminmenu li:hover > a,#adminmenu li a:hover{color:#fff}
#adminmenu input{display:none;margin:0 0;padding:0 0;width:80px;height:35px;opacity:0;cursor:pointer}
#adminmenu label{font:bold 30px Arial;display:none;width:35px;height:36px;line-height:36px;text-align:center}
#adminmenu label span{font-size:13px;position:absolute;right:35px}
#adminmenu ul.menus{height:auto;overflow:hidden;width:350px;background:#fff;position:absolute;z-index:99;display:none;border:1px solid #ccc;border-top:none;color:#333}
#adminmenu ul.menus a{color:#333}
#adminmenu ul.menus li{display:block;width:100%;font:20px Arial;text-transform:none;}
#adminmenu li:hover ul.menus{display:block}
#adminmenu a.prett,#adminmenu a.trigger2{padding:0 27px 0 14px;color:#fff}
#adminmenu li:hover > a.prett,#adminmenu a.prett:hover{background:#fff;color:#333}
#adminmenu a.prett::after{content:"";width:0;height:0;border-width:6px 5px;border-style:solid;border-color:#eee transparent transparent transparent;position:absolute;top:15px;right:9px}
#adminmenu ul.menus a:hover{background:#BABABA;}
#adminmenu a.trigger2::after{content:"";width:0;height:0;border-width:5px 6px;border-style:solid;border-color:transparent transparent transparent #eee ;position:absolute;top:13px;right:9px}

@media screen and (max-width: 600px){
#adminmenu {position:relative;}
#adminmenu ul{background:#838383;position:absolute;top:100%;right:0;right:0;z-index:3;height:auto;display:none;}
#adminmenu ul.menus{width:100%;position:static;border:none}
#adminmenu li{display:block;float:none;width:100%;text-align:right}
#adminmenu li a{color:#fff}
#adminmenu li a:hover{color:#333}
#adminmenu li:hover{background:#BABABA;color:#333;}
#adminmenu li:hover > a.prett,#adminmenu a.prett:hover{background:#BABABA;color:#333;}
#adminmenu ul.menus a{background:#BABABA;}
#adminmenu ul.menus a:hover{background:#fff;}
#adminmenu input,#adminmenu label{position:absolute;top:0;right:0;display:block}
#adminmenu input{z-index:4}
#adminmenu input:checked + label{color:white}
#adminmenu input:checked ~ ul{display:block}
}