HTML Meta Tags for Responsive Layouts

gistfile1.txt

@media (max-width: 767px) {
  .container {
		width: 100%;
		margin-left: -20px;
		padding-right: 20px;
		padding-left: 20px;
	}
}
/*==================================== PHONES ====================================================*/

@media (max-width: 480px) { 
	.container {
		width: 100%;
		margin-left: -20px;
		padding-right: 20px;
		padding-left: 20px;
	}
	header#cc-header .span7 {
		text-align: center;
	}
	header#cc-header .span5 {
		text-align: center;
	}
	header#cc-header .span5 div.icons a {
		float: none;

	.container .top-head-social .icons {
		margin-bottom: 10px;
	}
}

responsive.css

<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="HandheldFriendly" content="true">