.tabs .nav-tabs {
  margin-top: 25px;
}
.tabs .nav-tabs i {
  padding-right: 5px;
}
.tabs .tab-content {
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .tabs.tabs-vertical .nav-tabs,
  .tabs.tabs-vertical .tab-content {
    display: table-cell;
    margin: 0;
    vertical-align: top;
  }
}
.tabs.tabs-vertical .nav-tabs {
  border-bottom-color: transparent;
}
.tabs.tabs-vertical .nav-tabs > li {
  float: none;
}
.tabs.tabs-vertical .nav-tabs > li a {
  margin: 0;
  padding: 15px 40px;
  white-space: nowrap;
}
.tabs.tabs-vertical .nav-tabs > li.active > a,
.tabs.tabs-vertical .nav-tabs > li.active > a:hover,
.tabs.tabs-vertical .nav-tabs > li.active > a:focus {
  border-bottom-color: #ddd;
}
.tabs.tabs-vertical .nav-tabs i {
  padding-right: 10px;
}
.tabs.tabs-vertical .tab-content {
  padding: 20px 30px;
}
@media (max-width: 480px) {
  .tabs .nav-tabs {
    border-bottom-color: transparent;
  }
  .tabs .nav-tabs > li {
    float: none;
  }
  .tabs .nav-tabs > li.active > a,
  .tabs .nav-tabs > li.active > a:hover,
  .tabs .nav-tabs > li.active > a:focus {
    border-bottom-color: #ddd;
  }
}