ul.resp-tabs-list {margin: 0px;padding: 0px;}
.resp-tabs-list li {font-weight: 600;font-size: 13px;display: inline-block;padding: 13px 15px;margin: 0;list-style: none;cursor: pointer;float: left;}
.resp-tabs-container {padding: 0px;clear: left;}
h2.resp-accordion {cursor: pointer;padding: 5px;display: none;}
.resp-tab-content {display: none;padding: 15px;}
.resp-tab-active {border: 1px solid #c1c1c1;border-bottom: none;margin-bottom: -1px !important;padding: 12px 14px 14px 14px !important;}
.resp-tab-active {border-bottom: none;background-color: #fff;}
.resp-content-active,.resp-accordion-active { display: block; }
.resp-tab-content { border: 1px solid #c1c1c1; }
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;}

/*-----------Vertical tabs-----------*/
.resp-vtabs { position:relative; }
.resp-vtabs ul.resp-tabs-list {float: right; width: 50%; height: 100%; display: flex; flex-flow: column; align-items: flex-end; justify-content: center; position:absolute; right:8%; top:0; z-index:999; }
.resp-vtabs ul.resp-tabs-list:before {content:''; position:absolute; right:8px; top:0; width:1px; height:178px; background:rgba(255,255,255,0.6); display:block}
.resp-vtabs ul.resp-tabs-list:after {content:''; position:absolute; right:8px; bottom:0; width:1px; height:178px; background:rgba(255,255,255,0.6); display:block}
.resp-vtabs .resp-tabs-list li {display: block;padding:0 26px 0 0 !important;margin: 0;cursor: pointer;float: none; font-size:20px; text-transform:uppercase; color:#fff; font-weight:300; letter-spacing:2px; text-align:right; background:url(../images/bullet.png) no-repeat right center;}
.tab-titles { display: inline-block; background:transparent; border-radius: 10px; padding: 13px 15px; }
.resp-vtabs .resp-tabs-container {padding: 0px;background-color: none;border:none;float: left;width: 100%;min-height: 580px;border-radius:0;clear: none;display: flex;align-items: center;}
.resp-vtabs .resp-tab-content { border: none; }

.resp-vtabs li.resp-tab-active {border:none;border-right: none;background-color: transparent;position: relative;z-index: 1;margin-right: 0 !important;padding:0 26px 0 0 !important;background:url(../images/bullet-o.png) no-repeat right center;}
.tab-titles {margin:10px 0}
.resp-vtabs li.resp-tab-active .tab-titles {background:#ed1d24; position:relative; margin:10px 0}
.resp-vtabs li.resp-tab-active .tab-titles:before {background:url(../images/hover.png) no-repeat right center; width:10px; height:22px; display:block; position:absolute;    right: -10px; top: 50%; transform: translateY(-50%); position: absolute; content: ''; }
.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 #c1c1c1;}
h2.resp-tab-active span.resp-arrow {border: none;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 12px solid #9B9797;}
.tab-cont {color:#fff; font-size:16px; line-height:23px; font-weight:300}
.tab-cont-title {font-size:50px; line-height:60px; font-weight:300; color:#fff; text-transform:capitalize; letter-spacing:3px; padding-bottom:20px; position:relative; margin-bottom: 35px; }
.tab-cont-title::before { content: ''; position: absolute; left: 0; margin: 0; background: url(../images/hd-seperator-white.png) no-repeat center top; width: 88px; height: 3px; display: block; bottom: 0; } 

/*-----------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; }
/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/

.resp-vtabs .resp-tab-content:first-child {
display: none;
}

@media only screen and (max-width: 992px) {
ul.resp-tabs-list { display: none; }
h2.resp-accordion { display: none; }
.resp-vtabs .resp-tab-content { border:0px solid #C1C1C1; }
.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: 0px solid #c1c1c1 !important; }
.resp-vtabs ul.resp-tabs-list::after ,.resp-vtabs ul.resp-tabs-list::before { height:135px; }


}

@media only screen and (max-width: 767px) {
h2.resp-accordion { display: block; }
.resp-vtabs .resp-tabs-container {border: none;float: none;width:100%;min-height: initial;clear: none; display:block; }
.resp-vtabs ul.resp-tabs-list { display:none; }
h2.resp-tab-active { background: #176ac7 !important; color:#fff;  }
h2.resp-accordion { font-size: 18px;  color:#fff; line-height:35px; border-right: 0; border-left: 0; }
.tab-titles { margin: 0; padding: 0px; }
h2::before { display:none; }
h2.tab-cont-title { font-size: 35px; line-height: 40px; padding-bottom: 0; }
	
	
h2.resp-tab-active span.resp-arrow  { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); border:0; }
.resp-arrow { content: ""; position: absolute; right: 10px; top: 12px; font-size: 25px; font-weight: 200; color: #444; height: 15px; width: 24px; background: url('../images/down.png') center center no-repeat; background-size: auto; background-size: 70%; border:0; } 

	
}