/* CSS Document */
.product-nav {
  width: 100%; 
}
.product-nav__list {
  display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;
}
.product-nav__item {
  font-size: 17px;
  font-weight: bold;
  display: block;
  text-align: center;
  padding: 15px 20px;
  color:#6d6d6d; background: #fcfcfc;border-bottom: 3px solid #fcfcfc;margin: 0 6px; 
}
.product-nav__item a { color: #6d6d6d;}
.product-nav__item:hover {border-bottom: 3px solid #ee7700;}
.product-nav__item:hover a {color: #222222; }
.product-nav__item.hover, .product-nav__item.active {
  color: #222222; border-bottom: 3px solid #ee7700;
}
.product-nav__item:visited {
  text-decoration: none;
}

.tab-content {
  display: none; padding: 68px 20px 40px 20px;
}




@media only screen and (max-width: 980px) {
	.product-nav__item { padding: 10px 20px; border-width: 0;}
	.product-nav__item { width: calc(50% - 4px); padding: 8px 10px; margin: 2px;}
	.product-nav__item:hover {border-bottom: 0px solid #ee7700; background: #ee7700;}
	.product-nav__item:hover a {color: #fff;}
	.product-nav__item.hover, .product-nav__item.active {
	  border-bottom: 0px solid #ee7700; background: #ee7700;}
	.product-nav__item.hover a, .product-nav__item.active a {
	  color: #fff; }
	.tab-content { padding: 30px 20px;}
}


@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 640px) {
	
}
@media only screen and (max-width: 570px) {
	/*.product-nav__item { width: calc(100% - 0px); margin: 2px 0;}*/
}

@media only screen and (max-width: 414px) {
	
}

@media only screen and (max-width: 320px) {

}