.menu-side{width:100%;}
.menu-side h2{padding:8px;margin-bottom:0px;text-transform:uppercase;font-size:15px;color:#FFFFFF;background-color:#B50C19;}
.menu-side .cat-menu>li{display:none;}
.menu-side .cat-menu>li.active,
.menu-side .cat-menu.brand-menu>li{display:block !important;}
.menu-side .cat-menu>li>ul>li>a,
.menu-side .cat-menu.brand-menu>li>a{display:block;padding:8px;text-transform:uppercase;font-size:15px;color:#333333;}
.menu-side .cat-menu>li ul li ul{display:none;}
.menu-side .cat-menu>li ul li.active ul{display:block;}
/* categorie */
.menu-side .cat-menu li a{}
.menu-side .cat-menu li.active{}
/*
.menu-side .cat-menu li.active ul.submenu li a{border-bottom:1px solid #DDDDDD;}
*/
/*.menu-side .cat-menu.brand-menu>li>a{border-bottom:1px solid #DDDDDD;}*/
.menu-side .cat-menu li.active ul.submenu li a:hover,
.menu-side .cat-menu.brand-menu>li>a:hover{background-color:#f0f0f0;
}
.menu-side .cat-menu li.active ul.submenu>li.active>a{border-bottom:0;background-color:#f0f0f0;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(204,204,204,1);
-moz-box-shadow: 3px 3px 5px 0px rgba(204,204,204,1);
box-shadow: 3px 3px 5px 0px rgba(204,204,204,1);
}
.menu-side .cat-menu.brand-menu>li.active>a{border-bottom:0px solid #DDDDDD;background-color:#f0f0f0;}
/* sottocategorie */
.menu-side .cat-menu li.active ul.submenu li.active .submenu{padding-left:8px;padding-top:10px;padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #DDDDDD;background-color: #f7f7f7;
-webkit-box-shadow: 3px 3px 5px 0px rgba(204,204,204,1);
-moz-box-shadow: 3px 3px 5px 0px rgba(204,204,204,1);
box-shadow: 3px 3px 5px 0px rgba(204,204,204,1);
}
.menu-side .cat-menu li.active ul.submenu li.active .submenu li a{display:block;padding-left:4px;padding-top:4px;padding-bottom:4px;font-size:16px;color:#333333;background-color:transparent;}
.menu-side .cat-menu li.active ul.submenu li.active .submenu li a:hover{background-color:#f0f0f0;}
.menu-side .cat-menu li.active ul.submenu li.active .submenu li.active{background-color:#f0f0f0;}

/* Desktop ipad and small layout */
@media (min-width:992px) and (max-width:1200px){
/* rosa */
.menu-side h2{font-size:20px;}
.menu-side .cat-menu>li>ul>li>a{font-size:17px;}
}