Responsivity bugs fixed. Start page formatted

css/custom.css

@@ -28,12 +28,11 @@
   top: 3%;
 }
 
-@media only screen and (max-width:500px) and (min-width: 250px){
-  .cta-buy {
-    left: 79%;
-    top: 13%;
-    width: 60px;
-  }
+.play-store {
+  cursor: default;
+}
+
+@media only screen and (max-width:700px) and (min-width: 250px){
 
   #logo {
   background-color: rgba(0, 0, 0, 0);

css/main.css

@@ -299,7 +299,7 @@ margin:0 auto;
 }
 
 .infobox {
-  margin-right: 3.47%;
+  /*margin-right: 3.47%;*/
   max-width: 400px;
   position: fixed;
   top: 31.5%;

css/media.css

@@ -183,10 +183,7 @@
     }
 }
 
-
-
-@media only screen and (max-width:1053px) and (min-width:700px)
-{
+@media only screen and (max-width:1053px) and (min-width:700px){
 .storebuttons li 
 {
   float: left!important;

css/menubar.css

@@ -0,0 +1,95 @@
+.topbar {
+  background: none repeat scroll 0 0 #fafafa;
+  border-bottom: 1px solid #dedddd;
+  float: left;
+  width: 100%;
+}
+.topbar-socialicons {
+  display: block;
+  list-style: outside none none;
+  margin-bottom: 10px;
+  margin-top: 12px;
+  padding-left: 0;
+}
+.topbar-socialicons li {
+  display: inline;
+  padding: 6px;
+}
+.topbar-innerdiv
+{
+max-width:900px;
+margin:0 auto;
+}
+.topbar-socialicons li a i {
+  color: #838383;
+  font-size: 16px;
+}
+.topbar-socialicons li a i:hover {
+  color: #168fa0;
+  font-size: 16px;
+}
+.logo_inner_div {
+   margin: 0 auto;
+  max-width: 900px;
+ }
+.preorder_div {
+  float: right;
+  text-align: right;
+  padding: 0px;
+}
+.logo_div {
+  float: left;
+  padding: 10px 0;
+  width: 100%;
+}
+.preorder_div > img {
+  padding-top: 32px;
+}
+.menu_div_one {
+  border-bottom: 1px solid #d2d3d4;
+  border-top: 1px solid #d2d3d4;
+  float: left;
+  width: 100%;
+}
+.menu_list_one {
+  display: block;
+  margin-top: 10px;
+  padding-left: 0;
+  text-align: center;
+}
+.menu_list_one > li {
+  display: inline;
+  padding: 0 16px;
+}
+.menu_list_one a {
+  color: #333333;
+  font-family: 'Quattrocento', serif;
+  font-size: 15px;
+}
+.menu_list_one a:hover {
+  color: #168fa0;
+  }
+
+ #frmSearch {
+  margin-bottom: 7px;
+  margin-top: 7px;
+}
+#keywords {
+  border: 1px solid #e7e6e6;
+  color: #000 !important;
+  font-family: 'Quattrocento', serif;
+  padding: 3px 10px;
+  width: 100%;
+}
+.searchbox
+{
+padding:0px;
+}
+.containerdocs{
+float: left;
+  width: 100%;
+}
+.blogcontent{
+float: left;
+  width: 100%;
+}

css/staticlayout.css

@@ -146,35 +146,36 @@ nav#nav-mobile a:hover {
     display: block; 
   }
 }
+
 /* SOURABH CHANGES 18-02-15  ENDS HERE 
 -------------------------------------------------------------- */
 
-
 @media only screen and (max-width:670px) and (min-width:600px){
 .rgbamonitor {
-  height: 136px!important;
-  width: 164px!important;
+  /*height: 136px!important;*/
+  /*width: 164px!important;*/
   }
 }
 
