/* menuder.css */
.menuder-container {width: inherit;}
.menuder {margin: 5.8ex 0 0 20%; 
  width: 100%;
  font-family:'Duplicate Sans Web', sans-serif;
  font-size:20px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height:0.9em;}
.menuder ul { float: left; width: 100%; list-style: none; text-align: left; }
.menuder a { display: block; width: 100%; text-decoration: none;}
.menuder a.daddy {}
.menuder li { float: left; width: 25%; height:10ex; padding: 5.7ex 2ex 0 2ex;}
.menuder li ul { position: absolute;
  left: -999em;
  top : 10ex; 
  width: 20%; margin-left: -2ex ; 
  font-weight: normal; z-index:1000; 
  background-image: linear-gradient(#3232ff,white);
  color: white!important;}
.menuder li li { width: 100%; height:auto; margin-right: 80%; padding: 1ex 2ex 1ex 2ex;}
.menuder li ul a { width: 100%; }
.menuder li:hover ul { left: auto; }
.menuder li:hover,
.menuder li.hover { background: #3232ff; color: black !important;}
.menuder ul a:hover { color: black !important;}
.menuder li ul :hover,
.menuder li ul a:hover { background: transparent; color: white !important;}



@media (max-width: 767px) {
.menuder-container {width: inherit;
  margin : 0!important;}
.menuder {}
.menuder ul {margin : 0!important;
  padding-top: 0.5em;
  background-image: linear-gradient(#3232ff ,white);}
.menuder a {}
.menuder a.daddy {}
.menuder li { float: left; width: 100%; 
  height:auto; 
  padding: 0.45ex 2ex; 
  border-bottom: solid 1px; 
  background: none !important;}
.menuder li ul { position:inherit; 
  width: 100%;
  padding-top:0.45ex;
  background: none !important;}
.menuder li li { width: 100%;
  font-family:'IBM Plex Serif', serif;
  height:auto; 
  padding: 0.45ex 0 !important;
  border-bottom: none;
  background: none !important;}
.menuder li ul a { width: 100%; }
.menuder li ul ul { margin: 0 0 0 0; }
.menuder li:hover ul, 
.menuder li li:hover ul, 
.menuder li li li:hover ul,
.menuder li li li li:hover ul { left: auto; }
.menuder li:hover,
.menuder li.hover { color: black !important;
  background: none !important;}
.menuder ul a:hover {color: black !important;
  background: none !important;}
.menuder li ul a:hover {color: blue !important;
  background: none !important;}
}
/* end */