/*--------------------------- Start Homepage tab --------------------------*/	
.home-tab-content {
    float: left;
    text-align: center;
    width: 100%;
}
.products > .owl-stage-outer {
	padding-bottom: 30px;
}		
#hometab .home-tab-content .tab-pane.active {	
	display: block;	
}	
#hometab .home-tab-content .tab-pane {	
	display: none;	
}
#hometab .ttfeatured-products,	
#hometab .ttbestseller-products,	
#hometab .ttnew-products {	
	float: left;	
	width: 100%;	
	padding: 0;	
}	
.tabs .nav-tabs {
	margin: 0;
	float: none;
	display: inline-block;
	vertical-align: top;
}
.tabs {
	padding: 0;
	margin: 0 0 20px;
	text-align: center;
}
.tabs .nav-item .tab-title {	
	font: 500 14px/22px var(--secondary-font);	
	margin-bottom: 0;	
	z-index: 2;	
	position:relative;	
	padding:8px 22px;	
	transition:all 400ms ease-in-out 0s;
	float:left;
}	
.tabs .nav-item::before {	
	content: "";	
	position: absolute;	
	z-index: -1;	
	top: 0;	
	left: 0;	
	right: auto;	
	bottom: 0;	
	background: var(--secondary-bg-color);	
	-webkit-transform: scaleX(0);	
	transform: scaleX(0);	
	-webkit-transform-origin: 0 50%;	
	transform-origin: 0 50%;	
	-webkit-transition-property: transform;	
	transition-property: transform;	
	width: 0;	
	transition: all 400ms ease-in-out 0s;	
	-webkit-transition: all 400ms ease-in-out 0s;	
	-moz-transition: all 400ms ease-in-out 0s;	
	-o-transition: all 400ms ease-in-out 0s;	
	-ms-transition: all 400ms ease-in-out 0s;	
}	
.tabs .nav-item:hover::before,
.tabs .nav-item.active::before {
	-webkit-transform: scaleX(1);	
	transform: scaleX(1);	
	width: 100%;	
}
.tabs .nav-tabs .nav-item {
	margin: 0 5px;
	border: none;
	position: relative;
	-webkit-transition-duration: 0.4s;
	-webkit-transition-timing-function: linear;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	background: #f5f5f5;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	-khtml-border-radius: 25px;
	overflow: hidden;
	float: left;
	cursor: pointer;
}
.nav-item.active,.tab-title.active,.nav-item:hover {	
	background: var(--secondary-bg-color);	
}
.tabs .nav-tabs .nav-item.active .tab-title,.tab-title.active,	
.tabs .nav-tabs .nav-item:hover .tab-title {	
	color: var(--secondary-text-color);
}
@media (max-width: 991px) {	
	#hometab {	
		margin: 0;	
	}	
}
@media (max-width: 767px) {	
	.products > .owl-stage-outer {
		padding:0;
	}
	#hometab {	
		margin: 0 0 30px;	
	}
}
@media (max-width: 543px) {	
	.tabs .nav-tabs .nav-item:first-child::before,	
	.tabs .nav-tabs .nav-item:last-child::after {	
		border: none;	
	}   	
	#hometab {	
		margin: 0 0 30px;	
	}	
	.tabs .nav-tabs .nav-item {	
		margin: 0 0 5px;			
		display: inline-block;	
		float: none;	
		padding: 0;	
		vertical-align: top;	
		width: 80%;	
	}	
	.tabs .nav-item .tab-title {	
		padding: 8px 12px;	
		margin: 0;	
		width:100%;
	}
	.tabs {
    margin: 0 0 10px;
	}
}	
/*--------------------------- End Homepage tab --------------------------*/