/* 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 {

}

.ls-slide .slider-inner-image {
    top: initial !important;
    bottom: 0 !important;
}

@media (max-width: 991px) {

}


@media only screen
and (min-device-width : 320px)
	and (max-device-width : 768px) { 
		#layerslider_2 .ls-slide .slider-inner-image {
	    width: 40% !important;
    	height: auto !important;
	}
}

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

/* hide slider buttons on mobile */
@media only screen
and (min-device-width : 320px)
	and (max-device-width : 667px) {
	#layerslider_2 .ls-slide .slider-inner-para {
		top: 45%!important;
		padding-right: 25px!important;
	}
	#layerslider_2 .ls-slide .slider-inner-link {
		top: 70% !important;
	}
	#layerslider_2 .ls-slide .slide3-para {
		top: 50%!important;
	}
	#layerslider_2 .ls-slide .slider-inner-image {
	    width: 40% !important;
    	height: auto !important;
	}
	/* slider home page featured projects */
	#layerslider_1 .ls-slide .slider-inner-h1 {
		top: 30px !important;
		font-size: 14px !important;
	}
	#layerslider_1 .ls-slide .slider-inner-logo {
	    top: 60px !important;
	}
	#layerslider_1 .ls-slide .slider-inner-para {
		top: 95px !important;
		width: auto !important;
		padding-right: 15px !important;
		font-size: 18px !important;
	}
	#layerslider_1 .ls-slide .slider-inner-link {
		top: 55% !important;
	}
	layerslider_1 .ls-slide .slider-inner-link .button {
	    font-size: 12px !important;
    	padding: 10px 20px !important;
	}
	#layerslider_1 .ls-slide .slide3-para {
		/*top: 50%!important;*/
	}
	#layerslider_1 .ls-slide .slider-inner-image {
	    width: 50% !important;
    	height: auto !important;
	}
}

@media (width = 1366px) {.ls-slide.ls-active .ls-l {left: 100px!important;}}