/* REQUIRED for core functionality */

.responsive-tabs__heading {

    display: none;

}

.just{
    text-align: justify;
}

.lefty{
    text-align: left;
}
.responsive-tabs__list__item {

    /* display: inline; */

    cursor: pointer;

}

@media (max-width: 928px) {

    .responsive-tabs__list {

        display: none;

    }

    .responsive-tabs__heading {

        display: block;

        cursor: pointer;

    }

    .responsive-tabs__panel--closed-accordion-only {

        display: none;

    }

}

@media (min-width: 929px) {

    .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: none;

}

.responsive-tabs__heading--active:focus,

.responsive-tabs__list__item--active:focus {

    outline: none !important;

}

.responsive-tabs__list {

    font-size: 1.2em;

    padding: 0;

    /* border-bottom: 1px solid #ddd; */

    padding-bottom: 11px;

    line-height: 1em;

    width: 20%;

    position: fixed;

}

.responsive-tabs__list__item {

    /* background: #eee; */

    padding: 0px 20px;

    margin-right: 1em;

    border-right: 4px solid #87D4FE;

    padding-bottom: 14px;

    text-align: left;

    font-weight: bold;

}

.responsive-tabs__list__item:hover {

    color: black;

}

.responsive-tabs__list__item--active,

.responsive-tabs__list__item--active:hover {

    color: #87D4FE;

    /* border-bottom-color: #fff; */

}

.responsive-tabs__panel {

    margin-bottom: 50px;

    /* margin-top: 20px; */

    padding-left: 20%;

}

@media (max-width: 928px) {

    .responsive-tabs__panel {

        padding-left: 0;

    }

    .responsive-tabs__heading {

        padding: 0.5em;

        border-radius: 5px;

        border: 1px solid #ccc;

        box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);

        background: #ddd;

        position: relative;

    }

    .responsive-tabs__heading:after {

        content: "";

        display: block;

        position: absolute;

        right: 20px;

        top: 40%;

        width: 0;

        height: 0;

        border-left: 10px solid transparent;

        border-right: 10px solid transparent;

        border-top: 10px solid #000;

    }

    .responsive-tabs__heading:hover,

    .responsive-tabs__heading--active:hover {

        background-color: #efefef

    }

    .responsive-tabs__heading--active {

        background: #fff;

    }

    .responsive-tabs__heading--active:after {

        border-bottom: 10px solid #000;

        border-top: 0;

    }

}

/* END - Optional - Basic Skin */