.submenu{

  display: flex;

  width: 100%;

  position: absolute;

  z-index: 801;

  margin-top: -95px;

  left: 0;

  padding: 20px 0 0;

  opacity: 0;

  transition: opacity 0.3s linear;

  z-index: -1;

}

.submenu-wrap{

  padding: 50px 10px;

  background-color: #ffffff;

  border: 1px solid #000;

  border-left: unset;

  border-right: unset;

  width: 100%;

  display: flex;

  justify-content: space-evenly;

  flex-wrap: wrap;

}

.submenu>.submenu-item{

  margin: 10px 0;

}

.subm_item_name{

  font-size: 24px;

}


.subm_item_name_active{

  font-size: 28px;
font-
}





.mobile_header{

  display: none;

}

.mobile_menu{

  display: none;

}

.mob_submenu{

  display: none;

}

@media(max-width: 1680px){

  .subm_item_name{

    font-size: 20px;

  }

}

@media(max-width: 1500px){

  .subm_item_name{

    font-size: 18px;

    text-align: center;

  }

  .submenu-item{

    min-width: 220px;

  }

}

@media(max-width: 1440px){

  .submenu-wrap{

    padding: 30px;

    justify-content: flex-start;

  }

  .submenu-item{

    margin: 10px 0;

  }

  .subm_item_name{

    font-size: 18px;

    text-align: center;

  }

  .submenu-item{

    width: 25%;

  }

}

@media(max-width: 1280px){

  .submenu-item{

    width: 33%;

  }

}

@media(max-width: 768px){

  .submenu{

    display: none;

  }

  .hamburger{

    outline: none;

  }

  header:not(.headerss){

    display: none;

  }

  .mobile_header{

    display: flex;

    justify-content: space-around;

    align-items: center;

    margin: 20px 0;

  }

  .mobile_menu li{

    display: flex;

    justify-content: center;

  }

  .mobile_menu .mob-item{

    text-align: center;

    font-size: 25px;

    padding: 0 30px;

    margin: 30px auto;

    display: inline-block;

  }

  .mobile_menu li:nth-child(2) .mob-item{

    position: relative;

  }

  .mobile_menu li:nth-child(2){

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

  }

  .mobile_menu li:nth-child(2) .mob-item::before{

    position: absolute;

    content: '';

    background-image: url(down-arrow.svg);

    background-repeat: no-repeat;

    width: 20px;

    height: 20px;

    background-size: contain;

    top: 70%;

    right: 0;

    transform: translateY(-50%);

    transition: transform 0.3s linear;

  }

  .mobile_menu li:nth-child(2) .mob-item.active::before{

    transform: rotate(180deg);

    transform-origin: center 5px;

  }

  .mob_submenu .subm_item_name{

    margin: 15px 0;

  }

}

@media(max-width: 425px){

  .mob_logo{

    max-width: 200px;

  }

}