adjusting media query for mobile view and medium view in loding table

diff --git a/css/app.css b/css/app.css
index eeb7432..7d8eb4c 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 (max-width: 320px) and (max-width: 360px) {
+@media (max-width: 320px) and (min-width: 770px) {
   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 a0540b9..2a9801a 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(max-width: 320px) and (max-width: 360px){
+@media(max-width: 320px) and (min-width: 770px){
     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;