right side bar on mobile devices.

Hi. My site is alwaystravelicious.com

Previously I added this code (shown below) as I would like the right side bar to be seen when mobile devices are used. The code works fine for ipad but not for anything else smaller such as samsung note 2 or iphone. I understand that the iphone screen is probably too small to display, is it possible to display it on a medium-sized device like note 2? Thanks !

@media screen and (min-width: 768px ) and ( max-width: 1024px ) {
#page{
width: 70%;
}
#sidebar{
width: 30%;
}

#sidebar li.widget{
width: 100%;
}
}