addition of media queries for responsive design in TAB and Mobile device...

I have added media queries for 3 types of devices : Desktop/Laptop, TAB, and Mobile.
Based on screen size, the CSS code changes.

Changed hover color for rows of the result table to dark (which will not be that much of use).

UI changes for screens of different sizes.

Change in common_connections : getting 20 now, instead of 10 (maximum at once is 20)