.menuClass a, .menuClass li, .menuClass ul { margin: 0; padding: 0; position: relative;}

.menuClass { position: relative; z-index: 9500; padding-top: 7px;  }
.menuClass a:hover { text-decoration: none; }
.menuClass ul{ list-style-type:none;margin:0;padding:0; }
.menuClass > ul > li{ display:block;float:left; padding-right: 6px;}

.menuClass > ul > li > ul { display:none; }
.menuClass > ul > li > ul ul { padding-left: 15px; }
.menuClass > ul > li ul li { display: block; }
.menuClass > ul > li:hover > ul{ min-width: 220px; position: absolute; left: 0px;}

/**
* .mainMenuStyle
**/
.mainMenuStyle { margin-right: 20px; }
.mainMenuStyle a { color: #505050;  font-size: 14px; }
.mainMenuStyle > ul > li { position:relative; }
.mainMenuStyle > ul > li > a { position:relative; padding:8px 13px 8px 10px; transition: background-color 0.3s ease; background:url('down.png') 98% 14px no-repeat;}
.mainMenuStyle > ul > li > a:only-child { background: none; padding-right: 5px; }
.mainMenuStyle > ul > li:hover > a { background-color: #f0f0f0; color: #444444;}
.mainMenuStyle > ul ul li a:hover { color: #000000; }


.mainMenuStyle .menuShow { display: block; background-color: #f0f0f0; margin-top: 5px;padding: 0 10px; border-radius: 0 3px 3px 3px; }
.mainMenuStyle > ul > li ul li { margin: 10px 0px; }
.mainMenuStyle > ul li ul li a { color: #444444; padding-top:4px; padding-bottom:4px; letter-spacing: 1px;}

.mainMenuStyle > ul > li > ul > li:first-child { margin-top: 15px; }
.mainMenuStyle > ul > li > ul > li:last-child { margin-bottom: 15px; }

.menu-collapsePanel{ max-height: 20vh; overflow: hidden; }

@media only screen and (max-width: 800px) {

  .menuShow { display: none; }
  .mainMenuStyle{ display: none; }
  .responsive_menu_main_trg{ display: inline-block; float: right; margin-right: 2.5%; background: url('../images/responsive_menu.svg') no-repeat 0 50%; background-size: 26px 24px; width: 24px; height: 40px; line-height: 40px; cursor: pointer; }

  .ceres_menu_main { background-color: #fff; border:1px solid #e9e9e9;border-right:none; width: 80%; right: 0; z-index: 100000; position: absolute; max-height: 90vh; min-height: 100vh; overflow-y: auto; }
  .ceres_menu_main li { margin-top: 5px; font-size: 95%; }
  .ceres_menu_main li a { width: 100%; display: block; border-bottom: 1px solid #ffffff; padding-top: 5px; padding-bottom: 6px;  background:url('right.png') 95% 25% no-repeat; }
  .ceres_menu_main ul { padding-left: 10px; margin-left:10px; list-style-type: none; }

  .ceres_menu_main > ul { padding-bottom: 80px; }
}