@media (max-width: 1920px) {
  /* healthy life style page css start from here */

  /* healthy family section css start  */

  .healthy_fam_wrapper .item:before {
    left: 20px;
    top: 15px;
  }
}

@media (max-width: 1600px) {
  /* healthy life style page css start from here */

  /* healthy family section css start  */

  .healthy_fam_wrapper .item:before {
    position: absolute;
    left: 10px;
    top: 10px;
  }
}

@media (max-width: 1400px) {
	.css_row .row{
		padding:0px !important;
		margin:0px !important;
	}
  .resp_font {
    font-size: 16px !important;
  }

  .after_school_banner .bnr_sub_title {
    font-size: 30px;
  }

  /* classes page banner section css start from here */

  .classes_main_banner {
    background-blend-mode: overlay;
    background-color: #00000087;
  }

  .banner_inner_wrapper::before {
    background-image: none;
    height: auto;
  }

  /* classes page child education section css start from here */

  .child_education_left_side::after {
    height: 518px;
    width: 281px;
    top: -49px;
    right: -143px;
  }

  .child_education_right_side .circle_div {
    left: 60px;
  }

  .child_education_right_side .content_div {
    padding-left: 135px;
  }

  .child_education_right_side .content_div .sub_title {
    font-size: 22px;
  }

  .child_education_right_side .content_div .title {
    font-size: 30px;
  }

  /* classes page testimonial section css start from here */

  .testimonial_wrapper .custom_row_width::before {
    display: none;
  }

  .testimonial_box {
    padding: 35px 20px 25px 35px;
  }

  .testimonial_box .title {
    font-size: 20px;
  }

  .star_icon_div .star_icon {
    font-size: 16px;
  }

  .testimonial_box .desc {
    font-size: 16px;
  }

  /* classes page kids gym classes section css start from here */

  .gym_classes_wrapper .col-lg-3:nth-child(1) .gym_card_wrapper .card_img_box {
    margin-right: -31px;
    margin-top: 3px;
  }

  .gym_classes_wrapper .col-lg-3:nth-child(4) .gym_card_wrapper .card_img_box {
    margin-right: -40px;
  }

  .inner_nav_custom {
    padding: 10px 27px !important;
  }

  /* store page css start from here */

  /* category section css start */

  .category_wrapper {
    background-position: center 30%;
  }

  /* product section css start */

  .product_kids_wrapper {
    padding-left: 150px;
    padding-right: 150px;
  }

  .product_kids_wrapper .swiper-button-prev {
    transform: translate(65px, 65px);
  }

  .product_kids_wrapper .swiper-button-next {
    transform: translate(-65px, 65px);
  }

  .product_kids_wrapper .card_wrapper .card_btn {
    padding: 6px 60px;
  }

  .category_custom_width {
    width: 25%;
  }

  /* yoga page css start from here */

  /* yoga section css start */

  .yoga_wrapper .desc {
    font-size: 18px;
  }

  .yoga_image_div {
    text-align: center !important;
  }

  /* benefit section css start */

  .benefit_wrapper .item .title {
    font-size: 20px;
  }

  .community_box .item .title {
    font-size: 20px;
  }

  .contact_form .sec_heading {
    font-size: 32px;
  }

  /* side bar slider css start from */

  .sidebar_slider .swiper-button-prev {
    transform: translate(60px, 0px);
  }

  .sidebar_slider .swiper-button-next {
    transform: translate(-60px, 0px);
  }

  .sidebar_slider .box .desc {
    font-size: 16px;
  }

  /* sports  page css start from here  */

  /* sports section css start */

  .sports_wrapper .desc {
    font-size: 16px;
  }

  /* sport box section css start */
  .sport_box {
    padding: 15px 20px 15px 20px;
  }

  .sport_desc {
    font-size: 11px;
  }

  /* nutrition for kids css */

  .community_box .item .icon {
    margin-top: -2px;
  }

  /* you fir pro */

  .book_fs {
    font-size: 16px;
  }

  .sec_heading {
    font-size: 32px;
  }

  .inner_nav_custom {
    padding: 10px 27px !important;
  }

  /* blogs page css start from here */

  /* cards section css start */

  .blog_page_wrapper .title {
    font-size: 15px;
  }

  .blog_page_wrapper .desc {
    font-size: 14px;
  }

  /* store page css start from here */

  /* category section css start */

  .category_wrapper {
    background-position: center 30%;
  }

  /* product section css start */

  .product_kids_wrapper {
    padding-left: 150px;
    padding-right: 150px;
  }

  .product_kids_wrapper .swiper-button-prev {
    transform: translate(65px, 65px);
  }

  .product_kids_wrapper .swiper-button-next {
    transform: translate(-65px, 65px);
  }

  .product_kids_wrapper .card_wrapper .card_btn {
    padding: 6px 60px;
  }

  .category_custom_width {
    width: 25%;
  }

  /* view all program page css start from here */

  /* help line section css start */

  .helping_wrapper .desc {
    font-size: 16px;
  }

  .special_need_wrapper .red_title {
    font-size: 20px;
  }

  .special_need_wrapper .title {
    font-size: 28px;
  }

  .special_need_wrapper .fs-18 {
    font-size: 16px !important;
  }

  /* yoga page css start from here */

  /* yoga section css start */

  .yoga_wrapper .desc {
    font-size: 18px;
  }

  /* benefit section css start */

  .benefit_wrapper .item .title {
    font-size: 20px;
  }

  .contact_form .sec_heading {
    font-size: 32px;
  }

  /* side bar slider css start from */

  .sidebar_slider .swiper-button-prev {
    transform: translate(60px, 0px);
  }

  .sidebar_slider .swiper-button-next {
    transform: translate(-60px, 0px);
  }

  .sidebar_slider .box .desc {
    font-size: 16px;
  }

  /* self defense page css start from here */

  /* self defense section css start */

  .sd_wrapper .desc {
    font-size: 16px;
  }

  /* fitness section css start */

  .fitness_wrap .title {
    font-size: 22px;
  }

  .fitness_wrap .box_desc {
    font-size: 12px;
  }

  /* circuit training page css start from here  */

  .ct_wrapper .desc {
    font-size: 16px;
  }

  /* sports  page css start from here  */

  /* sports section css start */

  .sports_wrapper .desc {
    font-size: 16px;
  }

  /* sport box section css start */
  .sport_box {
    padding: 15px 20px 15px 20px;
  }

  .sport_desc {
    font-size: 11px;
  }

  /* Donation page css start from here */

  /* donation section css start */

  .donation_wrapper .desc {
    font-size: 16px;
  }

  .side_bar_donation .title {
    font-size: 18px;
  }

  /* personal training page css start from here */

  /* trainer section css start */

  .trainer_wrapper .item .title {
    font-size: 19px;
  }

  /* healthy life style page css start from here */

  /* healthy family section css start  */

  .healthy_fam_wrapper .item .tip_title {
    font-size: 16px;
  }

  .healthy_fam_wrapper .item .tip_desc {
    font-size: 12px;
  }

  /* scout page css start from here */

  /* yellow box section css start  */

  .cs_yellow_box .box_desc {
    font-size: 16px;
  }

  /* after school page css start from here */

  /* after school programm section css start */

  .asp_wrapper .left {
    margin-bottom: 20px !important;
  }

  /* franchise page css start from here */

  /* adventure section css start */

  .adventure_wrapper .yellow_box .left_content .currency {
    font-size: 30px;
  }

  .adventure_wrapper .yellow_box .right_content .title {
    font-size: 20px;
  }

  .adventure_wrapper .right .desc {
    font-size: 16px;
  }

  .summer_camp_wrapper .right .fs-18 {
    font-size: 15px;
  }
}

