@media only screen and (max-width: 600px) {
 }

/* medium - display 2  */
.card-header h5 a{font-size:0.9rem !important;font-weight:600  !important}
h5{line-height: 80% !important}

  #myCarousel .carousel-inner .carousel-item-right.active,
  #myCarousel .carousel-inner .carousel-item-next,
  #myCarousel2 .carousel-inner .carousel-item-right.active,
  #myCarousel2 .carousel-inner .carousel-item-next
	
	
	{
      transform: translateX(100%);
  }

  #myCarousel .carousel-inner .carousel-item-left.active,
  #myCarousel .carousel-inner .carousel-item-prev,
  #myCarousel2 .carousel-inner .carousel-item-left.active,
  #myCarousel2 .carousel-inner .carousel-item-prev	{
      transform: translateX(-100%);
  }


/* small - display 2  */
@media (min-width: 576px) {
.malomanji{font-size:19px;}
  #myCarousel .carousel-inner .carousel-item-right.active,
  #myCarousel .carousel-inner .carousel-item-next,
  #myCarousel2 .carousel-inner .carousel-item-right.active,
  #myCarousel2 .carousel-inner .carousel-item-next 
	{
      transform: translateX(50%);
  }

  #myCarousel .carousel-inner .carousel-item-left.active,
  #myCarousel .carousel-inner .carousel-item-prev,
  #myCarousel2 .carousel-inner .carousel-item-left.active,
  #myCarousel2 .carousel-inner .carousel-item-prev
	{
      transform: translateX(-50%);
  }
}

/* medium - display 2  */
@media (min-width: 768px) {

	.malomanji{font-size:23px;margin-top:0px}
	
  #myCarousel .carousel-inner .carousel-item-right.active,
  #myCarousel .carousel-inner .carousel-item-next,
  #myCarousel2 .carousel-inner .carousel-item-right.active,
  #myCarousel2 .carousel-inner .carousel-item-next 
	{
      transform: translateX(33%);
  }

  #myCarousel .carousel-inner .carousel-item-left.active,
  #myCarousel .carousel-inner .carousel-item-prev,
  #myCarousel2 .carousel-inner .carousel-item-left.active,
  #myCarousel2 .carousel-inner .carousel-item-prev
	{
      transform: translateX(-33%);
  }
}

/* medium - display 2  */
@media (min-width: 992px) {
.malomanji{font-size:27px}
  #myCarousel .carousel-inner .carousel-item-right.active,
  #myCarousel .carousel-inner .carousel-item-next,
  #myCarousel2 .carousel-inner .carousel-item-right.active,
  #myCarousel2 .carousel-inner .carousel-item-next 
	{
      transform: translateX(25%);
  }

  #myCarousel .carousel-inner .carousel-item-left.active,
  #myCarousel .carousel-inner .carousel-item-prev,
  #myCarousel2 .carousel-inner .carousel-item-left.active,
  #myCarousel2 .carousel-inner .carousel-item-prev
	{
      transform: translateX(-25%);
  }
}



/* large - display 3 */
@media (min-width:1200px) {

  #myCarousel .carousel-inner .carousel-item-right.active,
  #myCarousel .carousel-inner .carousel-item-next,
  #myCarousel2 .carousel-inner .carousel-item-right.active,
  #myCarousel2 .carousel-inner .carousel-item-next 
	{
      transform: translateX(16.66666%);
  }

  #myCarousel .carousel-inner .carousel-item-left.active,
  #myCarousel .carousel-inner .carousel-item-prev,
  #myCarousel2 .carousel-inner .carousel-item-left.active,
  #myCarousel2 .carousel-inner .carousel-item-prev
	
	{
      transform: translateX(-16.6666%);
  }
}



@media (max-width: 300px) {
  #myCarousel .carousel-inner .carousel-item>div,
  #myCarousel2 .carousel-inner .carousel-item>div
	{
      display: none;
  }

  #myCarousel .carousel-inner .carousel-item>div:first-child,
  #myCarousel2 .carousel-inner .carousel-item>div:first-child
	{
      display: block;
  }
}

#myCarousel .carousel-inner .carousel-item.active,
#myCarousel .carousel-inner .carousel-item-next,
#myCarousel .carousel-inner .carousel-item-prev,
#myCarousel2 .carousel-inner .carousel-item.active,
#myCarousel2 .carousel-inner .carousel-item-next,
#myCarousel2 .carousel-inner .carousel-item-prev


{
  display: flex;
}

#myCarousel .carousel-inner .carousel-item-right,
#myCarousel .carousel-inner .carousel-item-left ,
#myCarousel2 .carousel-inner .carousel-item-right,
#myCarousel2 .carousel-inner .carousel-item-left

{
  transform: translateX(0);
}