#tabInfo { display: none; }
.resp-tabs-list { width:100%; text-align:center; }
.resp-tabs-list li { display:inline-block; margin:0 -2px; text-align:left; vertical-align:top; padding:5px 10px; color:#777; font-size:12px; font-weight:600; display:inline-block; text-transform:uppercase; cursor:pointer; transition: all 0.1s ease-in-out 0s; }
.resp-tabs-list li:hover { color:#267fe2; }
.resp-tabs-container { padding: 0px; background-color: #fff; clear: left; transition: all 1s ease-in-out 0s; }
h2.resp-accordion { cursor: pointer; padding: 5px; display: none; }
.resp-tab-content { display:none; width:100%; float:left; position:relative; }
.resp-tabs-list li.resp-tab-active { color:#267fe2; }
.resp-content-active, .resp-accordion-active { display: block; transition: all 1s ease-in-out 0s; }
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 ul.resp-tabs-list { float: left; width: 100%; }
.resp-vtabs .resp-tabs-list li { display: block; padding: 15px 15px !important; margin: 0; cursor: pointer; float: left; }
.resp-vtabs .resp-tabs-container { padding: 0px; background-color: #fff; float: left; width: 100%; border-radius: 4px; clear: none; }
.resp-vtabs .resp-tab-content { border: none; }
.resp-vtabs li.resp-tab-active { border: 1px solid #c1c1c1; 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 #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; }
/*-----------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*/
@media only screen and (max-width: 768px) {
.resp-vtabs .resp-tab-content { }
.resp-vtabs .resp-tabs-container { }
.resp-accordion-closed {}
.resp-vtabs .resp-tab-content:last-child { }
}
@media only screen and (max-width: 768px) {
.menu { overflow-x:auto; }
.menu .resp-tabs-list { width:1400px; padding-bottom:15px; float:left; }
.menu .resp-tabs-list li { display:inline-block; margin:0; text-align:left; vertical-align:top; padding:0 10px; float:left }
}