How do I override the css you have in the theme for the elated image slider when viewed on resolutions under 800px wide?

I've tried but can't get it to work.

You have:

@media only screen and (max-width: 800px) {
.eltd_image_gallery_no_space .eltd_image_gallery_holder{
height: auto !important;
}

.eltd_image_gallery_no_space ul {
height: auto !important;
width: 100% !important;
}

.eltd_image_gallery_no_space ul li {
float: none;
}

.eltd_image_gallery_no_space ul li.-before,
.eltd_image_gallery_no_space ul li.-after {
display: none;
}

.eltd_image_gallery_no_space ul li div {
height: auto !important;
width: 100% !important;
}

.eltd_image_gallery_no_space ul li img {
height: auto;
width: 100%;
}

.eltd_image_gallery_no_space .controls {
display: none; 
}
}

This makes each image take up the full width of the screen so for portrait images (that have a long height) this takes up way too much room vertically. 

I would prefer the slider function the same way that it does on wider resolutions, so I need to override the above CSS in my child theme css.

I can't use either of those options :-(

The first one still has each image taking up the full width of the screen, only the height is messed up so the images are out of proportion so its even worse than the original code (see first code screenshot)

And on the second lot of code, the images are smaller and in proportion but no longer in-line so not usable either.  (see second code screenshot)

Again, I was hoping to have the slider display the exact same way it does on resolutions larger than 800px. It works perfectly fine there. 

Bit disappointed guys with your initial reply (which was unusable) and no reply since :-(

I've managed to resolve this on my own by completely removing the css from stylesheet.min and adding it to my child theme. The slider works much better now and users don't have to scroll passed 20 odd images on their mobile (nightmare!)

My only concern though will this interfere with all the other custom css I have?

At the moment I am adding it within wordpress > Appearance > customize > Additional CSS so I can see the changes live in the site, but once done I will add it to my child theme's style.css file (this is what I usually do)

By also have stylesheet.min in my child theme, will there be any conflicts with the css in my child theme's style.css ???