/* Mobile First */

#res_topmenu{clear:both; padding: 10px; font-size: 1.2em; text-align: left; cursor: default;}
#res_topmenu .topmenu_mobile{display: block; background: #333; color: #fff;}
#res_topmenu .topmenu_inpath>a{color: var(-color-a);}

#res_topmenu .topmenu_expand{float: right; margin: 5px 20px 0 0; color: #fff; font-size: 1.5em; cursor: pointer;}
#res_topmenu .topmenu_expand i{display: none;}
#res_topmenu .topmenu_expand.closed i.closed{display: block;}
#res_topmenu .topmenu_expand.expanded i.expanded{display: block;}

#res_topmenu ul ul{display: none; width: 100%;}
#res_topmenu li{display: block; width: 100%; font-size: 16px;}
#res_topmenu a, .topmenu_mobile .topmenu_title{display: inline-block;  padding: 5px 10px;}
#res_topmenu li li a{    font-size: 14px;    padding: 8px 0px;    width: calc(100% - 30px);}
#res_topmenu li li a:first-letter{text-transform:uppercase}
#res_topmenu ul .topmenu_expand{color: #666;}
#res_topmenu>ul>li.topmenu_inpath>a{position:relative}
@media (min-width:768px) {
	#res_topmenu>ul>li{width: auto;display: inline-block; }
}

#res_topmenu ul ul{padding: 0 10px;}

/* Desktop Second */

#res_topmenu.topmenu_isfull{padding: 15px 0 10px;}
#res_topmenu.topmenu_isfull .topmenu_mobile,
#res_topmenu.topmenu_isfull>.topmenu_expand{display: none;}
#res_topmenu.topmenu_isfull .topmenu_expand{font-size: 1em; margin-top: 9px;}
#res_topmenu.topmenu_isfull ul{background: #fff}
#res_topmenu.topmenu_isfull li{background: transparent; border-bottom: none;}

#res_topmenu.topmenu_isfull>ul{display: block !important; margin: 0; text-align: center;}
#res_topmenu.topmenu_isfull>ul>li{display: inline-block; width: auto;}
#res_topmenu.topmenu_isfull>ul>li>.topmenu_expand{display: none}
#res_topmenu.topmenu_isfull>ul>li>a{width: auto;}
#res_topmenu.topmenu_isfull>ul>li ul{background: #fff; font-size: 0.8em; padding: 0;}

/* Type 0 narrow menu */

#res_topmenu.topmenu_isfull.type_0>ul>li{position: relative;}
#res_topmenu.topmenu_isfull.type_0>ul>li>ul{position: absolute; z-index: 1000; top: 35px; width: 300px; text-align: left; border-top: 1px solid #ddd; box-shadow: 0 10px 10px rgba(0,0,0,0.3);}
#res_topmenu.topmenu_isfull.type_0>ul>li>ul>li ul{background: rgba(0,0,0,.1);}
#res_topmenu.topmenu_isfull.type_0>ul>li>ul>li ul li{background: transparent;}

/* Type 1 wide menu */

#res_topmenu.topmenu_isfull.type_1{position: static;}
#res_topmenu.topmenu_isfull.type_1>ul>li>ul{position: absolute; z-index: 1000; left: 0; top: 65px; padding: 1%; text-align: left; box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);}
#res_topmenu.topmenu_isfull.type_1>ul>li>ul>li{display: inline-block; width: 31%; margin: 1%; vertical-align: top;}
#res_topmenu.topmenu_isfull.type_1>ul>li>ul>li>.topmenu_expand{display: none;}
#res_topmenu.topmenu_isfull.type_1>ul>li>ul>li>a{width: 100%;     font-size: 14px;border-bottom: 1px solid rgba(0,0,0,.1);font-weight: 600;  margin-bottom: 10px;}
#res_topmenu.topmenu_isfull.type_1>ul>li>ul>li>ul{display: block;}
#res_topmenu.topmenu_isfull.type_1>ul>li>ul>li>ul>li ul{background: rgba(0,0,0,.1);}
#res_topmenu.topmenu_isfull.type_1>ul>li>ul>li.kat_id_2{width: 100%;}
#res_topmenu.topmenu_isfull.type_1>ul>li>ul>li.kat_id_2 > .topmenu_expand {display:none}
#res_topmenu.topmenu_isfull.type_1>ul>li>ul>li.kat_id_2 > ul {display: flex;  flex-wrap: wrap;}
#res_topmenu.topmenu_isfull.type_1>ul>li>ul>li.kat_id_2 {    width: 1140px;    max-width: 100%;    text-align: left;}
#res_topmenu.topmenu_isfull.type_1>ul>li>ul>li.kat_id_2 > ul > li{width:20%}


/* Prestashop 1.7 */

#res_topmenu.topmenu_isfull.ps17 .topmenu_expand{margin-top: 5px;}
#res_topmenu.topmenu_isfull.type_1.ps17>ul>li>ul{width: 100vw;    text-align: center;
position: absolute;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
padding: 12px 8vw;
background: #fff;}