@charset "utf-8";
/* CSS Document */



/**************************** Responsive ****************************************/
@media only screen and (min-width:992px) and (max-width: 1200px) {
	.optin-form .join-us {
		font-size: 18px;
	}
  .reward-block .headerBlock {
    position: relative;
    z-index: 1;
    margin-bottom: -100px;
    padding-left: 20px;
  }
}

@media screen and (max-width: 980px) {
	
	.navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
		margin-bottom:2px;
    }
    .collapse.in{
          display:block !important;
    }
.banner .content h1{
     font-size:80px; 
  }
	.container{width:95%;}
	
	.banner {
  background: #000 url("../../images/nowlifestyle/banner.jpg") no-repeat left top;
    background-size: cover;
  margin-top: 70px;
  min-height: 385px;
}
	.video-container {
		display: none;
	}
	.pauseBut {
		display: none;
	}
	
	.banner .content p{font-size: 20px;  line-height:26px;}
	.navbar-header{min-height:70px;}
	.optin-form{padding: 0 15px 15px;}
	.page-title{top: 85px;}
    .page-title h1{padding: 15px 30px;}
	.page-header-img{height:auto;}
	.testi{width:100%;}
	.thumbnail {height: 380px; padding: 0;}
	.get-started img {margin:0 auto 10px auto; width: 50%;}
	.workout img { margin-left: 15px; width: 100%;}
  .orangeBtn-new {font-size: 20px;}
}



@media screen and (max-width: 800px) {	
	.optin-form{padding: 0 15px 15px;}
	.page-title{top:70px;}
	.7min img{width:90%;}
	.thumbnail {height:auto; padding: 0;}
	
	.wel-content h1{font-size:24px;}
	.wel-content p{font-size:18px;}
	.btn-read{width:100%; height:auto; font-size: 16px; }
	.padding{padding:5px;}
	.section-box h1{font-size:20px;}
	.section-box span{width: 95%;}
	.section-box{min-height:360px;}
	.footer h3{font-size:20px;}
	.inline{width:100%;}
  .signup-now { padding-top: 40px; padding-bottom: 40px; }
  .signup-now h1 { font-size: 28px; }
  .join-us2 { font-size: 20px; }
}


@media screen and (max-width: 768px) {
	.video-slider img{margin:0;}
	.banner .content{width:100%;}
	
}

@media screen and (max-width: 640px){
	.video-slider img{margin:0;}
	.section-box{margin-bottom:20px;}
	.optin-div{margin-top:20px; border-radius:8px;}
	.banner .content{width:100%;}
	.banner .content p{font-size: 20px;  line-height:26px;}
	.page-title h1{font-size:24px;}
	.optin-title {width: 216px;}
	.thumbnail{height:auto;}
	.wel-content h1{font-size:24px; text-align:center;}
	.wel-content p{font-size:18px; text-align:center;}
	.btn-read{width:100%; text-align:center; height:auto; font-size: 16px; display:block;}
	.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img{display:inline;}
	.workout img{width:100%; margin:0;}
	.jointoday{padding:0;}
	.get-started img{width:100%;}
}

@media screen and (max-width: 480px){
	.page-title{top:57px;}
	
}

@media screen and (max-width: 360px){
	.page-title{top:51px;}
	.page-title h1{font-size:19px;}
	.float-left{float:none; margin-bottom:20px;}

}

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

	.banner .content h1 {font-size:24px;}
	.page-title h1{font-size:14px;}
}

@media only screen and (min-width: 320px){
.banner .content {
    width: 100%;
}
.banner .content h1{
     font-size:28px; 
  }
.banner .content h1 span{
	font-size:14px;
}
.orangeBtn::after {
  content: url(../../images/nowlifestyle/money_back.png);
  position: absolute;
  right: -50px;
  bottom: -60px!important;
}
}
@media only screen and (min-width: 480px){
.banner .content {
    width: 90%;
}
.banner .content h1{
     font-size:40px; 
  }
}
@media only screen and (min-width: 768px){
.banner .content {
    width: 70%;
}
.banner .content h1{
     font-size:70px; 
  }
.banner .content h1 span{
	font-size:18px;
}
.level-wrap {
  border: 2px solid #ccc;
  border-radius: 6px;
  padding: 15px;
  margin: 20px 0 40px 0;
  background:white;
 }
.shadow {
position:relative;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
}
.shadow:before, .shadow:after{
  content:"";
  position:absolute;
  bottom:0;top:2px;left:15px;right:15px;
  z-index:-1;
  border-radius:100px/30px;
 -webkit-box-shadow:0 0 30px 2px #999;
  -moz-box-shadow:0 0 30px 2px #999;
  box-shadow: 0 0 30px 2px #999;
}
}
@media only screen and (min-width: 992px){
.banner .content {
    width:80%;
}
.banner .content h1{
     font-size:80px; 
  }
.orangeBtn::after {
  right: -90px;
  top: -30px;
}
.btn-facts-wrap {
  text-align: right;
}
.navbar-nav > li > a {
  padding-left: 10px;
  padding-right: 10px;
}
}
@media only screen and (min-width: 1200px){
.banner .content {
    width: 60%;
}
.banner .content h1{
     font-size:100px; 
  }
.timingBg {
		background: url(../../images/nowlifestyle/timing.jpg) #fff no-repeat right top;
	}
.rewardBg {
  background: url(../../images/nowlifestyle/rewardBg.jpg) #fff no-repeat right top;
  background-size: cover;
}
}
@media only screen and (min-width: 1600px){
.banner .content {
    width: 50%;
}

}