/* You can type here any CSS code that will be loaded both on your admin and front-end pages.
Let us help you by giving a few exmaple CSS classes: */

/* Front-end sliders & preview */

.ls-container { /* The slider itself */

}
.ls-forcehide {
    position: relative !important;
    display: block !important;
    width: 100% !important;
}
.ls-slide { 
}
.ls-slide a:hover {
	color: blue;
	text-decoration: underline;
}

.ls-slide #yourID {

}

.ls-slide .yourClass {

}

/* Side color of 3D objects */
.ls-3d-box div { background: #777; }



@media(max-width:767px){
.ls-slide { 
    position: relative !important;
    width: 100% !important;
    margin: auto !important;
	
}
.ls-forcehide {
    position: relative !important;
    display: block !important;
    width: 100% !important;
}
p.ls-l{
	width:100% !important;
	left:0 !important; 
	position:relative !important;
	padding: 10px !important;
	top: 140px !important;

}
	img.ls-l.ls-preloaded {
    left: 0 !important;
    height: 400px !important;
	top: 150px !important;
	}
}