.horizontalTabs-Container {padding:10px; background:white}
ul.resp-tabs-list.hor_1 { width: 100%; background:#c71e23; float:left}
ul.resp-tabs-list.ver_1 {width:300px; margin:0 auto}
ul.resp-tabs-list, p {margin: 0px; padding: 0px}

.resp-tabs-list li {font-weight: 600; font-size: 13px; display: inline-flex; width:auto; padding: 15px 2.5%; /*    margin: 0 1px 0 0;
*/list-style: none; cursor: pointer; float: left;	color:white; background:none}
.resp-tabs-container { background-color: white; clear: left; text-align:left}
h2.resp-accordion {cursor: pointer; padding: 5px; display: none}
.resp-tab-content {display:none; min-height:390px}
.resp-tab-active {border-bottom: none}

.resp-tab-active {border-bottom: none; background-color:none; color:white!important}
.resp-content-active, .resp-accordion-active {display:block}
.resp-tab-content {border:none}
h2.resp-accordion {font-size:13px; border:1px solid #c1c1c1; border-top:0px solid #c1c1c1; margin:0px; padding:10px 15px}

h2.resp-tab-active {border-bottom:0px solid #c1c1c1!important; margin-bottom:0px!important; padding:10px 15px!important}
h2.resp-tab-title:last-child {border-bottom:12px solid #c1c1c1!important; background:blue}
li.resp-tab-item.ver_1.resp-tab-active {background:none; border-bottom:3px solid}

h2.resp-accordion.hor_1.resp-tab-active {background:#303235!important}


/*-----------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:white; 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 {width:0; height:0; float:right; margin-top:15px; border-left:5px solid transparent; border-right: 5px solid transparent;
 border-top: 8px solid #c1c1c1}

h2.resp-tab-active span.resp-arrow {border:none; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom: 8px solid #c1c1c1; margin-top:16px; color:white}

/*-----------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 #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}
h2.resp-accordion:first-child {border-top:1px solid #c1c1c1/* !important;*/}

.container-full.inner-tab-custom .nav>li>a {padding:10px 30px}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/

@media only screen and (max-width: 1199px) {
.resp-tabs-list li {padding:15px 1%}
}

@media only screen and (max-width: 991px) {
.resp-tabs-list li {padding:15px 2%}
ul.resp-tabs-list.ver_1 span.glyphicon {display:block!important}	
.resp-tab-content {min-heigth:auto!important}
}
@media only screen and (max-width: 768px) {
ul.resp-tabs-list {display: none}
h2.resp-accordion {display: block; height:55px; color:white}
.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}

.resp-tabs-list li {display:inline-grid}		
#parentHorizontalTab span br {display:none}
#parentHorizontalTab span + span + span {margin-top:12px; font-weight:600; font-size:14px}
}


@media ( max-width: 578px ){
.resp-tab-content .nav-tabs>li {width:100%!important; text-align:center}
.resp-tab-content .nav-tabs>li.active {background:#eee}
}



