@media only screen and (max-width: 980px) { 

	#landing #logo {
	  float: left;
	  position: relative;
	  top: 2%;
	  left: 4.5%;
	  background: url(../img/logo.png);
	  width: 112.5px;
	  height: 48px;
	  background-size: 112.5px 48px;
	  text-indent: -9999px;

	}

	#landing #logo a{
	  float: left;
	  width: 112.5px;
	  height: 48px;
	  text-indent: -9999px;
	}

	#landing #contactButton {
	  position: absolute;
	  right: 4.5%;
	  top: 3.5%;
	  text-transform: uppercase;
	  font:600 0.8em 'Roboto', Arial,sans-serif;
	  color: #999;
	  border: 1px solid #ddd;
	  padding: 13px 20px;
	  border-radius: 3px;
}

#landing .para{
  float: left;
  width: 100%;
  padding:9% 4.5%;
  font-size: 1.2em;
  font-family: 'Roboto', Arial,sans-serif;
  color: #999;
  font-weight: 300;
  line-height: 34px;
  letter-spacing: -1px;
}

#applications .para{
  padding-top: 3%;
  float: left;
  width: 100%;
  font-size: 1.2em;
  font-family: 'Roboto', Arial,sans-serif;
  color: #fff;
  font-weight: 300;
  line-height: 34px;
  letter-spacing: -1px;

}

.nav {
	display: none;
}

#brands .para{
  padding-top: 3%;
  float: left;
  width: 100%;
  font-size: 1.2em;
  font-family: 'Roboto', Arial,sans-serif;
  color: #fff;
  font-weight: 300;
  line-height: 34px;
  letter-spacing: -1px;

}

#seo .para{
  padding-top: 3%;
  float: left;
  width: 100%;
  font-size: 1.2em;
  font-family: 'Roboto', Arial,sans-serif;
  color: #999;
  font-weight: 300;
  line-height: 34px;
  letter-spacing: -1px;
}

#browser {
  transform:scale(0.8);
}

#browser .weare {
  padding:0 50px;
  text-align: left;
  width: 40%;
}

.heading {
	font-size: 1.4em !important;
	width: 100% !important;
	margin: 0 !important;
}

.iphone {
  opacity: 0.1;
}

#seo .browser {
  margin: 0 auto;
  width: 779px;
  height: 513.5px;
  background: url(../img/browser.png) no-repeat;
  background-size: 779px 513.5px;
  display: block;
  position: absolute;
  right: -104% !important;
  bottom: -42%;
  opacity: 0;
  transform:scale(0.8) !important;
}

.br{
	transform:scale(0.8) !important;
	right: -20% !important;
	bottom: -10% !important;
	opacity: 0.1;
}

.spinner {
  margin: 80% auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  -webkit-animation: rotate 2.0s infinite linear;
  animation: rotate 2.0s infinite linear;
}



}


@media only screen and (max-width: 320px) { 

.sameButton {
  float: left;
  color: #fff;
  font:600 0.8em 'Roboto', Arial,sans-serif;
  text-transform: uppercase;
  border: 1px solid rgba(255,255,255,0.6);
  
}

#seo .browser {
  margin: 0 auto;
  width: 779px;
  height: 513.5px;
  background: url(../img/browser.png) no-repeat;
  background-size: 779px 513.5px;
  display: block;
  position: absolute;
  right: -150% !important;
  bottom: -42%;
  opacity: 0;
  transform:scale(0.8) !important;
}
.heading {
	font-size: 1.4em !important;
	width: 100% !important;
	margin: 0 !important;
	line-height: 40px !important;
}
}