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%;

}

}