/* CSS Document */
.product-nav {
  width: 100%; 
}
.product-nav__list {display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; border-bottom: 0px solid #d6d6d6; position: relative; list-style: none; margin: 0px auto 35px auto; max-width: 816px; padding: 0;}
.product-nav__list:after {content: ""; position: absolute; width: 100%; height: 1px; background: #8b734b; top:50%;}
.product-nav__item { margin: 0 20px; position: relative; z-index: 3; }
.product-nav__item a {display: block; position: relative;line-height: 0;}
.product-nav__item a > img:last-child { display: block; position: absolute; top: 0; left: 0; opacity: 0;}

.product-nav__item:hover a > img:last-child, .product-nav__item.active a > img:last-child { opacity: 1;}
.product-nav__item:visited {
  text-decoration: none;
}

.tab-content {
  display: none; padding:0px 0 50px 0 ; 
}




@media only screen and (max-width: 980px) {
	.product-nav__list {  margin-top: 20px;}
	.product-nav__item {}
	.product-nav__item a { display: block; text-align: center; font-size: 16px; padding-bottom: 0;}
	.product-nav__item:hover, .product-nav__item.active { }
	.product-nav__item:hover a, .product-nav__item.active a {}
	
	.product-nav__item a:after { }
	
	.tab-content { padding: 0px 0;}
}


@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 640px) {
	
}
@media only screen and (max-width: 570px) {
	
	.product-nav__item { }
}

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

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

}