.hamburger-menu {
    margin:0 10 0 0 ;
    cursor: pointer;
    display: none;
  }
  
  .hamburger-menu span {
    display: none;
    width: 0px;
    height: 0px;
    margin: 0px;
    background-color:   #ffffff;
  }


header nav#nav{
 
  width:100%;
  height:45px;
  display:flex;
  align-items: center;
  justify-content: space-around;
  }

  
header nav#nav ul{
  width:100%;
  list-style-type: none;
  margin:0;
  padding:0;
  display:flex;
  justify-content:space-around ;

}
header nav#nav ul>li{
margin:0;
padding:10px 0;
}
header nav#nav a{
white-space: nowrap;
}
header nav#nav ul>li>ul{
 display:flex;
 flex-direction: column;
  align-items: flex-start;
  max-height: 0;
  opacity: 0;
  transform: translateY(-10px);
  pointer-events: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border-top: none;
  border-radius: 0 0 5px 5px;
  box-shadow: 3px 5px 8px rgba(0, 0, 0, 0.1);
  padding-top: 0;

  position: absolute;
  top: 100%;
  left: -1px;
  width: auto;
  z-index: 100;
  transition: max-height 0.3s ease, opacity 0.3s ease, transform 0.3s ease, padding-top 0.3s ease;
  overflow: hidden;
}

header nav#nav ul > li.dropdown{
 
       border-bottom: none;
    padding:10px;
    border: 1px solid  #ECEDEF;

}
/* При наведении на пункт меню с подменю */
header nav#nav ul > li.dropdown:hover,
header nav#nav ul > li.dropdown.open {
    background-color:  #ffffff; /* светлый, но не белый */
    border: 1px solid #ccc;
    border-bottom: none;
    box-shadow: 3px 5px 8px rgba(0, 0, 0, 0.1);
    border-bottom: none;
    padding:10px;
    position: relative;
    z-index: 101;
}

/* Стилизованное подменю */
header nav#nav ul > li:hover > ul,
header nav#nav ul > li.open > ul {
  max-height: 900px;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  padding-top: 10px;
  max-height: 900px;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border-top: none;
  box-shadow: 3px 5px 8px rgba(0, 0, 0, 0.1);
 
  top: 100%;
  position: absolute; /* должно быть обязательно */
  left: -1px; /* сдвиг влево */
  width: auto; /* при необходимости */
}


header nav#nav ul  li a{
text-decoration: none;
font-size: 14px;
font-weight: 600;
color: #000000;
text-decoration-style: solid;
}

 
header nav#nav ul>li>ul>li{
padding:0 10px;     
}

header nav#nav ul>li>ul>li a{
font-weight: 100; 
}







header nav#nav ul  li a >div{
font-weight: 600;
    padding:2px 0 5px 0;
}

header nav#nav ul .show {
    display: block;
  }


 



@media (max-width: 768px) {

   .hamburger-menu {
    border-radius: 4px;
    border: 2px solid #949494;
    margin: 5px;  
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 37px;
    height:37px;
  }
  
  .hamburger-menu span {
    display: block;
    width: 25px;    
    height: 3px;
    margin: 1px 0; 
    background-color: #ffffff;
    border-radius: 2px;
  }
  header nav#nav{
    height:0px;
    }


  header nav#nav ul {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: fixed;
    left: -100vw;
    width: 100vw;
    height: 100vh;
    background: #1C2431;
    z-index: 1000;
    box-shadow: 0px 5px 4px rgba(0,0,0,0.4);
    top: 51px; 
    transition: left 0.4s cubic-bezier(.77,0,.18,1);
    overflow-y: auto;
  }

header nav#nav ul  li a{
text-decoration: none;
font-size: 16px;
color: #f6f6f6;
}
  header nav#nav ul.show {
   left: 0; 
 
}

  header nav#nav ul > li {
    text-align: left;;
    width: 100%;
    margin: 0;
    padding: 18px 24px;
    border-bottom: 1px solid #333;
    cursor: pointer;
  }

    header nav#nav ul > li:first-child{
          border-top: 1px solid #333;
    }
  
  header nav#nav ul > li:hover{
    background: #2c323c;
  }

       header nav#nav ul>li:hover>ul{
        padding-top:0px;
        box-shadow:0px 0px 0px rgba(0,0,0,0.4);
        max-height:0px;
    }

}
 

/* Скрываем подменю по умолчанию */
header nav#nav ul > li > ul {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s cubic-bezier(.77,0,.18,1);
}

/* Открытое подменю */
header nav#nav ul > li.open > ul {
  max-height: 260px; /* достаточно большое значение */
}

/* Кнопка-стрелочка */
.dropdown-toggle {
  display: none;
  background: none;
  border: none;
  margin-left: 8px;
  font-size: 22px;
  color: #fff;
  cursor: pointer;
}