
ul.resp-tabs-list, p {margin: 0px;padding: 0px}

.resp-tabs-list li {cursor: pointer;border-bottom: none !important; background-color: transparent !important; position: relative}
.resp-tabs-container {padding: 0px;clear: left} 
.resp-tabs-list li h2 { position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,0.80); color: #ddd; font-family: 'Open Sans', sans-serif; font-size: 19px; text-align: center; line-height: 40px; width: 100%; margin-bottom: 0; z-index: 3000}

h2.resp-accordion {cursor: pointer;padding: 5px;display: none}

.resp-tab-content {display: none;}
.resp-tab-content h3, .resp-tab-content p, .resp-tab-content li { color: #333}


.resp-tab-active { position: relative}
.resp-tab-active:after, .resp-tab-item:hover:after { content: ''; background: rgba(196,32,39,0.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0}
.resp-content-active, .resp-accordion-active {display: block}

.resp-tab-content {border:none; padding-top: 0; background: none; box-sizing: border-box}

h2.resp-accordion {font-size: 13px;margin: 0px;padding: 10px 15px; background: #C42027 !important; color: #fff; border-bottom: 1px solid #ccc !important}

h2.resp-accordion h2 { color:#fff}

h2.resp-tab-title:last-child {border-bottom: 12px solid #c1c1c1 !important;background: blue}

/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {float: left;width: 30%}
.resp-vtabs .resp-tabs-list li {display: block;padding: 15px 15px !important;margin: 0 0 4px;cursor: pointer;float: none}
.resp-vtabs .resp-tabs-container {padding: 0px;background-color: #fff;border: 1px solid #c1c1c1;float: left;width: 68%;min-height: 250px;border-radius: 4px;clear: none}
.resp-vtabs .resp-tab-content {border: none;word-wrap: break-word}
.resp-vtabs li.resp-tab-active { position: relative;z-index: 1;margin-right: -1px !important;padding: 14px 15px 15px 14px !important;border-top: 1px solid;border: 1px solid #5AB1D0 !important;border-left: 4px solid #5AB1D0 !important;margin-bottom: 4px !important;border-right: 1px #FFF solid !important;}

.resp-arrow { float: right; margin-top: 6px;}
h2.resp-tab-active .icon-down:before {color:#fff; font-size: 30px}



/*-----------Accordion styles-----------*/
.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;/* !important;*/}
.resp-jfit {width: 100%;margin: 0px;}
.resp-tab-content-active {display: block;}

/*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, h2.resp-accordion img {display: none;}
    h2.resp-accordion {display: block; text-align: center; clear: both; width: 100%; box-sizing: border-box}
     
    .resp-vtabs .resp-tab-content {border: 1px solid #C1C1C1;}
    .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;}
}
