/*--------------------------- Start Homepage tab --------------------------*/	
#hometab {
    display: inline-block;
    float: none;
    position: relative;
    width: 100%;
    vertical-align: top;
}
.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::before {	
	content: "";	
	position: absolute;	
	z-index: -1;	
	top: 0;	
	left: 0;	
	right: auto;	
	bottom: 0;	
	background: #ffbf07;	
	-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: #fff;
	overflow: hidden;
	float: left;
	cursor: pointer;
}
#hometab .tab-title, 
#ttcategory-tabs .nav-link .tab-title {
	color: #222;
	font: 400 16px/18px "Playfair Display", Helvetica, sans-serif;
	margin: 0;
	outline: medium none;
	padding: 10px 20px;
	position: relative;
	text-transform: capitalize;
}
#hometab .tabs .nav-tabs,
#ttcategory-tabs {
	border: medium none;
	display: inline-block;
	float: none;
	margin: 0 0 30px;
	text-align: center;
	vertical-align: top;
	width: auto;
}
@media (max-width: 991px) {	
	#hometab {	
		margin: 0;	
	}	
	#hometab .tabs .nav-tabs{
		margin:0px;
	}
}
@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;
	}
    #hometab .tabs .nav-tabs .nav-item:first-child::before,
    #hometab .tabs .nav-tabs .nav-item:last-child::after {
        border: none;
    }
    #hometab .tabs .nav-tabs,
    #ttcategory-tabs {
        margin: 0 auto 10px;
        float: none;
        display: inline-block;
        vertical-align: top;
        padding: 0 !important;
    }
    #hometab .tab-title,
    #ttcategory-tabs .nav-link .tab-title {
        padding: 8px 10px;
    }
    #hometab .tabs .nav-tabs .nav-item,
    #ttcategory-tabs.nav-tabs .nav-item {
		margin: 0 0 5px;
		width: 80%;
		float:none;
    }
    #hometab .tabs .nav-tabs .nav-item:hover .nav-link,
    #hometab .tabs .nav-tabs .nav-item .nav-link.active,
    #ttcategorytabs.tabs .nav-tabs .nav-item:hover .nav-link,
    #ttcategorytabs.tabs .nav-tabs .nav-item .nav-link.active {
        margin: 0;
    }
}	
/*--------------------------- End Homepage tab --------------------------*/