.carousel img {

  }
  .carousel-inner {
	padding: 1em;
  }

  .carousel-control-prev,
  .carousel-control-next {
	width: 3rem;
	height: 3rem;
	background-color: grey;
	border-radius: 50%;
	top: 50%;
	transform: translateY(-50%);
  }
.single-gallery-item{
	text-align: center;
}
  @media(min-width: 1px) and (max-width: 350px) {
	.carousel-inner {
	  display: flex;
	  width: 90%;
	  margin-inline: auto;
	  padding: 1em 0;
	  overflow: hidden;
	}
	.carousel-item {
	  display: block;
	  margin-right: 0;
	  flex: 0 0 calc(100% );
	}

	.carousel-control-prev, .carousel-control-next {
		width: 2rem;
		height: 2rem;		
	}
	.carousel-control-next-icon, .carousel-control-prev-icon {
		width: 1rem;
		height: 1rem;
	}

	.single-gallery-item img{
		height: 70px;
		width: auto;
	}
  }
  @media(min-width: 351px) and (max-width: 450px) {
	.carousel-inner {
	  display: flex;
	  width: 90%;
	  margin-inline: auto;
	  padding: 1em 0;
	  overflow: hidden;
	}
	.carousel-item {
	  display: block;
	  margin-right: 0;
	  flex: 0 0 calc(100% );
	}

	.carousel-control-prev, .carousel-control-next {
		width: 2rem;
		height: 2rem;		
	}
	.carousel-control-next-icon, .carousel-control-prev-icon {
		width: 1rem;
		height: 1rem;
	}
	.single-gallery-item img{
		height: 70px;
		width: auto;
	}
  }
  @media(min-width: 451px) and (max-width: 576px) {
	.carousel-inner {
		display: flex;
		width: 90%;
		margin-inline: auto;
		padding: 1em 0;
		overflow: hidden;
	  }
	  .carousel-item {
		display: block;
		margin-right: 0;
		flex: 0 0 calc(100% / 2);
	  }
	  .single-gallery-item img{
		height: 70px;
		width: auto;
	}
  }
  
  @media screen and (min-width: 576px) {
	.carousel-inner {
	  display: flex;
	  width: 90%;
	  margin-inline: auto;
	  padding: 1em 0;
	  overflow: hidden;
	}
	.carousel-item {
	  display: block;
	  margin-right: 0;
	  flex: 0 0 calc(100% / 3);
	}
	.single-gallery-item img{
		height: 70px;
		width: auto;
	}
  }
  @media screen and (min-width: 768px) {
	.carousel-item {
	  display: block;
	  margin-right: 0;
	  flex: 0 0 calc(100% / 4);
	}
	.single-gallery-item img{
		height: 100px;
		width: auto;
	}
  }
  @media screen and (min-width: 992px) {
	.carousel-item {
	  display: block;
	  margin-right: 0;
	  flex: 0 0 calc(100% / 5);
	}
	.single-gallery-item img{
		height: 120px;
		width: auto;
	}
  }
  @media screen and (min-width: 1199px) {
	.carousel-item {
	  display: block;
	  margin-right: 0;
	  flex: 0 0 calc(100% / 6);
	}
	.single-gallery-item img{
		height: 120px;
		width: auto;
	}
  }
  .carousel .card {
	margin: 0 0.5em;
	border: 0;
  }