.menu-shadow-layer {background: rgba(0, 0, 0, 0.4); bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 997;}

@media (min-width: 1025px) {
  .mobile-menu {display: none;}
}
@media (max-width: 1024px) {
  .mobile-menu {background: #fff; bottom: 0; left: 0; max-width: 480px; overflow: auto; position: fixed; top: 0; width: 90%; z-index: 999; display: none;}
  .mobile-menu ul {list-style: none; margin: 0; padding: 1em 2em;}
  .mobile-menu > ul > li {border-bottom: 1px solid rgba(0,0,0,.1); padding: 0 1em 0 0;}
  .mobile-menu a.menu {color: #222; display: block; font-size: 1.125em; padding: .8em 0; text-decoration: none;}
  .mobile-menu a.menu + ul {padding: 0 0 1em 1em;}
  .mobile-menu a.menu + ul li {border-top: 1px solid rgba(0,0,0,.1); padding: 0 1em 0 0;}
  .mobile-menu a.menu + ul a.menu {font-size: 1em; padding: .8em 0;}

  .mobile-menu a.menu span.title {display: inline-block; vertical-align: middle; width: 96%;}
  .mobile-menu a.menu span.angle {display: inline-block; font-size: 1.2em; vertical-align: middle; text-align: center; width: 0%;}
  .mobile-menu a.menu span.angle .fa {line-height: 0.9; width: 1em;}
  .mobile-menu .menu-direct-link .fa-angle-down:before {content: "\f106";}

  .mobile-menu-top {border-bottom: 1px solid rgba(0,0,0,.2); display: flex; flex-wrap: wrap; justify-content: space-between;}
  .mobile-menu-top > span {display: block; font-size: .75em; padding: 1.5em 2.5em; text-transform: uppercase;}
  .mobile-menu-top > .close-mobile-menu {color: rgba(0,0,0,.2); cursor: pointer; font-size: 1.125em; font-weight: 200; line-height: 1; padding: 1em;}
  .mobile-menu-top > div {background: rgba(0,0,0,.05); border-top: 1px solid rgba(0,0,0,.2); padding: .8em 1.2em; width: 100%;}
  .mobile-menu-top > div form {background: #fff; border: 1px solid rgba(0,0,0,.1); display: flex; justify-content: space-between;}
  .mobile-menu-top > div form input[type="text"] {border: 0; width: 80%;}
  .mobile-menu-top > div form button {background: #fff; border: 0; color: rgba(0,0,0,.5); font-size: 1.125em;}
  .mobile-menu-top .mobile-search {display: none;}
  .mobile-menu-bottom {padding: 1em 2em;}
  .mobile-menu-bottom > span {display: block; margin: .8em 0;}
  .mobile-menu-bottom > span a {font-size: .8em; text-decoration: none;}
  .mobile-menu-bottom > span.login a {font-weight: 700;}
  .mobile-menu-bottom > span.login .del:before {content: " / ";}

  .mobile-menu-bottom .header-contacts {flex-direction: column; margin: 0; padding: 0;}
  .mobile-menu-bottom .header-contact { padding-bottom: 12px;}
 
}
@media (max-width: 768px) {
}
@media (max-width: 600px) {
}