/* 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-layer { /* .ls-layer refers your slides */

}

.ls-layer a:hover {
	color: blue;
	text-decoration: underline;
}

.ls-layer #yourID {

}

.ls-layer .yourClass {

}

.ls-bg {
	margin: 0 !important;
	height: auto !important;
}
/* Side color of 3D objects */
.ls-3d-box div { background: #777; }

/* X large screens */
@media only screen and (min-width: 1440px) { 
	.ls-bg { width: 1159px; height: 600px; }
}

@media only screen and (max-width: 64em) {
.sliderChecks li { line-height: 16px; letter-spacing: 0.04em; }
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) {
	.ls-bg { width: 100%px !important; height: auto; } 
	.sliderChecks li { line-height: 6px; letter-spacing: 0.04em; }
	.ls-l a { display: none; }
}