/*-----------tabs-----------*/
.resp-tabs-list li .clickTab,.clickTab{font-size: 31px;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;/* !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;}
.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;}

@media (min-width:768px) {
#parentHorizontalTab{padding: 50px 0 0;}
#parentHorizontalTab ul{display: table;width: 100%;border-bottom: solid 1px #ccc;}	
.resp-tab-active{padding: 12px 15px}
.resp-tabs-list li{display: inline-block;padding: 15px 0;margin: 0 40px 0 0;list-style: none;cursor: pointer;float: left;border-bottom: solid 1px transparent;}
.resp-tabs-list li.resp-tab-active{border-bottom: solid 3px #1c2b70;margin-bottom: -2px;/*background-color: #fff;*/}
.courses-offered #parentHorizontalTab .resp-tab-active .clickTab{color: #1c2b70;}
.resp-tab-content{padding: 0;}
.resp-tabs-list li .clickTab,.clickTab{color: #000;}
}

@media (max-width:991px){
.resp-tabs-list li .clickTab,.clickTab{font-size: 21px;}
.resp-tabs-list li{margin: 0 4px 0 0;}	
}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed 767px*/
@media only screen and (max-width: 767px){
.resp-tabs-container{padding: 35px 0 25px;}	
ul.resp-tabs-list{display: none;}
/*.resp-tabs-list li .clickTab,.clickTab{font-size: 24px;}*/
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{/*border-bottom: 0px solid #c1c1c1 !important;margin-bottom: 0px !important;*/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;}
}

@media (max-width:480px){
.resp-tabs-list li .clickTab, .clickTab{font-size: 18px;}
}