#example1 .sp-thumbnail {
	width: 100%;
	padding: 8px;
	background-color: #F0F0F0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

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

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

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

@media (max-width: 640px) {
	#example1 .sp-layer {
		font-size: 12px;
	}

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

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

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

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

/* Example 3 */
#example3 .sp-thumbnail-container{
width:64px!important;
height:64px!important
}
#example3 .sp-selected-thumbnail {
	border-width: 4px;
	border-style: solid;
}
#example3 .slider_pro_photo_title,
#example3 .slider_pro_photo_teaser,
#example3 .slider_pro_photo_details{display:block;outline:none;border-width:0;box-shadow:none}
#example3 .slider_pro_photo_title{
font-size: 24px;
font-weight: 700;
text-decoration: none
}
#example3 .slider_pro_photo_title:hover{
text-decoration: underline
}
#example3 .slider_pro_photo_details{
font-size: 10px;
line-height: 20px;
}
#example3 .sp-layer .slider_pro_photo_details > span {
    display: inline-block;
    padding: 0 10px 0 0;
}
#example3 .sp-layer .slider_pro_photo_details .date .time::before {
    content: "-";
    padding: 0 5px;
}
#example3 .sp-layer{cursor:default}

.photo_example .sp-thumbnail-container{
width:64px!important;
height:64px!important
}
.photo_example .sp-selected-thumbnail {
	border-width: 4px;
	border-style: solid;
}
.photo_example .slider_pro_photo_title,
.photo_example .slider_pro_photo_teaser,
.photo_example .slider_pro_photo_details{display:block;outline:none;border-width:0;box-shadow:none}
.photo_example .slider_pro_photo_title{
font-size: 24px;
font-weight: 700;
text-decoration: none
}
.photo_example .slider_pro_photo_title:hover{
text-decoration: underline
}
.photo_example .slider_pro_photo_details{
font-size: 10px;
line-height: 20px;
}
.photo_example .sp-layer .slider_pro_photo_details > span {
    display: inline-block;
    padding: 0 10px 0 0;
}
.photo_example .sp-layer .slider_pro_photo_details .date .time::before {
    content: "-";
    padding: 0 5px;
}
.photo_example .sp-layer{cursor:default}

/* Example 4 */

#example4 .sp-slides-container {
	background-color: #F4F4F4;
}

#example4 h3 {
	margin: 0 0 10px 0;
}

#example4 p {
	margin: 0 0 30px 0;
}

#example4 .sp-thumbnail-container {
	width: 200px;
	height: 130px;
	overflow: hidden;
	margin-bottom: 10px;
}

#example4 .sp-image-text {
	background: rgba( 80, 80, 80, 0.5 );
	color: #FFF;
	padding: 20px;
}

.links {
	text-align: center;
	margin-top: 10px;
}

/* Example 5 */
#example5{
	opacity:1;
	transition:opacity .5s ease
}
#example5.example5_visible{
	opacity:0;
}
#example5 .sp-thumbnail-image-container {
	width: 64px;
	height: 64px;
	overflow: hidden;
	float: left;
}

#example5 .sp-thumbnail-image {
	height: 100%;
}

#example5 .sp-thumbnail-text {
	width: 168px;
    float: right;
    padding: 8px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#example5 .sp-caption-title h2 {margin-bottom:5px}
#example5 .sp-caption-title h2 a{text-decoration:none;font-weight:700}
#example5 .sp-caption-title h2 a:hover{text-decoration:underline}
#example5 .sp-caption-title .details{font-size:10px;line-height:20px;padding:5px 0 0;}
#example5 .sp-caption-title .details > span{display:inline-block;padding:0 10px 0 0}
#example5 .sp-caption-title .details .date .time::before {
    content: "-";
    padding: 0 5px;
}
#example5 .sp-caption-title .details a.item_parent {
border-radius: 2px;
padding: 2px 8px;
text-decoration: none;
line-height:24px
}
#example5 .sp-thumbnail-title {
	margin-bottom: 5px;
	font-size:12px;
}
#example5 .sp-thumbnail-description {
	font-size: 14px;
	color: #222;
}
@media (max-width: 980px) {
	#example3 .slider_pro_photo_teaser,
    #example3 .slider_pro_photo_details{display:none}
	
	#example5 .sp-caption-title .teaser,
	#example5 .sp-caption-title .details .comments,
	#example5 .sp-caption-title .details .author{
		display:none;
	}
}
@media (max-width: 500px) {
	#example5 .sp-caption-title h2 a{
		font-size:14px;
	}
	
	#example5 .sp-thumbnail {
		text-align: center;
	}

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

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

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