@media only screen and (max-width:1280px) {
*{box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box;}
/*.hero .form, .see-how, .login-sign-dasktop{display:none;}*/
.login-sign-dasktop{  display: block;text-align: center !important;width: 100% !important;}
.hero .title {font-size: 16px; margin-top: 100px; text-align: center; width: 100%;}
.hero .title .main-title{font-size:22px; margin-top:4px !important; font-weight:300;}
.login-sign-mob{display:block; width:100%; text-align:center; float:left;}
.button-top {display: inline-block; float: none; margin: 20px 5px 0; text-align: center;}
.hero .title {margin-top: 10px;  text-align: center;}
.menu .logo {text-align: center; width: 100%;}
.menu .logo img{width:auto !important; height:auto !important;}
.hero .title br{display:none;}
.play-btn{display:inline-block; width:100%; margin-top:25px;}
.play-btn img{width:80px; height:80px;}
.hero {background-color: #333333; background-image: url("../../images/home/top-3.jpg"); background-position: center bottom; background-repeat: no-repeat;
height: auto; padding:0px 20px 25px 20px;}
.nav-container {
  border: medium none;
  font-weight: 600;
  height: auto;
  left: 0;
  padding-bottom: 20px;
  position: relative;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1;
}
.nav-container .nav {height: auto; width: 100%; display:inline-block;}
h1 {color: #000; font-size: 18px; font-weight: 300; text-align: center; text-decoration: none; float:left; width:100%;}
.nav-container h1 .style3{color:#000; width:100%; float:left;}
.container {margin-left: 0; margin-right: 0; max-width: 768px; min-width: inherit; padding: 0 15px; width: 100%; margin:auto;}
.right-content, .left-content {height: auto; margin:0; min-width: inherit; padding: 0;  width: 100%;}
.subtitle {font-size: 20px; line-height:normal;}
.container p {margin-right: 20px; min-height: inherit; padding: 20px 10px; float:left; width:100%;}
.big-content-in{padding-top: 0; font-size:14px; color:#3f3730; line-height:20px; font-weight:400;}
.block-container{display:inline-block; width:100%; padding:40px 0px; min-height:inherit; margin-top:35px;}
.block .item {
  margin: 20px 0;
  min-height: inherit;
  min-width: inherit;
  padding: 0 25px;
  width: 100%;
  font-weight:400;
}
.subtitle-2 {font-family: "Open Sans",sans-serif; font-size: 22px; font-weight:300; line-height: 24px; padding: 10px;}
.block .item img {padding-top: 18px; width: 60px;}
.circle {height: 110px; margin-left: auto;  margin-right: auto; width: 110px;}
.style4 {font-size: 28px; font-weight:300;}
.cta{padding:50px 0px; min-height:inherit;}
.cta br{display:none;}
.cta .style1{display:inline-block; width:100%;}
.cta .style2{font-size:16px !important; display:inline-block; width:100%; margin-bottom:25px; padding-top:4px !important;}
.footer-container {margin-left: 0; margin-right: 0; max-width: 768px; min-width: inherit; padding: 0 15px; width: 100%; margin:auto;}
.footer-container ul{display:inline-block; width:100%; padding-top:20px;}
.footer-container ul li{display:inline-block; width:100%; padding:0px;}
.footer-container ul li a {display: inline-block; width:100%; font-size: 13px; font-weight: 400; height: 34px; padding: 0px; text-align: left;
text-decoration: none;}
.block {
  display: inline-block;
  margin: 0;
  min-width: inherit;
  width: 100%;
}
.menu, .hero-container {width: 100%; display:inline-block; text-align:center;}

body{font-size:15px;}
.main-content br{display:none;}
img{max-width:100%;}
.small-content-in {padding-right: 15px;}

.f-nav {
  background-image: url("../../images/home/gradient.png");
  background-repeat: repeat-x;
  /*box-shadow: 0 0 4px #dadada;*/
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1;
}

.legal {color: #000;}

.hero .form {display: inline-block; float:none; margin:25px 0px 20px 0px; max-width:479px; width:100%; padding:0px 25px 15px 25px;}
.facebook-login{height:auto; padding: 10px 25px; width:100%; font-size:14px;}  
	
.facebook-login i{font-size:20px; margin-right:25px;}
.input-form input[type="text"],.input-form input[type="password"], input[type="submit"], input[type="button"] {width:100%;}
.line{width:100%;}
.remamber{padding-left:0px !important;}
.f-pas{padding-right:0px !important; float:right !important;}
.hero .form {color: #999999;}


}

@media only screen and (max-width:992px) {
.pad-none{ padding:0 0 !important; }
.small-content-in{ text-align:center; padding-right:0;}
.small-content-in img{ width:55%;}
.big-content-in{ width:60%; padding:0 2%; font-size: 14px;line-height: 18px;}
.block-container{margin-top: 30px; padding: 30px 0;}
.block .item{ min-height:260px; width:90%; margin:0 5%; padding: 0 40px;}
.footer-container ul li a{ padding-left:30px;}
.footer-container{ padding:0;}
.footer-container ul{ float:left;}
.footer-container ul li{ float:left;}
.footer-container ul li a{ float:left; height:41px;}
.container p:hover{border-bottom:1px solid #dddddd; border-top:none;}
.container p{ border-bottom:1px solid #dddddd; border-top:none;}
/*.nav-container{ border-bottom:1px solid #dddddd;}*/

}



@media only screen and (max-width:479px) {
.hero .form #pages{float:left; width:100%;}
.facebook-login {font-size: 15px; padding: 10px;}
.facebook-login i{bottom: -2px;  font-size: 22px !important; margin-right:16px !important;  position: relative;}
}