#featured-products {
	.item-wrapper {
		margin-bottom: 20px;
		@media screen and (max-width: 768px) {
			float: none;
			margin: auto;
		}
		.item {
			.product-thumb {
				position: relative;
				span.price {
					position: absolute;
					bottom: 0;
					color: darken(@accent, 30%);
					padding: 5%;
					font-size: 16px;
					width: 100%;
					background: rgba(0,0,0,.1);
					left: 0;
					del {
						color: darken(@accent, 20%);
					}
					ins {
						background: transparent;
					}
				}
			}
			.thumb-info {
				display: flex;
				align-items: center;
				margin: 24px 0;
				.product-title {
					width: 55%;
					display: inline-block;
					div {
						margin: 0px;
						color: #888;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
					}
				}
				.star-rating {
					margin-left: auto;
					&:before {
						color: #eee;
					}
					span {
						&:before {
							color: #ccc;
						}
					}
				}
			}
		}
	}
}

/*
.triangles {
  display: flex;
  flex-wrap: wrap;
  background: #efefef;
  .triangle-container {
    padding: 60px;
    margin: auto;
    @media screen and (max-width: 420px) {
      padding: 0;
      padding-top: 40px;
    }
    @media screen and (max-width: 991px) {
      padding-bottom: 0;
    }
    .item-wrapper {
      position: relative;
      transform: skew(35deg);
      @media screen and (max-width: 991px) {
        margin-bottom: 40px;
      }
      .item {
        overflow: hidden;
        position: relative;
        width: 260px;
        height: 175px;
      }
      .skew {
        overflow: hidden;
        position: absolute;
        transform: skewX(-55.98deg);
        width: 100%;
        height: 100%;
        background: @accent;
        .posted-on {
          position: absolute;
          bottom: 0;
          transform: skew(38deg);
          right: 55px;
          top: 50%;
          left: 0;
          text-align: center;
          .price {
            padding: 10px;
            background: white;
            border-radius: 50%;
            color: @accent;
          }
          h3 {
            color: white;
            position: relative;
            top: 10px;
            margin: 0;
          }
        }
      }
      .skew:first-child {
        left: -.25em;
        transform-origin: 100% 0;
      }
      .skew:last-child {
        left: 0;
        transform-origin: 0 100%;
      }
      .skew img {
        transform: skewX(38deg);
        transform-origin: inherit;
      }
    }
  }
}
*/