ul.resp-tabs-list, p { margin: 0px; padding: 0px; }
.resp-tabs-list { border-bottom: 1px solid #ddd; float: left; width: 100%; }
.resp-tabs-list li { display: inline-block; padding: 13px 15px; margin: 0; list-style: none; cursor: pointer; float: left; color: #00334e; text-transform: uppercase; }
.resp-tab-active {color: #009ac7!important; }
.resp-tabs-container { padding: 0px; clear: left; }

.resp-tab-content { display: none; padding: 50px 0;}
.resp-content-active, .resp-accordion-active { display: block; }

h2.resp-accordion { cursor: pointer; padding: 5px; display: none; font-size: 1.2em; border: 1px solid #c1c1c1; border-top: 0px solid #c1c1c1; margin: 0px; 
                    padding: 18px 15px; font-family:Arial, Verdana, sans-serif; text-transform:uppercase; color:#00334e; 
background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); background: linear-gradient(to bottom,  #ffffff 0%,#f4f4f4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );}
h2.resp-tab-active { /*border-bottom-color:#ddd; padding: 10px 15px !important; background: #eee;*/}
h2.resp-tab-title:last-child { border-bottom: 12px solid #c1c1c1 !important; background: blue; border-radius: 0 0 5px 5px;}

h2.resp-accordion:first-child {border-radius: 5px 5px 0 0; }
h2.resp-accordion:last-child{border-radius: 0 0 5px 5px;}

/*-----------Accordion styles-----------*/

.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-tab-content{padding: 50px 25px;}
    .resp-tab-content-active {box-shadow: 0 0 9px #ddd inset;}
}
