.submenu {
  padding: 20px 0 10px 0;
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  border-bottom: solid 1px lightgray; }
  .submenu ul.menu-items {
    list-style: none;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0; }
    .submenu ul.menu-items li {
      display: inline-block;
      margin-right: 10px;
      color: #9a9a9a; }
    .submenu ul.menu-items li:hover {
      text-decoration: underline; }
    .submenu ul.menu-items li:after {
      content: '|';
      margin-left: 10px; }
    .submenu ul.menu-items li:last-child:after {
      content: none; }
  .submenu .submenu-right {
    margin-left: auto;
    display: flex;
    align-items: center; }
    .submenu .submenu-right .search-box {
      background: whitesmoke;
      border-radius: 5px;
      padding: 8px;
      display: flex;
      align-items: center; }
      .submenu .submenu-right .search-box input {
        width: 200px;
        background: none;
        border: none;
        font-size: 16px; }
      .submenu .submenu-right .search-box img {
        display: block;
        margin-left: auto;
        height: 18px;
        width: auto; }
    .submenu .submenu-right .social-networks img {
      height: 30px;
      width: auto;
      margin-left: 6px; }

@media screen and (max-width: 991px) {
  .submenu ul.menu-items {
    display: block; }
    .submenu ul.menu-items li {
      margin-bottom: 5px; }
    .submenu .submenu-right {
      display: block; }
    .submenu .submenu-right .social-networks {
      width: max-content;
      margin-left: auto; } }