/* ----------- iPhone 6+ ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
	.logo {		
		right:20px;
		z-index:9999999;
	}
	.margin_t40 {
		margin-top:0px;
	}
	.navbar-toggle	{
		left:20px;
		margin-top:40px;
		position:absolute;
		z-index:999999999999999;
	}
	.lef_nav {
		margin-right:0px;
	}
	.navbar-nav {
		width:100%;
		text-align:center;
		padding-top:150px;
	}
	.d_padding {
		padding-top:10px !important;
	}
	.navbar-right {
		padding-right:20px; 
	 }
	 .btn_join {
	  margin:auto 0;
	  float:none;
	  width:100%;
	}
	#banner {
		background:#fff;
		padding-top:0px;
	}
	.title_banner {
		font-size:25px;
		padding-right:20px;
		padding-top:100px;
		padding-bottom:20px;
	}
	.bg_banner {
		padding:20px 20px 50px 20px;
	}
	.banner_phone {
		margin:auto 0;
		right:auto;
		left:auto;
	}
	.explore {		
		margin-top:560px;
		float:left;
		margin-left:100px;
	}
	#how_work {
		padding-top:15px;
		text-align:center !important;
	}
	.margin_t200 {
		margin-top:15px;
	}
	.title_how {
		text-align:center;
	}
	.description2 {
		text-align:center;
		padding-bottom:20px;
	}
	#about_us {
		padding:20px 15px 20px 15px;
	}
	.titles {
		text-align:center;
	}
	.description {
		text-align:center;
	}
	.box_one {
		padding:80px 15px 15px 15px;
	}
	.box_two {	
		padding:80px 15px 15px 15px;
	}
	.box_three {	
		padding:80px 15px 15px 15px;
	}
	ul.footer_nav  {
		text-align:center;
	}
	.download {
		text-align:center;
	}
	.social_center a {
		text-align:center;
	}
	.float_left {
		float:none;
		margin:auto 0;
	}
}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {
	.logo {		
		right:20px;
		z-index:9999999;
	}
	.margin_t40 {
		margin-top:0px;
	}
	.navbar-toggle	{
		left:20px;
		margin-top:40px;
		position:absolute;
		z-index:999999999999999;
	}
	.lef_nav {
		margin-right:0px;
	}
	.navbar-nav {
		width:100%;
		text-align:center;
		padding-top:150px;
	}
	.d_padding {
		padding-top:10px !important;
	}
	.navbar-right {
		padding-right:20px; 
	 }
	 .btn_join {
	  margin:auto 0;
	  float:none;
	  width:100%;
	}
	#banner {
		background:#fff;
		padding-top:0px;
	}
	.title_banner {
		font-size:25px;
		padding-right:20px;
		padding-top:100px;
		padding-bottom:20px;
	}
	.bg_banner {
		padding:20px 20px 50px 20px;
	}
	.banner_phone {
		margin:auto 0;
		right:auto;
		left:auto;
	}
	.explore {		
		margin-top:560px;
		float:left;
		margin-left:100px;
	}
	#how_work {
		padding-top:15px;
		text-align:center !important;
	}
	.margin_t200 {
		margin-top:15px;
	}
	.title_how {
		text-align:center;
	}
	.description2 {
		text-align:center;
		padding-bottom:20px;
	}
	#about_us {
		padding:20px 15px 20px 15px;
	}
	.titles {
		text-align:center;
	}
	.description {
		text-align:center;
	}
	.box_one {
		padding:80px 15px 15px 15px;
	}
	.box_two {	
		padding:80px 15px 15px 15px;
	}
	.box_three {	
		padding:80px 15px 15px 15px;
	}
	ul.footer_nav  {
		text-align:right;
	}
	.download {
		text-align:right;
	}
	.social_center a {
		text-align:right;
	}
	.float_left {
		float:none;
		margin:auto 0;
	}
}

  
  

/* ----------- iPhone 6 ----------- */


