.dws-menu2 {width:292px;}
.dws-menu2 ul,
.dws-menu2 ol{list-style: none;margin:0;padding:0;}
.dws-menu2 > ul{display: block;justify-content:center;}
.dws-menu2 > ul li{position: relative;}

.dws-menu2 > ul li > a i.fa{position: absolute;top: 15px;left: 12px;font-size: 18px;}

/*sub menu*/
.dws-menu2 li ul{
 position: absolute;
 left: 292px;
 display: none;
 top:-94px;
 box-sizing: border-box;
 overflow:hidden;
 width:auto;
 margin:0;
 padding:0;
}
.dws-menu2 li > ul li{
 margin:0;
 padding:0;
}

.dws-menu2 li > ul li ul{
 position: absolute;
 top: 0;
}
.dws-menu2 li:hover > ul{display: block; z-index:20;}

.dws-menu2 [type="checkbox"] {display: none;}



.dws-menu2 label.toggleSubmenu .fa{
 	background-image:url('/images/menu_top_arrow.png');
 	width:10px;
	height:10px;
  	position: absolute;
  	top: 50%;
	margin-top:-4px;
  	right: 10px;
 }
 


@media all and (max-width: 1023px){
 .dws-menu2{
  overflow: hidden;
   width:100%;
 }
 .dws-menu2 ul li ul{
  display: block;
  max-height: 0;
 }
 
 .dws-menu2 li ul{
 left: 0;
 top:auto;
}
 
 .dws-menu2 li>ul li ul{
  position: absolute;
  right: auto;
  top: auto;
   left: 0;
 }

 input.toggleSubmenu:checked ~ ul{
  display: block;
  position: relative;
  max-height: 5000px;
 }
 .dws-menu2 label.toggleSubmenu{
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  display: block;
 }
 input.toggleSubmenu:checked ~ a{
 
 }
 
 
 
.dws-menu2 input.toggleSubmenu:checked ~ label.toggleSubmenu .fa{
 	 background-image:url('/images/menu_top_arrow_select.png');
	 top: 22px;
 }
}