@Monte63 - sorry for the late response.
Let me know if this works:
.collection-type-page.has-promoted-gallery.transparent-header .promoted-gallery-wrapper .sqs-gallery-block-slideshow {
height: 450px !important;
background-color: #FFFFFF;
}
@media only screen and (max-device-height: 640px)
.collection-type-page.has-promoted-gallery.transparent-header #promotedGalleryWrapper .sqs-gallery-block-slideshow, .collection-type-page.has-promoted-gallery.transparent-header .promoted-gallery-wrapper .sqs-gallery-block-slideshow {
height: 200px !important;
background-color: #FFFFFF;
}
Yes, you can actually change the min-device-width to whatever you want, but for general iPad layouts use 768px.
//* For general iPad layouts *//
@media only screen and (device-width: 768px) {
/* Code goes here */
}
