/*************************************************
* @media only screen and (max-width: 767px)
*************************************************/

@media screen and (max-width: 767px) {

	/*
	------------------------------------------------------------------
	.mod-10
	------------------------------------------------------------------
	*/
	.mod-10 {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 0;
		padding: 25px;
		box-sizing: border-box;
		opacity: 0;
	}
	.mod-10 .bigImage{
		display: block;
		
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
	}
	.mod-10 img {
		width: 100%;
		height: auto;
		max-height: 100%;
		display: block;
	}

	/*
	------------------------------------------------------------------
	.mod-20
	------------------------------------------------------------------
	*/
	.mod-20 {
	}

	.mod-20 .contentWrap {
		position: relative;
	}
	.mod-20 .title {
		padding: 0 0 15px 0;
	}

	.mod-20 .slideshow {
	}
	.mod-20 .slideshow .slides {
		width: 100%;
	}
	.mod-20 .slideshow .slide {
		width: 100%;
		padding: 0 0 10px 0;
	}
	.mod-20 .slideshow .slide .headline {
		padding: 0 0 13px 0;
	}
	.mod-20 .slideshow .slide .desktop {
		display: none !important;
	}
	.mod-20 .slideshow .slide .desktop img {
		display: none !important;
	}
	.mod-20 .slideshow .mobile {
		
	}
	.mod-20 .slideshow .mobile img {
		width: 100%;
		height: auto;
	}
	.mod-20 .slideshow .slideinfotext {
		padding: 20px 0;
	}

	.mod-20 .slideshow .bottom {
	}
	.mod-20 .slideshow .bottom .info,
	.mod-20 .slideshow .bottom .pagination {
		display: none;
	}
	
	.mod-20 .infotext {
		display: block;
		padding: 20px 0;
	}
	.mod-20 .infotext .bottom {
		padding: 30px 0;
	}
	.mod-20 .infotext .bottom .back {
		color: #c7001c;
	}


	/*
	------------------------------------------------------------------
	.mod-30
	------------------------------------------------------------------
	*/
	.mod-30 ul.list {
		display: inline-block;
	}
	.mod-30 ul.list li {
		padding: 0 0 8px 0;
		position: relative;
		display: block;
	}
	.mod-30 ul.list li .preview {
		position: absolute;
		top: 0;
		left: 100%;
		display: none;
		width: 110px;
		height: 80px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		margin: 0 0 0 15px;
	}
	
}