Hiding table content using Media Queries <p>I Have been using media queries to use responsive CSS and currently I am trying to hide certain table content when viewed on 480px. I created the Class in the CSS called "hideOnSmall" and then added the tag to the Template Field of "Location" but I have not gotten it to actually work so I must be doing something wrong I have looked up ways to do this and all sources led me to this but if anyone can spot anything I missing or if I am doing something wrong. </p> <p>CSS:</p> <pre><code> @media (max-width: 480px) { .nav-collapse { -webkit-transform: translate3d(0, 0, 0); } .page-header h1 small { display: block; line-height: 20px; } input[type="checkbox"], input[type="radio"] { border: 1px solid #ccc; } .form-horizontal .control-label { float: none; width: auto; padding-top: 0; text-align: left; } .form-horizontal .controls { margin-left: 0; } .form-horizontal .control-list { padding-top: 0; } .form-horizontal .form-actions { padding-left: 10px; padding-right: 10px; } .media .pull-left, .media .pull-right { float: none; display: block; margin-bottom: 10px; } .media-object { margin-right: 0; margin-left: 0; } .modal { top: 10px; left: 10px; right: 10px; } .modal-header .close { padding: 10px; margin: -10px; } .carousel-caption { position: static; } .hideOnSmall { display: none !important; } } </code></pre> <p>HTML</p> <pre><code>&lt;asp:TemplateField HeaderText="Location" SortExpression="locationName" ItemStyle-CssClass="hideOnSmall"&gt; &lt;EditItemTemplate&gt; &lt;asp:DropDownList ID="DropDownLocations" runat="server" DataSourceID="SqlDSLocations" DataTextField="locationName" DataValueField="locationID" SelectedValue='&lt;%# Bind("locationID") %&gt;'&gt;&lt;/asp:DropDownList&gt; &lt;asp:SqlDataSource ID="SqlDSLocations" runat="server" ConnectionString="&lt;%$ ConnectionStrings:ConnectionString %&gt;" SelectCommand="SELECT [locationID], [locationName] FROM [tblLocation]"&gt;&lt;/asp:SqlDataSource&gt; &lt;/EditItemTemplate&gt; &lt;InsertItemTemplate&gt; &lt;asp:TextBox ID="TextBox2" runat="server" Text='&lt;%# Bind("locationName") %&gt;'&gt;&lt;/asp:TextBox&gt; &lt;/InsertItemTemplate&gt; &lt;ItemTemplate&gt; &lt;asp:Label ID="Label2" runat="server" Text='&lt;%# Bind("locationName") %&gt;'&gt;&lt;/asp:Label&gt; &lt;/ItemTemplate&gt; &lt;/asp:TemplateField&gt; </code></pre>