
.header {
.block-search {
  /**width: 100%;**/

  .container-inline {
    .mb-3 {
      margin-bottom: 0 !important;
    }
  }

  > .content > .content {
    /** width: 100%;**/
  }

  .search-form {
    display: flex;
    justify-content: space-between;
    align-content: stretch;
    gap: 20px;
    flex-wrap: wrap;
    width: 100%;
  }

  .js-form-item {
    /** width: 75%;**/
  }

  .form-actions {
    /** width: 25%; **/
  }

  .button {
    /**  width: 100%;**/
  }
}
}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

  .header {
    .block-search {
      width: 50%;
      flex: 0 0 auto;

      > .content > .content {
        width: 100%;
        display: flex;
      }
      .container-inline div {
        display: flex;
        flex: 1 1 auto;
      }
    }

    .form-inline.navbar-form {
      width: 100%;
    }
  }
}
