@import "../../../../../so-widgets-bundle/base/less/mixins";

@gutter: 20px;
@tablet_width: 800px;
@tablet_gutter: 10px;
@mobile_width: 480px;
@mobile_gutter: 10px;

.lsow-portfolio {
  margin-left: -@gutter;
  margin-right: -@gutter;

  @media screen and (max-width: @tablet_width) {
    margin-left: -@tablet_gutter;
    margin-right: -@tablet_gutter;
    }

  @media screen and (max-width: @mobile_width) {
    margin-left: -@mobile_gutter;
    margin-right: -@mobile_gutter;
    }

  .lsow-portfolio-item {
    padding: @gutter;

    @media screen and (max-width: @tablet_width) {
      padding: @tablet_gutter;
      }

    @media screen and (max-width: @mobile_width) {
      padding: @mobile_gutter;
      }
    }
  }