#mixedSlider {
  position: relative;
  width:1280px;
}
#mixedSlider .MS-content {
  white-space: nowrap;
  overflow: hidden;
  margin:0px;
}
#mixedSlider .MS-content .item {
  display: inline-block;
  width: 33.299%;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  height: 100%;
  white-space: normal;
  padding: 20px 10px;
  border:1px solid #ccc;
  border-right:0px;
  margin:0%;
}

#mixedSlider .MS-content .item  img {
 display:block;
 margin:20px auto;
}


@media (max-width: 991px) {
  #mixedSlider .MS-content .item {
    width: 49.90%;
  }
}
@media (max-width: 767px) {
  #mixedSlider .MS-content .item {
    width: 99.79%;
  }
}

#mixedSlider .MS-content .item .imgTitle img {
  height: auto;
  width: 100%;
}
#mixedSlider .MS-content .item p {
  font-size: 14px;
  color:#666;
  padding:0px 20px;
  text-align:center;
  height:220px;
}

#mixedSlider .MS-content .item span {
  font-size: 14px;
  font-weight:600;
  color:#666;
  margin-top:20px;
  display:block;
}


.MS-controls {
  position: absolute;
  width: 100%;
  bottom: 43%;
}

#mixedSlider .MS-controls .MS-left {
  margin-left: -25px;
  border:0px;
  background-color:transparent;
  float:left;
  cursor:pointer;
}

#mixedSlider .MS-controls .MS-right {
  margin-right:-25px;
  border:0px;
  background-color:transparent;
  float:right;
  cursor:pointer;
}



@media (max-width: 992px) {
  #mixedSlider .MS-controls button {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls button {
    font-size: 20px;
  }
}
#mixedSlider .MS-controls .MS-left {
  left: 0px;
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls .MS-left {
    left: -10px;
  }
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls .MS-right {
    right: -10px;
  }
}
#basicSlider { position: relative; }

#basicSlider .MS-content {
  white-space: nowrap;
  overflow: hidden;
  margin: 0;
  width:100%;
  max-width:1280px;
}

#basicSlider .MS-content .item {
  display: inline-block;
  width: 33.3%;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  height: 100%;
  white-space: normal;
  line-height: 50px;
  vertical-align: middle;
}
@media (max-width: 991px) {

#basicSlider .MS-content .item { width: 25%; }
}
@media (max-width: 767px) {

#basicSlider .MS-content .item { width: 35%; }
}
@media (max-width: 500px) {

#basicSlider .MS-content .item { width: 50%; }
}

#basicSlider .MS-content .item a {
  line-height: 50px;
  vertical-align: middle;
}

#basicSlider .MS-controls button { position: absolute; }

#basicSlider .MS-controls .MS-left {
  top: 35px;
  left: 10px;
}

#basicSlider .MS-controls .MS-right {
  top: 35px;
  right: 10px;
}