.header-sections {
   ul {
      @include list-unstyled;
   }

   a {
      @include underline-hover;

      color: $black;
   }

   .level-0 {
      display: flex;
      margin: 0 0 0 -5px;

      > li {
         > a {
            @include underline-never;

            border-bottom: 1px solid transparent;
            display: inline-block;
            margin: 16px 20px;
            transition: border-bottom-color .2s;

            @include haf {
               border-bottom-color: $black;
            }
         }

         &.hover > a {
            border-bottom-color: $black;
         }

         &:first-child > a {
            margin-left: 5px;
         }
      }
   }
}

.submenu {
   background: $white;
   box-shadow: 0 7px 24px 0 rgba(0, 0, 0, .1);
   display: none;
   max-width: 1215px;
   position: absolute;
   left: 0;
   right: 0;
   top: 100%;
   z-index: 20;

   .title-default {
      color: $black;
      font-size: 12px;
      font-weight: $font-weight-bold;
      letter-spacing: .12em;
      text-transform: uppercase;
   }

   .column {
      flex-grow: 1;

      + .column {
         border-left: 1px solid $border-color;
         padding-left: 40px;
         margin-left: 40px;
      }

      &:first-child ul {
         column-count: 2;
      }
   }

   .submenu-wrapper {
      display: flex;
      padding: 30px 40px;

      li {
         padding: 6px 0;
      }

      .all {
         font-weight: $font-weight-bold;
      }
   }

   .catalog {
      margin: 0;
      max-width: 207px;

      .img {
         padding: 30px 20px;
      }

      .title-wrapper {
         height: auto;
      }

      .left {
         display: none;
      }

      .right {
         text-align: left;
      }

      .content {
         padding: 10px 5px 0;
      }
   }
}

@media screen and (min-width: 1200px) {
   .header-sections .hover {
      .submenu {
         display: block;
      }
   }

   /* .nav-item:first-child > .submenu {
      display: block;
   } */
}
