ul.flexy-menu {margin:0;padding:0;position:relative;font-family: Arial, Helvetica,verdana,sans-serif;list-style: none;text-align:right;display:inline-block;z-index:1000;}
ul.flexy-menu li {display:inline-block;font-size:88%;margin:0 4em 0 0;padding:0;position:relative;}
.flexy-menu > li > a {
padding:0 1em 1em 0;
color:#05315a;
text-decoration:none;
display:block;
text-transform:uppercase;
}
.flexy-menu li:hover > a,
.flexy-menu li.active > a {color: #08ab96;}

/*-----------------------------
Drop down configuration
-----------------------------*/
.flexy-menu ul, 
.flexy-menu ul li ul {list-style: none;padding: 0;display: none;position: absolute;z-index: 99999;min-width: 10em;background: #f6f6f6;box-shadow: 0 .2em .2em rgba(246,246,246,0.8);text-align:left;}
.flexy-menu ul {top: 2em;left: 0;}
.flexy-menu ul li ul {top: 0;left: 100%;}
.flexy-menu ul li {clear:both;width:100%;border: none;font-size:12px;}
.flexy-menu ul li a {padding:.4em 3em .4em 1em;width:100%;color:#000;font-size:120%;text-decoration:none;display:inline-block;float:left;clear:both;}

/*-----------------------------
Drop down indicators
-----------------------------*/
.flexy-menu > li .indicator{position: absolute;color:#57a791;top:0;right: 0;font-size: 12px;}
.flexy-menu ul > li .indicator{top: 0;right: 0;}

/*------------------
Preset sizes
------------------*/
.thin > li > a{padding: 10px 22px;}
.thin ul{top: 40px;}
.thin > li .indicator{top: 0;}
.thick > li > a{padding: 40px 22px;}
.thick ul{top: 100px;}
.thick > li .indicator{top: 0;}

/*------------------------------------
Collapsible menu configuration
------------------------------------*/
.flexy-menu > li.showhide{
display: none;
width: 95%;
height: 5em;
cursor: pointer;
color:#05315a;
font-size:100%;
margin:0 0 0 0;
background:url(https://www.bvspielwaren.de/images/base/BVS-Logo.png) no-repeat 1em .6em;
background-size: 200px auto;
}
.flexy-menu > li.showhide span.title{
margin: 1em 0 0 25px;
float: left;

}
.flexy-menu > li.showhide span.icon{
margin: 1.4em 20px;
float: right;
}
.flexy-menu > li.showhide .icon em{
margin-bottom: 3px;
display: block;
width: 20px;
height: 2px;
background: #05315a;
}


/*****************************************************************************
Responsive design
*****************************************************************************/
@media (max-width: 768px) {
.flexy-menu-wrapper.scrollable{
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
ul.flexy-menu {width:100%;}

.flexy-menu.vertical{
width: 100%;
}
.flexy-menu li{
text-align:left;
display: block;
width: 100%;
margin:0;
}
.flexy-menu > li > a{
padding-top:15px;
padding-bottom:15px;
padding-left: 25px;
font-size:150%;
}
.flexy-menu a{
box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; 
}
.flexy-menu ul, 
.flexy-menu ul li ul,
.flexy-menu.vertical ul, 
.flexy-menu.vertical ul li ul{
width: 100%;
left: 0;
border-left: none;
position: static;
box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box;
}
.flexy-menu ul li {
border-left: none;
border-right: none;
}
.flexy-menu ul li a,
.flexy-menu.vertical ul li a{
padding-top:10px;
padding-bottom:10px;
font-size:130%;
}
.flexy-menu ul > li > a{
padding-left: 40px !important;
}
.flexy-menu > li .indicator{
top: 15px;
right: 25px;
font-size: 130%;
}
.flexy-menu ul > li .indicator{
right: 24px;
}
.flexy-menu.vertical ul > li .indicator{
top: 10px;
right: 15px;
}
.flexy-menu > li > ul > li > a{ padding-left: 40px !important; }
.flexy-menu > li > ul > li > ul > li > a{ padding-left: 60px !important; }
.flexy-menu > li > ul > li > ul > li > ul > li > a{ padding-left: 80px !important; }
}


/*
Item name: Flexy Menu - Responsive Horizontal & Vertical Menu 
Item Url: http://codecanyon.net/item/flexy-menu-responsive-horizontal-vertical-menu/5059149
Author: marcoarib
License: http://codecanyon.net/licenses
*/