.cleared {
	clear:both;
}

.tabs  h2 {
	text-align: center;
}

#innerTabsWrap {
	margin:3% 0;
}

.tabTitles {
	display: flex;
}

.tabTitle {
	border:1px solid #e0e0e0;
	background:#e0e0e0;
	cursor: pointer;
	margin:0 4px 0 0;
	padding:0.5em 1em;
	position: relative;
	top:1px;
}

.currentTab {
	background:#fff;
	border-bottom:0px solid #fff;
}

#innterTabsContentWrap {
	border-top:1px solid #e0e0e0;
	background:#fff;
}

.tabContent {
	display: none;
}

.tabContent.currentContent,
#tabContent-1.tabContent,
.mobileTabContent.currentContent {
	display: block;
}

.mobileTabContent.currentContent {
	border-left:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	padding:0 3%;
}

.tabContent {
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

.mobtabContent {
		display: none!important;
	}


/* max 480px */
@media screen and (max-width: 767px) {
	
	.tabTitles {
		flex-direction: column;
	}
	
	.tabTitle {
		margin:0;
	}
	
	.mobtabContent {
		display:block;
	}
	
	.tabContent {
		border-left:1px solid #e0e0e0;
		border-right:1px solid #e0e0e0;
		padding:0 5%;
	}
	
	.tabContent p {
		margin-top:0;
	}

}

/* 481 - 767px */
@media screen and (min-width: 481px) and (max-width: 767px) {
		
}


/* 768 - 959px */
@media screen and (min-width: 768px) and (max-width: 959px) {
	
	.mobtabContent {
		display: none!important;
	}
	
	.tabTitle {
    font-size: 0.9em;
		padding: 0.5em 0.5em;
	}

}



/* 960 - 1200px */
@media screen and (min-width: 960px) and (max-width: 1200px) {
	
}