/* 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-l {
width: 350px;	
	
}

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

.ls-slide #yourID {

}

.ls-slide .yourClass {

}

.sliderbox {
height: 137px;
	width: 350px;
}

.sliderlogo {
    width: 293px;
    margin: 0 auto;
    display: block;
}

.sliderbutton {
float: right;
}

@media only screen and (max-width: 600px) {
	.sliderbox {
height: 137px;
}
	.sliderbox h1 {
		    font-size: 20px;
    line-height: 10px;
}
.sliderlogo	{
	width: 63% !important;
    float: left;
		padding-right: 40px !important;
	}
	
	.sbspecial{
		display: block;
		position: relative;
    bottom: -62px;
	}
}

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