*{margin:0;padding:0;list-style:none;border:none;}
.slider-pro {
    font-family: 'Open Sans', Arial;
}
/* Example 5 */
.sp-mask{
    width: 778px !important;
    height: 350px !important;
    margin: 0px 0px 0px -209px;
}
.sp-thumbnails{
    width: 250px !important;
    height: 350px !important;
}
.sp-image-container{
    width: 778px !important;
    height: 350px !important;
}
.sp-image{
    width: 778px !important;
    height: 350px !important;
}
#example5 .sp-thumbnail-image-container {
	width: 158px;
	height: 80px;
	overflow: hidden;
	float: left;
    margin: 5px 0px 0px 0px;
}

#example5 .sp-thumbnail-image {
    height: 70px;
    width: 150px;
}
.sp-right-thumbnails.sp-has-pointer{
    background-color: #313131;

    margin: 0px -148px 0px 0px;
}

#example5 .sp-thumbnail-text {
	width: 140px;
    float: right;
    height:80px;
	padding:15px;
    background-color: #F0F0F0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#example5 .sp-thumbnail-title {
	margin-bottom: 5px;
	text-transform: uppercase;
	color: #333;
}

#example5 .sp-thumbnail-description {
	font-size: 14px;
	color: #333;
}

@media (max-width: 500px) {
	#example5 .sp-thumbnail {
		text-align: center;
	}

	#example5 .sp-thumbnail-image-container {
		display: none;
	}

	#example5 .sp-thumbnail-text {
		width: 120px;
	}

	#example5 .sp-thumbnail-title {
		font-size: 12px;
		text-transform: uppercase;
	}

	#example5 .sp-thumbnail-description {
		display: none;
	}
}