/*
-----------------------------------------------------------------------
  Brand Logo CSS
-----------------------------------------------------------------------
*/

.brand-logo-area {
  &.brand-logo-default-area {
    padding: 0 0 100px;
    @media #{$lg-device} {
      padding: 0 0 60px;
    }
  }
  &.brand-logo-about-area {
    padding: 108px 0 100px;
    .section-title {
      margin-bottom: 78px;
    }
  }
}

.brand-logo-item {
  img {
    @include transition(all .4s ease-in-out);
  }
  &:hover {
    img {
      @include scale(1.1);
    }
  }
}