@import variables
@import mixins

.project-header
  @include grid(100)
  margin-bottom: 8px

  .dropdown-component
    margin-top: 4px
    @include grid_width(5/100)
    @include md-device
      @include grid_width(8/100)
    @include sm-device
      @include grid_width(1)

  .views-switcher-component
    margin-top: 4px
    @include grid_width(38/100)
    @include custom-device(1300px)
      @include grid_width(45/100)
    @include md-device
      @include grid_width(92/100)
    @include sm-device
      margin-top: 0
      @include grid_width(1)

  .filter-box-component
    margin: 0
    @include grid_width(55/100)
    @include custom-device(1300px)
      @include grid_width(50/100)
    @include md-device
      @include grid_width(1)
      margin-top: 10px
      .filter-box
        max-width: 100%
    @include sm-device
      @include grid_width(1)
      margin-top: 10px
      .filter-box
        max-width: 100%
    form
      margin: 0