@media(max-width:767px){
.tab-product {
  overflow: hidden;
}
.tab-product .nav.nav-tabs {
  height: 100%;
  overflow: auto;
  white-space: nowrap;
}
.tab-product .nav.nav-tabs a {
  display: inline-block;
  padding: 5px 20px;
  color: #333;
  height: 100%;
}
.tab-product .nav.nav-tabs a:hover {
  text-decoration: none;
}
.tab-product .nav.nav-tabs a:first-child {
  padding-left: 5px;
}
.tab-product .nav.nav-tabs::-webkit-scrollbar {
  display: none;
}
.tab-product .pointer {
  height: 40px;
  width: 30px;
  line-height: 38px;
  text-align: center;
  position: absolute;
  top: 0;
}
.tab-product .pointer i {
  color: #333;
  cursor: pointer;
}
.tab-product .left-pointer {
  left: 0;
}
.tab-product .right-pointer {
  right: 0;
}
.tab-product .dis i {
  color: #ccc;
}
a.active{
  color: red;
}
}