Full-width easy slider caption placement on mobile portrait views

Hello!

How can I adjust full-width easy slider caption title font size, caption font size and caption positioning on small mobile views for one specific page only?

The code below works for most pages, but there are a couple that I would like to adjust individually if possible, and adding .page-id-60 in front of the code below doesn’t work.

What am I missing?

Links are below. Thanks in advance for your help!

/* adjust slider height on small mobile portrait views */
@media only screen and (max-width: 480px) {
#full_slider_1 .avia-slideshow-inner, #full_slider_1 img{
height: 120px !important;
}
}

/* adjust caption locations on small mobile portrait views */
@media only screen and (max-width: 480px) {
.caption_bottom .slideshow_caption {
top: 150px !important; left: 1.5px !important;
bottom: auto !important;
}
}

/* adjust slider caption title font size on small mobile portrait views */
@media only screen and (max-width: 480px) {
.responsive #top .slideshow_caption h2 {
font-size: 16px !important;
}
}

/* adjust slider caption font size and line height on small mobile portrait views */
@media only screen and (max-width: 480px) {
.avia_transform .av_slideshow_full.avia-fade-slider .active-slide .avia-caption-content, .avia_transform .av_fullscreen.avia-fade-slider .active-slide .avia-caption-content {
font-size: 10px;
line-height: 12px;
}
}