I am attempting to use a class and media queries to adjust the left: 0; property of my slider layers.

<h3 class="ls-l layerslider-left-position" style="font-weight:700; line-height:40px; padding-top:4px; padding-right:10px; text-align: left; ;
            padding-bottom:4px; padding-left:10px;; font-size:40px; color:#f8f2f2;               top: 100px;"              data-ls="durationin: 2000;              colorin: #000;              offsetxin: left;              offsetxout:-30;              startatin: 2500;              parallaxlevel:0;">
              Train your Ammo             </h3>

my class is:

.layerslider-left-position{
left: 20px !important;
}

.layerslider-left-position{
left: 50px !important;
}

.layerslider-left-position{
left: 100px !important;
}

etc....

but using inspect, the slider is not seeing my class and setting each layer to left: 0;

Your thoughts?

Dana

https://www.microsnelaptops.com/adcosales/index.aspx