/* REQUIRED for core functionality */
.responsive-tabs__heading {display:none;}
.responsive-tabs__list__item {display:inline; cursor:pointer;}

@media (max-width:767px) {.responsive-tabs__list {display: none;} .responsive-tabs__heading {display:block; cursor:pointer;} .responsive-tabs__panel--closed-accordion-only {display:none;}}
@media (min-width:768px) {.responsive-tabs__panel--closed-accordion-only {display: block !important;}}
/* END - Required for core functionality */

/* OPTIONAL - Basic Skin */
.responsive-tabs-wrapper {clear:both; zoom:1;}
.responsive-tabs-wrapper:before, .responsive-tabs-wrapper:after {content:""; display:table;} 
.responsive-tabs-wrapper:after {clear:both;}
.responsive-tabs__heading:focus, .responsive-tabs__list__item:focus {outline:0px solid #ccc;}
.responsive-tabs__heading--active:focus, .responsive-tabs__list__item--active:focus {outline:none !important;}
.responsive-tabs__list {font-size:1.2em; margin:2em 0 2em 0; padding:0; border-bottom:1px solid #ddd; padding-bottom:13px; line-height:1em;}
.responsive-tabs__list__item {background:#fff; color:#851b6d; padding:10px 20px; margin-right:1em; border-top-left-radius:0px; border-top-right-radius:0px; border:1px solid #ddd;}
.responsive-tabs__list__item:hover {background:#851b6d; color:#fff;}
.responsive-tabs__list__item--active, .responsive-tabs__list__item--active:hover {background:#851b6d; color:#fff;}
.responsive-tabs__panel {margin-bottom:0px;}

@media (max-width:767px) {
.responsive-tabs {margin:30px 0 0 0;}	
.responsive-tabs h2 {font-size:1.2em; margin-bottom:20px;}	
.responsive-tabs__heading {padding:0.5em; border-radius:0px; border:1px solid #ccc; background:#ddd; position:relative;}
.responsive-tabs__heading:after {content:""; display:block; position:absolute; right:20px; top:40%; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #000;}
.responsive-tabs__heading:hover, .responsive-tabs__heading--active:hover {background-color:#851b6d; color:#fff;}
.responsive-tabs__heading--active {background:#851b6d; color:#fff;}
.responsive-tabs__heading--active:after {border-bottom:5px solid #fff; border-top:0;}
}