/* CSS Document */
.product-nav {
  width: 100%; 
}
.product-nav__list {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; margin: 0 0 40px 0; padding: 0 0 30px 0; border-bottom: 1px dashed #dfdfdf; position: relative; list-style: none;}
.product-nav__list:after { position: absolute; height: 2px ;width: 100%; background: #7f7f7f; left: 0; bottom: 0px;}
.product-nav__item {padding:0 14px 0 0 ;}
.product-nav__item a {display: inline-block; padding:0 15px ;color: #005bac; font-size: 18px; font-weight: 400; min-width: 160px; line-height: 50px; border: 1px solid #005bac; text-align: center; position: relative;}
.product-nav__item a:after { content: ""; position: absolute; left: calc(50% - 12px); bottom: -9px;width: 0;height: 0;border-style: solid;border-width: 9px 12px 0 12px;border-color: #005bac transparent transparent transparent;opacity: 0}
.product-nav__item:hover a, .product-nav__item.active a {color: #fff; background: #005bac;}
.product-nav__item:hover a:after, .product-nav__item.active a:after {opacity: 1;}
/*.product-nav__item:hover a:after, .product-nav__item.active a:after { opacity: 1;}*/
.product-nav__item:visited {
  text-decoration: none;
}

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




@media only screen and (max-width: 980px) {
	.product-nav__list { }
	.product-nav__item { padding: 0 10px;}
	.product-nav__item a { display: block; text-align: center; padding:0 10px; font-size: 18px; min-width: inherit;}
	.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) {
	
}

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

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

}