/* CSS Document */
.product-nav { }
.product-nav__list {display: flex; flex-direction: column; flex-wrap: wrap;  border-bottom: 0px solid #222; position: relative; list-style: none; margin: 0px ; padding: 0 0;}
.product-nav__list:after {/*content: "";*/ position: absolute; width: 100%; height: 1px; background: #8b734b; top:50%;}
.product-nav__item { margin: 0 0 20px 0; position: relative; z-index: 3; }
.product-nav__item a {display: block;  color: #333; font-size: 16px; font-weight: 400;  position:relative; padding:20px 35px 20px 20px;  line-height: 1.1; border: 1px solid #d5d5d5; border-radius: 5px;}
.product-nav__item a:after {content: ""; position: absolute; top:50%; transform: translateY(-50%) rotate(45deg); right: 22px; width: 10px; height: 10px; border-width: 1px 1px 0 0; border-style: solid; border-color: #fff;}
.product-nav__item a:hover, .product-nav__item.active a { color: #fff; background: #d30011;}



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

.tab-content {
  display: none;  
}




@media only screen and (max-width: 1279px) {
	.product-nav__list {  flex-direction: row;}
	.product-nav__item {margin: 0 10px 10px 0; }
	.product-nav__item a { }
	.product-nav__item a:after { }
	
	
}


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

	.product-nav { }
	.product-nav__list { }
	.product-nav__item {  width: 100%;}
	.product-nav__item a { }
}

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

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

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

}