/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
	.logo {		
		right:20px;
		z-index:9999999;
	}
	.margin_t40 {
		margin-top:0px;
	}
	.navbar-toggle	{
		left:20px;
		margin-top:40px;
		position:absolute;
		z-index:999999999999999;
	}
	.lef_nav {
		margin-right:0px;
	}
	.navbar-nav {
		width:100%;
		text-align:center;
		padding-top:150px;
	}
	.d_padding {
		padding-top:10px !important;
	}
	.navbar-right {
		padding-right:20px; 
	 }
	 .btn_join {
	  margin:auto 0;
	  float:none;
	  width:100%;
	}
	#banner {
		background:#fff;
		padding-top:0px;
	}
	.title_banner {
		font-size:25px;
		padding-right:10px;
		padding-top:100px;
		padding-bottom:20px;
	}
	.bg_banner {
		padding:20px 20px 50px 20px;
	}
	.banner_phone {
		right:0 !important;
		
	}
	.explore {		
		margin-top:560px;
		float:left;
		margin-left:100px;
	}
	#how_work {
		padding-top:15px;
		text-align:center !important;
	}
	.margin_t200 {
		margin-top:15px;
	}
	.title_how {
		text-align:center;
	}
	.description2 {
		text-align:center;
		padding-bottom:20px;
	}
	#about_us {
		padding:20px 15px 20px 15px;
	}
	.titles {
		text-align:center;
	}
	.description {
		text-align:center;
	}
	.box_one {
		padding:80px 15px 15px 15px;
	}
	.box_two {	
		padding:80px 15px 15px 15px;
	}
	.box_three {	
		padding:80px 15px 15px 15px;
	}
	ul.footer_nav  {
		text-align:right !important;
	}
	.download {
		text-align:right !important;
	}
	.social_center a {
		text-align:right !important;
	}
	.float_left {
		float:none;
		margin:auto 0;
	}
}



/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
	.logo {		
		right:20px;
		z-index:9999999;
	}
	.margin_t40 {
		margin-top:0px;
	}
	.navbar-toggle	{
		left:20px;
		margin-top:40px;
		position:absolute;
		z-index:999999999999999;
	}
	.lef_nav {
		margin-right:0px;
	}
	.navbar-nav {
		width:100%;
		padding-top:150px;
	}
	.d_padding {
		padding-top:10px !important;
	}
	.navbar-right {
		padding-right:20px; 
	 }
	 .btn_join {
	  margin:auto 0;
	  float:none;
	  width:100%;
	}
	#banner {
		background:#fff;
		padding-top:0px;
	}
	.title_banner {
		font-size:25px;
		padding-right:20px;
		padding-top:100px;
		padding-bottom:20px;
	}
	.bg_banner {
		padding:20px 20px 50px 20px;
	}
	.banner_phone {
		margin:auto 0;
		right:auto;
		left:auto;
	}
	.explore {		
		margin-top:560px;
		float:left;
		margin-left:100px;
	}
	#how_work {
		padding-top:15px;
		text-align:center !important;
	}
	.margin_t200 {
		margin-top:15px;
	}
	.title_how {
		text-align:center;
	}
	.description2 {
		text-align:center;
		padding-bottom:20px;
	}
	#about_us {
		padding:20px 15px 20px 15px;
	}
	.titles {
		text-align:center;
	}
	.description {
		text-align:center;
	}
	.box_one {
		padding:80px 15px 15px 15px;
	}
	.box_two {	
		padding:80px 15px 15px 15px;
	}
	.box_three {	
		padding:80px 15px 15px 15px;
	}
	ul.footer_nav  {
		text-align:right;
	}
	.download {
		text-align:right;
	}
	.social_center a {
		text-align:right;
	}
	.float_left {
		float:none;
		margin:auto 0;
	}
  
}




/* ----------- iPhone 5 and 5S ----------- */


