/* CSS Document */
.product-nav {
  width: 100%; 
}
.product-nav__list {display: flex; flex-direction: row; flex-wrap: nowrap; border-bottom: 0px solid #d6d6d6; position: relative;}
.product-nav__list:after {content: ""; position: absolute; height: 1px ;width: 100%; background: #d6d6d6; left: 0; bottom: 0px;}
.product-nav__item a {display: inline-block; padding: 8px 22px ;color: #aaa; font-size: 15px; font-weight: normal; position: relative; border:1px solid #d6d6d6; border-radius: 5px 5px 0 0; margin: 0 6px; background: linear-gradient(180deg, #eee 0%, #FFFFFF 100%); line-height: 110%; }
.product-nav__item a:after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0px; background: #d52b1e;}
.product-nav__item:hover a, .product-nav__item.active a {color: #fff;  background: linear-gradient(180deg, #d52b1e 0%, #941e15 100%);}
.product-nav__item:hover a:after, .product-nav__item.active a:after {height: 0px;}
.product-nav__item:visited {
  text-decoration: none;
}

.tab-content {
  display: none; padding: 30px 10px ;  min-height: 550px;
}

#tab-content1 img{
	width: 100%;
}


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


@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 640px) {
	
}
@media only screen and (max-width: 570px) {
	
	.product-nav__item {min-width: inherit;}
	.product-nav__item a { margin: 0 3px;}
}

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

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

}