/* 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-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 screen and (max-width: 40.75em) {
	.ls-slide #layer1, .ls-slide #layer2, .ls-slide #layer3{
		left:35% !important;
	}
}

@media screen and (max-width: 40.75em) {

	.ls-slide #layer1{
		font-size: 12px !important;
		height: 40px !important;
		width: 147px !important;
		
	}
	.ls-slide #layer2{
		font-size: 10px !important;
		padding-left: 2px !important;
		font-weight: normal !important;
		margin-top: -5px !important;
	}
	.ls-slide #layer3{
		font-size: 10px !important;
		padding-left: 2px !important;
		line-height: 1em !important;
		margin-top: -5px !important;
	}
	.ls-slide #layer4{
		font-size: 12px !important;

	}
}