@media screen and (min-width: 768px) and (max-width: 1199px) {
  .filterContainerFix {
    max-height: 16rem; /* hard fix for chrome browser */
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
//  .seasonFilterFix { max-width: 13.5rem; }
  .categoryFilterFix { max-width: calc(100% - 12rem); }
}

.card img {
  //max-height: 16rem;
}

.card-summer { border: #dc3545 solid 0.0625rem; }  /* bs-danger */
.card-summer .top-0 { background-color: #dc3545; }

.card-winter { border: #0d6efd solid 0.0625rem; }  /* bs-primary */
.card-winter .top-0 { background-color: #0d6efd; }

/* start of carousel caption style */

.carousel-caption {
	margin-left: -5rem;
	margin-right: -5rem;
}

.carousel-caption table {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border-spacing: 0;
}
 
@media screen and (max-width: 575px) {
	.carousel-caption { margin-top: 0; }
	.carousel-caption	font { font-size: 1.125rem; }
	.carousel-caption table {
		font-size: 1rem;
		transform: translateX(0);
	}
}

@media screen and (min-width: 576px) and (max-width: 767px) {
	.carousel-caption { margin-top: 0; }
	.carousel-caption	font { font-size: 1.125rem; }
	.carousel-caption table {
		font-size: 1rem;
		transform: translateX(0);
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.carousel-caption { margin-top: 0; }
	.carousel-caption	font { font-size: 2.4vw; }
	.carousel-caption table {
		font-size: 2.1vw;
		transform: translateX(3%);
	}
}

@media screen and (min-width: 992px) and (max-width: 1399px) {
	.carousel-caption { margin-top: 0; }
	.carousel-caption	font { font-size: 1.9vw; }
	.carousel-caption table {
		font-size: 1.7vw;
		transform: translateX(3%);
	}
}

@media screen and (min-width: 1400px) {
	.carousel-caption { margin-top: -0.125rem; }
	.carousel-caption	font { font-size: 1.75rem; }
	.carousel-caption table {
		font-size: 1.5rem;
		transform: translateX(3%);
	}
}

/* end of carousel caption style */