@media (max-width: 1280px) {
  /* healthy life style page css start from here */

  /* healthy family section css start  */

  .healthy_fam_wrapper .item .tip_title {
    font-size: 14px;
  }
}

@media (max-width: 1200px) and (min-width: 992px) {
  .resources_inner_wrapper {
    padding: 12px 12px;
  }

  /* you fir pro */

  .book_fs {
    font-size: 14px;
  }
}

@media (max-width: 1200px) {
  .resp_font {
    font-size: 14px !important;
  }

  /* banner responsive css start */

  .navbar-nav .menu-item {
    margin-right: 0px;
  }

  /* banner responsive css end */

  .sec_sub_title {
    font-size: 20px;
  }

  .sec_heading {
    font-size: 26px;
  }

  .bnr_sub_title {
    font-size: 30px;
  }

  .heading {
    font-size: 40px;
  }

  .inner_nav_custom {
    padding: 10px 15px !important;
  }

  /* classes page header section css start from here */

  .header_li {
    font-size: 12px;
  }

  /* classes page kids gym classes section css start from here */

  .gym_classes_wrapper .col-lg-3:nth-child(1) .gym_card_wrapper .card_img_box {
    margin-right: -25px;
  }

  .gym_card_wrapper .desc {
    font-size: 12px;
  }

  .gym_classes_wrapper .col-lg-3:nth-child(even) .gym_card_wrapper .arrown_btn {
    width: 45px;
    height: 45px;
  }

  .gym_card_wrapper .arrown_btn {
    width: 45px;
    height: 45px;
  }

  .arrown_btn img {
    width: 22px;
  }

  .gym_classes_wrapper .col-lg-3:nth-child(4) .gym_card_wrapper .card_img_box {
    margin-right: -32px;
  }

  /* classes page child education section css start from here */

  .child_education_wrapper .row {
    align-items: center;
  }

  .child_education_wrapper {
    padding: 50px 0px;
  }

  .child_education_left_side .title {
    transform: translate(15px, 0px);
    margin-bottom: 15px;
  }

  .child_education_left_side::after {
    display: none;
  }

  .child_education_left_img .videoBox {
    width: 100%;
  }

  .child_education_right_side .circle_div {
    display: none;
  }

  .child_education_left_img .videoBox {
    margin-bottom: 30px;
  }

  .child_education_right_side .content_div {
    padding-left: 0px;
  }

  /* classes page kids card section css start from here */

  .kids_cards_wrapper .card_top_content .desc {
    font-size: 16px;
  }

  .kids_cards_wrapper .card_wrapper .card_title {
    font-size: 22px;
  }

  .kids_cards_wrapper .card_wrapper .card_btn {
    font-size: 16px;
    width: 200px;
  }

  /* classes page community section css start from here */

  .community_left_side .title {
    font-size: 30px;
  }

  .community_left_side .desc {
    font-size: 16px;
  }

  .community_content_div .title {
    font-size: 20px;
  }

  .community_content_div .desc {
    font-size: 12px;
  }

  /* classes page testimonial section css start from here */

  .testimonial_box {
    padding: 35px 20px 20px 37px;
  }

  .testimonial_box .title {
    font-size: 16px;
  }

  .testimonial_box .desc {
    font-size: 14px;
  }

  .star_icon_div .star_icon {
    font-size: 14px;
  }

  /* classes page super hero section css start from here */

  .superhero_wrapper {
    margin-top: 0;
  }

  .superhero_content_div .title {
    font-size: 18px;
  }

  .superhero_content_div .desc {
    font-size: 16px;
  }

  /* store page css start from here  */

  /* category section css start */

  .category_custom_width {
    width: 30%;
  }

  /* special section css start */

  .special_wrapper {
    padding: 70px 0px 50px 0px;
  }

  .special_inner_wrapper {
    padding: 25px 100px 25px 30px;
  }

  .special_wrapper .title {
    font-size: 40px;
  }

  .promise_inner_box {
    width: 100%;
  }

  /* blogs page css start from here */

  /* cards section css start */

  .blog_page_wrapper .title {
    height: 35px;
  }

  .blog_page_wrapper .desc {
    margin-bottom: 5px !important;
  }

  /* category section css start */

  .category_wrapper .sec_row {
    justify-content: space-between;
  }

  /* contact page css start from here */

  .contact_page_wrapper .form-control {
    font-size: 0.75rem;
  }

  .form-select {
    font-size: 0.75rem;
  }

  /* yoga section css start from here */

  .yoga_wrapper .desc {
    font-size: 16px;
  }

  /* benefit section css start from here */

  .benefit_wrapper .item .title {
    font-size: 24px;
  }

  .benefit_wrapper .item {
    padding: 2px 40px 0px 2px;
  }

  /* form section css start from here */

  .contact_form .sec_heading {
    font-size: 22px;
  }

  .yoga_wrapper .desc {
    font-size: 14px;
  }

  .custom_card_box .text {
    font-size: 16px;
  }

  /* slider section css start from here */
  .sidebar_slider .swiper-button-prev {
    transform: translate(75px, 0px);
  }

  .sidebar_slider .swiper-button-next {
    transform: translate(-75px, 0px);
  }

  /* self defense page css start from here */

  /* self defense section css start */

  .sd_wrapper .sec_heading {
    font-size: 22px;
  }

  .fitnes_img_div.text-end {
    display: none;
  }

  .fitness_wrap {
    padding: 0px;
    overflow: hidden;
  }

  /* dance page css start from here */

  .dance_wrapper .center_content .desc {
    font-size: 16px;
  }

  /* circuit training page css start from here  */

  .ct_wrapper .desc {
    font-size: 14px;
  }

  /* cheerloading page css start from here  */

  /* cheer section css start */

  .cheer_wrapper .desc {
    font-size: 16px;
  }

  /* advantages section css start */

  .advantages_wrap .item .text {
    font-size: 13px;
  }

  /* circuit training page css start from here  */

  .basket_img {
    display: none;
  }

  /* sports box section css start */

  .sport_box_wrapper .cs_child:nth-child(1) .sport_box {
    margin-bottom: 15px;
  }

  .sport_box_wrapper .cs_child:nth-child(2) .sport_box {
    margin-top: 0px;
    margin-bottom: 15px;
  }

  .sport_box_wrapper .cs_child:nth-child(3) .sport_box {
    margin-top: 0px;
  }

  .sport_box_wrapper .cs_child:nth-child(4) .sport_box {
    margin-top: 0px;
  }

  .sports_item .item {
    align-items: center;
    justify-content: space-between;
  }

  .sport_desc {
    font-size: 14px;
  }

  /* Donation page css start from here */

  /* donation sidebar css start */

  .side_bar_donation .title {
    font-size: 24px;
  }

  .dr_name {
    display: block;
    margin-top: 10px;
  }

  /* bootcamp page css start from here */

  /* bootcamp section css start */

  .btcamp_wrapper .desc {
    font-size: 16px;
  }

  /* personal training page css start from here */

  /* trainer section css start */

  .trainer_wrapper .item .title {
    font-size: 18px;
  }

  /* personal traning section css start */

  .pt_wrapper .desc {
    font-size: 16px;
  }

  .red_card .sec_title {
    font-size: 30px;
  }

  /* healthy life style page css start from here */

  /* healthy family section css start  */

  .healthy_fam_wrapper .item .tip_title {
    font-size: 18px;
  }

  .healthy_fam_wrapper .item .tip_desc {
    font-size: 14px;
  }

  .healthy_fam_wrapper .item:before {
    left: 20px;
    top: 10px;
  }

  /* scout page css start from here */

  /* banner section css start */
  .scout_banner {
    padding: 120px 0px;
  }

  /* yellow box section css start  */

  .scout_wrapper .row {
    align-items: end !important;
  }

  .scout_wrapper .desc {
    font-size: 16px;
  }

  .scout_wrapper .desc {
    font-size: 15px;
  }

  .cs_yellow_box .box_desc {
    font-size: 14px;
  }

  /* signup section css start */

  .signup_inner_wrap {
    display: block !important;
  }

  .signup_inner_wrap .left {
    width: 100%;
    display: block !important;
    text-align: center;
    padding: 40px 30px 60px 30px;
  }

  .signup_inner_wrap .or_separator {
    position: relative;
    left: auto;
    top: auto;
    bottom: auto;
    width: 100%;
    height: 4px;
  }

  .signup_inner_wrap .right {
    width: 100%;
    padding: 60px 30px 40px 30px;
    display: block !important;
    text-align: center;
  }

  /* after school program section css start */

  .asp_wrapper .desc {
    font-size: 16px;
  }

  /* active play section css start */

  .active_play_wrapper .title {
    font-size: 28px;
  }

  .active_play_wrapper .desc {
    font-size: 16px;
  }

  /* families section css start */

  .families_wrapper .left .sec_desc {
    font-size: 18px;
  }

  .families_wrapper .left .desc {
    font-size: 16px;
  }

  /* after school page css start from here */

  /* after school programm section css start */

  .asp_wrapper .left {
    margin-bottom: 0px !important;
  }

  .active_play_wrapper .desc {
    font-size: 16px;
  }

  /* view all program page css start from here */

  /* helping section css start */

  .helping_wrapper .sub_title {
    font-size: 22px;
  }

  .helping_wrapper .title {
    font-size: 30px;
  }

  .helping_wrapper .desc {
    font-size: 13px;
  }

  .child_class_wrapper .row,
  .sport_wrapper .row,
  .yoga_class_wrapper .row {
    align-items: end !important;
  }

  .sport_wrapper {
    padding: 50px 0px 0px 0px;
  }

  /* child and sport section css start */

  .child_class_wrapper .right .fs-18,
  .sport_wrapper .left .fs-18,
  .cheerleading_wrapper .fs-18,
  .yoga_class_wrapper .right .fs-18,
  .teen_boot_wrapper .right .fs-18 {
    font-size: 16px;
  }

  /* dance section css start */

  .dance_wrapper .card .fs-18 {
    font-size: 16px;
  }

  /* boxing section css start */

  .boxing_wrapper .fs-18 {
    font-size: 16px;
  }

  .boxing_wrapper .img {
    width: 35px;
  }

  .boxing_wrapper h4 {
    font-size: 20px;
    margin-bottom: 0px !important;
  }

  /* special section css start */

  .special_need_wrapper .title {
    font-size: 24px;
  }

  .special_need_wrapper .red_title {
    font-size: 18px;
  }

  .personal_training_wrapper .fs-18 {
    font-size: 16px;
  }

  /* franchise page css start from here */

  /* banner section css start */

  .franchise_banner {
    padding: 100px 0px;
  }

  .franchise_banner .desc {
    font-size: 17px;
  }

  /* passion section css start */

  .passion_wrapper .desc {
    font-size: 16px;
  }

  .passion_wrapper .item .title {
    font-size: 22px;
  }
  .passion_wrapper .item .desc {
    font-size: 12px;
  }

  /* franchise section css start */

  .franchise_wrapper .content {
    padding: 0px !important;
  }

  /* service section css start */

  .services_wrapper .right .videoBox {
    width: 100%;
  }

  .services_wrapper .desc {
    font-size: 16px;
  }

  /* sucess section css start */

  /* testimonial section css start */

  .testi_wrapper .testimonial_box .title {
    font-size: 20px;
  }

  /* nutrition for kids css */

  .community_box .item .icon {
    margin-top: -5px;
  }

  /* kids fitness equipment */
  .kids_fitness_img {
    width: 580px;
  }

  /* resources page css start from here */

  .link_for_kids h6,
  .link_for_parents h6 {
    font-size: 15px !important;
  }
}

