How can I make this jBox gallery responsive?

I have this page (that still is a work in progress) which houses some thumbnails of images which will pop open a larger version when clicked; I am using jBox to accomplish this. I am trying to get that larger image to behave in a responsive manner. But can't get anything to work!

I checked via the inspector and it appears this is the container #jBoxID2; And I guess I'd only need it below the breakpoint below because i am really just concerned with mobile, phablet and tablet!

@media all and (max-width: 560px) {
   #jBoxID2{
     width: 90%;
     position:absolute!important;
   }
}

Thanks!