body {
    margin:0;
    padding:0;
    background:#f5f5f5;
    font-family:'Segoe UI'
}

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

.resp-tabs-list li {
    cursor:pointer;
    display:inline-block;
    float:left;
    font-family:"open_sansregular";
    font-size:15px!important;
/*   font-weight: 600; */
    list-style:outside none none;
    margin:3px 1px -4px 0!important;
    padding:13px 15px
}

#horizontalTab {
    width:100%!important
}

.resp-tab-item {
    background:#BCE0EE
}

.resp-tabs-container {
    padding:0;
    background-color:#fff;
    clear:left
}

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

.resp-tab-content {
    display:none;
    padding:30px;
    height:0 auto
}

.horizontalTab .resp-tabs-list.active a {
    color:#2A6496!important
}

.resp-tab-active {
    border:1px solid #dbdbdb;
    border-bottom:none;
    margin-bottom:-1px!important;
    padding:12px 14px 14px!important
}

.resp-tab-item a {
    color:#333
}

.resp-tab-active {
    border-bottom:none;
    background-color:#F0F0F0
}

.resp-content-active,.resp-accordion-active {
    display:block
}

.resp-tab-content {
    border:1px solid #dbdbdb
}

h2.resp-accordion {
    font-size:11px;
    border:1px solid #dbdbdb;
    border-top:0 solid #dbdbdb;
    margin:0;
    padding:10px 15px
}

h2.resp-tab-active {
    border-bottom:0 solid #dbdbdb!important;
    margin-bottom:0!important;
    padding:10px 15px!important;
    margin-left:2px!important
}

h2.resp-tab-title:last-child {
    border-bottom:12px solid #dbdbdb!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!important;
    margin:0;
    cursor:pointer;
    float:none
}

.resp-vtabs .resp-tabs-container {
    padding:0;
    background-color:#fff;
    border:1px solid #dbdbdb;
    float:left;
    width:68%;
    min-height:250px;
    border-radius:4px;
    clear:none
}

.resp-vtabs .resp-tab-content {
    border:none
}

.resp-vtabs li.resp-tab-active {
    border:1px solid #dbdbdb;
    border-right:none;
    background-color:#fff;
    position:relative;
    z-index:1;
    margin-right:-1px!important;
    padding:14px 15px 15px 14px!important
}

.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 #dbdbdb
}

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 #dbdbdb
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom:1px solid #dbdbdb!important
}

.resp-jfit {
    width:100%;
    margin:0
}

.resp-tab-content-active {
    display:block
}

h2.resp-accordion:first-child {
    border-top:1px solid #dbdbdb!important
}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width:800px) {
ul.resp-tabs-list {
    display:none
}

h2.resp-accordion {
    display:block
}

.resp-vtabs .resp-tab-content {
    border:1px solid #dbdbdb
}

.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 #dbdbdb!important
}
}

#horizontalTab {
    width:91%!important
}