-@media only screen and (max-width:480px) and (min-width:410px){
+@media only screen and (max-width:480px) and (min-width:416px){
   .rgbaouterdiv {
     float: left;
-    margin: 40px 0 20px 36px !important;
+    margin: 40px 0 20px 55px !important;
   }
   .rgbamonitor1 {
     margin-left: 78px;
   }
 }
 
-@media only screen and (max-width:409px) and (min-width:250px){
-  .rgbaouterdiv {
-    float: left;
-    margin: 40px 0 20px 30px !important;
-  }
+@media only screen and (max-width:415px) and (min-width:250px){
+
   .rgbamonitor1 {
     margin-left: 78px;
   }
+
+  .moodlamp {
+    margin-left: 60px !important;
+  }
 }
 
 @media only screen and (max-width:800px) and (min-width:606px){
@@ -384,12 +385,12 @@ nav#nav-mobile a:hover {
 
 .bottomhands .img-responsive {
   float: right;
-  width: 250px;
+  width: 200px;
   margin-top: 5%;
 }
 
 .motionbottomhands .img-responsive {
-  width: 180px !important;
+  width: 160px !important;
 }
 
 .rgbamonitor
@@ -603,9 +604,8 @@ width: 200px;
   display: block;
   float: left;
   margin-left: 0px;
-  margin-top: 114px;
+  margin-top: 152px;
   width: 115px;
-
 }
 
 .motion .infobox h2 {
@@ -1004,7 +1004,6 @@ display:block;
 
 .slidinghandTahnewrgb {
   float: left;
-  margin-left: 0px;
   margin-top: 154px;
   width: 115px;
   display:block;
@@ -1084,10 +1083,6 @@ width: 200px;
   width: 100% !important;
 }
 
-.rgbaouterdiv {
-  float: left;
-  margin: 40px 0 20px 100px;
-}
 }
 
 @media only screen and (max-width:800px) and (min-width:250px){
@@ -1119,6 +1114,10 @@ width: 200px;
     position: absolute;
     top: 0 !important;
   }
+
+  .arduino-appstore {
+    height: 33px;
+  }
 }
 
 @media only screen and (max-width:359px) and (min-width:200px){
@@ -1128,6 +1127,10 @@ width: 200px;
     margin-left: 0px !important;
     margin-top: -1px !important;
   }
+
+  .arduino-appstore {
+    height: 33px;
+  }
 }
 
 @media only screen and (max-width:359px) and (min-width:250px){
@@ -1145,17 +1148,14 @@ width: 200px;
     width: 290px;
   }
 
-.slidinghandTahnew {
-  float: none;
-  margin-left: 75%;
-  }
 .slidinghandTahnewrgb {
   float: none;
   margin-top: 160px;
+  margin-left: 190px;
  }
 
 .canvas-mini {
-   margin-left: 0;
+  margin-left: 0;
   }
 .sensor > .container > .bottomhands img {
   margin-left: 0px!important;
@@ -1168,9 +1168,6 @@ width: 200px;
   right: auto;
   width: 75px !important;
 }
-.slidinghandTahnew {
-  width: 85px;
-}
 
 .slidinghandTah {
   width: 85px;
@@ -1200,4 +1197,98 @@ width: 200px;
   max-height: 480px;
   overflow-x: scroll !important;
 }
-}
+}
+
+@media only screen and (max-width:800px) and (min-width:651px){
+  .cta-buy {
+    left: 85%;
+    top: 10%;
+    width: 90px;
+  }
+
+  #logo {
+    top: 10%;
+  }
+}
+
+@media only screen and (max-width:650px) and (min-width:360px){
+  .cta-buy {
+    left: 85%;
+    top: 13%;
+    width: 60px;
+  }
+}
+
+@media only screen and (max-width:359px) and (min-width:250px){
+  .cta-buy {
+    left: 79%;
+    top: 13%;
+    width: 60px;
+  }
+}
+
+@media only screen and (max-width:320px) and (min-width:250px){
+  .rgbaouterdiv {
+  float: left;
+  margin: 40px 0 20px 0px !important;
+  }
+
+  .slidinghandTahnew {
+    float: none;
+    margin-left: 166px;
+    width: 85px;
+  }
+
+  .slidinghandTahMotion {
+    float: none;
+    margin-left: 202px;
+    width: 60px;
+  }
+}
+
+@media only screen and (max-width:415px) and (min-width:321px){
+  .rgbaouterdiv {
+    float: left;
+    margin: 40px 0 20px 15px !important;
+  }
+
+  .slidinghandTahnew {
+    float: none;
+    margin-left: 182px;
+    width: 85px;
+  }
+
+  .slidinghandTahMotion {
+    float: none;
+    margin-left: 217px;
+    width: 73px;
+  }
+}
+
+@media only screen and (max-width:800px) and (min-width:481px){
+  .rgbaouterdiv {
+    float: left;
+    margin: 40px 0 20px 70px !important;
+  }
+}
+
+@media only screen and (max-width:800px) and (min-width:606px){
+  .slidinghandTahMotion {
+    float: none;
+    margin-left: 475px;
+    margin-top: 100px;  
+    width: 100px;
+  }
+
+  .rgbaouterdivmotion {
+    float: left;
+    margin: 40px 0 20px 15px !important;
+  }
+} 
+
+@media only screen and (max-width:800px) and (min-width:700px){
+  .storebuttons {
+    /*float: none!important;*/
+    margin-left: 10%;
+  }
+}