/*-------------------------------------------- Category feature CSS Start --------------------------------------*/

.tt-category-featured {

  float: left;

  position: relative;

  margin: 0 0 80px;

  width: 100%;

}

.tt-category-featured .ttfcat-items .item {

	float: left;

	padding: 0 15px;

	width: 100%;

}

.tt-category-featured .ttfcat-items .content {

	float: left;

	position: relative;

	text-align: center;

	width: 100%;

}

.tt-category-featured .ttfcat-items .content::after {

	border: 10px solid #f5f5f5;

	bottom: 0;

	content: "";

	left: 0;

	position: absolute;

	right: 0;

	top: 50%;

	z-index: -1;

}

.tt-category-featured .category-feature .image {

	display: inline-block;

	float: none;

	margin: 0 0 -30px;

	vertical-align: top;

	width: auto;

}

.tt-category-featured .ttfcat-items .item .image a {

	display: block;

	overflow: hidden;

	position: relative;

}

.tt-category-featured .ttfcat-items .item .image a img {

	max-width: 100%;

	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;

}

.tt-category-featured .ttfcat-items .item:hover .image a img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-o-transform: scale(1.1);

	-ms-transform: scale(1.1);

}

.tt-category-featured .category-feature .caption {

	float: left;

	padding: 25px 0 35px;

	text-align: center;

	width: 100%;

}

.tt-category-featured .category-feature .caption .cat-sub {

	display: none;

}

.tt-category-featured .products-carousel .owl-buttons {

	display: none;

}

.tt-category-featured .container {

	position: relative;

}

.tt-category-featured .caption .cat-title > h4 {

	margin: 0 0 15px;

	padding:  0 0 15px;

	position: relative;

}

.tt-category-featured .caption .cat-title > h4::after {

	border-bottom: 2px solid #000000;

	bottom: 0;

	content: "";

	left: 0;

	margin: 0 auto;

	position: absolute;

	right: 0;

	width: 40px;

}

.tt-category-featured .caption .cat-title > h4 a {

	color: #222222;

	font: italic 400 20px/22px "playfair display",Helvetica,sans-serif;

	letter-spacing: 0.4px;

	text-transform: capitalize;

}

.tt-category-featured .ttfcat-items {

  float: left;

  position: relative;

  width: 100%;

}

/*-------------------------------------------- Category feature custome CSS start --------------------------------------*/

.tt-category-featured .customNavigation {

	display: none;

	position: static;

}

.tt-category-featured .customNavigation a.prev::before,

.tt-category-featured .customNavigation a.next::before,

.tt-category-featured .customNavigation a.prev::after,

.tt-category-featured .customNavigation a.next::after {

	display: none;

}

.tt-category-featured .customNavigation a {

	bottom: 0;

	margin: auto;

	position: absolute;

	top: 0;

	z-index: 2;

}

.tt-category-featured .customNavigation a:hover {

	background-color: #5bb812;

}

.tt-category-featured .customNavigation a.prev {

	left: 0;

	right: auto;

}

.tt-category-featured .customNavigation a.next {

	left: auto;

	right: 0;

}

/*-------------------------------------------- Category feature custome CSS End --------------------------------------*/

/*-------------------------------------------- Category feature CSS End --------------------------------------*/

@media (max-width: 767px) {

	.tt-category-featured {

		margin: 0 0 40px;

	}

}