.resp-tabs {
	overflow: hidden;
}

.resp-tabs .resp-tabs-list { 
	display: flex;
}

.resp-tabs .resp-tabs-list li {
	color: #002696;
	background: #ffeb80;
	font-size: 20px;
	line-height: 1.2em;
	letter-spacing: 1px;
	padding: 25px 10px;
	border-right: 1px solid #fff;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: 400;
	display: flex;
    align-items: center;
    justify-content: center;
    flex-basis: 100%;
    text-align: center;
}

.resp-tabs .resp-tabs-list li:last-child {
	border-right: none;
}

.resp-tabs .resp-tabs-list li.resp-tab-active {
	color: #fff;
	background-color: #142863;
}

.resp-tabs .resp-tab-content {
	padding: 3% 6%;
	background: #fff;
	display: none;
}

/*-----------Accordion styles-----------*/

.resp-tabs h2.resp-accordion {display: none;}


/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 1170px) {
	.resp-tabs ul.resp-tabs-list {display: none; }
	.resp-tabs h2.resp-accordion {color: #002696; font-size: 18px; line-height: 1.1em; background: #ffeb80; position: relative; padding: 25px 35px 25px 25px; border-bottom: 1px solid #fff; cursor: pointer; display: flex; align-items: center;}
	.resp-tabs h2.resp-accordion.resp-tab-active {background: #142863; color: #fff;}
	.resp-tabs h2.resp-accordion:last-child {border-bottom: none;}
	.resp-tabs h2.resp-accordion .resp-arrow {position: absolute; right: 15px; top: 50%; margin-top: -9px;}
	.resp-tabs h2.resp-accordion.resp-tab-active .resp-arrow:before {content: "\f068";}
	.resp-tabs h2.resp-accordion br {display: none;}
	.resp-tabs .resp-tab-content {padding: 25px;}
}