h2.resp-accordion {cursor: pointer;display: none;}
h2.resp-accordion {font-size: 19px;text-align:left;margin: 0px;padding: 13px 15px; width:100%; float:left;    background-color: #7befb2; margin-bottom: 2px;    font-family: 'open_sansbold';}
h2.resp-tab-active {background-color:#403a35;color: #fff;}
h2.resp-tab-title:last-child {}

.resp-tab-content {display: none;}
.resp-tab-content {border: 1px solid #c1c1c1;}
.resp-content-active, .resp-accordion-active {display: block;}
h2.resp-accordion:first-child{}

.resp-jfit {width: 100%;margin: 0px;}
.resp-tab-content-active {display: block;}


/*-----------Vertical tabs-----------*/


.resp-vtabs .resp-tabs-container {float: left;width: 100%;clear: none;}
.resp-vtabs .resp-tab-content {border: none;word-wrap: break-word;}



.resp-arrow {width: 22px;height: 22px;float: right;margin-top: 3px;background:url(../images/icon-chevron-d_30.svg) no-repeat center;)}h2.resp-tab-active .resp-arrow {background:url(../images/icon-chevron-d_30w.svg) no-repeat center;)}

.resp-vtabs .resp-tabs-list li span{ display:inline-block; width:24px; height:24px; vertical-align:middle; margin-right:8px;}

.resp-vtabs .resp-tabs-list li#t1 span{ background:url(../images/icn1.png) no-repeat center;}
.resp-vtabs li.resp-tab-active#t1 span{ background-image:url(../images/icn1-hover.png)}
.resp-vtabs .resp-tabs-list li#t2 span{ background:url(../images/icn2.png) no-repeat center;}
.resp-vtabs li.resp-tab-active#t2 span{ background-image:url(../images/icn2-hover.png)}
.resp-vtabs .resp-tabs-list li#t3 span{ background:url(../images/icn3.png) no-repeat center;}
.resp-vtabs li.resp-tab-active#t3 span{ background-image:url(../images/icn3-hover.png)}
.resp-vtabs .resp-tabs-list li#t4 span{ background:url(../images/icn4.png) no-repeat center;}
.resp-vtabs li.resp-tab-active#t4 span{ background-image:url(../images/icn4-hover.png)}
.resp-vtabs .resp-tabs-list li#t5 span{ background:url(../images/icn5.png) no-repeat center;}
.resp-vtabs li.resp-tab-active#t5 span{ background-image:url(../images/icn5-hover.png)}




.resp-vtabs .resp-tabs-container {float: left;width: 100%;clear: none;}
.resp-vtabs .resp-tab-content {border: none;word-wrap: break-word;}

.resp-vtabs .resp-tabs-list li#tb1 span{ background:url(../images/icn6.png) no-repeat center;} 
.resp-vtabs li.resp-tab-active#tb1 span{ background-image:url(../images/icn6-hover.png)}
.resp-vtabs .resp-tabs-list li#tb2 span{ background:url(../images/icn7.png) no-repeat center;}
.resp-vtabs li.resp-tab-active#tb2 span{ background-image:url(../images/icn7-hover.png)}
.resp-vtabs .resp-tabs-list li#tb3 span{ background:url(../images/icn8.png) no-repeat center;}
.resp-vtabs li.resp-tab-active#tb3 span{ background-image:url(../images/icn8-hover.png)}
.resp-vtabs .resp-tabs-list li#tb4 span{ background:url(../images/icn3.png) no-repeat center;}
.resp-vtabs li.resp-tab-active#tb4 span{ background-image:url(../images/icn3-hover.png)}
.resp-vtabs .resp-tabs-list li#tb5 span{ background:url(../images/icn5.png) no-repeat center;}
.resp-vtabs li.resp-tab-active#tb5 span{ background-image:url(../images/icn5-hover.png)}





/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/







/*
@media only screen and (max-width: 768px) {
ul.resp-tabs-list {display: none;}
h2.resp-accordion {display: block;}
.resp-vtabs .resp-tab-content {border: 1px solid #00ccc4;}
.resp-vtabs .resp-tabs-container {border: none;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;}
}*/