ul.tabs {
	position: relative;
	border-bottom: 1px solid #f0f0f0;
}

ul.tabs li {
	list-style-type: none;
	margin: 0;
	cursor: pointer;
	padding: 15px 20px 10px 20px;
	white-space: wrap;
	text-align: center;
	font-weight: 700;
	font-size: 12px;
	color: #666;
	text-transform: uppercase;
}

ul.tabs li.active {
	background: #f0f0f0;
	color: #333;
	position: relative;
	z-index: 2;
}

ul.tabs li.active:after {
	content: ''; 
    position: absolute;
    left: 50%;
    margin-left: -10px;
	bottom: -1px;
    border: 10px solid transparent;
    border-bottom: 10px solid #fff;
    z-index: 2;
}

div.tabs-content {
	padding: 20px 0;
	
}

div.tabs-content div.tabs-item {
	display: none;
	padding: 0 0px;
}

div.tabs-content div.tabs-item.active {
	display: block;
}

@media screen and (max-width: 1020px) {
	
}

@media screen and (max-width: 768px) {
	
}

@media screen and (max-width: 480px) {
	ul.tabs {
		
	}
	ul.tabs li {
    	
	}
}