/*
*   MultiSlider | MIT License
*
*   Copyright (c) 2017 Trevor Blackman
*   http://www.multislider.info
*
*/

.msSlider {
  position: relative;
  /* border: 1px solid black; */
}
/* @media (max-width: 767px) {
  .msSlider {
    border-color: transparent;
  }
} */
.msSlider .MS-content {
  /* margin: 15px 5%; */
  margin: 15px 8%;
  overflow: hidden;
  white-space: nowrap;
  /* border: 1px solid red; */
}
@media (max-width: 767px) {
  .msSlider .MS-content {
    margin: 0;
  }
}
.msSlider .MS-content .content {
	display: block;
	width:100%;
	white-space: wrap;
}

/* Slide Items */
.msSlider .MS-content .item {
  display: inline-block;
  /* height: 100%; */
  height: auto;
  overflow: hidden;
  position: relative;
  vertical-align: center;
  /* border: 1px solid green; */
  border-right: none;
  /* width: 20%; */
  width: 100%;
  margin-left:15px;
  margin-right:15px;
}
@media (min-width: 601px) {
  .msSlider .MS-content .item {
    /* width: 25%; */
    width: 50%;
  }
}
@media (min-width: 901px) {
  .msSlider .MS-content .item {
    /* width: 33.3333%; */
    width: 31.3333%;
  }
}
@media (min-width: 1201px) {
  .msSlider .MS-content .item {
    /* width: 50%; */
    width: 23.5%;
  }
}
.msSlider .MS-content .item img {
	width:100%;
	height:auto;
	object-fit:cover;
}

/* Slide Item - text */
.msSlider .MS-content .item h4 {
  /* font-size: 30px; */
  text-align: center;
  line-height: 1;
  vertical-align: middle;
  margin: 0;
  padding: 10px 0;
}
.msSlider .MS-content .item p {
  /* font-size: 30px;
  text-align: center;
  line-height: 1;
  vertical-align: middle;
  margin: 0; 
  padding: 10px 0;*/
  color: #777777;
}

/* Slide controls */
.msSlider .MS-controls button {
  position: absolute;
  border: none;
  background: transparent;
  font-size: 30px;
  outline: 0;
  top: 35px;
}
@media (max-width: 767px) {
  .msSlider .MS-controls button {
    display: none;
  }
}
.msSlider .MS-controls button:hover {
  cursor: pointer;
}
.msSlider .MS-controls .MS-left {
  left: 10px;
}
@media (max-width: 992px) {
  .msSlider .MS-controls .MS-left {
    left: -2px;
  }
}
.msSlider .MS-controls .MS-right {
  right: 10px;
}
@media (max-width: 992px) {
  .msSlider .MS-controls .MS-right {
    right: -2px;
  }
}