html body.component div#com-media div.media-container div.media-sidebar {
  display: none;
}
.banner-overlay.hero {
  background-image: url("/images/site-images/hero-bg500.png");
  
}
.media-tree-item {
  color: var(--template-bg-dark);
}

body.component {
  background-color: white ;
  color: #000000;
}

body.component .com-content-article{
  margin: 10px 0px;
}

body.component ol, ul {
	padding-left: 1rem;
}

@media (min-width: 576px) {
  .banner-overlay.hero {
    background-image: url("/images/site-images/hero-bg800.png");
  }
}

@media (min-width: 768px) {
    .banner-overlay.hero {
        background-image: url("/images/site-images/hero-bg.jpg");
    }
}

span.droid-img{
  margin: 1vmin;
}
ul.droid-images {
    display: flex;
    flex-wrap: wrap;
    /* margin: 1vmin; */
  }
  
  span.droid-img img {
    border-radius: 1vmin;
  }
  .droid-images li {
    height: 35vh;
    flex-grow: 1;
    margin: 1vmin;
  }
  
  .droid-images li:last-child {
    flex-grow: 10;
  }
  
  .droid-images img {
    max-height: 100%;
    min-width: 100%;
    object-fit: cover;
    vertical-align: bottom;
    border-radius: 1vmin;
  }
  
  /* // ADVANCED
  
  // Portrait */
  
  @media (max-aspect-ratio: 1/1) {
    .droid-images li {
      height: 30vh;
    }
  }
  
  /* // Short screens */
  
  @media (max-height: 480px) {
    .droid-images li {
      height: 80vh;
    }
  }
  
  /* // Smaller screens in portrait */
  
  @media (max-aspect-ratio: 1/1) and (max-width: 480px) {
    ul.droid-images {
      flex-direction: row;
    }
  
    .droid-imagesli {
      height: auto;
      width: 100%;
    }
    .droid-imagesimg {
      width: 100%;
      max-height: 75vh;
      min-width: 0;
    }
  }

.buildersavatars .quantummanager-left
  {
    display: none;
  }

  /* MODULE */
  /* Cards (Product) Thumbnail View */
@media (min-width: 1200px) {
  .card-columns {
    column-count: 6;
	columns: 4;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .card-columns {
    column-count: 5;
	columns: 4;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .card-columns {
	column-count: 4;
	columns: 3;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .card-columns {
    column-count: 2;
  }
}

.card-img-top > img {
    left: 50%;
    position: relative;
    transform: translate(-50%,0);
    display: block;
    width: 100%;
    height: auto;
}
.card-inverse .btn {
    border: 1px solid rgba(0, 0, 0, .05);
}
.card-footer .btn {
	margin-top: -0.2rem;
}
.card-title {
    margin-bottom: 0.3rem;
}
.card-block {
	padding: 0.8rem;
}
.card-footer {
    padding: .7rem 0.8rem;
}
.card-block a {
    color: inherit;
    text-decoration: none;
}
.card-block a:hover {
    color: #D60000;
    text-decoration: none;
}
.card-footer-link {
	color: inherit;
	text-decoration: none;
}
.card-footer-link:hover {
	color: #2989FF;
	text-decoration: none;
}

.productImage {
		position: relative;
		float: left;
		display: inline-block;
	}
	.productImage {
		width: 100%;
	}
	.productImage:after {
		padding-top: 100%;
		display: block;
		content:'';
	}
	.img-wrapper {
		padding: 10px;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		/*fill parent*/
	}
	.img-wrapper .thumb {
		height:100%;
	}
	.img-project, .thumb {
		display: block;

	}
	.img-project img, .thumb img {
		position:relative;
		top:50%;
		left:50%;
		max-width:100%;
		max-height:100%;
		-webkit-transform:translate(-50%,-50%);
		-moz-transform:translate(-50%,-50%);
		-ms-transform:translate(-50%,-50%);
		-o-transform:translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	.productDetails {
	}
	/************************************************
	Media queries
	************************************************/
	 @media all and (max-width: 1024px) {
		.img-project, .thumb {
			padding: 7px;
		}
	}