.slider-pro {
    font-family: 'Open Sans', Arial;
}

/* Example 1 */

.sp-thumbnail {
	width: 100%;
	height: 100%;
	padding: 8px;
	background-color: #535353;
	box-sizing: border-box;
	cursor: pointer;
}


.sp-thumbnail-title {
	text-transform: uppercase;
	/*background: #535353;*/
	color: #ffffff;
	/*font-weight: bold;*/
	text-align: center;
	position: relative;
	z-index: 300;
	font-size:15px;
	line-height: 20px;
}

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

/*#example1 .sp-thumbnail:hover,#example1 .sp-thumbnail a:after {
	width: 100%;
	padding: 8px;
	background-color: #ff9e1b;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}*/

@media (max-width: 860px) {
	.hide-medium-screen {
		display: none;
	}
}

@media (max-width: 860px) {
	.sp-thumbnail-title {
	margin-bottom: 5px;
	text-transform: uppercase;
	/*background: #535353;*/
	color: #ffffff;
	/*font-weight: bold;*/
	text-align: center;
	position: relative;
	z-index: 300;
	font-size:14px;
	line-height: 19px;
	}
}

@media (max-width: 640px) {
	.sp-layer {
		font-size: 30px;
		font-weight: bold;
		line-height: 40px;
	}

	.hide-small-screen {
		display: none;
	}
}

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

	.sp-thumbnail-title {
		
		text-transform: uppercase;
	}

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

@media (max-width: 468px) {
	.sp-layer {
		font-size: 36px;
		font-weight: bold;
		line-height: 46px;
	}

}