diff --git a/public/css/employees.css b/public/css/employees.css
index e3879f0..46d5b4a 100755
--- a/public/css/employees.css
+++ b/public/css/employees.css
@@ -177,7 +177,8 @@ body {
 }
 
 
-@media screen and (min-width: 320px) {
+@media screen and (min-width: 360px) and (max-height: 800px) {
+
 
     .sidenav {
         display: none;
diff --git a/public/css/index.css b/public/css/index.css
index 14e266c..4f12cf4 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) {
+@media screen and (min-width: 360px) and (max-height: 800px) {
 
     .form-control {
         margin: 1.1% 4% auto;