@media (max-width: 991px) {
  .kids_birthday_wrapper {
    background-blend-mode: overlay;
    background-color: #00000035;
  }
  .summer_camp_wrapper {
    padding-top: 45px;
  }

  /* header section css start from here */

  .navbar_collapse {
    justify-content: center;
    display: flex;
    flex-direction: column;
    margin-top: 14px;
  }

  .navbar-nav {
    text-align: center;
  }

  .header_button .btn {
    font-size: 14px;
  }

  .navbar-nav .menu-item a {
    font-size: 15px;
    display: flex;
    justify-content: center;
  }

  .header_button {
    margin: 10px auto;
  }

  /* classes page banner section css start from here */

  .classes_main_banner {
    padding: 100px 0px;
  }

  /* classes page child education section css start from here */

  .child_education_left_img .img {
    width: 100%;
  }

  /* classes page kids gym classes section css start from here */

  .gym_classes_wrapper {
    padding-bottom: 60px;
  }

  .gym_card_wrapper {
    border-top-right-radius: 162px;
    border-top-left-radius: 162px;
  }

  .gym_classes_wrapper .col-lg-3:nth-child(1) .gym_card_wrapper .card_img_box {
    margin-right: -43px;
  }

  .gym_classes_wrapper .col-lg-3:nth-child(even) .gym_card_wrapper {
    border-bottom-right-radius: 155px;
    border-bottom-left-radius: 155px;
  }

  .gym_classes_wrapper .col-lg-3:nth-child(4) .gym_card_wrapper .card_img_box {
    margin-right: -58px;
  }

  /* classes page testimonial section css start from here */

  .testimonial_wrapper .custom_row_width::before {
    display: none;
    height: auto;
  }

  /* clases page footer section css start from here */

  .footer_menu {
    margin-left: 0px !important;
  }

  /* nutrition for kids css */

  .community_box .item .icon {
    margin-top: -4px;
  }

  /* kids fitness equipment */
  .kids_fitness_img {
    width: 100%;
  }

  .sidebar_slider .swiper-slide {
    padding: 50px 0px 0px 0px !important;
  }

  /* you fit pro */

  .book_inner_left {
    width: 100%;
    justify-content: end;
  }

  .you_fit_pro_banner .right .videoBox {
    width: 100%;
  }

  .custom_position {
    position: unset;
    margin: 0 auto;
  }

  .sports_wrapper .circle_div .desc {
    padding: 55px 15px;
  }

  /* store page css start from here */

  /* category section css start */

  .category_wrapper {
    background: none;
  }

  .category_img_div {
    height: 190px;
    width: 190px;
  }

  /* product section css start */

  .swipper_button_div .btn {
    position: static;
    width: 50px;
    height: 50px;
  }

  .swipper_button_div {
    justify-content: center;
    margin-top: 50px;
    gap: 30px;
  }

  .product_kids_wrapper {
    padding-left: 0px;
    padding-right: 0px;
  }

  .product_kids_wrapper .swiper-button-prev {
    transform: translate(0px, 0px);
  }

  .product_kids_wrapper .swiper-button-next {
    transform: translate(0px, 0px);
  }

  .special_inner_wrapper {
    padding: 25px 25px 25px 30px;
  }

  .special_wrapper_img {
    bottom: unset;
    position: unset;
    transform: translate(0px, -100px);
  }

  /* .child_education {
    transform: translate(0px);
  } */

  .kids_weight {
    transform: translate(0px);
  }

  /* contact page css start from here */

  .contact_page_wrapper .form-control {
    font-size: 1rem;
  }

  .contact_page_wrapper .form-select {
    font-size: 1rem;
  }

  .yoga_image_div {
    text-align: center !important;
  }

  .yoga_wrapper .desc {
    font-size: 16px;
  }

  .cs_global_gap {
    --bs-gutter-x: 0;
  }

  /* side bar css start from here */

  .side_bar .body .item .title {
    font-size: 16px;
  }

  /* sidebar slider css start from here */

  .sidebar_slider .swiper-slide {
    padding: 50px 0px 0px 0px !important;
  }

  .sidebar_slider .swiper-button-prev {
    transform: translate(12px, 0px);
  }

  .sidebar_slider .swiper-button-prev {
    transform: translate(10px, 0px);
  }

  .sidebar_slider .swiper-button-next {
    transform: translate(-10px, 0px);
  }

  .sidebar_slider .box {
    padding: 40px 25px 25px 25px;
  }

  /* self defence page css start from here */

  /* fitness section css start */

  .fitness_wrap .box_desc {
    font-size: 14px;
  }

  /* circuit training page css start from here  */

  .ct_wrapper .desc {
    font-size: 16px;
  }

  /* cheerloading page css start from here  */

  /* cheer section css start */

  .cheer_img {
    width: unset !important;
    height: auto !important;
  }

  /* advantages section css start */

  .advantages_wrap .item .text {
    font-size: 14px;
  }

  /* donation page css start from here */

  /* banner section css start */

  .donation_banner {
    padding: 120px 0px;
  }

  .yoga_image_div {
    height: auto !important;
  }

  /* personal training section css start */

  /* trainer section css start */
  .trainer_wrapper .cs_child:nth-child(3) .top_image img {
    object-position: -70px 0px;
  }

  /* healthy life style page css start from here */

  /* parents section css start */

  .parents_wrapper {
    padding: 70px 0px;
  }

  .parents_wrapper .sec_left {
    display: flex;
    justify-content: center;
    text-align: center;
  }

  /* healthy family section css start  */

  .healthy_fam_wrapper .item:before {
    left: 30px;
    top: 15px;
  }

  /* scout page css start from here */

  /* scout section css start  */

  .scout_wrapper .desc {
    font-size: 18px;
  }

  .scout_wrapper {
    padding: 60px 0px;
  }

  .scout_wrapper .right .img {
    width: unset !important;
    margin: 0 auto;
  }

  .cs_yellow_box .box_desc {
    font-size: 18px;
  }

  /* after school program page css start from here */

  /* after school page css start  */

  .asp_wrapper .desc {
    font-size: 18px;
  }

  /* active play section css start */

  .active_play_wrapper {
    background-blend-mode: overlay;
    background-color: #00000022;
  }

  .active_play_wrapper .desc {
    font-size: 18px;
  }

  /* families section css start */

  .families_wrapper .left .desc {
    font-size: 18px;
  }

  /* view all program page css start from here */

  /* helping section css start */

  .helping_wrapper {
    padding: 60px 0px 60px 0px;
  }

  .kids_jump {
    width: unset !important;
    margin: 0 auto;
  }

  .helping_wrapper .desc {
    font-size: 16px;
  }

  /* child section css start */

  .child_class_wrapper {
    padding: 50px 0px;
    background-color: #00000035;
    background-blend-mode: overlay;
  }

  /* sports section css start */

  .sport_wrapper {
    padding: 50px 0px;
    background-color: #00000035;
    background-blend-mode: overlay;
  }

  /* yoga section css start */

  .yoga_class_wrapper {
    padding: 50px 0px;
    background-color: #00000035;
    background-blend-mode: overlay;
  }

  /* boxing section css start */

  .boxing_wrapper {
    padding: 70px 0px;
  }

  /* special section css start */

  .special_need_wrapper {
    padding: 60px 0px;
  }

  .special_need_wrapper .img_div {
    height: auto !important;
  }

  .cs_col {
    text-align: start !important;
    align-items: flex-start !important;
  }

  .teen_boot_wrapper {
    padding: 50px 0px;
    background-color: #00000035;
    background-blend-mode: overlay;
  }

  .self_defense_wrapper {
    padding: 50px 0px;
    background-color: #00000035;
    background-blend-mode: overlay;
  }
  .self_defense_wrapper .left {
    padding-bottom: 0px !important;
  }

  /* franchise page css start from here */

  /* passion section css start */

  .passion_wrapper .right .img {
    display: none;
  }

  /* sucess section css start */

  .sucess_wrapper .top_desc {
    font-size: 16px;
  }

  .sucess_wrapper .item .desc {
    font-size: 14px;
  }

  .sucess_wrapper .row .cs_child:nth-child(3) .item {
    margin-top: 20px;
  }

  .sucess_wrapper .row .cs_child:nth-child(3) .card_body {
    padding-bottom: 20px;
  }

  /* service section css start */

  .services_wrapper .item:nth-of-type(2) {
    margin-left: 0px;
  }

  /* Growing section css start */

  .growing_wrapper .right {
    text-align: center;
  }

  /* adventure section css start */

  .adventure_wrapper .btm_desc {
    font-size: 16px;
  }

  .adventure_wrapper .yellow_box .left_content .currency {
    font-size: 36px;
  }

  .adventure_wrapper .yellow_box .right_content .title {
    font-size: 24px;
  }

  .adventure_wrapper .yellow_box {
    padding: 25px 30px;
  }

  /* passion section css start */

  .passion_wrapper .item .title {
    font-size: 24px;
  }

  .passion_wrapper .item .desc {
    font-size: 14px;
  }

  /* testimonial section css start */

  .testi_wrapper {
    padding: 60px 0px;
  }

  .testi_wrapper .cs_child:nth-child(3) {
    margin-top: 70px;
  }

  .testi_wrapper .cs_cont:before {
    display: none;
  }

  .testi_wrapper .cs_padding {
    padding-bottom: 0px;
    padding-top: 0px !important;
  }

  /* fund raising section css start */

  .fund_raising_wrapper {
    background-blend-mode: overlay;
    background-color: #00000065;
  }

  .child_education {
    transform: translate(0px);
  }

  /* updated css */

  /* kid fitness equipment page css start from here */

  .kids_fitness {
    transform: translate(0px) !important;
  }
  .kids_fitness_img {
    width: 100% !important;
  }

  .resp_font {
    font-size: 16px;
  }

  .sport_conditioning img {
    display: none;
  }
}

