﻿.resp-tabs-list li {font-weight: 400; font-size: 14px; color:#555; display: inline-block; padding:10px 15px; margin: 0 5px 0 0; list-style: none; cursor: pointer; float: left; background:#f5f5f5; border:1px solid #e0e0e0;border-bottom: none !important; }

.resp-tabs-container {padding: 0px; background-color: #fff; clear: left;}
h2.resp-accordion {cursor: pointer; padding: 5px; display: none;}
.resp-tab-content {display: none; padding:15px;}
.resp-tab-active {border: 1px solid #e0e0e0; border-bottom: none !important; margin-bottom: -1px !important; padding:10px 15px;}
.resp-tab-active { background: #fff !important; border-bottom: none !important;}
.resp-content-active, .resp-accordion-active {display: block;}
.resp-tab-content {border: 1px solid #e0e0e0;}
h2.resp-accordion {font-size: 13px; border: 1px solid #e0e0e0; border-top: 0px solid #e0e0e0; margin: 0px; padding: 10px 15px;}
h2.resp-tab-active {border-bottom: 0px solid #c1c1c1 !important; margin-bottom: 0px !important; padding: 10px 15px !important;}
h2.resp-tab-title:last-child {border-bottom: 12px solid #e0e0e0!important; background: blue;}
.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 #e0e0e0;}
h2.resp-tab-active span.resp-arrow {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 !important;}
.resp-easy-accordion  h2.resp-accordion {display: block;}
.resp-easy-accordion .resp-tab-content {border: 1px solid #e0e0e0;}
.resp-easy-accordion .resp-tab-content:last-child {border-bottom: 1px solid #e0e0e0 !important;}
.resp-jfit {width: 100%; margin: 0px;}
.resp-tab-content-active {display: block;}
h2.resp-accordion:first-child {border-top: 1px solid #e0e0e0 !important;}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 736px) {
ul.resp-tabs-list {display: none;}
h2.resp-accordion {display: block; font-size:16px;}
.resp-vtabs .resp-tab-content {border: 1px solid #e0e0e0;}
.resp-vtabs .resp-tabs-container {border: none; float: none; width: 100%; min-height: initial; clear: none;}
.resp-accordion-closed {display:none !important;}
.resp-vtabs .resp-tab-content:last-child {border-bottom: 1px solid #ce0e0e0 !important;}
}
