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

css/mobile.style.css

@@ -1,6 +1,32 @@
 /*-------------Customize by Screen Dimensions---------------------*/
 @media screen and (orientation:landscape) {
+}
 
+@media only screen
+and (min-width : 1700px)
+and (max-width : 1980px) {
+    .itemMenuHomeMetro a{
+        background-size: 250px 250px!important;
+        height: 300px;
+    }
+}
+
+@media screen
+and (min-width : 1281px)
+and (max-width : 1700px) {
+    .itemMenuHomeMetro a{
+        background-size: 200px 200px!important;
+        height: 220px;
+    }
+}
+
+@media screen
+and (min-width : 1100px)
+and (max-width : 1280px) {
+    .itemMenuHomeMetro a{
+        background-size: 180px 180px!important;
+        height: 200px;
+    }
 }
 
 /*
@@ -16,7 +42,6 @@ and (max-device-width : 568px) {
 
     .itemMenuHomeMetro a{
         background-size: 85px 85px!important;
-        display: block;
         height: 100px;
     }
 }
@@ -31,10 +56,26 @@ and (max-device-width : 480px) {
         width: 100px;
         height: 100px;
     }
+}
+
+@media only screen
+and (min-device-width : 320px)
+and (max-device-width : 480px)
+and (orientation: portrait) {
+    
+    .itemMenuHomeMetro a{
+        background-size: 70px 70px!important;
+        height: 80px;
+    }
+}
+
+@media only screen
+and (min-device-width : 320px)
+and (max-device-width : 480px) 
+and (orientation: landscape){
 
     .itemMenuHomeMetro a{
         background-size: 75px 75px!important;
-        display: block;
         height: 85px;
     }
 }
@@ -49,10 +90,25 @@ and (max-device-width : 667px) {
         width: 100px;
         height: 100px;
     }
+}
+
+@media only screen
+and (min-device-width : 375px)
+and (max-device-width : 667px)
+and (orientation: portrait) {
 
     .itemMenuHomeMetro a{
         background-size: 85px 85px!important;
-        display: block;
+        height: 110px;
+    }
+}
+
+@media only screen
+and (min-device-width : 375px)
+and (max-device-width : 667px)
+and (orientation: landscape)  {
+    .itemMenuHomeMetro a{
+        background-size: 85px 85px!important;
         height: 100px;
     }
 }
@@ -62,15 +118,63 @@ and (max-device-width : 667px) {
 */
 @media only screen
 and (min-device-width : 414px)
-and (max-device-width : 736px) {
+and (max-device-width : 736px) { 
     .itemMenuHomeMetro {
         width: 145px;
         height: 145px;
     }
+}
 
+@media only screen
+and (min-device-width : 414px)
+and (max-device-width : 736px) 
+and (orientation: portrait) { 
     .itemMenuHomeMetro a{
-        background-size: 105px 105px!important;
-        display: block;
-        height: 120px;
+        background-size: 140px 140px!important;        
+        height: 180px;
+    }
+}
+
+@media only screen
+and (min-device-width : 414px)
+and (max-device-width : 736px) 
+and (orientation: landscape) { 
+    .itemMenuHomeMetro a{
+        background-size: 55px 55px!important;
+        height: 70px;
+    }
+}
+
+/*
+    Ipad
+*/
+
+@media only screen
+and (min-device-width : 768px)
+and (max-device-width : 1024px){
+    .itemMenuHomeMetro {
+        width: 145px;
+        height: 145px;
+    }
+}
+
+@media only screen
+and (min-device-width : 768px)
+and (max-device-width : 1024px)
+and (orientation: portrait) {    
+    .itemMenuHomeMetro a{
+        background-size: 200px 200px!important;
+        height: 240px;
+    }
+}
+
+@media only screen
+and (min-device-width : 768px)
+and (max-device-width : 1024px)
+and (orientation: landscape)
+{
+    .itemMenuHomeMetro a{
+        background-size: 110px 110px!important;
+        height: 140px;
     }
 }