git-svn-id: https://msi/svn/firstRepo/WebClient/branches/NewRelease@33 0f545695-f87b-41b6-9a03-7f16563b5454

css/mobile.style.css

@@ -1,9 +1,6 @@
 /*-------------Customize by Screen Dimensions---------------------*/
 @media screen and (orientation:landscape) {
-    #sfondo {
-        width: 154px;
-        height: 200px;
-    }
+
 }
 
 /*
@@ -12,9 +9,15 @@
 @media only screen
 and (min-device-width : 320px)
 and (max-device-width : 568px) {
-    #sfondo {
-        width: 231px;
-        height: 300px;
+    .itemMenuHomeMetro {
+        width: 100px;
+        height: 100px;
+    }
+
+    .itemMenuHomeMetro a{
+        background-size: 85px 85px!important;
+        display: block;
+        height: 100px;
     }
 }
 
@@ -24,8 +27,50 @@ and (max-device-width : 568px) {
 @media only screen
 and (min-device-width : 320px)
 and (max-device-width : 480px) {
-    #sfondo {
-        width: 231px;
-        height: 300px;
+    .itemMenuHomeMetro {
+        width: 100px;
+        height: 100px;
+    }
+
+    .itemMenuHomeMetro a{
+        background-size: 75px 75px!important;
+        display: block;
+        height: 85px;
+    }
+}
+
+/*
+    iPhone 6 in portrait & landscape
+*/
+@media only screen
+and (min-device-width : 375px)
+and (max-device-width : 667px) {
+    .itemMenuHomeMetro {
+        width: 100px;
+        height: 100px;
+    }
+
+    .itemMenuHomeMetro a{
+        background-size: 85px 85px!important;
+        display: block;
+        height: 100px;
+    }
+}
+
+/*
+    iPhone 6 Plus in portrait & landscape
+*/
+@media only screen
+and (min-device-width : 414px)
+and (max-device-width : 736px) {
+    .itemMenuHomeMetro {
+        width: 145px;
+        height: 145px;
+    }
+
+    .itemMenuHomeMetro a{
+        background-size: 105px 105px!important;
+        display: block;
+        height: 120px;
     }
 }