.nav-tabs {
	border: none;
	text-align: center;
	margin:0;
	margin:0 auto;
	table-layout:fixed;
	@media (max-width: $screen-md - 1) {
		margin:17px auto 0;
		text-align:center;
	}
	@media (max-width: $screen-sm - 1) {
		width:100%;
	}
	> li {
		margin-bottom: 0;
		display:inline-block;
		vertical-align: top;
		// min 768px
		@media (max-width: $screen-xs-max) {
			display:inline-block;
		}
		@media (max-width: $screen-xs - 1) {
			display:block;
		}
		a {
			font: 400 16px / 54px $font-family;
			color: darken(desaturate(adjust-hue(#3078c0, -210.0000), 60.0000), 41.5686);
			text-transform:uppercase;
			border: none;
			outline: none;
			margin: 0;
			display:block;
			padding:0 11px;
			text-decoration:none;
			@media (min-width: $screen-sm) {
				padding: 0 22px;
			}
		}
		&:first-child {
			border: none;
		}
	}
	> .active a,
	>li a:hover {
		background:$active-tab-color;
	}
}

.tab-pane{
	position:relative;
}