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

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


.lsow-carousel {

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

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

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