/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {

	.logo {		
		right:20px;
		z-index:9999999;
	}
	.margin_t40 {
		margin-top:0px;
	}
	.navbar-toggle	{
		left:20px;
		margin-top:40px;
		position:absolute;
		z-index:999999999999999;
	}
	.lef_nav {
		margin-right:0px;
	}
	.navbar-nav {
		width:100%;
		text-align:center;
		padding-top:150px;
	}
	.d_padding {
		padding-top:10px !important;
	}
	.navbar-right {
		padding-right:20px; 
	 }
	 .btn_join {
	  margin:auto 0;
	  float:none;
	  width:100%;
	}
	#banner {
		background:#fff;
		padding-top:0px;
	}
	.title_banner {
		font-size:25px;
		padding-right:20px;
		padding-top:100px;
		padding-bottom:20px;
	}
	.bg_banner {
		padding:20px 20px 50px 20px;
	}
	.banner_phone {
		right:0 !important;
	}
	.explore {		
		margin-top:560px;
		float:left;
		margin-left:50px;
	}
	#how_work {
		padding-top:15px;
		text-align:center !important;
	}
	.margin_t200 {
		margin-top:15px;
	}
	.title_how {
		text-align:center;
	}
	.description2 {
		text-align:center;
		padding-bottom:20px;
	}
	#about_us {
		padding:20px 15px 20px 15px;
	}
	.titles {
		text-align:center;
	}
	.description {
		text-align:center;
	}
	.box_one {
		padding:80px 15px 15px 15px;
	}
	.box_two {	
		padding:80px 15px 15px 15px;
	}
	.box_three {	
		padding:80px 15px 15px 15px;
	}
	ul.footer_nav  {
		text-align:right !important;
	}
	.download {
		text-align:right !important;
	}
	.social_center a {
		text-align:right !important;
	}
	.float_left {
		float:none;
		margin:auto 0;
	}
} 
  
/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
 	.logo {		
		right:20px;
		z-index:9999999;
	}
	.margin_t40 {
		margin-top:0px;
	}
	.navbar-toggle	{
		left:20px;
		margin-top:40px;
		position:absolute;
		z-index:999999999999999;
	}
	.lef_nav {
		margin-right:0px;
	}
	.navbar-nav {
		width:100%;
		text-align:center;
		padding-top:150px;
	}
	.d_padding {
		padding-top:10px !important;
	}
	.navbar-right {
		padding-right:20px; 
	 }
	 .btn_join {
	  margin:auto 0;
	  float:none;
	  width:100%;
	}
	#banner {
		background:#fff;
		padding-top:0px;
	}
	.title_banner {
		font-size:25px;
		padding-right:20px;
		padding-top:100px;
		padding-bottom:20px;
	}
	.bg_banner {
		padding:20px 20px 50px 20px;
	}
	.banner_phone {
		margin:auto 0;
		right:auto;
		left:auto;
	}
	.explore {		
		margin-top:560px;
		float:left;
		margin-left:100px;
	}
	#how_work {
		padding-top:15px;
		text-align:center !important;
	}
	.margin_t200 {
		margin-top:15px;
	}
	.title_how {
		text-align:center;
	}
	.description2 {
		text-align:center;
		padding-bottom:20px;
	}
	#about_us {
		padding:20px 15px 20px 15px;
	}
	.titles {
		text-align:center;
	}
	.description {
		text-align:center;
	}
	.box_one {
		padding:80px 15px 15px 15px;
	}
	.box_two {	
		padding:80px 15px 15px 15px;
	}
	.box_three {	
		padding:80px 15px 15px 15px;
	}
	ul.footer_nav  {
		text-align:right;
	}
	.download {
		text-align:right;
	}
	.social_center a {
		text-align:right;
	}
	.float_left {
		float:none;
		margin:auto 0;
	}
}
 

/* ----------- iPad mini ----------- */



