/* tab */
#responsiveTabsDemo { display: flex; flex-wrap: wrap; margin: 65px auto; }
.r-tabs .r-tabs-nav { margin: 0; padding: 0; float: left; width: 100%; flex-direction: column; flex: 0 0 33.3%; height: 1px; display: flex; min-height: 620px; }
.r-tabs .r-tabs-tab { display: inline-block; margin: 0; list-style: none; width: 100%; }
.r-tabs .r-tabs-tab:nth-child(4) { margin-right: 0; float: right; }
.r-tabs .r-tabs-panel { padding: 5px 10px; display: none; }
@media only screen and (min-width:600px) {
    .r-tabs .r-tabs-panel { padding: 50px 40px; }
}
.r-tabs .r-tabs-accordion-title { display: none; }
.r-tabs .r-tabs-panel.r-tabs-state-active { display: block; transition: all 0.4s ease-in-out; }

/* Tab element */
.r-tabs .r-tabs-nav .r-tabs-tab { position: relative; flex: 1; border-bottom: 1px solid white; min-height: 1px; height: 100%; }
.r-tabs .r-tabs-nav .r-tabs-tab:last-of-type { border-bottom: none; }

/* Tab anchor */
.r-tabs .r-tabs-nav .r-tabs-anchor {
    display: flex;
    padding: 15px 13%;
    width: 100%;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    transition: all 0.4s ease-in-out;
    min-height: 1px;
    justify-content: center;
    /* align-items: center; bad on IE */
    flex-direction: column;
    background: #34ae6e;
    line-height: 1.4;
    height: 100%;
    white-space: normal;
    align-content: center;
    flex: 1;
}

/* Disabled tab */
.r-tabs .r-tabs-nav .r-tabs-state-disabled { opacity: 0.5; }

/* Active state tab anchor */
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor { color: #2e62d8; text-shadow: none; background-color: white; transition: all 0.4s ease-in-out; }

/* Tab panel */
.r-tabs .r-tabs-panel { background-color: white; float: right; width: 66%; }

/* Accordion anchor */
.r-tabs .r-tabs-accordion-title .r-tabs-anchor { display: block; padding: 10px; background-color: #34ae6e; color: #fff; font-weight: bold; line-height: 1.5; text-decoration: none; text-shadow: 0 1px rgba(0, 0, 0, 0.4); font-size: 20px; margin-bottom: 10px; text-align: center; }

/* Active accordion anchor */
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor { background-color: #2e62d8; color: #ffffff; text-shadow: none; }

/* Disabled accordion button */
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled { opacity: 0.5; }

/* Buttons */

/*.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor:before { content: ''; display: block; width: 315px; height: 11px; background-color: #fff; position: absolute; bottom: -11px; left: 0; z-index: 10; }*/

/*Accordion Css*/
.accordion-container { position: relative; width: 100%;/*       border: 1px solid #0079c1;*/ border-top: none; outline: 0; cursor: pointer }
.accordion-container .article-title { display: block; position: relative; margin: 0; padding: 0.625em 0.625em 0.625em 3em; border-top: 1px solid #0079c1; font-size: 24px; font-weight: normal; cursor: pointer; text-transform: uppercase; }
.accordion-container .article-title:hover, .accordion-container .article-title:active, .accordion-container .content-entry .article-title { background-color: #005da4; color: white; }
.accordion-container .open .article-title { border-color: #60cbea; }
.accordion-container .article-title:hover i:before, .accordion-container .article-title:hover i:active, .accordion-container .content-entry i { color: white; }
.accordion-container .content-entry i { position: absolute; top: 15px; left: 20px; font-style: normal; }
.accordion-container .content-entry i:before { content: '\f055'; font-weight: bold; float: right; margin-right: 10px; font-size: 24px; font-family: FontAwesome; }
.accordion-container .content-entry.open i:before { content: '\f056'; font-weight: bold; float: right; margin-right: 10px; font-size: 24px; font-family: FontAwesome; }
.accordion-content { display: none; padding: 50px 1.3%; }

/* new edits */
#responsiveTabsDemo .r-tabs-state-active .r-tabs-anchor:after { background: #fff; transition: .4s; }
.r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor:after { content: ''; height: 2px; width: 100%; display: block; background: #fff; max-width: 120px; margin-top: 5px; margin-left: auto; margin-right: auto; transition: .4s; }
#responsiveTabsDemo li.r-tabs-tab.r-tabs-state-active a.r-tabs-anchor { background: #2e62d8; color: #fff }
.r-tabs .r-tabs-panel { background-color: #f7f5f5; width: 66.6%; border-top: 1px solid rgba(119, 119, 119, .1); border-bottom: 1px solid rgba(119, 119, 119, .1); border-right: 1px solid rgba(119, 119, 119, .1); color: #333333; }

/* media queries */
@media only screen and (max-width:1220px) {
    .r-tabs .r-tabs-nav { text-align: unset; }
    .r-tabs-anchor { margin: 0 !important; width: 100% !important; }
}
@media only screen and (max-width:1177px) {
    .r-tabs .r-tabs-tab:nth-child(even) { float: right; }
}
@media only screen and (max-width:1023px) {
    .r-tabs .r-tabs-nav { height: 100%; min-height: 690px; }
}
@media only screen and (max-width:860px) {
    .tab_inner_section.wrap { padding-left: 7%; padding-right: 7%; }
}
@media only screen and (max-width:768px) {
    .r-tabs .r-tabs-nav { display: none; }
    .r-tabs .r-tabs-accordion-title { display: block; margin-top: 5px; width: 100%; }
    #responsiveTabsDemo { margin-bottom: 65px; }
    .r-tabs .r-tabs-panel { width: 100%; }
}