css html responsive-design twitter-bootstrap

Bootstrap Media queries Orientation Change to Landscape not working under Physical Device

I am facing one very strange issue in bootstrap, basically I have this page

Here I am adding video covered with a tablet video skin. When I check the page under responsive mode in Mozilla Firefox -> Tools-> Responsive Design View for 360 x 640 dimension it works good under portrait and landscape mode.

But when checking the same page in physical device, it works only in portrait and not landscape, design gets altered in landscape mode. Strange to see this.

Can anyone please look into this and let me know what I am doing wrong here?

Ronak Shah