/* CSS Document */
.product-nav {
	
}
.product-nav__list {display: flex; flex-direction: row; flex-wrap: wrap; border-bottom: 0px solid #333333; position: relative; list-style: none; margin: 0px ; padding: 0;}
.product-nav__list:after {/*content: "";*/ position: absolute; width: 100%; height: 1px; background: #8b734b; top:50%;}
.product-nav__item { margin: 0 0px; position: relative; z-index: 3; }
.product-nav__item a {display: block; position: relative;padding: 0 40px 0 0; font-size: clamp(20px, 1.4vw, 24px);; font-weight: 700; color: #999999; }
.product-nav__item a:after {position: absolute;  bottom:-1px; left: 0; width: 100%; height: 3px; background: #b00000; display: block; transition: all 0.4s ease-out 0s; opacity: 0;}
.product-nav__item a:hover, .product-nav__item.active a {color: #111;}
.product-nav__item a:hover:after, .product-nav__item.active a:after { opacity: 1;}


.product-nav__item:visited {
  text-decoration: none;
}

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




@media only screen and (max-width: 1279px) {
	.product-nav__list { justify-content: center;}
	.product-nav__item {}
	.product-nav__item a { padding: 0 20px 10px 0; font-size: 20px;}
	.product-nav__item a:after { }
	
	
}


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

}

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

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

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

}