@media (max-width: 860px) {
  .healthy_fam_wrapper .item:before {
    top: 5px;
  }
}

@media (max-width: 768px) {
  .category_custom_width {
    width: 50%;
  }

  .category_img_div {
    height: 250px;
    width: 240px;
  }

  .category_wrapper .top_content .desc {
    padding: unset;
  }

  .product_kids_wrapper .card_top_content .desc {
    padding: unset;
  }
}

@media (max-width: 767px) {
  .banner_inner_wrapper::before {
    content: none !important;
  }
  .banner_inner_wrapper {
    padding: 50px 10px;
    background-color: #fff;
    border-radius: 20px;
  }
  .child_education_right_side .content_div {
    padding-right: 0px;
    margin-bottom: 20px;
  }
  .wave_pink::before,
  .wave_pink::after {
    content: none !important;
  }

  /* classes page banner section css start from here */

  .banner_buttons {
    display: block !important;
  }

  .banner_inner_wrapper .title {
    font-size: 40px;
  }

  .banner_buttons .btn1 {
    margin: 0 auto 10px auto;
    font-size: 18px;
  }

  .banner_buttons .btn2 {
    margin: 0 auto;
    font-size: 18px;
  }

  /* classes page kids card section css start from here */

  .kids_cards_wrapper {
    background-color: #f42e57;
  }
  .kids_cards_wrapper .card_top_content .desc {
    width: 100%;
    font-size: 16px !important;
  }
  .kids_cards_wrapper .card_top_content .desc {
    font-size: 13px;
  }

  .child_education_right_side .content_div .title {
    font-size: 24px;
  }

  .child_education_right_side .content_div .sub_title {
    font-size: 20px;
  }

  .child_education_right_side .content_div .desc {
    font-size: 16px;
  }

  /* classes page kids gym classes section css start from here */

  .gym_classes_wrapper .gym_top_content .title {
    font-size: 40px;
  }

  .gym_classes_wrapper .gym_top_content .sub_title {
    font-size: 30px;
  }

  .gym_classes_wrapper .gym_top_content .desc {
    font-size: 16px;
  }

  .gym_card_wrapper {
    width: 100%;
    margin: 0 auto;
  }

  .kids_cards_wrapper {
    padding-bottom: 30px;
  }

  .kids_cards_wrapper .card_wrapper {
    margin: 0px;
  }

  .gym_classes_wrapper .col-lg-3:nth-child(3) .gym_card_wrapper {
    margin-top: 50px;
  }

  .gym_classes_wrapper .col-lg-3:nth-child(even) .gym_card_wrapper {
    transform: scale(-1);
  }

  .gym_classes_wrapper
    .col-lg-3:nth-child(even)
    .gym_card_wrapper
    .card_img_box {
    transform: scale(-1);
  }

  .gym_classes_wrapper .col-lg-3:nth-child(even) .gym_card_wrapper .card_body {
    transform: scale(-1);
  }

  .arrown_btn {
    right: 75px;
  }

  .gym_classes_wrapper
    .col-lg-3:nth-child(even)
    .gym_card_main_wrapper
    .arrown_btn {
    right: 72px;
    top: 340px !important;
  }

  /* classes page photo gallery slider section css start from here */

  .slidier_btn_content .red_text {
    font-size: 40px;
  }

  .slidier_btn_content .title {
    font-size: 30px;
  }

  .swipper_button_div .btn {
    width: 50px;
    height: 50px;
  }

  .swipper_button_div {
    gap: 30px !important;
  }

  /* classes page super hero section css start from here */

  .superhero_img_wrap {
    width: 100% !important;
    margin: 0 auto;
  }

  .nav_custom {
    display: block;
    border-radius: 0px;
    border-left: 0px solid transparent !important;
    border-right: 0px solid transparent !important;
  }

  .nav-item:first-child .inner_nav_custom {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-left: 4px solid transparent !important;
  }

  .nav-item:last-child .inner_nav_custom {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-right: 4px solid transparent !important;
  }

  .nav-item:first-child .inner_nav_custom.active {
    border-left: 4px solid #d0d0d0 !important;
  }

  .nav-item:last-child .inner_nav_custom.active {
    border-right: 4px solid #d0d0d0 !important;
  }

  .page-link {
    width: 35px;
    height: 35px;
  }

  .helping_inner_wrapper .title {
    font-size: 28px;
  }

  .accordion-item {
    width: 100%;
  }

  .community_box .item {
    display: block !important;
    text-align: center;
    padding: 20px;
  }

  .community_box .content_div {
    margin-left: 0px !important;
    margin-top: 15px;
  }

  /* nutrition for kids css */

  .community_box .item .icon {
    border: 3px solid #f64843;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: -2px;
    margin-bottom: -2px;
  }

  .community_box .item .reverse_icon {
    border: 3px solid #f64843;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: -3px;
    margin-bottom: -2px;
  }

  /* you fit pro */

  .getting_fs {
    font-size: 14px;
  }

  /* blogs page css start from here */

  /* cards section css start  */

  .blog_page_wrapper .title {
    height: auto;
  }

  .product_kids_wrapper .card_wrapper .card_btn {
    font-size: 16px;
    padding: 5px 50px;
  }

  /* sports page css start from here */

  /* sports box section css start */

  .sport_box_wrapper .cs_child:nth-child(3) .sport_box {
    margin-bottom: 15px;
  }

  /* personal training page css start from here */

  /* red card section css start */

  .red_card .sec_title {
    font-size: 26px;
  }

  /* trainer section css start */

  .trainer_wrapper .item {
    width: 70%;
    margin: 0 auto;
  }

  .trainer_wrapper .item:before {
    top: 20px;
    left: 40px;
  }

  /* personal training section css start */


  /* healthy lifestyle section css start */

  /* healthy family section css start */

  .healthy_fam_wrapper .item {
    width: 50%;
  }

  .healthy_fam_wrapper .item:before {
    left: 40px;
    top: 20px;
  }

  /* franchise page css start */

  /* franchise section css start */

  .franchise_wrapper .top_desc {
    font-size: 16px;
  }

  .franchise_wrapper .content {
    margin: 0px 10px !important;
  }

  .franchise_wrapper .item .img {
    width: 120px;
  }

  /* sucess section css start */

  .sucess_wrapper .item .desc {
    font-size: 12px;
  }

  /* testimonial section css start */

  .testi_wrapper .cs_child:nth-child(2) {
    margin-top: 70px;
  }
}

