// Responsive images (ensure images don't scale beyond their parents)
.img-responsive {
  @include img-responsive();

  // Fixes SVG sizing in IE 8-11. See https://gist.github.com/larrybotha/7881691
  // This fix is applied for all browsers so SVGs will behave consistently.
  // If you want a max width for an SVG, you’ll need to add a style attribute,
  // e.g. style='width:500px' (as opposed to width=500)
  &[src$=".svg"] {
    -avvo-ui-debug: 'Width is set to 100% for consistency with IE browsers. Use an inline style attribute to override';
    width: 100%;
  }
}

// Perfect circle
.img-circle {
  border-radius: 50%; // set radius in percents
}