title: responsive website design is not working on mobile phone
body: <p>responsive design is not working on my mobile phone but its working fine on my pc or laptop
  i am working on this link  (<a href="http://abisyscorp.com/modelview" rel="nofollow">http://abisyscorp.com/modelview</a>) </p>
  
  <pre><code>    &lt;head&gt;
  &lt;link rel="stylesheet"   href="css/style.css"/&gt;
  &lt;link rel="stylesheet"  type="text/css" href="css/jquery-ui.css"&gt;
  &lt;meta name="viewport" content="max-width=480px"&gt;
  &lt;meta name="viewport" content="min-width=481px"&gt;
  &lt;meta name="viewport" content="min-width=1028px"&gt;
  &lt;script type="text/javascript" src="js/jquery-1.11.1.min.js"&gt;&lt;/script&gt;
  
  &lt;!--&lt;script type="text/javascript" src="js/jquery-ui.js"&gt;&lt;/script&gt;--&gt;
  &lt;script type="text/javascript" src="js/jquery-ui.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/custom.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/detectmobilebrowser.js"&gt;&lt;/script&gt;
  &lt;script src="js/tuchpunch.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p><strong>Css</strong></p>
  
  <p>css sheet link 
  <a href="http://abisyscorp.com/modelview/css/style.css" rel="nofollow">http://abisyscorp.com/modelview/css/style.css</a></p>
  
  <pre><code>@media tags in this site  
  
      @media screen and (max-width:480px){}
      @media screen and (min-width:481px){}
      @media screen and (min-width:1028px){}
  </code></pre>