hi Arlex Wong

your last message was in this post: http://stackideas.com/forums/custom-responsive-css

====YOUR MESSAGE====
Can you check is it work fine now?

I've added these following css code into your current template custom.css file JoomlaFolder/templates/untitled2_desktop/html/com_easysocial/css/custom.css


@media (max-width:768px) {
.es-profile-header-heading .es-online-status .es-status-on, .es-profile-header-heading .es-online-status .es-status-off {
width: 100px !important;
height: 97px !important;
}
}

that code does not work, sorry.
it works because, i had a template switcher and in the second template i had edit the same code but with other size. But the template switcher have many issues. so i see that your solution, does not work.
and i had also try to insert your code in my template.css.

Thanks for your help.