There’s a problem with the image inside the header not being responsive:
<div class="head_logo grid_12 ">
<a href="http://chitturcollege.ac.in" class="alignleft">
<img src="http://chitturcollege.ac.in/wp-content/uploads/2016/12/banner1-1.png" class="alignleft">
Try this to start with:
It’ll look tiny on small screens and may need a media query to adapt to that but solves the misalignment…
Edit – most of it anyway, I also see an issue occurring on screens that would qualify as phone size.