I am unable to share the contents of the site under design. I am trying to reduce the line height on the one slide on the slider (nectar slider) when in responsive mode. I need one slide to have smaller line-heights when the screen is in viewed on a phone.  So I assigned a class name "slideadjust" to that one slide in the slide editor and created the class in CSS as follows:

@media only screen and (max-width: 690px) {
.slideadjust {
line-height: 20px !important;
}
}

The code is good but the text does not change.  It appears that there is css hard-coded, on-the-fly in the resulting HTML (by the PHP possibly?) that makes line height changes impossible via CSS. Do you have any idea how I can change the line height here only when on a smaller screen? Thank you.