.submenu {z-index: 99; top: 50%; width: auto; position: fixed; background: transparent; padding-top: 0px; padding-bottom: 0px; overflow: hidden; transform: translateY(-50%);}
.submenu_right	{right: 0; text-align: right; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.submenu_left	{left: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.submenu .submenu_title 	{display: block; box-sizing: border-box; padding: 0 10px; background-color: #fff; line-height: 30px; font-size: 14px; font-weight: 900; margin: 0 0 1px 0;}
.submenu nav				{}
.submenu nav ul 			{list-style: none; font-size: 12px; line-height: 30px; margin: 0;}
.submenu nav ul li 			{margin: 0 0 1px 0; list-style-type: none;}
.submenu nav ul li a 		{background-color: #fff; line-height: 30px; padding: 0 10px; display: block;position: relative; cursor:pointer;font-size: 12px;} 
.submenu nav ul li a.active {color:#ee464c;}                                                       
.submenu nav ul li a span	{}    
/* style__dots */
.submenu.style__dots					{overflow: visible;}
.submenu.style__dots .submenu_title 	{display: none!important;}
.submenu.style__dots nav				{}
.submenu.style__dots nav ul 			{}
.submenu.style__dots nav ul li 			{height: 20px; margin: 0 10px 0 0;}
.submenu.style__dots nav ul li a 		{background-color: transparent; height: 10px; width: 10px; border: 2px solid #000; padding: 0; border-radius: 20px; box-shadow: 0px 0px 5px #fff;font-size: 12px;}
.submenu.style__dots nav ul li a.active::before 	{content: ""; width: 6px; height: 6px; background-color: #000; position: absolute; top: 2px; left: 2px; border-radius: 5px; box-shadow: 0px 0px 5px #fff;}
.submenu.style__dots nav ul li a span 	{position: absolute; top: -10px; right: 20px; text-align: right; width: 100px; height: 30px;display:none;}
.submenu.style__dots nav ul li a:hover span 	{display: inline-block;}

@media(max-width:1000px){
	.submenu				        {overflow:visible; transform: none;}
    .submenu .submenu_title	        {width: 30px; height: 30px; position: relative; left: -30px;}
    .submenu nav			        {}
    .submenu_left                   {right: 100%; left: auto;}
    .submenu_left.style__dots       {right: auto; left: 5px;}
    .submenu_left .submenu_title    {left: 100%;}
    .submenu_right 	                {right: auto;left: 100%;} 
    .submenu_right.style__dots      {right: 0; left: auto;}
    .submenu:hover					{overflow:hidden;}
    .submenu:hover .submenu_title	{width: auto; height: auto; position: relative; left: auto;}
    .submenu_left:hover 			{right: auto;left: auto;}
    .submenu_left.style__dots:hover {right: auto; left: 5px;}
    .submenu_right:hover 			{right: 0;left: auto;} 
}