#mixedSlider5 {

  position: relative;

  width: 1280px;    

}

#mixedSlider5 .MS-content {

  white-space: nowrap;

  overflow: hidden;

  margin: 0;

}

#mixedSlider5 .MS-content .item {

  display: inline-block;

  width: 19%;

  position: relative;

  vertical-align: top;

  overflow: hidden;


  white-space: normal;

  padding:0px;

  margin:.5%;

}





#mixedSlider5 .MS-content .item .face {display:block; margin:auto; margin-top:-130px; border-radius:1000px; box-shadow:0px 0px 10px 0px #ccc; width:100px; border:5px solid #33bbec;  }



#mixedSlider5 .MS-content .item figure img {width:100%;} 

 

#mixedSlider5 .MS-content .item  .star-rating  {width:100px; display:block; margin:10px auto;}



#mixedSlider5 .MS-content .item  strong  { display:block; margin:20px auto 0px auto; text-align:center; font-weight:500; height: 50px;}



#mixedSlider5 .MS-content .item  span  { display:block; margin:0px auto 20px auto; text-align:center; }



#mixedSlider5 .MS-content .item  .grey-box {background-color:#f5f5f5; padding:20px; height:400px; margin-top:50px; padding-top:80px; }



#mixedSlider5 .MS-content .item  .grey-box p {text-align:center; }



 

@media (max-width: 991px) {

  #mixedSlider5 .MS-content .item {

    width: 32.33%;

  }

}

@media (max-width: 767px) {

  #mixedSlider5 .MS-content .item {

    width: 32.33%;


  }

}




/*  480px  */

@media all and (max-width: 639px) {

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

}



#mixedSlider5 .MS-content .item .imgTitle {

  position: relative;

}

#mixedSlider5 .MS-content .item .imgTitle .blogTitle {

  margin: 0;

  text-align: left;

  color: #252525;

  font-style: italic;

  position: absolute;

  background-color: rgba(255, 255, 255, 0.5);

  width: 100%;

  bottom: 0;

  font-weight: bold;

  padding: 0 0 2px 10px;

}

#mixedSlider5 .MS-controls button {

  position: absolute;

  border: none;

  background-color: transparent;

  outline: 0;

  font-size: 16px;

  line-height: 25px;

  height:50px;    

  width: 50px;    

  top: 36%;

  color: #fff;

  transition: 0.15s linear;

  font-weight: 100;

  transition: all 0.5s ease-in 0s;    

  padding:0px;

}



#mixedSlider5 .MS-controls button:hover {}





@media (max-width: 992px) {

  #mixedSlider5 .MS-controls button {

    font-size: 30px;

  }

}

@media (max-width: 767px) {

  #mixedSlider5 .MS-controls button {

    font-size: 20px;

  }

}

#mixedSlider5 .MS-controls .MS-left {

  left: -20px;

  cursor:pointer;

}

@media (max-width: 767px) {

  #mixedSlider5 .MS-controls .MS-left {

    left: 5px;

  }

}

#mixedSlider5 .MS-controls .MS-right {

  right: -20px;

   cursor:pointer;

}

@media (max-width: 767px) {

  #mixedSlider5 .MS-controls .MS-right {

    right: 0px;

  }

}

#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;

}