h2.resp-accordion {
	cursor: pointer;
	padding: 5px;
	display: none;
	}
.resp-tab-content {
	display: none;
	}
	
	
/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {
	float: left;
	width: 23%;
	margin-top:0!important;
	}
.resp-vtabs .resp-tabs-list li {
	display: block;
	cursor: pointer;
	font-size:15px;
	color: #fff;
	text-align:left;
	padding:15px 10px 15px 20px;
	background-color: #131313!important;
	border-bottom:1px solid #292828;
	position:relative;	
	}
.resp-vtabs .resp-tabs-list li:after{
	content:'\f105';
	font-family:'FontAwesome';
	font-weight:normal;
	font-size:20px;
	right:15px;
	top:13px;
	position:absolute;
	}
.resp-vtabs .resp-tabs-container {
	padding: 0px;
	float: right;
	width: 72%;
	min-height: 250px;
	clear: none;
	text-align:left;
	}
.resp-vtabs .resp-tab-content {	
	}

.resp-vtabs li.resp-tab-active { 
	position: relative;
	z-index: 1;
	background-color: #ff6347!important;

	}




/*-----------Accordion styles-----------*/
h2.resp-tab-active {background: #DBDBDB;}
.resp-easy-accordion h2.resp-accordion {display: block;}
.resp-easy-accordion .resp-tab-content {border: 1px solid #c1c1c1;}
.resp-easy-accordion .resp-tab-content:last-child {border-bottom: 1px solid #c1c1c1;}
.resp-jfit {width: 100%;margin: 0px;}
.resp-tab-content-active {display: block;}

@media only screen and (max-width:1010px){
.resp-vtabs ul.resp-tabs-list{width:32%;}
.resp-vtabs .resp-tabs-container{width:64%;}
}


/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 767px) {

ul.resp-tabs-list {display: none;}
h2.resp-accordion {
	background-color: #131313!important;
	color:#fff;
	font-size:18px;
	padding:15px 15px;
	margin:7px 0;
	display: block;
	font-weight:normal;
	letter-spacing:0.5px;
	position:relative;
	}
.resp-arrow {
	position:absolute;
	right:14px;
	top:15px;
	font-family: 'FontAwesome';
	font-size:24px;
	transition:all ease 0.5s;
	}
h2.resp-accordion.resp-tab-active{
	background-color: #ff6347!important;
	}
h2.resp-accordion.resp-tab-active .resp-arrow{
	transform:rotate(90deg);
	-webkit-ransform:rotate(90deg);
	}
	
.resp-vtabs .resp-tab-content{ margin-top:-7px;}
.resp-vtabs .resp-tabs-container {border: none!important; float: none;width: 100%;min-height: 100px;clear: none;}
.resp-accordion-closed {display: none !important;}
.resp-vtabs .resp-tab-content:last-child {border-bottom: 1px solid #c1c1c1 !important;}
}