@media (max-width: 576px) {


    .top-bar .container {
/*         flex-direction: column; */
        text-align: center;
    }

    /* show toggle button only on xs */
    .top-bar .btn {
        margin-bottom: 5px;
    }

    /* collapsed menu styling */
    #topBarMenu {
        width: 100%;
    }

    #topBarMenu .nav {
        flex-direction: column;
        align-items: center;
    }

    #topBarMenu .nav-link {
        display: block;
        width: 100%;
        padding: 8px 0;
    }
	
	.sports_camp_wrapper .card_wrapper_reverse {
		border: 4px solid #f64843 !important;
		border-top-left-radius: 210px !important;
		border-bottom-right-radius: 45px !important;
		border-bottom-left-radius: 45px !important;
		border-top-right-radius: 210px !important;
		background-color: rgb(255, 255, 255) !important;
		height: 350px ;
	}
	.sports_camp_wrapper .card_wrapper_reverse .card_img_top_reverse {
		border-top-left-radius: 200px !important;
		border-bottom-right-radius: 45px !important;
		border-bottom-left-radius: 45px !important;
		border-top-right-radius: 200px !important;
	}
  .thr_heading {
    text-align: center;
  }

  .healthy_fam_wrapper .item:before {
    top: 0px;
  }

  .after_school_banner .bnr_sub_title {
    font-size: 22px;
  }
  .bnr_sub_title {
    font-size: 24px;
  }

  .heading {
    font-size: 32px;
  }

  .sec_sub_title,
  .sec_heading {
    text-align: center;
  }

  /* classes page banner section css start from here */

  .banner_inner_wrapper .title {
    font-size: 36px;
  }

  .banner_buttons .btn1 {
    font-size: 14px;
  }

  .banner_buttons .btn2 {
    font-size: 14px;
  }

  /* classes page kids card section css start from here */

  .kids_cards_wrapper .card_wrapper {
    margin: 0 auto;
    width: 100%;
  }

  .kids_cards_wrapper .card_top_content .title {
    font-size: 40px;
  }

  .kids_cards_wrapper .card_top_content .sub_title {
    font-size: 28px;
  }

  .kids_cards_wrapper .card_wrapper .card_title {
    font-size: 20px;
  }

  .kids_cards_wrapper .card_top_content .desc {
    font-size: 11px;
  }

  .kids_cards_wrapper .card_wrapper .card_btn {
    font-size: 14px;
    width: 180px;
  }

  .arrown_btn {
    display: none !important;
  }

  .gym_classes_wrapper
    .col-lg-3:nth-child(even)
    .gym_card_main_wrapper
    .arrown_btn {
    display: none !important;
  }

  /* classes page photo gallery slider section css start from here */

  .slidier_btn_content .red_text {
    font-size: 32px;
  }

  .slidier_btn_content .title {
    font-size: 24px;
  }

  .swipper_button_div .btn {
    width: 45px;
    height: 45px;
  }

  /* classes page community section css start from here */

  .community_left_side .title {
    font-size: 24px;
  }

  .community_right_sdie .community_box {
    padding-bottom: 10px;
    padding-top: 10px;
    display: block !important;
    text-align: center;
    padding-right: 20px !important ;
  }

  .community_box .community_icon {
    width: 100px;
    margin-bottom: 10px;
  }

  /* classes page super hero section css start from here */

  .superhero_img_wrap {
    width: 55%;
  }

  .superhero_content_div .title {
    font-size: 16px;
  }

  .superhero_content_div .desc {
    font-size: 14px;
  }

  /* classes page footer section css start from here */

  .footer_logo .img {
    width: 250px;
  }

  .footer_menu .btn {
    font-size: 16px;
  }
  .sports_camp_wrapper .row > .col-lg-3 .card_wrapper {
    flex-direction: column !important;
    height: auto;
    border-radius: 20px !important;
  }

  .sports_camp_wrapper .row > .col-lg-3 .card_img_top {
    border-radius: 20px !important;
    margin-top: 0 !important;
  }

  /* store page css start from here */

  /* cateogry section css start */

  .category_custom_width {
    width: 100%;
    padding: 20px;
    justify-content: center;
    display: flex;
  }

  .category_img_div {
    height: 250px;
    width: 240px;
    border-top-left-radius: 45px;
  }

  .category_img_radius {
    border-top-right-radius: 45px;
  }

  .category_content_div {
    border-top-right-radius: 30px;
  }

  .category_content_radius {
    border-top-left-radius: 30px;
  }

  /* product section css start */

  .product_kids_wrapper {
    padding: 60px 0px 30px 0px;
  }

  .banner_buttons .btn1 {
    padding: 5px 15px;
  }

  .banner_inner_wrapper .title {
    font-size: 32px;
  }

  .product_kids_wrapper .card_wrapper {
    width: 100%;
  }

  .product_kids_wrapper .card_wrapper {
    border-top-left-radius: 45px;
    border-top-right-radius: 45px;
  }

  .product_kids_wrapper .card_wrapper .card_img_top {
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
  }

  .category_content_div {
    padding: 10px 0px 10px 20px;
  }

  /* special section css start */

  .special_wrapper {
    padding: 0px 0px 50px 0px;
  }

  .special_wrapper .title {
    font-size: 30px;
  }

  .special_inner_wrapper {
    padding: 0px 30px 30px 30px;
    margin-top: 80px;
  }

  .special_wrapper_img {
    transform: translate(0px, -30px);
  }

  /* contact page css start from here */

  .contact_page_wrapper .form-control {
    font-size: 0.75rem;
  }

  .contact_page_wrapper .form-select {
    font-size: 0.75rem;
  }

  /* yoga page css start from here */

  /* banner section css start */

  .main_banner {
    padding: 90px 0px 90px 0px;
  }

  .yoga_image_div {
    display: none;
  }

  /* benefit section css start */

  .benefit_wrapper .item {
    display: block !important;
    text-align: center;
    padding: 20px;
  }

  .benefit_wrapper .content_div {
    margin-left: 0px !important;
    margin: 15px 0px;
  }

  /* form section css start */

  .yoga_wrapper .desc,
  .dance_wrapper .center_content .desc {
    font-size: 14px;
  }

  /* side bar css start */

  .side_bar .body .item .title {
    font-size: 14px;
  }

  /* side bar slider css start  */

  .sidebar_slider .box .desc {
    font-size: 14px;
  }

  /* circuit training page css start from here  */

  .ct_wrapper .desc {
    font-size: 14px;
  }

  /* cheerloading page css start from here  */

  /* advantages section css start */

  .advantages_wrap .item .title {
    font-size: 20px;
  }

  .advantages_wrap .item .number {
    font-size: 30px;
  }

  /* sports page css start from here */

  /* sports section css start */

  .sports_wrapper .desc {
    font-size: 16px;
  }

  /* advantages section css start  */

  .advantages_wrap .item .text {
    font-size: 12px;
  }

  /* summer camp */

  .sports_camp_wrapper .row > .col-lg-3 .card_wrapper {
    flex-direction: column !important;
    height: auto;
    border-radius: 20px !important;
  }

  .sports_camp_wrapper .row > .col-lg-3 .card_img_top {
    border-radius: 20px !important;
    margin-top: 0 !important;
  }

  .mission_shape h5 {
    font-size: 18px;
  }

  .mission_shape {
    height: 190px;
    padding-top: 45px;
  }

  /* donation page css start from here */

  /* banner section css start */

  .donation_banner {
    padding: 120px 0px;
  }

  /* donation section css start */

  .donation_wrapper .desc {
    font-size: 16px;
  }

  .trainer_wrapper .item:before {
    top: 10px;
  }

  .trainer_wrapper .item .content {
    margin: 0px !important;
  }

  /* self training page css start from here */

  /* trainer section css start */


  /* healthy lifestyle section css start */

  /* parents section css start */

  .parents_wrapper .desc {
    font-size: 16px;
  }

  /* healthy family section css start */

  .healthy_fam_wrapper .top_desc {
    font-size: 15px;
  }

  .healthy_fam_wrapper .item .content {
    margin: auto 0px !important;
  }

  .healthy_fam_wrapper .item .d-block {
    display: inline-block !important;
  }

  /* scout page css start from here */

  /* scout section css start */

  .scout_wrapper .desc {
    font-size: 16px;
  }

  .cs_yellow_box .box_desc {
    font-size: 16px;
  }

  /* signup section csc start */

  .signup_wrapper .sign_desc {
    font-size: 14pt;
  }

  .phone_number {
    font-size: 22pt;
  }
  .signup_wrapper .btn {
    font-size: 16px;
  }

  .signup_inner_wrap .or_separator::after {
    font-size: 20px;
    width: 60px;
    height: 60px;
  }

  /* after school program page css start from here */

  /* after school page css start  */

  .asp_wrapper .desc {
    font-size: 16px;
  }

  /* active play section css start */

  .active_play_wrapper .title {
    font-size: 24px;
    text-align: center;
  }

  .active_play_wrapper .desc {
    font-size: 16px;
  }

  /* families section css start */

  .families_wrapper .left .desc {
    font-size: 16px;
  }

  .families_wrapper .left .sec_desc {
    font-size: 16px;
  }

  .special_need_wrapper .title,
  .cheerleading_wrapper .titlee {
    text-align: center;
  }

  .kids_jump {
    width: unset !important;
    margin: 0 auto;
    display: none;
  }

  /* franchise page css start from here */

  /* banner section css start */

  .franchise_banner .desc {
    font-size: 16px;
    max-width: 450px;
  }

  /* passion section css start */

  .passion_wrapper .item {
    display: block !important;
    text-align: center;
    padding: 25px;
  }

  .passion_wrapper .item .icon_div {
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 15px;
  }

  .passion_wrapper .item .title {
    margin-bottom: 10px !important;
  }

  .passion_wrapper .item {
    border-radius: 15px;
  }

  /* sucess section css start */

  .sucess_wrapper .item {
    width: 70%;
    margin: 0 auto;
  }

  .sucess_wrapper .item .card_body {
    padding: 20px 25px 20px 25px;
  }

  .sucess_wrapper .item .desc {
    font-size: 14px;
  }

  .sucess_wrapper .row .cs_child:nth-child(odd) .button {
    right: 63px;
  }

  .sucess_wrapper .row .cs_child:nth-child(even) .item {
    border-top-right-radius: 136px;
    border-top-left-radius: 136px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    margin-top: 0px;
    flex-direction: column;
  }

  .sucess_wrapper .row .cs_child:nth-child(even) .button {
    right: 63px;
    top: 355px;
  }

  .sucess_wrapper .row .cs_child:nth-child(3) .item {
    margin-top: 0px;
  }
  .sucess_wrapper .row {
    --bs-gutter-x: 0rem;
  }

  /* growing section css start */

  .growing_wrapper .desc {
    font-size: 15px;
  }

  /* adventure section css start */

  .adventure_wrapper .left .desc {
    font-size: 16px;
  }

  .adventure_wrapper .chk_box_wrapper {
    display: block !important;
  }

  .adventure_wrapper .check_box {
    display: block !important;
  }

  .adventure_wrapper .yellow_box .left_content .currency {
    font-size: 30px;
  }
  .adventure_wrapper .yellow_box .right_content .title {
    font-size: 20px;
  }

  .adventure_wrapper .left_content,
  .adventure_wrapper .right_content {
    text-align: center;
  }

  /* school field trips page css start from here */

  /* fund raising section css start */

  .sports_wrapper .fs-18 {
    font-size: 16px !important;
  }
}

