You do not need separate CSS for mobile and the same CSS code we shared should work. But, I see that you have added a few more buttons to the page and that has caused a little alignment issue on the small devices.
Our plugin comes with built-in sharing buttons. Is there any reason for using the buttons from Jetpack? Technically, both our plugin and Jetpack hook to the “the_content” filter hook from WordPress. It seems the Jetpack updates the description earlier to our plugin and that is causing the issue.
Anyhow, kindly remove the previous CSS code and try using the following.
.single-aiovg_videos .aiovg-single-video {
position: relative;
padding-bottom: 160px;
}
.single-aiovg_videos .aiovg-single-video .sharedaddy {
position: absolute;
left: 0;
bottom: 0;
}
@media only screen and (max-width: 360px) {
.single-aiovg_videos .aiovg-single-video {
padding-bottom: 220px;
}
}
@media only screen and (min-width: 361px) and (max-width: 481px) {
.single-aiovg_videos .aiovg-single-video {
padding-bottom: 200px;
}
}
Hope this solved your issue!