ul.resp-tabs-list { margin:30px auto 50px; padding:0px; text-align:center;}
.resp-tabs-list li { display:inline-block; padding:12px 30px; margin:0 15px; list-style:none; cursor:pointer; background-color:#ffffff; border-radius:55px;  text-transform:uppercase; font:700 14px 'Montserrat'; color:#444444;}
.resp-tabs-container { padding:0px; background-color:#ffffff; clear:left; width:75%; margin:0 auto;}
.resp-tab-content { display:none; padding:25px;}
.resp-tab-active { border-radius:55px; color:#ffffff !important; background-color:#fbcd69 !important;}
.resp-content-active, .resp-accordion-active { display:block;}

h2.resp-tab-active { border-bottom:0px solid #c1c1c1 !important; margin-bottom:0px !important; padding:10px 15px !important; border-radius:0}
h2.resp-tab-title:last-child { border-bottom:12px solid #c1c1c1 !important; background:blue;}
h2.resp-accordion { font-size:14px; border-bottom:1px solid #ffffff; margin:0px 0 0px 0; padding:15px 15px; background-color:#1c1c1c; color:#ffffff; font-weight:400; text-transform:uppercase;}
h2.resp-accordion { cursor:pointer; padding:15px; display:none;}

/*-----------Accordion styles-----------*/
h2.resp-tab-active {background-color:#fbcd69 !important; padding:15px !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) {
ul.resp-tabs-list { display:none;}
h2.resp-accordion { display:block;}
.resp-accordion-closed { display:none !important;}
.resp-tabs-container { width:auto;}
}
