.row-equal-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.row-equal-height > [class*='col-'] {
  display: flex;
  flex-direction: column;
  flex-basis: calc(50% - 8px);
  margin-bottom:18px;
}

/* IE 10 and 11 flex box-sizing hack fix 
https://stackoverflow.com/questions/20541306/how-to-write-a-css-hack-for-ie-11 */
@media all and (-ms-high-contrast:none) {
     .row-equal-height > [class*='col-'] { flex-basis: calc(50% - 40px); } /* IE10 */
     *::-ms-backdrop, .row-equal-height > [class*='col-'] { flex-basis: calc(50% - 40px); } /* IE11 */
}


.row-o2-rounded > [class*="col-"] {
  border:2px #666 solid;
  border-radius:10px;
  padding:1em;
}

.row-o2-rounded .availability {
	order:2;
	margin-top:auto;
	margin-bottom:0;
}
.row-o2-rounded .availability .item {
  padding-left:6px;
}
.row-o2-rounded .availability .align-right {
  padding-right:6px;
  padding-left:0;
}

.img-gallery-container {
  width:200px;
  margin-left:auto;
  padding:0 0 10px 10px; /* If I can't solve the padding thing, uncomment this */
  float:right;
  text-align:center;
}

.img-gallery-container .gallery {
  height:150px;
  border:2px solid #333;
  border-radius:10px;
  line-height:140px;
  padding:0px; /* If I can't solve the padding thing, get rid of this */
}

.img-gallery-container .gallery img {
  max-width:170px;
  max-height:130px;
}

.img-gallery-container .gallery:first-child {
  margin-bottom:14px;
}

.console-content h4 {
  font-weight:bold;
}

img.manufacturer-logo {
  display:flex;
  align-self:center;
}
img.manufacturer-logo.newline {
	margin-top:20px;
	margin-bottom:10px;
}
	

/* Owl Caurouel */

.owl-container {
  margin:0 auto;
}
.owl-item {
  text-align:center;
  max-height:150px;
}
.owl-item figure {
  margin-left:auto;
  margin-right:auto;
}
.owl-carousel {
  position: relative;
}
.owl-prev,
.owl-next {
  position: absolute;
  top: 0%;
  margin-top: -10px !important; // Half of the prev/next buttons height here in negatives to center them perfectly
}
.owl-prev {
  left: -10px;
}
.owl-next {
  right: -10px;
}
.owl-theme .owl-controls .owl-buttons .owl-prev{
  background-color:transparent;
  opacity:.4;
}
.owl-theme .owl-controls .owl-buttons .owl-next{
  background-color:transparent;
  opacity:.4;
}

/* Media queries */

/* If the browser window is too small, make the columns stack on top of each other */
@media only screen and (max-width: 500px) {
  .row-equal-height {
    display:block;
    justify-content:none;
  }
  
  .row-equal-height  >[class*="col-"] { 
    display: block;
    float:none;
    width: 100%;
    margin-bottom:18px;
  }
  
  img.manufacturer-logo {
    margin-left:auto;
	margin-right:auto;
  }
}

@media only screen and (max-width: 990px) {
  .console-content h4 {
    text-align:center;
  }

  .console-content .availability {
    font-size:.9em;
  }
  
  .img-gallery-container {
    float:none;
    margin-left:auto;
    margin-right:auto;
    display:block;
	width:250px;
  }
}