ul.resp-tabs-list { width: 100%; display: flex; flex-wrap: wrap; margin: 0px;padding: 0px;   border-bottom: 1px solid #c1c1c1; }
.resp-tabs-list li {   font-weight: 700; padding: 13px 15px; margin: 0 40px 0 0;list-style: none; cursor: pointer;  background-color: #fff!important;  }
.resp-tabs-list li a{ color: #000;  }
.resp-tabs-list li:hover a{ color:#f39800!important;  }
.resp-tabs-container { padding: 0px; background-color:#e0e0e0;clear: left;}
 h2.resp-accordion { cursor: pointer; padding: 5px; display: none;}
.resp-tab-content { display: none;padding:0px 15px;}
.resp-tab-active { color:#f39800;   }
.resp-content-active, .resp-accordion-active { display: block;}
.resp-tab-content { border:none;}
   
	


h2.resp-accordion { font-size: 1rem;font-weight: 700;  border-bottom: none;  border-top: none;  margin: 0px;  padding: 10px 15px;}
h2.resp-tab-active {  border-bottom:none; margin-bottom: 0px ; padding: 10px 15px !important; text-align: left;}
h2.resp-tab-title:last-child {  border-bottom: none !important;  background: blue;}
 

 

/*-----------Vertical tabs-----------*/
.resp-vtabs{width: 100%; display: flex; flex-wrap: wrap; margin: 0px; padding: 0px;}
.resp-vtabs ul.resp-tabs-list { float: left;width:200px; margin-top: 0px;}
.resp-vtabs .resp-tabs-list li {display: block; width: 100%; padding: 15px  !important; margin: 0px; cursor: pointer; float: none; font-size: 0.9rem!important; font-weight: 500;  color: #666464!important;  border-bottom: 1px solid #c1c1c1 !important; }
.resp-vtabs .resp-tabs-list li a { text-align: left; color: #666464; font-size: 0.9rem!important;   font-weight: 400; }
.resp-vtabs .resp-tabs-list li:hover a {   color: #f39700; }
.resp-vtabs .resp-tabs-container { padding:30px 10px;  background-color: #fff;  border-left: 1px solid #c1c1c1;float: left; width: calc(100% - 250px);  min-height: 250px; border-radius: 0px; clear: none;}
.resp-vtabs .resp-tab-content {  border: none; word-wrap: break-word;}
.resp-vtabs li.resp-tab-active {  position: relative; z-index: 1; color: #fff!important; background: #f39700!important;  }
.resp-vtabs li.resp-tab-active a{   color: #fff!important;  }
.resp-vtabs .resp-tabs-list li:last-child { border-bottom: none !important;}
.resp-arrow { width: 0;  height: 0;  float: right; margin-top: 3px;  border-left: 6px solid transparent;  border-right: 6px solid transparent; border-top: 12px solid #c1c1c1;}
h2.resp-tab-active span.resp-arrow { margin-top: 8px;position: relative;border: none; border-left: 6px solid transparent;border-right: 6px solid transparent; border-bottom: 12px solid #9B9797;}
/*-----------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: none  !important; }
.resp-jfit {width: 100%; margin: 0px;}
.resp-tab-content-active {display: block;}
h2.resp-accordion:first-child { border-top: 1px solid #fff;/* !important;*/}
/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 1024px) {
ul.resp-tabs-list { display: none; }
h2.resp-accordion { display: block; }
.resp-vtabs .resp-tab-content {  padding: 0px;  border: 1px solid #C1C1C1;   display: block;}
.resp-vtabs .resp-tabs-container { padding: 0px; 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;  }
.resp-tab-content {padding:0px;}
}