body { font-family: 'Open Sans', sans-serif;} @media (max-width:767px){ h2{ font-size:24px} h3{ font-size:20px; text-align:center} h4{ font-size:17px; font-weight:bold} .navbar-default{ background:#065092; border-radius:0; border:0} #resp-mainNav{float:none} #resp-mainNav .navbar-nav{margin-top:0; margin-bottom:0} #resp-mainNav >ul >li a{ border-bottom:1px solid #3c87bb} #resp-primeNav{position:absolute; z-index:9999; right:0; top:51px; width:auto} .navbar-brand{display:block; width:100%; text-align:center} .navbar-header.landingpage > .navbar-brand { display:inherit;width:inherit;padding:0 15px 10px } .navbar-brand img{float:none} #resp-primeNav >ul{} #resp-primeNav >ul >li{float:left; text-align:center; border-right:0} #resp-primeNav .navbar-nav{float:right; margin-right:35px} #resp-primeNav >ul >li .dropdown-menu{ position:absolute; background:#3c87bb} #resp-primeNav >ul >li .dropdown-menu.login{ margin-left:-45px} #resp-primeNav >ul >li .dropdown-menu li{ text-align:left} #resp-primeNav >ul >li .dropdown-menu li a{ color:#fff; background:url(../img/img-saperator-nav.png) center top no-repeat;border:1px solid red;} #resp-primeNav >ul >li a{border-radius:5px 5px 0 0} #resp-primeNav >ul >li a.login{padding:0; background:none; margin:2px 5px} #resp-primeNav >ul >li a.login span{ display:none} #resp-primeNav >ul >li a.login img{ display:block} #resp-primeNav .navbar-default .navbar-nav >.open >a, #resp-primeNav .navbar-default .navbar-nav >.open >a:hover, #resp-primeNav .navbar-default .navbar-nav >.open >a:focus{ background:#3c87bb; color:#fff} .outerNavContainer{background:none} /**************************************************/ .outerRearchBox{padding:0; background:#999} .resp-searchBox{ background-color:transparent; font-size:13px; opacity:1.0; padding:0; width:100%; position:relative; bottom:0} .resp-searchBox .resp-searchForm{padding:0 0 10px} .resp-searchBox h2{ font-size:16px; font-weight:bold; width:100%} .resp-searchBox h2 span{ font-size:15px; font-weight:normal} .resp-searchBox .resp-searchForm label{ font-size:12px; font-weight:bold; line-height:30px; margin-right:5px} .resp-searchBox .navbar-form .form-group{ width:100%} .resp-searchForm .form-control{ height:30px; font-size:15px; font-weight:normal} .resp-searchBox .resp-searchForm .btn{ padding:4px 10px; font-size:13px; font-weight:bold; margin:0 15px} /**************************************************/ .resp-carousel{margin-top:0} /**************************************************/ .resp-shop .thumbnail{ padding:25px 0; min-height:170px} .resp-shop .thumbnail.first img{ padding-bottom:1px} .resp-shop .thumbnail h4{ font-size:12px; font-weight:bold} /**************************************************/ .resp-article{ margin:0;} .resp-article .media-heading{ margin-top:15px} .resp-sucessStory { margin:0} .resp-sucessStory h3{ font-size:20px; text-align:left} .resp-sucessStory h3 .arwDwn{ top:41px} .resp-sucessStory .media h4{ font-size:17px; font-weight:bold; line-height:150%} .resp-sucessStory .media p{ font-size:14px; line-height:150%} .nbs-flexisel-item img{ width:90%} .resp-article a.thumb{ display:block; float:none; text-align:center; margin-right:0} .resp-article a.thumb img{ width:100%} .resp-article .media-body{ display:block} .resp-sucessStory .media a.thumb{ border-radius:100%; float:none; height:150px; margin:0 auto; overflow:hidden; width:150px; display:block;} .resp-sucessStory a.thumb img{ width:100%} .resp-sucessStory .media-body{ display:block; clear:both} .resp-banner{border:1px solid #f00} .resp-bottBanner .resp-banner.left, .resp-bottBanner .resp-banner.right{ padding-top:20px} .resp-bottBanner .resp-banner.right{margin-top:40px} .resp-bottBanner .resp-banner a{font-size:17px; margin:15px 90px} .resp-footer .resp-mblView{ display:block} .resp-footer .nonMblView{ display:none} .resp-footer .resp-mblView >ul{ padding:15px} .resp-footerLowerBar{ padding:0} .resp-footerLowerBar .resp-socialIcnBar{ margin:0 auto; text-align:center; float:none} .resp-footerLowerBar .resp-socialIcnBar a{ margin:0 5px; line-height:40px; cursor:pointer; float:none} .resp-footerLowerBar .resp-copyRight{ line-height:45px; color:#fff; float:none; text-align:center; border-top:1px solid #488dc4} .resp-bottBanner{ margin:30px 0} .resp-bottBanner .caption{ padding:0; bottom:30px !important} .resp-bottBanner .caption h3{ padding:10px; font-size:15px} /*******************************/ .resp-tabularBucket .tabContentBucket{padding:20px 0; margin:0} .resp-tabularBucket .tabContentBucket .clientMgmnt .btn{font-size:15px} .tabContentBucket .clientMgmnt .title .media-heading{ text-align:center} .tabContentBucket .clientMgmnt .quote{margin:0; padding:0} .tabContentBucket .clientMgmnt .quote a.thumb{text-align:center} .tabContentBucket .clientMgmnt .title a.thumb, .tabContentBucket .clientMgmnt .quote a.thumb{float:none; display:block;margin-right:0; text-align:center} .tabContentBucket .clientMgmnt .title a.thumb .media-object, .tabContentBucket .clientMgmnt .quote a.thumb .media-object{border: 3px solid #ddd;border-radius: 100%;display: inline-block;padding: 2px;} .loginFormAboutOuter{padding:0} .loginFormAbout{position:relative; left:0; top:0; background:#000; border:1px solid #ddd} .loginFormAbout .loginForm{background:none} .loginFormAbout .sloganBucketAbout{padding:0} .loginFormAbout .sloganBucketAbout h3{font-size:22px; padding:0 10px} .loginFormAbout .sloganBucketAbout h5{font-size:17px; text-align:center; margin-bottom:0; padding:0 10px 10px; border-bottom:1px solid #666} .loginFormAbout .sloganBucketAbout ul li.save{border-right:0} .loginFormAbout .sloganBucketAbout ul li{border-bottom:1px solid #666; line-height:25px; font-size:17px; padding:5px; border-bottom:1px solid #666} .loginFormAbout .sloganBucketAbout ul li img{height:28px; width:28px} .tabContentBucket .clientMgmnt .imgFeature{text-align:center} .plan-box{min-height:unset} .resp-footer ul{border:0; min-height:unset; margin-bottom:20px} .resp-footer ul li.title{font-size:12px; font-weight:bold; padding:0; line-height:25px} .resp-footer ul li{text-align:center; line-height:20px; font-size:13px} .resp-footer ul.col2{border-top:1px solid #488dc4; padding-bottom:10px} .col2 li.title{float:none; width:100%} .col2 li{float:left; width:50%} .resp-footer .poweredBy{text-align:center; clear:both; display:block; border-top:1px solid #488dc4} .poweredBy img{margin:10px 0; border:1px solid #488dc4; padding:5px} .text-media-align-right{text-align:center;} .text-media-align-left{text-align:center;} .list-expertise li{text-align:left; width:99%;} #subNav .subNavContainer { margin: 0 auto 0 0; } .resp-sucessStory.about .carousel-control.left{ background:url(../img/icn-arw-left.png) no-repeat center center; width:18px; height:28px; top:40%; left:2%} .resp-sucessStory.about .carousel-control.right{ background:url(../img/icn-arw-right.png) no-repeat center center; width:18px; height:28px; top:40%; right:2%} .find-trainer-input{margin-top:0px;} /*Article page*/ .article-List{text-align:center} .article-detail-img{display:block; float:none; text-align:center; margin:0;} /*product page*/ .product-description{text-align:center;padding-left:0} .imgSlider li{padding:20px} .social-icons{padding:20px} /*product page*/ .couponCode{text-align:center;} .cart-item-img{padding-left:0} .cart-item-desc{padding-left:0} .right-elment{float:right;} /*checkout page*/ .checkout-cont .form-row .left-cont {margin-left:0} .postage{text-align:center;} .postage-cont{text-align:center;} .postage-cont .title,.postage-cont .van-img{float:none !important} .card-cont{width:130px;margin:0 auto;} .secure-img{text-align:center;} .tnc .tnc-label{padding-left:20px} .trainer-top-panel{background:none;} .sessionDiscount .training-ads{margin-left:-15px; margin-top:10px} .fc-header-title h2{font-size:12px} .my-profile-box{padding:0;border: none;box-shadow: none;} .my-profile-box .trainerMyProfile{height:auto; overflow-y:none;} .pageTrackingBarSticky{ position: static;} .pageTrackingBar {background: none;border: none;box-shadow: none;padding-top:0;margin:0 ; height:auto;} .sessionDiscount {padding:0;border: none;box-shadow: none;} .trainer-profile .social-boxes {padding:0;border: none;box-shadow: none;} .reviewsExpandableBar .arwDown {left: 43%;} .userProfChart li span {font-size:11px} .trainerPhotoVideoGal {margin: 30px 0 10px 0;} .trainerPhotoGalPH, .trainerVideoGalPH {height: 259px;} .trainerMyGalTabs {top: 259px;} .shadow-inset-xs{box-shadow: 0 0 20px #ccc inset;-webkit-box-shadow: 0 0 20px #ccc inset;-moz-box-shadow: 0 0 20px #ccc inset;} .mLR8p{margin:0 0} /*** caldener day hide ***/ .fc-header-right{display:none;} /*Directory Landing classes*/ .map-bg .container{margin-top:0px !important;padding-top:20px;} .tabs-style1{margin-top:0px} .tab-cont .nav-tabs > li.active a, .tab-cont .nav-tabs > li a{ padding-left: 18px; padding-right: 19px; } .tab-cont .nav-tabs > li:last-child { margin-right: -3px; } /*footer classes*/ .resp-footer ul{min-height:inherit;} .resp-footer ul li{text-align:left;} /* classes for directory search result*/ .search-loc-btn{border-top:1px solid #ddd;} .directory-result .search-list{min-height:inherit;max-height:inherit;overflow-y:inherit} .directory-result .search-list li .profile-pic, .directory-result .search-list li .profile-name, .directory-result .search-list li .search-features, .directory-result .search-list li .event-name, .directory-result .search-list li .event-time {display:block;float:none !important;margin:10px auto 20px;text-align:center;min-height:25px;} .directory-result .search-list li .distance{float:left;margin:10px 0 5px;} .directory-result .search-list li .stared{float:right;margin:10px 0 5px;} .result-filter .tabs, .result-filter .tabs ul.nav-tabs{width:100%;} .directory-result.result-filter .tabs.tabs-style1 > .tab-cont > ul.nav-tabs{width:100%;} .result-filter .tabs-style1 .tab-cont .nav-tabs li.active{width:100%;} .result-filter .tabs .tab-cont .search-points li{width:100%;border-right:none;border-bottom:1px solid #ddd;} /*** top navigation ***/ #resp-primeNav .navbar-nav{margin-right:0;} .resp-shop .thumbnail{ max-height:179px;} .toggleNavContainer button.navbar-toggle span.icon-bar, .landingpage button.navbar-toggle span.icon-bar{background-color:#fff;} .toggleNavContainer button.navbar-toggle, .toggleNavContainer button.navbar-toggle:hover, .toggleNavContainer button.navbar-toggle:focus{border:1px solid transparent;background-color:transparent;} .row.expertise{clear:both;} .select-expertise, .gender{text-align:center;margin-bottom:15px;} /*News/ press section*/ .news-name{display:none;} /*end News/ press section*/ .bannerTop-content h1{padding-top:120px;font-size:40px} /*style for fitnessFor*/ .signupFreetrial{padding:100px 0;} .fitnessFor .ffp h2, .fitnessFor .ffp p{text-align:center; padding-right:0;} .fitnessFor .ffe h2, .fitnessFor .ffe p{text-align:center; padding-left:0;} .learnMore input{text-align:center;float:none !important; margin:15px 0 0 0;} .body-cont h2{font-size:30px;} .body-cont h4{font-size:17px;} .footerNew .signupSecond p input, .footerNew .signupSecond p button, .footerNew .signupSecond p textarea{width:100%;} .footerNew .shortFooter ul{padding:0 0 10px 0;} .footerNew .shortFooter ul li{float:none;} .charged-wrap ul li{padding:0;} .charged-wrap ul li .fullCharged, .charged-wrap ul li .getRecharged{width:300px; height:300px;} .charged-wrap ul li .fullCharged h2, .charged-wrap ul li .getRecharged h2{font-size:21px; padding:40px 0 0 0;} .charged-wrap ul li{margin-bottom:20px;} .come-in{ transform:translateY(150px); animation: come-in 1.5s ease forwards; -webkit-transform:translateY(150px); -webkit-animation: come-in 1.5s ease forwards; } .come-in:nth-child(odd){ transform: translateY(-150px); animation-duration:1.5s; -webkit-transform: translateY(-150px); -webkit-animation-duration:1.5s; } .already-visible, .already-visible:nth-child(odd){transform:translateY(0); animation:none; -webkit-transform:translateY(0); -webkit-animation:none;} @keyframes come-in{to { transform: translateY(0); }} @-webkit-keyframes come-in{to {-webkit-transform: translateY(0); }} .fitness-content h2{font-size:30px; padding-top:80%;} .btnfitness h2{font-size:40px} .btnfitness input{font-size:17px;margin-bottom:20px;} .ofsMedia img{padding:25px 0;} #video iframe{width:100% !important;height:100% !important;} /*end*/ /*professional page style*/ .signupFreetrial .signUp360{float:none !important; margin:0;} .wewithYou h2{font-size:30px;} .features-section, .manage-business, .easy-payments, .communicate-clients{text-align:center;} .features-section span, .manage-business span, .easy-payments span, .communicate-clients span{margin:auto;} .selectPlans{background:#2c3c50;} /**Plan Details**/ .plandetail-container.current-plan > .heading{position:inherit;top:inherit;} .plandetail-container > .detail > .duration > .monthly, .plandetail-container > .detail > .duration > .yearly{margin:5px 5px; display:block;} .show-moreDetail{padding-top:5px;} .show-moreDetail .heading{display:block;float:left;width:100%;} .show-moreDetail ul{margin:0;padding:0;width:100%;float:left;} .show-moreDetail ul li, #trainerEnterprise-moreDetails .show-moreDetail ul li{width:100%;float:left;text-align:left;} #masterTrainer-resp-details-mob, #trainerEnterprise-resp-details-mob, #fitPro-resp-details-mob{display:block;width:100%;float:left;} .show-moreDetail .arrow{width:100%;left:0; top:-25px;} .arrow.singleplan{left:0;} .arrow.doubleplan1{left:0 !important;} .arrow.doubleplan2{left:0 !important;} .show-moreDetail .heading{margin:25px 0 20px ;} .show-moreDetail{text-align:center;} /*end*/ /* footer styles */ .footerNew, .footerNew .copyR, .footerNew.mid .copyR{text-align:center;} .footerNew .shortFooter ul li{padding-right:0;} .footerNew .growingTogether h2 br{display:block;} /*end*/ /*enthusiast style*/ .your-workouts, .your-schedule, .fitness-apps, .quality-products, .read-share, .your-professional{text-align:center;} .your-workouts span, .your-schedule span, .fitness-apps span, .quality-products span, .read-share span, .your-professional span{margin:auto;} /*.joinNow h2{padding-top:120px;}*/ /*end*/ /*xero page style*/ .head-onestopXero p{font-size:30px; padding:40px 0;} .whatisOFS h2{font-size:30px; padding:30px 0; font-weight:bold;} /*end*/ .nav-secondory ul{text-align:left;} .nav-secondory ul li{display:block;padding:0;margin:0;margin-left:-15px;margin-right:-15px;border-bottom:1px solid rgba(255, 255, 255, 0.5);padding:5px 15px;} .nav-secondory ul li a{padding:10px 15px;} .nav-secondory ul li:last-child{border-bottom:0;display:none;} .nav-secondory ul li:last-child a{padding-right:15px;display:none;} .nav-secondory ul li a.request-demo{text-align:center;} #proGrowth-section2 img{margin-bottom:10px;} /*** shipping styles ***/ .shipping-new-btn{padding-left:0;text-align:center;} .shipping-new-btn li input.btn{float:none;} .shipping-new-btn li {margin:5px 0;} .box-item li{height:auto;margin-bottom:20px;} .tabs-style1 .nav-tabs > li > a, .tabs-style1 .nav-tabs > li.active > a, .tabs-style1 .nav-tabs > li.active > a:hover, .tabs-style1 .nav-tabs > li.active > a:focus {padding-left:18px;padding-right:18px;} /*** DIRECTORY SEARCH LISTING PAGE STYLE ***/ .directory-result .search-list{padding-left:15px;padding-right:15px;} .directory-result .search-list li.category .catLabel{transform: inherit; -webkit-transform: inherit; width: 100%; padding: 2px 6px; left: 0; bottom: inherit;top:0;} .directory-result .search-list li.category .details{margin-top:20px;text-align:center;padding-left:0;padding-right:0;} .directory-result .search-list li.category > .details .name{min-height:auto;margin:0;} .directory-result .search-list li.category .details a span.features{float:none;display:inline-block} .dateControl-container .heading{text-align:center} .dateControl-container .dateControls .weekly-toggle{margin-bottom:20px;} .dateControl-container .dateControls ul{text-align:center;} #calendar .fc-toolbar .fc-center h2{width:100%;text-align:center;} #calendar .fc-toolbar .fc-left, #calendar .fc-toolbar .fc-right, #calendar .fc-toolbar .fc-center{width:100%;clear:both;margin-bottom:10px;} #calendar .fc-toolbar .fc-left .fc-today-button{float:right;} #calendar .fc-toolbar .fc-right .fc-button-group{width:100%;text-align:center} #calendar .fc-toolbar .fc-right .fc-button-group button{float:none;} .schedule-container .ui-widget-header{font-size:16px;} .schedule-container .ui-widget-content .fc-content-skeleton .fc-day-number{font-size:14px;} /* New Footer Styles */ .footerNew .right{border-left:none;} .footerNew h4{border-bottom:1px solid #bcbcbc;border-top:1px solid #bcbcbc;padding:10px 0;} .explore-n-try .try{width:100%;float:left;} .explore-n-try .try .or{right:41%;bottom:-30px;} .explore-n-try .explore{width:100%;float:left;} .fitnessbusiness-points-more .show-moreDetail .note{position:inherit;right:inherit;left:inherit;margin-top:30px;} .pricing-table{overflow-x:auto;} .pricing table tr th, .pricing table tr td, .pricing table tr td > .duration > .plan-duration a{padding:5px;} .pricing table tr th, .pricing table tr td, .pricing table tr td .upgrade-plan{font-size:11px !important;} .pricing table tr td > h4{font-size:12px !important;} .pricing table tr td > .price{font-size:13px;} .pricing table tr td > .price span:nth-child(2){font-size:12px} .pricing table tr td > .change-plan > a.upgrade-plan{font-size:11px;} .pricing table tr td > .duration > .plan-duration a{width:100%;} #requestDemo.modal > .modal-dialog > .modal-content{background-size:cover;padding: 0} /*Mobile parallax style*/ /*#parallaxMain{background-attachment:scroll !important;} #parallaxMain h1{margin-top:50px !important;} #parallaxMain h2{margin-bottom:50px !important;} #parallaxMain h1:after{background-size:60% !important;height:300px !important;}*/ .mob-center{text-align:center;} .testimonial-by > span{width:100%;} #parallaxMain.demo-request-confirm-parallax > .container-fluid .bannerTop-content{margin-bottom:0px !important;} #parallaxMain.demo-request-confirm-parallax > .container-fluid .bannerTop-content > h1{margin-top:80px;margin-bottom:80px;padding:0} /* Request Booking Styles */ .requestbooking-list > li > div:nth-child(1), .requestbooking-list > li > div:nth-child(2), .requestbooking-list > li > div:nth-child(3), .requestbooking-list > li > div:nth-child(4), .requestbooking-list > li > div:nth-child(5), .requestbooking-list > li > div:nth-child(6), .requestbooking-list > li > div:nth-child(7){width:100%;margin-bottom:5px;} .requestbooking-list > li > div:nth-child(7){text-align:center;margin-top:10px;} .requestbooking-list > li > div:nth-child(7) button{padding-top:3px;padding-bottom:3px;width:60%;} .payment-method{width:100%;} .payment-method-change{width:100%;margin-left:0;text-align:right;} #calendar .fc-toolbar .fc-left, #calendar .fc-toolbar .fc-right, #calendar .fc-toolbar .fc-center{margin-bottom:10px;width:100%;} .schedule-container .ui-widget-header{font-size:15px;line-height:18px;} .schedule-container .fc-toolbar > .fc-left > .fc-button-group{float:left;} .schedule-container .fc-toolbar > .fc-left > .fc-today-button{float:right;} .schedule-container .fc-toolbar > .fc-right{text-align:center;} .schedule-container .fc-toolbar > .fc-right > .fc-button-group, .schedule-container .fc-toolbar > .fc-center > h2{float:none;} .timeSlots-weekly > .dateControl-container .dateControls ul{text-align:center;} .timeSlots-weekly > .dateControl-container .dateControls ul li{display:inline-block;float:none;margin-left: 0;} .timeSlots-weekly > .dateControl-container .dateControls > div.row > div:first-child > p{text-align:center;} /*** TRAINER BUSINESS STYLES ***/ .tb-nav2 li{font-size:14px;} .tb-nav2 li a{padding-right:20px;} #parallaxMain.adwords-landing-parallax h1:after{background-size:320px;} #parallaxMain.personalTrainingSoftwareLanding-parallax, #parallaxMain.bootcampsoftwareinfoLanding-parallax, #parallaxMain.yogastudiosoftwareinfoLanding-parallax{margin-bottom:130px;} #parallaxMain.personalTrainingSoftwareLanding-parallax h1:after, #parallaxMain.bootcampsoftwareinfoLanding-parallax h1:after, #parallaxMain.yogastudiosoftwareinfoLanding-parallax h1:after{background-size:320px;height:400px;} #parallaxMain.personalTrainingSoftwareLanding-parallax h2, #parallaxMain.bootcampsoftwareinfoLanding-parallax h2, #parallaxMain.yogastudiosoftwareinfoLanding-parallax h2{} #parallaxMain.personalTrainingSoftwareLanding-parallax h1, #parallaxMain.bootcampsoftwareinfoLanding-parallax h1, #parallaxMain.yogastudiosoftwareinfoLanding-parallax h1{margin-top:70px;margin-bottom:20px;} #parallaxMain.personalTrainingSoftwareLanding-parallax.nasm h1::after{height:500px} #reasons-to-love-ofs .btn-group > .btn-group .btn{font-size:12px;padding-left:5px;padding-left:5px} #reasons-to-love-ofs .btn-group-content .reasons-to-love-ofs-content{padding-left:0;padding-right:0} /*MindBody style*/ #parallaxMain.mindbody > header .navbar-right li > button.freetrial{margin:0;} #parallaxMain.mindbody > .container, section.aboutOFS-mindbody, .moveBusinessfrom, section.try-us-free, #mindbody-reasons-toLove-ofs, section.ofs-advantages, section.get-started-free, .mindbody-footer, .mindbody-footer .growingTogether{text-align:center !important;} .moveBusinessfrom .container.sectionsTBspace{padding-top:220px} #parallaxMain.mindbody button.freetrial, section.try-us-free button.freetrial, section.get-started-free button.freetrial{font-size:20px;padding:8px 30px;margin-top:40px;} #mindbody-reasons-toLove-ofs .btn-group > .btn-group .btn{border-radius:0;font-size:15px;font-weight:400;padding-top:15px;padding-bottom:15px; text-transform:capitalize;} .moveBusinessfrom:before { content: url(../img/iphone-pic-tab.png); top: -180px; text-align: center; } section.ofs-advantages h3:before{content:'';width:38px;height:4px;background:#1ea59e;position:absolute;top:0;left:calc(50% - 19px);} .moveBusinessfrom h4:after { left:calc(50% - 19px); } #mindbody-reasons-toLove-ofs .reasons-to-love-ofs-content h3::after { left:calc(50% - 35px); } #beautiful_scheduling_content, #superior_client_management_content, #hassle_free_payments_content, #attract_new_clients_content{display:block !important;} #parallaxMain.mindbody > .container h2 .ofs span{font-size:35px;} #mindbody-reasons-toLove-ofs h2{font-size:30px} #mindbody-reasons-toLove-ofs h2 span{font-size:40px;} ul[aria-labelledby="businessPages"] li a{padding-left:10px;padding-right:10px;} ul[aria-labelledby="businessPages"] li.active a{background:#e6e6e6;} } @media (min-width:768px) and (max-width:991px){ .box-item li{min-height:510px;height:auto;margin-bottom:20px;} .resp-footer ul li.title{font-size:12px; font-weight:bold} .resp-footer ul li{font-size:12px} .resp-searchBox h2 span{ font-size:24px} .resp-searchBox .navbar-form .form-group{width:75%} .resp-searchBox .resp-searchForm label{ font-size:16px} .resp-carousel h2{ font-size:28px; padding:0} .resp-shop .thumbnail.first img{ padding-bottom:1px} .resp-carousel .nbs-flexisel-item img{ width:90%} .resp-carousel .nbs-flexisel-nav-left{ left:-10px} .resp-carousel .nbs-flexisel-nav-right{ right:-12px} .resp-carousel .resp-article h2{ font-size:26px} .resp-article h3{ font-size:22px; text-align:center; margin:10px 0} .resp-article a.thumb{ display:block; float:none; text-align:center; margin-right:0} .resp-article a.thumb img{ width:100%} .resp-article .media-body{ display:block; margin-top:20px} /*******************************/ .tabContentBucket .clientMgmnt .btn{font-size:15px} .loginFormAboutOuter{padding:0} .loginFormAbout{position:relative; left:0; top:0; background:#000; border:1px solid #ddd} .loginFormAbout .loginForm{background:none} .loginFormAbout .sloganBucketAbout{padding:0} .loginFormAbout .sloganBucketAbout h3{font-size:22px; padding:0 10px; text-align:center} .loginFormAbout .sloganBucketAbout h5{font-size:17px; text-align:center; margin-bottom:0; padding:0 10px 10px; border-bottom:1px solid #666} .loginFormAbout .sloganBucketAbout ul li.save{border-right:0} .loginFormAbout .sloganBucketAbout ul li{border-bottom:1px solid #666; border-bottom:1px solid #666; line-height:35px; font-size:17px; padding:5px; border-bottom:1px solid #666} .loginFormAbout .sloganBucketAbout ul li img{height:32px; width:32px} .tabContentBucket .clientMgmnt .imgFeature{text-align:center} .text-media-align-right{text-align:right;} .text-media-align-left{text-align:left;} .list-expertise li{text-align:left; width:33.333%; float:left;} .find-trainer-input{margin-top:0px;} .trainer-right-panel{margin-top:40px} .instaTub li{width:87px} .trainerPhotoGalPH, .trainerVideoGalPH {height: 250px;} .trainerMyGalTabs {top: 250px;} .shadow-inset-xs{box-shadow: 0 0 20px #ccc inset;-webkit-box-shadow: 0 0 20px #ccc inset;-moz-box-shadow: 0 0 20px #ccc inset;} /*style for fitnessFor*/ .fitnessFor .ffp h2, .fitnessFor .ffp p{text-align:center; padding-right:0;} .fitnessFor .ffe h2, .fitnessFor .ffe p{text-align:center; padding-left:0;} .footerNew .shortFooter ul{width:100%; text-align:center;} .footerNew .shortFooter ul li{display:inline-block; float:none; padding-bottom:10px;} .footerNew .copyR p{text-align:center;} /*end*/ /*professional page style*/ #trainerEnterprise-resp-details .arrow{position:absolute; right:91px; top:-20px;} /**Plan Details**/ .plandetail-container > .detail > .duration > .monthly, .plandetail-container > .detail > .duration > .yearly{margin:5px 5px; display:block;} .show-moreDetail ul{margin:0;padding:0;width:100%;float:left;} /*end*/ /*enthusiast style*/ .inviteTrainer h2{font-size:35px;} /*end*/ /*Tabs parallax style*/ #parallaxMain, section#home{background-size:150% auto;} #parallaxMain h1:after{background-size:60% !important;} #parallaxMain.pricing-parallax h1, #parallaxMain.about-parallax h1, #parallaxMain.career-parallax h1, #parallaxMain.sitemap-parallax h1, #parallaxMain.shop-parallax h1, #parallaxMain.demo-request-confirm-parallax h1{margin-bottom:100px;margin-top:100px;} #parallaxMain.demo-request-confirm-parallax > .container-fluid .bannerTop-content{margin-bottom:0px !important;} #parallaxMain.demo-request-confirm-parallax > .container-fluid .bannerTop-content > h1{padding:0} #parallaxMain.fitnessprofessionalscheduling-parallax h1, #parallaxMain.fitnessprofessionalclientmgmt-parallax h1, #parallaxMain.fitnessprofessionalpayments-parallax h1, #parallaxMain.fitnessprofessionalgrowth-parallax h1{margin-top:100px;} #parallaxMain.fitnessprofessionalscheduling-parallax h2, #parallaxMain.fitnessprofessionalclientmgmt-parallax h2, #parallaxMain.fitnessprofessionalpayments-parallax h2, #parallaxMain.fitnessprofessionalgrowth-parallax h2{margin-bottom:100px;} #parallaxMain.personalTrainerSoftware-parallax h1, #parallaxMain.bootcampsoftwareinfo-parallax h1, #parallaxMain.gymandfitnesscentresotware-parallax h1, #parallaxMain.yogastudiosoftwareinfo-parallax h1, #parallaxMain.pilatesstudiosoftwareinfo-parallax h1, #parallaxMain.martialartsstudiosoftware-parallax h1, #parallaxMain.dancesoftware-parallax h1, #parallaxMain.sportingcoachessoftware-parallax h1, #parallaxMain.overview-parallax h1{margin-top:60px;margin-bottom:30px;} #parallaxMain.personalTrainerSoftware-parallax h2, #parallaxMain.bootcampsoftwareinfo-parallax h2, #parallaxMain.gymandfitnesscentresotware-parallax h2, #parallaxMain.yogastudiosoftwareinfo-parallax h2, #parallaxMain.pilatesstudiosoftwareinfo-parallax h2, #parallaxMain.martialartsstudiosoftware-parallax h2, #parallaxMain.dancesoftware-parallax h2, #parallaxMain.sportingcoachessoftware-parallax h2, #parallaxMain.overview-parallax h2{margin-bottom:130px;} #parallaxMain.personalTrainerSoftware-parallax h1:after, #parallaxMain.bootcampsoftwareinfo-parallax h1:after, #parallaxMain.gymandfitnesscentresotware-parallax h1:after, #parallaxMain.yogastudiosoftwareinfo-parallax h1:after, #parallaxMain.pilatesstudiosoftwareinfo-parallax h1:after, #parallaxMain.martialartsstudiosoftware-parallax h1:after, #parallaxMain.dancesoftware-parallax h1:after, #parallaxMain.sportingcoachessoftware-parallax h1:after, #parallaxMain.overview-parallax h1:after{background-size:50%;height:420px;background-size:50%;} #parallaxMain.personalTrainerSoftware-parallax, #parallaxMain.bootcampsoftwareinfo-parallax, #parallaxMain.gymandfitnesscentresotware-parallax, #parallaxMain.yogastudiosoftwareinfo-parallax, #parallaxMain.pilatesstudiosoftwareinfo-parallax, #parallaxMain.martialartsstudiosoftware-parallax, #parallaxMain.dancesoftware-parallax, #parallaxMain.sportingcoachessoftware-parallax, #parallaxMain.overview-parallax{margin-bottom:180px;} section#home.home-parallax h1{padding-top:80px;margin-top:0;} section#home.home-parallax .btnInvolved button{margin:40px 0 100px} #parallaxMain.adwords-landing-parallax h1{margin-top:80px;margin-bottom:145px;} #parallaxMain.adwords-landing-parallax h1:after{height:310px} #parallaxMain.personalTrainingSoftwareLanding-parallax, #parallaxMain.bootcampsoftwareinfoLanding-parallax, #parallaxMain.yogastudiosoftwareinfoLanding-parallax{background-size:cover;margin-bottom:150px} #parallaxMain.personalTrainingSoftwareLanding-parallax h1, #parallaxMain.bootcampsoftwareinfoLanding-parallax h1, #parallaxMain.yogastudiosoftwareinfoLanding-parallax h1{margin-top:50px;margin-bottom:20px;} #parallaxMain.personalTrainingSoftwareLanding-parallax h2, #parallaxMain.bootcampsoftwareinfoLanding-parallax h2, #parallaxMain.yogastudiosoftwareinfoLanding-parallax h2{margin-bottom:20px;} #parallaxMain.personalTrainingSoftwareLanding-parallax h1:after, #parallaxMain.bootcampsoftwareinfoLanding-parallax h1:after, #parallaxMain.yogastudiosoftwareinfoLanding-parallax h1:after{height:600px;background-size:400px !important;} #parallaxMain.personalTrainingSoftwareLanding-parallax.nasm h1::after{height:730px} .pricing-table{overflow-x:auto;} .pricing table tr th, .pricing table tr td, .pricing table tr td > .duration > .plan-duration a{padding:5px;} .pricing table tr th, .pricing table tr td, .pricing table tr td .upgrade-plan{font-size:12px !important;} .pricing table tr td > h4{font-size:15px !important;} .pricing table tr td > .price{font-size:13px;} .pricing table tr td > .price span:nth-child(2){font-size:13px} .pricing table tr td > .change-plan > a.upgrade-plan{font-size:12px;} .pricing table tr td > .duration > .plan-duration a{width:100%;} #parallaxMain h1{margin-top:10px;} .moveBusinessfrom{margin-top:0;} .moveBusinessfrom:before { content: url(../img/iphone-pic-tab.png); top: 50px; text-align: center; } } @media (min-width:992px) and (max-width:1199px){ .resp-bottBanner{ margin:30px 0} .resp-bottBanner .caption{ padding:0 0} .resp-searchBox .navbar-form .form-group{width:75%} /*******************************/ .loginFormAbout{height:80%; left:10%; top:7%; position:absolute; height:60%; color:#fff; opacity:0.8} .loginFormAboutOuter{padding:0} .loginFormAbout .loginForm{padding-bottom:0} .loginFormAbout .loginForm h3{font-size:20px; margin-top:5px} .loginFormAbout .loginForm .form-group input.form-control{height:27px} .loginFormAbout .loginForm .btn{margin-top:5px} .loginFormAbout .sloganBucketAbout{padding:0} .loginFormAbout .sloganBucketAbout h3{font-size:22px; padding:0 10px; margin-top:5px} .loginFormAbout .sloganBucketAbout h5{font-size:17px; margin-bottom:0; padding:0 10px 10px; border-bottom:1px solid #666} .loginFormAbout .sloganBucketAbout ul li.save{border-right:0} .loginFormAbout .sloganBucketAbout ul li{line-height:25px; font-size:17px; padding:5px; border-bottom:1px solid #666} .loginFormAbout .sloganBucketAbout ul li img{height:28px; width:28px} .tabContentBucket .clientMgmnt .imgFeature{text-align:center} .text-media-align-right{text-align:right;} .text-media-align-left{text-align:left;} .list-expertise li{text-align:left; width:33.3333%; float:left;} .find-trainer-input{margin-top:8px;} .trainerMyGalTabs {top: 325px;} .trainerPhotoGalPH, .trainerVideoGalPH{ height:325px;} #login-signup .modal-body ul{display:table;} #login-signup .modal-body ul li{display:table-cell;float:none;} #login-signup .modal-body ul li:nth-child(2){width:6%;vertical-align:middle;} #login-signup .modal-body ul li:first-child, #login-signup .modal-body ul li:last-child{width:47%;} /*Tabs parallax style*/ #parallaxMain, section#home{background-size:150% auto;} #parallaxMain h1:after{background-size:400px !important;} #parallaxMain.pricing-parallax h1, #parallaxMain.about-parallax h1, #parallaxMain.career-parallax h1, #parallaxMain.sitemap-parallax h1, #parallaxMain.shop-parallax h1, #parallaxMain.demo-request-confirm-parallax h1{margin-bottom:100px;margin-top:100px;} #parallaxMain.fitnessprofessionalscheduling-parallax h1, #parallaxMain.fitnessprofessionalclientmgmt-parallax h1, #parallaxMain.fitnessprofessionalpayments-parallax h1, #parallaxMain.fitnessprofessionalgrowth-parallax h1{margin-top:100px;} #parallaxMain.fitnessprofessionalscheduling-parallax h2, #parallaxMain.fitnessprofessionalclientmgmt-parallax h2, #parallaxMain.fitnessprofessionalpayments-parallax h2, #parallaxMain.fitnessprofessionalgrowth-parallax h2{margin-bottom:100px;} #parallaxMain.personalTrainerSoftware-parallax h1, #parallaxMain.bootcampsoftwareinfo-parallax h1, #parallaxMain.gymandfitnesscentresotware-parallax h1, #parallaxMain.yogastudiosoftwareinfo-parallax h1, #parallaxMain.pilatesstudiosoftwareinfo-parallax h1, #parallaxMain.martialartsstudiosoftware-parallax h1, #parallaxMain.dancesoftware-parallax h1, #parallaxMain.sportingcoachessoftware-parallax h1 #parallaxMain.overview-parallax h1{margin-top:60px;margin-bottom:30px;} #parallaxMain.personalTrainerSoftware-parallax h2, #parallaxMain.bootcampsoftwareinfo-parallax h2, #parallaxMain.gymandfitnesscentresotware-parallax h2, #parallaxMain.yogastudiosoftwareinfo-parallax h2, #parallaxMain.pilatesstudiosoftwareinfo-parallax h2, #parallaxMain.martialartsstudiosoftware-parallax h2, #parallaxMain.dancesoftware-parallax h2, #parallaxMain.sportingcoachessoftware-parallax h2, #parallaxMain.overview-parallax h2{margin-bottom:130px;} #parallaxMain.personalTrainerSoftware-parallax h1:after, #parallaxMain.bootcampsoftwareinfo-parallax h1:after, #parallaxMain.gymandfitnesscentresotware-parallax h1:after, #parallaxMain.yogastudiosoftwareinfo-parallax h1:after, #parallaxMain.pilatesstudiosoftwareinfo-parallax h1:after, #parallaxMain.martialartsstudiosoftware-parallax h1:after, #parallaxMain.dancesoftware-parallax h1:after, #parallaxMain.sportingcoachessoftware-parallax h1:after, #parallaxMain.overview-parallax h1:after{background-size:50%;height:420px;background-size:50%;} #parallaxMain.personalTrainerSoftware-parallax, #parallaxMain.bootcampsoftwareinfo-parallax, #parallaxMain.gymandfitnesscentresotware-parallax, #parallaxMain.yogastudiosoftwareinfo-parallax, #parallaxMain.pilatesstudiosoftwareinfo-parallax, #parallaxMain.martialartsstudiosoftware-parallax, #parallaxMain.dancesoftware-parallax, #parallaxMain.sportingcoachessoftware-parallax, #parallaxMain.overview-parallax{margin-bottom:180px;} section#home.home-parallax h1{padding-top:80px;margin-top:0;} section#home.home-parallax .btnInvolved button{margin:40px 0 100px} #parallaxMain.adwords-landing-parallax h1{margin-top:80px;margin-bottom:145px;} #parallaxMain.adwords-landing-parallax h1:after{height:310px} #parallaxMain.personalTrainingSoftwareLanding-parallax, #parallaxMain.bootcampsoftwareinfoLanding-parallax, #parallaxMain.yogastudiosoftwareinfoLanding-parallax{background-size:cover;margin-bottom:200px;} #parallaxMain.personalTrainingSoftwareLanding-parallax h1, #parallaxMain.bootcampsoftwareinfoLanding-parallax h1, #parallaxMain.yogastudiosoftwareinfoLanding-parallax h1{margin-top:50px;margin-bottom:20px;} #parallaxMain.personalTrainingSoftwareLanding-parallax h1:after, #parallaxMain.bootcampsoftwareinfoLanding-parallax h1:after, #parallaxMain.yogastudiosoftwareinfoLanding-parallax h1:after{height:600px;} #parallaxMain.personalTrainingSoftwareLanding-parallax h2, #parallaxMain.bootcampsoftwareinfoLanding-parallax h2, #parallaxMain.yogastudiosoftwareinfoLanding-parallax h2{margin-bottom:20px;} #parallaxMain.personalTrainingSoftwareLanding-parallax.nasm h1::after{height:730px} } @media (min-width:1200px){ .text-media-align-right{text-align:right;} .text-media-align-left{text-align:left;} .list-expertise li{text-align:left; width:33.3333%; float:left;} .find-trainer-input{margin-top:8px;} #login-signup .modal-body ul{display:table;} #login-signup .modal-body ul li{display:table-cell;float:none;vertical-align:top} #login-signup .modal-body ul li:nth-child(2){width:6%;vertical-align:top;} #login-signup .modal-body ul li:first-child, #login-signup .modal-body ul li:last-child{width:47%;} } @media (max-width:350px){ .btnfitness input{padding:12px 12px} .charged-wrap ul li .fullCharged, .charged-wrap ul li .getRecharged{width:275px;height:275px;} .charged-wrap ul li .fullCharged h2, .charged-wrap ul li .getRecharged h2{font-size:19px; padding:35px 0 0 0;} }