/*@media (max-width: 1400px) {
	 .iphonehero{ max-width:170px; width:100%; display:inline-block;}
	.ipadehero{ max-width:800px; width:100%; display:inline-block; margin:0px; padding:0px 50px; }
}
@media (max-width: 1400px) {
	 .iphonehero{ max-width:150px;}
	.ipadehero{ max-width:700px;}
}*/
@media (min-width: 1700px) {
	.container-fluid{ max-width:1200px;}
}
@media (max-width: 1200px) {
	.zoomPosition1, .zoomPosition7{ left:0px;}
	.zoomPosition1{    max-width: 256px;}
	.zoomPosition7{ max-width: 256px;}
	.centerCols{ text-align:left;}
	
}
@media (max-width: 1100px) {
	.store-wrap a{ float:none !important; display:inline-block;     height: 70px;}
	.leftHeader, .rightHeader{ text-align:center; width:100%; max-width:100%; padding-right:15px;}
	.progressWrap{ max-width:100%;}
	
}

@media (max-width: 991px) {
	.rightHeader{ padding-top:20px;}
	.zoomPosition3{ right:-50px;}
	.zoomPosition9{ right:40px;}
	.clubwiseAppSection h1{ font-size: 30px; margin-bottom:30px;}
	.clubwiseAppSection h6{ font-size:24px;}
	.clubwiseAppSection p{ line-height:1.7; font-size:16px;}
	.listingSection li{ font-size:14px; line-height:1.6;}
	.sectionTitle, .everysection span, .heroHeader h1{ font-size:24px;}
	.header-txt h3, .heroHeader h2{ font-size:16px;}
	.statsSection .titleStats{ font-size:24px;}
	.statsSection .circle p, .statsSection .circle2 p, .statsSection .purpleText p, .statsSection .circle, .statsSection .circle2, .statsSection .circle3{ font-size:14px;}
	.clubwiseAppSection{ padding-bottom:50px;}
.darkSection, .lightSection{ padding:50px 0px;}
.darkSection .col-sm-6, .lightSection .col-sm-6{ width:100%;}
	.mobile100{ width:100%;}
	.mobile-margin-bottom{ margin-bottom:50px;}
	.mobileCenter{     max-width: 480px;
    width: 100%;
    margin: 0px auto;}
	 .mobileview{ display:inline-block;}
	 .desktopview{ display:none;}
	 .zoomSliderCenter .zoomPosition3, .zoomPosition8{ right:40px; left:auto;}
	 .zoomPosition2{ left:-70px;}
	 .dashboardRelative{ display:block; position:relative; width:100%; float:left; margin-bottom:50px;}
.dashboardRelative2{display:block; position:relative; width:100%; float:left; margin-bottom:50px;}
	 .dashiPhoneLeft, .dashiPhoneRight{ bottom:auto; position:relative; text-align:center; width:100%; float:left;}
	 .zoomPosition4 {
    top: 50%;
    left: 0;
    margin-top: -110px;
}
.zoomPosition6 {
      bottom: auto;  
    left: 0;
	right:auto;
    margin-top: 0;
    top: 50%;
}
.margintabtop100{ margin-bottom:0px;}
.iphonehero{    
-webkit-flex: 3 3 10%;
    flex: 3 3 10%;}
	 .ipadehero{-webkit-flex: 3 3 50%;
    flex: 3 3 50%;}
	.marginMiddleHero{ margin:0px 30px;}
	.zoomPosition5{ max-width:512px; width:100%;  right:0;  left:auto;    margin-right: 10px;}
	.zoomPosition2 {
    left: 50%;
    margin-left: -280px;
	top:20px;
}
.everysection .appstoreButton{ margin-top:0px;}
.store-wrap{ margin-top:40px;}
.memberManagmentPaddingTop{ padding-top:30px;}
.dashboardMB100{ margin-bottom:150px;}
}
@media (max-width: 767px) {
	.navbar-toggle{ background:#253d93; border-color: #253d93; margin-top:25px; }
	.navbar-inverse .navbar-toggle{border-color: #253d93; text-align:right; }
	.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{ background:#253d93; border-color: #253d93;}
	.navbar-collapse{ background:#fff; border:none; box-shadow:0px 30px 160px rgba(0,0,0,0.15);}
	.navbar-collapse.in{ overflow:inherit; }
	.navigationHeader .navbar-nav>li>a{ padding:15px;}
	.navbar-nav{ margin:0px;}
	.navbar-collapse{ padding:0px;}
 .navbar-inverse .navbar-toggle .icon-bar{
	 width:100%;
	 float:left;
	 -webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
  box-shadow:0px 15px 80px rgba(5,23,39,0.40);
 }
 .navbar-toggle{width:44px;}
	.navbar-inverse .navbar-toggle .icon-bar:nth-child(2){ width:15px;}
	.navbar-inverse .navbar-toggle:hover .icon-bar:nth-child(2){ 
	width:22px;
	-webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
  box-shadow:0px 15px 80px rgba(5,23,39,0.40);
  
	}
	.navbar-inverse .navbar-toggle:hover .icon-bar:nth-child(1), .navbar-inverse .navbar-toggle:hover .icon-bar:nth-child(3){ width:15px;}
	.zoomPosition3 {
    right: auto;
	
	}
	.zoomPosition3{ margin-left:40px;}
	.darkSection .col-sm-6, .lightSection .col-sm-6,  .centerCols{ text-align:center;}
	.listingSection li{ text-align:left;}
	.heroHeader, .statsSection{ padding:60px 0;}
}

@media (max-width: 680px) {
	.zoomPosition2 {
    left: 0px;
    right: auto;
    margin: 0px;
    display: inline-block;
    position: relative;
    margin-bottom: -20px;
}
.footerLeft, .footerRight{ width:100%; text-align:center; margin-bottom:15px; padding:0px;}
.footerLast p{ margin-top:10px;}
footer{ padding:60px 0;}
.everysection{ margin-top:40px;}
.margintabtop150{ margin-top:120px;}
.everysection span{ line-height:1.5;}
	.progressbar, .progressbar2, .progressbar3{ width:100%; margin-bottom:40px;}
}
@media (max-width: 550px) {
	.zoomPosition5{ margin-right:0px;}
	.store-wrap a{ width:100%; margin-right:0px;}
	.store-wrap .headerDemoButton{ margin-bottom:15px;}
}
@media (max-width: 480px) {
	.zoomPosition5{ margin:0px;}
	
}