/*
You can type here custom CSS code, which will be loaded both on your admin and front-end pages. Please make sure to not override layout properties (positions and sizes), as they can interfere with the sliders built-in responsive functionality. Here are few example targets to help you get started:
*/

.ls-container { /* Slider container */
	
}

.ls-layers { /* Layers wrapper */ 

}

.ls-3d-box div { /* Sides of 3D transition objects */ 

}

div#layerslider_9.ls-container { height: 550px !important; }
div#layerslider_10.ls-container { height: 520px !important; }
div#layerslider_13.ls-container { height: 550px !important; }
@media only screen and (max-width: 1200px) { 
  div#layerslider_9.ls-container, div#layerslider_10.ls-container { height: 450px !important; }
}
@media only screen and (max-width: 980px) { 
  div#layerslider_9.ls-container, div#layerslider_10.ls-container { height: 350px !important; }
}
@media only screen and (max-width: 767px) { 
  div#layerslider_9.ls-container, div#layerslider_10.ls-container { height: 342px !important; }
  div#layerslider_13.ls-container { height: 170px !important; }
}