/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

	.logo {		
		right:20px;
		z-index:9999999;
	}
	.marg_mob {
		margin-top:50px !important;
	}
	.margin_t40 {
		margin-top:0px;
	}
	.lef_nav {
		margin-right:0;
	}
	.navbar-right {
		padding-right:100px; 
	 }
	 .btn_join {
	  display: inline-block;
	  padding: 10px 10px;
	  margin-bottom: 0;
	  font-size: 14px;
	  font-weight: normal;
	  line-height: 1.42857143;
	  text-align: center;
	  white-space: nowrap;
	  vertical-align: middle;
	  -ms-touch-action: manipulation;
		  touch-action: manipulation;
	  cursor: pointer;
	  -webkit-user-select: none;
		 -moz-user-select: none;
		  -ms-user-select: none;
			  user-select: none;
	  background-image: none;
	  border: 1px solid transparent;
	  border-radius: 25px;
	  margin-top:3px;
	  float:right;
	}

	#banner {
		background:#fff;
		padding-top:0px;
	}
	.title_banner {
		font-size:25px;
		padding-right:20px;
		padding-top:100px;
		padding-bottom:20px;
	}
	.desc_banner {
		padding-left:45px !important;
		padding-right:15px;
	}
	.bg_banner {
		padding:20px 20px 50px 20px;
	}
	.banner_phone {
		left:0;
	}
	.explore {		
		margin-top:560px;
		float:left;
		margin-left:30px;
	}
	#how_work {
		padding-top:15px;
		text-align:right !important;
	}
	.title_how {

		margin-top:100px !important;
	}
	.margin_t200 {
		margin-top:15px;
	}

	.description2 {
		text-align:right;
		padding-bottom:20px;
	}
	#about_us {
		padding:20px 15px 20px 15px;
	}
	.titles {
		text-align:center;
	}
	.description {
		text-align:center;
	}
	.box_one {
		padding:80px 15px 15px 15px;
	}
	.box_two {	
		padding:80px 15px 15px 15px;
	}
	.box_three {	
		padding:80px 15px 15px 15px;
	}
	ul.footer_nav li {
		float:right;
	}

   
  
  }
  
  
  /* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  
  
	.logo {		
		right:20px;
		z-index:9999999;
	}
	.marg_mob {
		margin-top:50px !important;
	}
	.margin_t40 {
		margin-top:0px;
	}
	.lef_nav {
		margin-right:180px;
	}
	.navbar-right {
		padding-right:100px; 
	 }
	 .btn_join {
	  display: inline-block;
	  padding: 10px 40px;
	  margin-bottom: 0;
	  font-size: 14px;
	  font-weight: normal;
	  line-height: 1.42857143;
	  text-align: center;
	  white-space: nowrap;
	  vertical-align: middle;
	  -ms-touch-action: manipulation;
		  touch-action: manipulation;
	  cursor: pointer;
	  -webkit-user-select: none;
		 -moz-user-select: none;
		  -ms-user-select: none;
			  user-select: none;
	  background-image: none;
	  border: 1px solid transparent;
	  border-radius: 25px;
	  margin-top:3px;
	  float:right;
	}

	#banner {
		background:#fff;
		padding-top:0px;
	}
	.title_banner {
		font-size:25px;
		padding-right:20px;
		padding-top:100px;
		padding-bottom:20px;
	}
	.desc_banner {
		padding-left:45px !important;
		padding-right:15px;
	}
	.bg_banner {
		padding:20px 20px 50px 20px;
	}
	.banner_phone {
		right:-150px;
	}
	.explore {		
		margin-top:560px;
		float:left;
		margin-left:30px;
	}
	#how_work {
		padding-top:15px;
		text-align:right !important;
	}
	.title_how {

		margin-top:100px !important;
	}
	.margin_t200 {
		margin-top:15px;
	}

.description2 {
	
	background:none;
	padding-bottom:20px;
}
	#about_us {
		padding:20px 15px 20px 15px;
	}
	.titles {
		text-align:center;
	}
	.description {
		text-align:center;
	}
	.box_one {
		padding:80px 15px 15px 15px;
	}
	.box_two {	
		padding:80px 15px 15px 15px;
	}
	.box_three {	
		padding:80px 15px 15px 15px;
	}
	ul.footer_nav li {
		float:right;
	}
 
  }	  
  
 @media only screen and (max-width: 384px) and (orientation : portrait) {
	 
	.logo {		
		right:20px;
		z-index:9999999;
	}
	.margin_t40 {
		margin-top:0px;
	}
	.navbar-toggle	{
		left:20px;
		margin-top:40px;
		position:absolute;
		z-index:999999999999999;
	}
	.lef_nav {
		margin-right:0px;
	}
	.navbar-nav {
		width:100%;
		text-align:center;
		padding-top:150px;
	}
	.d_padding {
		padding-top:10px !important;
	}
	.navbar-right {
		padding-right:20px; 
	 }
	 .btn_join {
	  margin:auto 0;
	  float:none;
	  width:100%;
	}	 
	 
 }