Changing media query for table data for mobile view

diff --git a/css/app.css b/css/app.css
index 6389a2f..f6779ee 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -7635,7 +7635,7 @@ ul#social-foot {
 #ui-datepicker-div {
   margin-top: -30px !important; }
 
-@media (min-width: 320px) {
+@media (max-width: 320px) {
   table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td {
     float: left !important;
     clear: both !important; }

diff --git a/scss/_page.footer.scss b/scss/_page.footer.scss
index 3b33d33..519ce60 100644 (file)
--- a/scss/_page.footer.scss
+++ b/scss/_page.footer.scss
@@ -133,7 +133,7 @@ ul#social-foot {
 #ui-datepicker-div{
     margin-top: -30px !important;
 }
-@media(min-width: 320px){
+@media(max-width: 320px){
     table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td{
         float: left !important;
         clear: both !important;