.best-product{
	.tab-nav{
		li{
			display: inline-block;
			padding: 0 30px;
			&:first-child{
				padding-left:0;
			}
			&:last-child{
				padding-right:0;
			}
			a{
				display: block;
				border-bottom: 4px solid #ebebeb;
				padding: 15px 0;
				font-weight: 500;
				font-size: 24px;
				font-family: $title-font;
				color: #9e9e9e;
			}
			&.active{
				a{
					border-bottom: 4px solid $primary-color;
					color: $primary-color;
				}
			}
		}
	}
	.product-single{
		figure{
			position: relative;
			img{
				width: 100%;
				&.normal{
					display: block;
				}
				&.hover{
					display: none;
				}
			}
			span{
				&.product-position{
					position: absolute;
					top: 10px;
					left: 20px;
					font-weight: 700;
					font-size: 13px;
					color: #fff;
					letter-spacing: 1px;
					padding: 0 15px;
					border-radius: 30px;
					box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
				}
				&.price{
					position: absolute;
					top: 10px;
					right: 20px;
					font-weight: 700;
					font-size: 20px;
					del{
						display: block;
						color: #a4a4a4;
						font-size: 14px;
					}
					strong{
						display: block;
					}
				}
				&.color1{
					background: #2962ff;
				}
				&.color2{
					background: #f44336;
				}
			}
			ul{
				position: absolute;
				top: 20%;
				right: 20px;
				transform: scaleY(0.5);
				transition: $transition;
				li{
					padding: 4px 0;
					opacity: 0;
					transition: $transition;
					a{
						display: block;
						color: #333333;
						width: 40px;
						height: 40px;
						background: #fff;
						border-radius: 100%;
						text-align: center;
						padding:8px 0;
						box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
						&:hover{
							background: $primary-color;
							color: #fff;
						}
					}
				}
			}
			.product-des{
				position: absolute;
				bottom: 20px;
				left: 20px;
				a{
					color: #222222;
					h4{
						margin: 0 0 5px;
						font-size: 16px;
					}
				}
				p{
					margin: 0;
					color: #838383;
					font-size: 13px;
				}
			}
			&:hover{
				img{
					&.normal{
						display: none;
					}
					&.hover{
						display: block;
					}
				}
				span{
					&.product-position{

					}
					&.price{

					}
				}
				ul{
					transform: scaleY(1);
					li{
						opacity: 1;
						a{

						}
					}
				}
				.product-des{
					h4{

					}
					p{

					}
				}
			}
		}
	}
}
.best-product-two{
	.product-list{
		.heading-product{
			position: relative;
			display: inline-block;
			margin: 0 0 50px;
			&:after{
				top:inherit;
				width: 80px;
				height: 5px;
				background: $primary-color;
			}
			h3{

			}
		}
		.single-product{
			margin: 0 0 30px;
			float: left;
			padding-right: 10px;
			figure{
				display: inline-block;
				float: left;
				margin-right: 20px;
				overflow: hidden;
				img{
					display: block;
					transition: $transition;
					transform: scale(1,1);
				}
			}
			&:hover{
				figure{
					img{
						transform: scale(1.2,1.2);
					}
				}
			}
			.product-content{
				display: table;
				float: left;
				h4{
					margin: 0 0 10px;
				}
				strong{
					font-size: 18px;
					font-weight: 700;
				}
			}
		}
	}
}
.best-product-three{
	.product-list{
		.heading-product{
			position: relative;
			display: inline-block;
			margin: 0 0 50px;
			h3{
				margin: 0 ;
			}
		}
		.single-product{
			margin: 0 0 30px;
			float: left;
			figure{
				display: inline-block;
				float: left;
				margin-right: 20px;
				overflow: hidden;
				img{
					display: block;
					transform: scale(1,1);
					transition: $transition;
				}
			}
			.product-content{
				display: table;
				float: left;
				h4{
					margin: 0 0 10px;
				}
				strong{
					font-size: 18px;
					font-weight: 700;
				}
			}
			&:hover{
				figure{
					img{
						transform: scale(1.1,1.1);
					}
				}
			}
		}
	}
}