/* Nav */
.tabs nav {text-align: center; padding:0; margin:0;display:block}
.tabs nav ul {padding: 0;margin: 0px 0 0 0;list-style: none; border-radius:0; display: inline-block; width:100%;}
.tabs nav ul li {border-radius: 0 0 10px 10px; margin:0 1%;background:#575757;display:inline-block;position: relative; width:auto;}
.tabs nav li.tab-current {color:#fff !important;z-index: 100; background:#e51837;}
.tabs nav li.tab-current:after {right: auto;left: 100%;width: 4000px;}
.tabs nav a { font-size:22px; font-weight:bold;color:#fff; text-decoration:none;display: block;padding:15px 15%;}
.content{ width:100%; padding:80px 0 10px; background:#ffffff; margin-top:0}
.tabs nav a:hover {color: #fff;}
.tabs nav li.tab-current a {color: #fff;}
/* Content */
.content section {  display: none;margin: 0 auto;}
.content section:before,.content section:after {content: '';display: table;}
.content section:after {clear: both;}
/* Fallback example */
.no-js .content section {display: block; }
.content section.content-current {display: block;}
/* Example media queries */
@media only screen and (max-width: 800px) {
.tabs nav a { font-size:16px; padding:10px 10%;}
.content{ padding:30px 0 }
}
@media only screen and (max-width: 500px) {
.tabs nav a { font-size:14px; padding:5px 5%;}
}

@media only screen and (max-width: 400px) {
.tabs nav a { font-size:14px; padding:5px 5%;}
.tabs nav ul li{ width:100%;border-radius:0px;}
}