Dear Mega Slider,

It seems your slider has bug, all !important tags with only z-index is placed outside the curly brackets  { }

example:

.md-layer-4-1-0 {z-index: 996} !important
.md-layer-4-1-1 {z-index: 997} !important
.md-layer-4-1-2 {
z-index: 1000 !important; text-align: center;
font-size: 1.8333333333333em;
font-family: Open Sans;
}

This causes my slider to break in design... yep!
Now I have to manualy fix this by letting megeslider create a css file and move the !important to the right place!

I also notice that every !important prevents a break, for example the .md-layer-4-1-2 above... there is no break after !important;

Hope you can fix this or reproduce the bug?