#mobile_navi{position:fixed;width:100%;height:100vh;left:-100%;top:0;background:#fff;transition:1s;z-index:9999;padding-bottom:100px;}
#mobile_navi .mobile_logo{position:absolute;top:0;left:5px;max-height:40px;}
#mobile_navi .subline.mt_40.mb_0{border-left:0;}
.col_menu input.mobile_navi,
.col_menu #mobile_navi input{display:none;}

#mobile_navi label{font-family:var(--global-icon-font);font-weight:900;height:40px;width:40px;top:0;right:0;position:absolute;cursor:pointer;padding-top:10px;display:block;z-index:500;}
#mobile_navi label::after{content:"\f00d";color:var(--black);}

#openclose + label{position:relative;display:block;cursor:pointer;font-family:var(--global-icon-font);font-weight:900;width:60px;margin:0 auto;top:5px;}
#openclose + label::after{content:"\f0c9";font-size:28px;color:var(--black);}

#mobile_navi > label::after{content:"\f00d";font-size:28px;color:var(--black);cursor:pointer;}

#openclose:checked + label + nav{left:0;overflow:auto;box-shadow:3px 0 8px #333;}
#openclose:checked + label::after{display:block;content:"\f00d";font-size:35px;margin-top:-2px;}

#mobile_navi .flex_listing_categories{margin-top:45px;padding:0;width:100%;display:block;}
#mobile_navi .flex_listing_categories.manu_list{margin-top:0px;}

@media only screen and (min-width:320px){
#mobile_navi{width:320px;left:-320px;}	
#mobile_navi .flex_listing_categories{width:320px;}
}
@media only screen and (min-width:350px){
#mobile_navi{width:350px;left:-350px;}	
#mobile_navi .flex_listing_categories{width:350px;}
}
@media only screen and (min-width:440px){
#mobile_navi{width:440px;left:-440px;}	
#mobile_navi .flex_listing_categories{width:440px;}
}
@media only screen and (min-width:985px){
.col_menu,#mobile_navi{display:none;}	
}

.category_li{position:relative;}
.category_button{line-height:34px !important;width:35px;height:35px;text-align:center;cursor:pointer;position:absolute;top:0;right:0;}
.category_button:before{font-family:var(--global-icon-font);font-size:16px;}
ul#categorymenu{list-style-type:none;background:var(--white);text-align:left;}

ul#categorymenu li{list-style-type:none;}
ul#categorymenu li a{text-decoration:none;outline:none;display:block;}
ul#categorymenu li a:hover{text-decoration:none;}

ul#categorymenu li.level1 a{color:var(--catlist-color);background:var(--catlist-bg);font-weight:500;padding:8px 35px 8px 10px;border-bottom:var(--catlist-border);}
ul#categorymenu li.level1 a:hover{background:var(--catlist-bg-hover);color:var(--catlist-color-hover);}
ul#categorymenu li.level1 a ~ .category_button,
ul#categorymenu li.level1 a ~ .category_button:hover{color:var(--catlist-color);}
ul#categorymenu li.level1 a:hover ~ .category_button,
ul#categorymenu li.level1 a:hover ~ .category_button:hover{color:var(--catlist-color-hover);}

ul#categorymenu li.active.Selected a ~ .category_button,
ul#categorymenu li.active.Selected a ~ .category_button:hover{color:var(--catlist-color-active)}
ul#categorymenu li.active.Selected a:hover ~ .category_button,
ul#categorymenu li.active.Selected a:hover ~ .category_button:hover{color:var(--catlist-color-hover-active);}

ul#categorymenu li.active.parent a ~ .category_button,
ul#categorymenu li.active.parent a ~ .category_button:hover{color:var(--catlist-color-active-parent)}
ul#categorymenu li.active.parent a:hover ~ .category_button,
ul#categorymenu li.active.parent a:hover ~ .category_button:hover{color:var(--catlist-color-hover-active-parent);}

ul#categorymenu li.level1 a.nav-link.active.Selected{background:var(--catlist-bg-active);color:var(--catlist-color-active);font-weight:500;}
ul#categorymenu li a.active.parent{background:var(--catlist-bg-active-parent);color:var(--catlist-color-active-parent);}
ul#categorymenu li a.active.parent:hover{background:var(--catlist-bg-hover-active-parent);color:var(--catlist-color-hover-active-parent);}
ul#categorymenu li a.active{background:var(--catlist-bg-active);color:var(--catlist-color-active);}

ul#categorymenu li.active.parent li a ~ .category_button,
ul#categorymenu li.active.parent li a ~ .category_button:hover{color:var(--catlist-color);}

ul#categorymenu li.level2 a{color:var(--catlist2-color);background:var(--catlist2-bg);padding:8px 35px 8px 10px;border-bottom:1px solid #ddd;font-weight:400;}
ul#categorymenu li.level3 a{color:var(--catlist3-color);background:var(--catlist3-bg);padding-left:15px;}
ul#categorymenu li.level4 a{color:var(--catlist4-color);background:var(--catlist4-bg);padding-left:20px;}
ul#categorymenu li.level5 a{color:var(--catlist5-color);background:var(--catlist5-bg);padding-left:25px;}

.SumoSelect > .CaptionCont{background:var(--white);}