#mixedSlider {
 position: relative;
 max-width:100%;
}
#mixedSlider .MS-content {
 white-space: nowrap;
 overflow: hidden;
 margin: 0 5%;
}
#mixedSlider .MS-content .item {
 display: inline-block;
 width: 33.3333%;
 position: relative;
 vertical-align: top;
 overflow: hidden;
 height: 100%;
 white-space: normal;
 padding: 0 10px;
}
@media (max-width: 991px) {
 #mixedSlider .MS-content .item {
 width: 50%;
 }
}
@media (max-width: 767px) {
 #mixedSlider .MS-content .item {
 width: 100%;
 }
}
#mixedSlider .MS-content .item .imgTitle {
 position: relative;
}
#mixedSlider .MS-content .item .imgTitle .blogTitle {
 margin: 0;
 text-align: left;
 font-size: 1.25em;
 letter-spacing: 0.1em;
 text-transform: uppercase;
 position: absolute;
 background-color: rgba(255, 255, 255, 0.75);
 width: 100%;
 bottom: 0;
 padding: 0 0 3px 10px;
}
#mixedSlider .MS-content .item .imgTitle img {
 height: auto;
 width: 100%;
 overflow:hidden;
}
#mixedSlider .MS-content .item p {
 font-size: 1em;
 margin: 0 0 2px 10px;
}
#mixedSlider .MS-content .item a {
 float: right;
 margin: 0 20px 0 0;
 letter-spacing: 0.1em;
 transition: linear 0.1s;
}
#mixedSlider .MS-content .item a:hover {
 text-shadow: 0 0 1px grey;
}
#mixedSlider .MS-controls button {
 position: absolute;
 border: none;
 background-color: transparent;
 outline: 0;
 font-size: 3em;
 top: 4em;
 color: rgba(0, 0, 0, 0.33);
 transition: 0.15s linear;
 cursor: pointer;
}
#mixedSlider .MS-controls button:hover {
 color: rgba(0, 0, 0, 0.8);
}
@media (max-width: 992px) {
 #mixedSlider .MS-controls button {
 font-size: 2em;
 }
}
@media (max-width: 767px) {
 #mixedSlider .MS-controls button {
 font-size: 2em;
 }
}
#mixedSlider .MS-controls .MS-left {
 left: 0px;
}
@media (max-width: 767px) {
 #mixedSlider .MS-controls .MS-left {
 left: 0px;
 }
}
#mixedSlider .MS-controls .MS-right {
 right: 0px;
}
@media (max-width: 767px) {
 #mixedSlider .MS-controls .MS-right {
 right: 0px;
 }
}











#basicSlider { position: relative; }

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

#basicSlider .MS-content .item {
 display: inline-block;
 width: 20%;
 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;
}