diff --git a/public/css/employees.css b/public/css/employees.css
index 46d5b4a..999d59d 100755
--- a/public/css/employees.css
+++ b/public/css/employees.css
@@ -177,7 +177,7 @@ body {
 }
 
 
-@media screen and (min-width: 360px) and (max-height: 800px) {
+@media only screen and (max-width: 700px) {
 
 
     .sidenav {
@@ -196,4 +196,18 @@ body {
         min-width: 90%;
     }
 
-}
\ No newline at end of file
+}
+
+/* Extra small devices (phones, 600px and down) */
+/* @media only screen and (max-width: 600px) {
+    .sidenav {
+        display: none;
+    }
+} */
+
+/* Small devices (portrait tablets and large phones, 600px and up) */
+/* @media only screen and (min-width: 600px) {
+    .sidenav {
+        display: none;
+    }
+} */
\ No newline at end of file
diff --git a/public/css/index.css b/public/css/index.css
index 4f12cf4..733b8d1 100755
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -139,7 +139,7 @@ input:-webkit-autofill:active {
   transition: background-color 9999s ease-in-out 0s;
 }
 
-@media screen and (min-width: 360px) and (max-height: 800px) {
+@media only screen and (max-width: 700px) {
 
     .form-control {
         margin: 1.1% 4% auto;