.carousel-lateral{
		height:440px;
	}
	.carousel-lateral-item{
		height:305px;
		background-position:center;
	}
	.carousel-lateral-item h1, .carousel-lateral-item h2, .carousel-lateral-item h3{
		position:absolute;
		bottom:0;
		padding-top:5px;
		padding-bottom:30px;
		text-align: left;
		width:100%;
		padding-left:12px;
		padding-right:12px;
		color: #fff;
		font-size:20px;
	}
	.carousel-lateral-item a:hover h1, .carousel-lateral-item a:hover h2, .carousel-lateral-item a:hover h3{
		color: #fff;
	}
	.carousel-lateral-item div{
		text-transform: uppercase; 
		padding:5px; 
		line-height: 1.1;
		font-size:12px;
		padding-left:10px;
		padding-right:10px;
		font-weight:bold;
		position:absolute;
		left:0;
		top:0;
		background-color: rgba(0, 0, 0, 0.5);
		color: #fff;
	}
	.carousel-lateral .slick-prev {
                left: 0 !important;
                z-index: 1;
                opacity: 1;
                width: 40px;
                height: 40px;
                text-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
	}
	.carousel-lateral .slick-next {
                right: 0 !important;
                z-index: 1;
                opacity: 1;
                width: 40px;
                height: 40px;
                text-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
	}
	
        /* rules below moved from mw-style-mobile.css */
        
        
        
        @media only screen and (min-width: 768px) {
                /* for desktop  */
                .carousel-lateral{
			height:550px;
		}
		.carousel-lateral-item{
			height: 430px;
		}
		.carousel-lateral-itens .carousel-lateral-item{
			height: 100px;
			width:100px;
		} 
            
        }
        
       
                .carousel-lateral-item{
			height:220px;
		}
		.carousel-lateral{
			height: 315px;
		}
		.carousel-lateral-container{
			height:220px;
		}
		.carousel-lateral-itens .slick-list.draggable, .carousel-imagens-itens .slick-list.draggable{
			display:flex;
			flex-direction:row;
		}
		.carousel-lateral-itens .slick-list .slick-track, .carousel-imagens-itens .slick-list .slick-track{
			flex-direction:row;
			display:flex;
			width:100% !important;
		}
		.carousel-lateral-itens .carousel-lateral-item, .carousel-imagens-itens .carousel-imagens-item{
			height: 75px;
			width: 100%;
			display:flex;
		}
                
         @media only screen and (min-width: 600px) {
                    /* for tablet */
                .carousel-lateral{
			height:500px;
		}
		.carousel-lateral-container{
			height:400px;
		}
		.carousel-lateral-item{
			height:400px ;
		}
		.carousel-lateral-item .img{
			width:100%;
			height:auto;
		}    
        }
        
        .carousel-lateral-item h1, .carousel-lateral-item h2, .carousel-lateral-item h3 {
                position: absolute;
                bottom: 0;
                padding-top: 5px;
                padding-bottom: 30px;
                text-align: left;
                width: 100%;
                padding-left: 12px;
                padding-right: 12px;
                color: #fff;
                font-size: 20px;
            }