/* Menu for Eberhard Taxi © admotion */


.navbar-toggler { display: none; }

#menu ul { margin: 0px; padding: 0px; }
#menu li { margin: 0px; padding: 0px; list-style: none; text-transform: uppercase; letter-spacing: 0.13em; font-weight: 700; line-height: 170%; }
#menu li a { display: block; color: #263238; border-top: 1px solid #CFD8DC; padding: 10px 20px 10px 20px; }

#menu li:hover a { background: #006129; color: #ffffff; }
#menu li.active a { background: #006129; color: #ffffff; }





#submenu ul { margin: 0px; padding: 0px; }
#submenu li { margin: 0px; padding: 0px 20px 0px 0px; float: left; list-style: none; }
#submenu li a { color: rgb(255,255,255,.7); font-size: 15px; }
#submenu li:hover a { color: #ffffff; }
#submenu li.active a { color: #ffffff; }




/* Hamburger Menu */

#menu-small { width: 30px; height: 30px; position: absolute; right: 20px; top: 65px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
#menu-small span { display: block; position: absolute; height: 2px; width: 100%; background: #006129; border-radius: 0px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }

#menu-small span:nth-child(1) { top: 0px; }
#menu-small span:nth-child(2),#menu-small span:nth-child(3) { top: 10px; }
#menu-small span:nth-child(4) { top: 20px; width: 50%; left: 50%; }
#menu-small.open span:nth-child(1) { top: 10px; width: 0%; left: 50%; }
#menu-small.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#menu-small.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#menu-small.open span:nth-child(4) { top: 10px; width: 0%; left: 50%; }






@media(min-width:500px)
{
    #menu-small { right: 30px; }
}




@media(min-width:800px)
{
    #submenu li { padding: 0px 0px 0px 20px; }
}



@media(min-width:1000px)
{
    #menu-small { right: 300px; top: 60px; }
}







@media(min-width:1700px)
{
    #menu li { float: right; margin: 0px 10px 0px 0px; }
    #menu li a { padding: 55px 15px 48px 15px; transition: .3s ease-out; clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%); border: 0px; }
    #menu li:hover a { clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%); }
}



@media(min-width:1900px)
{
    #menu li a { padding: 55px 25px 48px 25px; }    
}