@media (max-width: 540px) {
  .healthy_fam_wrapper .item:before {
    top: 0px;
  }
}

@media (max-width: 480px) {
  /* classes page kids card section css start from here */

  .kids_cards_wrapper .card_wrapper .card_btn {
    font-size: 12px;
    width: 145px;
  }

  .kids_cards_wrapper .card_wrapper .card_btn {
    padding: 4px 0px;
  }

  .kids_cards_wrapper .card_top_content .desc {
    font-size: 10px;
  }

  /* classes page testimonial section css start from here */

  .testimonial_wrapper::before {
    display: none;
  }

  /* franchise page css start from here */

  /* sucess section css start */

  .sucess_wrapper .row .cs_child:nth-child(odd) .button {
    right: 50px;
  }

  .sucess_wrapper .row .cs_child:nth-child(even) .button {
    right: 50px;
    top: 335px;
  }

  /* testimonial section css start */

  .testi_wrapper .testimonial_box {
    padding: 35px 25px;
  }

  .testi_wrapper .star_icon_div .star_icon {
    font-size: 18px;
  }

  .testi_wrapper .testimonial_box .title {
    font-size: 16px;
  }

  .healthy_fam_wrapper .item:before {
    top: 0px;
  }
}

@media (max-width: 480px) {
  /* benefit section css start */

  .benefit_wrapper .item .title {
    font-size: 22px;
  }

  .benefit_wrapper .item img {
    width: 100px;
    height: 100px;
  }

  .community_box .item .title {
    font-size: 22px;
  }

  .community_box .item img {
    width: 100px;
    height: 100px;
  }

  .mission_shape h5 {
    font-size: 16px;
  }

  .mission_shape {
    height: 170px;
  }

  /* you fir pro */

  .book_fs {
    font-size: 14px;
  }

  .getting_fs {
    font-size: 12px;
  }

  /* fitness section css start */

  .fitness_wrap .item {
    display: block !important;
    text-align: center;
  }

  .fitness_wrap .box_desc {
    font-size: 12px;
  }

  .fitness_wrap .number {
    margin-right: 0px !important;
    margin-bottom: 5px !important;
    font-size: 30px;
  }

  /* bootcamp page css start from here */

  /* bootcamp section css start */

  .btcamp_wrapper .desc {
    font-size: 14px;
  }

  /* personal training page css start from here */

  /* personal training section css start */

  .pt_wrapper .desc {
    font-size: 14px;
  }

  /* red card section css start */

  .red_card .sec_title {
    font-size: 22px;
  }

  /* healthy lifestyle section css start */

  /* healthy family section css start */

  .healthy_fam_wrapper .item {
    width: 70%;
  }

  .healthy_fam_wrapper .item:before {
    top: 10px;
  }

  /* view all program page css start from here */

  /* helping section css start */

  .helping_wrapper .sub_title {
    font-size: 18px;
  }

  .helping_wrapper .title {
    font-size: 24px;
  }

  /* franchise page css start from here */

  /* sucess section css start */

  .sucess_wrapper .row .cs_child:nth-child(odd) .button {
    right: 50px;
  }

  .sucess_wrapper .row .cs_child:nth-child(even) .button {
    right: 50px;
    top: 335px;
  }

  /* testimonial section css start */

  .testi_wrapper .testimonial_box {
    padding: 35px 25px;
  }

  .testi_wrapper .star_icon_div .star_icon {
    font-size: 18px;
  }

  .testi_wrapper .testimonial_box .title {
    font-size: 16px;
  }
}

