.menu{display:block}
.header-nav {height:auto}

.header-nav-container {position: relative; z-index:1; margin-top: 1px;}

.header-nav .menu/*, .header-nav .submenu*/ {/*width: 990px;*/height:35px;margin: 0;padding: 0;background: transparent;border-bottom: 1px solid #eaeaea;}
.header-nav .menu {/*width: 990px;*/ height: 30px;margin-top: 12px;border-bottom: 1px solid #eaeaea;}
.header-nav .menu li/*, .header-nav .submenu li */{position: relative;float: left;margin: 0;list-style-type: none;}
.header-nav .menu .menu-sprite,
.header-nav .menu .menu-hover-sprite:hover{background: transparent url("../menu/20160530_header_menue_double.gif") top left no-repeat;background-size:400px}
.header-nav li.active a.menu-item {color:#1f1f1f;}

/*new main menu*/
.main-menu {display:inline-block;width:100%;height:35px;margin:12px 0 0;padding: 0;border-bottom: 1px solid #eaeaea;}

.header-nav .main-menu .menu {margin-top:0;border-bottom:0}
.header-nav .main-menu .menu li {text-align:center}
.header-nav .main-menu .menu li a {display:block;height:34px;font-size: 15px; text-transform:uppercase; padding: 0;color: #808080;}
.header-nav .main-menu .menu li a:hover, .header-nav .main-menu .menu li.active a{color:#84cbcd}
.header-nav .main-menu li a:before {content: " ";height: 90%;border-left: 1px solid #eaeaea;position: absolute;left: 0;top: 0;}
.header-nav .main-menu li#menu-item-damen a:before {display:none}

/*.header-nav .main-menu #menu-item-home a:before {display:none}*/
.header-nav .main-menu #menu-item-meinegroesse a span {display:none}

/* Meine Groesse */
#menu-item-meinegroesse a{width: 150px;background-position: -46px -2px;}
#menu-item-meinegroesse a:after {content:" ";height:70%;border-left: 1px solid #eaeaea;position: absolute;left: 0;top:3px}
#menu-item-meinegroesse.active a, #menu-item-herren a:hover,
.menu #menu-item-meinegroesse:hover a {background-position: -46px -31px;}

#menu-item-meinegroesse.menu-item-mv a {width: 130px;background-position: -212px -2px;}
#menu-item-meinegroesse.menu-item-mv a:after {content:" ";height:70%;border-left: 1px solid #eaeaea;position: absolute;left: 0;top:3px}
#menu-item-meinegroesse.menu-item-mv.active a , #menu-item-herren.menu-item-mv a :hover,
.menu #menu-item-meinegroesse.menu-item-mv:hover a {background-position: -212px -31px;}

/*#menu-item-menu {width:10%;}
#menu-item-meinegroesse {width:40%}*/

.header-nav .navbar-toggle {margin:-8px 0 0;padding:0}
.header-nav .navbar-collapse.collapse {background-image:none}
.header-nav .navbar-toggle i {font-size:24px}
.header-nav .navbar-toggle .menu-text {font-size:11px;position: relative;top: -3px;}

.header-nav .menu li, .header-nav .submenu li {padding:0}
.header-nav .menu li a, .header-nav .submenu li a{padding:0 15px}

.header-nav .navbar-collapse.collapsing, .header-nav .navbar-collapse.in {position:absolute;width:320px;background:#fff;border: 1px solid #c8c8c8 !important;border-radius:0;}
.header-nav .navbar-collapse.in {overflow:visible;}
.header-nav .navbar-collapse.collapsing .submenu li, .header-nav .navbar-collapse.in .submenu li {width:100%}

/*new sub menu*/
.sub-menu {border-bottom: 1px solid #eaeaea;}
.sub-menu .menu-item {display:block;height: 35px;padding: 8px 12px 0 13px;font-size:14px;color: #808080;text-decoration: none;}

.sub-menu .dropdown-menu {padding:15px}
.section-title {display:block;margin: 7px 0 ;font-weight:600}
/*
#menu-item-women-mein_stil a.menu-item {background: transparent url("../menu/bt_meinstil.gif") 10px 1px no-repeat;}
#menu-item-women-mein_stil.active a.menu-item, #menu-item-women-mein_stil a.menu-item:hover, #menu-item-women-mein_stil:hover a.menu-item {background: transparent url("../menu/bt_meinstil_o.gif") 10px 1px no-repeat;}
#menu-item-women-mein_stil a.menu-item span {visibility: hidden;}
*/
.header-nav .navbar .nav>li>a {float: none;}
.header-nav .dropdown-menu a {color:#1f1f1f}
.header-nav .dropdown-menu a.active{color: #84cbcd;}
.header-nav .dropdown-menu {border-radius:0;margin-top:0;border-top-width:0px}
.header-nav .navbar .nav > li > .dropdown-menu::before, .header-nav .navbar .nav > li > .dropdown-menu::after {display: none;} 

.header-nav .dropdown-menu li li a {display:block;padding:6px 0}

/* *******************************************************************
 * Responsive Media                                                  *
 * *******************************************************************/
@media (max-width: 767px){
    .header-nav .main-menu .menu li {width:37%}
    #menu-item-menu, #menu-item-meinegroesse {width:13%;}

    .header-nav .main-menu #menu-item-meinegroesse a {background:url(/skin/frontend/default/default/images/svg/meine_groesse_icon.svg) 8px 0 no-repeat;background-size:30px;width: 100%;}
    .header-nav .main-menu #menu-item-meinegroesse.menu-item-mv a {background:url(/skin/frontend/default/default/images/mysize/mv-logo-mini.png) 8px 5px no-repeat;background-size:30px}

    /*trennstriche nur zwischen damen und herren*/
    .header-nav .main-menu li a:before {display:none}
    .header-nav .main-menu li:nth-of-type(4) a:before {display:block}

    /*.header-nav .navbar-collapse,  .header-nav .navbar-collapse.collapse {height: auto; overflow: hidden;}*/
    .header-nav .navbar-collapse {position:absolute;}
    .header-nav .navbar ul.nav li > ul.dropdown-menu {/*position:relative;*/width:100%;float:none;}
    .header-nav .dropdown.open > a > .fa-angle-down:before{content:'\f106';} /*switch to arrow up*/
}


@media (min-width: 768px) {
    .menu, .submenu {display:block}
    /*main-menu*/
    .main-menu {height:30px;}
    .header-nav .main-menu .menu li a {height:29px;font-size: 15px;padding: 3px 12px;}

    /*menü-pfeil*/
    .menu-arrow, .menu-arrow:before {display:none}
        .main-menu .active .menu-arrow, .main-menu .active .menu-arrow:before {display:block}  
    .menu-arrow, .menu-arrow:before {margin-left: -10px;width: 0; height: 0;}
    .menu-arrow {position:absolute;left:50%;top:23px;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 7px solid #dbdbdb}
    .menu-arrow:before {content: ""; position: absolute; top: -9px; border: solid transparent; border-width: 10px; border-bottom-color: #fff;}
    #menu-item-meinegroesse .menu-arrow {left:45%}
    #menu-item-meinegroesse.active {height:29px}

    .header-nav .navbar {min-height:20px;margin-bottom:0;border-right-width: 0;border-left-width: 0;}

    .sub-menu .dropdown-menu {border-top-width:1px;}
    .dropdown-menu.one-col {width:180px}
    .dropdown-menu.two-cols {width: 310px;}   
    .dropdown-menu.two-cols {width: 310px;}
    .dropdown-menu.three-cols {width: 520px;}
    .dropdown-menu.five-cols {width:520px}

    #menu-item-women-sale .dropdown-menu {width:200px}
    #menu-item-women-mein_stil .dropdown-menu.one-col {min-width:120px;width:120px}
    #menu-item-women-marken .dropdown-menu{width:360px}


}

@media (min-width: 768px) and (max-width: 989px) {
    /*main-menu*/
    .main-menu {height:32px;}
    .header-nav .main-menu li:nth-of-type(3) a:before {display:none}
    .header-nav .main-menu #menu-item-meinegroesse.menu-item-mv a {background: url("../menu/20160121_header_menue_double.gif") top left no-repeat;background-position: -200px -1px;} 
    .header-nav .main-menu #menu-item-meinegroesse.menu-item-mv.active a, .header-nav .main-menu #menu-item-meinegroesse.menu-item-mv a:hover {background-position: -200px -30px;} 

    .header-nav .navbar-collapse,  .header-nav .navbar-collapse.collapse {height: auto; overflow: hidden;}
    .header-nav .navbar-collapse.collapsing, .header-nav .navbar-collapse.in {width:180px;position:absolute;background:#fff;}
    .sub-menu .dropdown-menu {left:100%;top:0;left:103%}
}

@media (min-width: 990px){

    /*    .header-top-container {z-index:1}
        .header-nav {z-index:1}*/

    .header-nav .main-menu {height:1px}
    .header-nav .main-menu .menu {position:absolute;margin-top:-47px}
    .menu-arrow {top:41px}

    /*sub-menu*/
    .sub-menu {display:inline-block;}
    .sub-menu .menu-item {font-size: 13px;}
    .header-nav .navbar ul.nav li:hover > ul.dropdown-menu {display: block;}
    .header-nav .sub-menu .dropdown-menu {top:35px;left:0}

    .sub-menu .dropdown-menu {font-size:13px}
    .sub-menu .col-1-5 {width:20%}
    .sub-menu .col-2-5 {width:40%}
    .dropdown-gutschein {position:absolute;bottom:15px;right:10px}
    .dropdown-menu.one-col {width:160px}
    .dropdown-menu.five-cols {width:850px}
    .section-title {margin-top:0;}

    .header-nav .dropdown-menu li li a {padding:4px 0}
    .header-nav .dropdown-menu li li a:hover {text-decoration:underline}

    /*   #menu-item-women-umstandsmode .dropdown-menu {width:350px}*/ 
    #menu-item-women-sale .dropdown-menu {width:200px}
    #menu-item-women-mein_stil .dropdown-menu.one-col {left:-22px;min-width:120px;width:120px/**/}
    #menu-item-women-marken .dropdown-menu{left: -20px;width:360px/**/}


    .header-nav .navbar .nav>li {float: left}
    .nav>li>a:focus, .nav>li>a:hover {background:#fff;color:#1f1f1f}

}