/* PRODUCT DETAIL CSS */

.product-thumbnail {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  width: 72px;
  height: 72px;
  margin: 0.4em;
  border: 4px solid #A0A0A0;
}

.product-feature {
  max-width: 100%;
  height: auto;
  border: 12px solid #A0A0A0;
}

.product-hw-case {
  width: 100%;
}

.product-hardware .bullet {
  position: absolute;
  width: 8px;
  height: 100%;
}

.product-hardware .feature {
  width: 250px;
  max-width: 100%;
  height: auto;
  border: 8px solid #A0A0A0;
}

.product-hardware ul {
  margin: 0;
}

.product-hardware ul li:first-child {
  padding-top: 0.1em;
}

.product-hardware ul li:last-child {
  padding-bottom: 0.1em;
}

.product-hardware ul li {
  list-style-type: none;
  padding-bottom: 0.5em;
}

.product-hardware ul li a {
  text-transform: uppercase;
  font-weight: 700;
  color: black;
}

.product-hardware ul li .hw-active {
  color: #007bff;
}

.product-hardware p {
  letter-spacing: 1px;
}

.product-material-container {
  height: 800px;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.product-material-container-overlay {
  height: 100%;
  background-color: rgba(32, 32, 32, 0.33);
}

.product-material .bullet {
  position: absolute;
  width: 8px;
  height: 100%;
}

.product-material .feature {
  width: 250px;
  max-width: 100%;
  height: auto;
  border: 8px solid #A0A0A0;
}

.product-material ul {
  margin: 0;
}

.product-material ul li:first-child {
  padding-top: 0.1em;
}

.product-material ul li:last-child {
  padding-bottom: 0.1em;
}

.product-material ul li {
  list-style-type: none;
  padding-bottom: 0.5em;
}

.product-material ul li a {
  text-transform: uppercase;
  font-weight: 700;
  color: white;
}

.product-material ul li .mt-active {
  color: #007bff;
}

.product-material p {
  letter-spacing: 1px;
}

.product-about {
  height: 640px;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.product-about .container {
  height: 640px;
}

.gallery .img-list {
  margin-right: 0;
  margin-left: 0;
}

.gallery .img-list > .col,
.gallery .img-list > [class*="col-"] {
  padding-right: 1em;
  padding-left: 1em;
  padding-bottom: 1em;
}

.gallery .img-list .img-icon img {
  opacity: 0.8;
  cursor: pointer;
}

.gallery .img-list .img-icon img:hover {
  opacity: 1;
}

.gallery .img-list img {
  width: 100%;
}

.gallery .g-o {
  height: 100%;
  width: 100%;
  background-color: #333333;
}

.gallery p {
  color: #000000;
  font-size: 16px;
}

.item-info .item-info-list {
  margin-right: 0;
  margin-left: 0;
}

.item-info .item-info-list > .col,
.item-info .item-info-list > [class*="col-"] {
  padding-right: 1em;
  padding-left: 1em;
}

.item-info .item-info-list img {
  -o-object-fit: scale-down;
     object-fit: scale-down;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  margin-left: 0.3em;
  margin-right: 0.3em;
  width: 80px;
  height: 80px;
  border: 5px solid #A0A0A0;
}

.item-info .item-info-list .item-img-active {
  -webkit-transition: border-color 0.4s;
  /* Safari */
  transition: border-color 0.4s;
  border-color: #007bff;
}

/* Expanding image text */

.spec .row .spec-list th {
  letter-spacing: 1px;
  width: 50%;
}

.spec .row .spec-list td {
  letter-spacing: 1px;
}