@media (max-width: 440px) {
  /* franchise page css start from here */

  /* sucess section css start */

  .sucess_wrapper .row .cs_child:nth-child(odd) .button {
    right: 40px;
  }
  .sucess_wrapper .row .cs_child:nth-child(even) .button {
    right: 40px;
    top: 320px;
  }
}

@media (max-width: 420px) {
  /* self training page css start from here */

  /* trainer section css start */

  .trainer_wrapper .item:before {
    top: 0px;
  }

  /* healthy lifestyle section css start */

  /* healthy family section css start */

  .healthy_fam_wrapper .item:before {
    top: 0px;
  }

  /* franchise section css start */

  /* sucess section css start */

  .sucess_wrapper .row .cs_child:nth-child(even) .button {
    top: 340px;
  }
}

@media (max-width: 380px) {
  .sec_sub_title {
    font-size: 18px;
  }

  .sec_heading {
    font-size: 24px;
  }

  .contact_form .sec_heading {
    font-size: 20px;
  }

  .bnr_sub_title {
    font-size: 22px;
  }

  .heading {
    font-size: 28px;
  }

  /* contact form section css start */

  .contact_form .sec_heading {
    font-size: 20px;
  }

  .custom_card_box .text {
    font-size: 14px;
  }

  .resources_inner_wrapper {
    padding: 12px 12px;
  }

  .mission_shape h5 {
    font-size: 14px;
  }

  .mission_shape {
    height: 120px;
    padding-top: 20px;
  }

  /* you fir pro */

  .custom_shadow {
    font-size: 14px;
  }

  /* self training page css start from here */

  /* trainer section css start */

  .trainer_wrapper .item {
    width: 100%;
    margin: 0 auto;
  }


  /* healthy lifestyle section css start */

  /* healthy family section css start */

  .healthy_fam_wrapper .item {
    width: 80%;
  }

  .healthy_fam_wrapper .item:before {
    top: 0px;
  }

  /* franchise section css start */

  /* sucess section css start */

  .sucess_wrapper .item {
    width: 100%;
  }

  .sucess_wrapper .row .cs_child:nth-child(odd) .button {
    right: -8px;
  }

  .sucess_wrapper .row .cs_child:nth-child(even) .button {
    right: -8px;
    top: 357px;
  }

  /* adventure section css start */

  .adventure_wrapper .yellow_box .left_content .currency {
    font-size: 24px;
  }
  .adventure_wrapper .yellow_box .right_content .title {
    font-size: 18px;
  }

  .adventure_wrapper .right .title {
    font-size: 20px;
  }
}

@media (max-width: 350px) {
  /* franchise page css start from here */

  /* sucess section css start */

  .sucess_wrapper .row .cs_child:nth-child(even) .button {
    top: 340px;
  }
}
@media (min-width: 1200px) {
	.banner_inner_wrapper .title {
		max-width: 410px !important;
		margin: 0 auto !important;
	}
}

/* On larger screens keep horizontal layout */
@media (min-width: 577px) {
    .top-bar .btn {
        display: none; /* hide toggle button */
    }

    #topBarMenu {
        display: block !important; /* always show links */
    }

    #topBarMenu .nav {
        flex-direction: row;
        justify-content: flex-end;
    }
}