/*-----------tabs-----------*/
.resp-tabs-list li .clickTab,.clickTab{font-size:16px;margin:0;font-weight:600;text-transform:uppercase;}
.resp-tabs-container{padding:35px 0 60px;background-color:transparent;clear:left}
h2.resp-accordion{cursor:pointer;padding:5px;display:none}
.resp-tab-content{display:none}
.resp-content-active, .resp-accordion-active{display:block}
h2.resp-tab-title:last-child{border-bottom: 12px solid #c1c1c1 !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 15px !important;margin:0 0 4px;cursor:pointer;float:none}
.resp-vtabs .resp-tabs-container{padding:0px;background-color:#fff;border:1px solid #c1c1c1;float:left;width:68%;min-height:250px;clear:none;margin:3px 0 0}
.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:1px solid !important;margin-bottom:4px !important;border-right:1px #FFF solid !important}
.resp-arrow{width:0;height:0;float:right;margin-top:8px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:12px solid #1c2b70}
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}
.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}
.resp-jfit{width: 100%;margin:0px}
.resp-tab-content-active{display:block}
h2.resp-accordion:first-child{border-top:1px solid #c1c1c1}
.courses-offered #parentHorizontalTab .hd-h2 {border:none;margin:0 0 10px 0;padding:0;font-size:1.8rem}

@media (min-width:992px) {
#parentHorizontalTab{padding:20px 0 0}
#parentHorizontalTab > ul{display:table;position:relative;width:100%/*;border-bottom:solid 3px #1c2b70*/;background:url(../img/resp-tab-hr-bg.png) repeat-x 0 0}
#parentHorizontalTab > ul:before{content:'';border-bottom:3px solid #1c2b70; position:absolute;bottom:0;left:0;width:100%}
.resp-tab-active{padding: 12px 15px}
.resp-tabs-list li{/*float:left;*/display:inline-block;list-style:none;border-bottom:3px solid #1c2b70;padding:15px 12px 9px 12px;margin:5px  0 0;cursor:pointer}
.resp-tabs-list li.resp-tab-active{border:solid 3px #1c2b70;margin-bottom:0;/*border-bottom:3px solid transparent;*/padding:9px;border-radius:6px 6px 0 0;position:relative;bottom:0}
.courses-offered #parentHorizontalTab .resp-tab-active .clickTab,.resp-tabs-list li:hover h2{color:#1c2b70}
.resp-tab-content{padding:0}
.resp-tabs-list li .clickTab,.clickTab{color:#000}
}
/*@media (max-width:1100px){
.resp-tabs-list li .clickTab,.clickTab{font-size:15px}.resp-tabs-list li{margin-right:20px}
}
@media (max-width:1024px){
.resp-tabs-list li .clickTab,.clickTab{font-size:14px}
.resp-tabs-list li{margin: 0 20px 0 0;}	
}*/
/*Here your can change the breakpoint to set the accordion, when screen resolution changed 767px*/
@media only screen and (max-width: 991px){
.resp-tabs-container{padding:35px 0 25px}	
ul.resp-tabs-list{display:none}
/*.resp-tabs-list li .clickTab,.clickTab{font-size: 24px;}*/
.courses-offered #parentHorizontalTab .hd-h2{font-size:1.5rem}
h2.resp-accordion{background:#fff !important;display:block;margin:0 0 10px;border:1px solid #c1c1c1;padding:15px 10px}
.courses-offered #parentHorizontalTab h2.resp-tab-active{padding: 15px 10px !important;background:#1c2b70 !important;color:#fff !important}
.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-tab-content{padding:15px}
h2.resp-tab-active span.resp-arrow{margin-top:6px;border-bottom:12px solid #fff}
}