@media screen and (max-width:1200px) {
   .offer_div{
     width:275px;
   }
   .offer_box{
     text-align: center;
   }
   .story_text{
      width:77%!important;
   }
   .excercise_btn_two{
     margin-top: 15px!important;
   }
   .testimonial_section{
      padding: 50px 30px;
   }
 }


 @media screen and (max-width:992px) {
   .our_story_img{
     text-align: center;
   }
   .our_story_img_box{
     text-align: center;
     float: none;
     display:inline-block;
   }
   .story_text{
      float: none;
      width:100%!important;
      text-align:center;
      margin-top: 20px;
   }
   .story_text p{
     text-align: center;
   }
   .testimonial_section{
      padding: 0px 20px;
   }
   .left_form{
      width:100%;
   }
   .right_form{
    width:100%;
    padding-left: 0px;
    margin-top: 15px;
    border-top: 1px Solid #24d075;
    border-left: 0px;
    padding-top: 20px;
   }
   .left_footer{
      float: none;
      text-align: center;
   }
   .right_footer{
      float: none;
      text-align: center;
   }

   .right_text ul li{
     display: none;
   }

   .right_text ul .mob_menu{
     display: inline-block!important;
     margin:10px;
     /* margin-top: 5px; */
   }

   .mob_menu img{
     height: 23px;
   }
   .right_text ul .tele_link{
     display: none!important;

   }
   .banner{
     display: none;
   }
   .mob_banner{
     display: block;
     height: auto;
     position: relative;
   }

   .mob_layer{
     position: absolute;
     /* background-color: rgba(36, 208, 117, 0.5); */
     height: inherit;
     width: 100%;
     top:0px;
     z-index: 10000;
   }

   .banner{
     background-position: right;
   }
   .banner_layer{
     position: absolute;
     height: 100%;
     width: 100%;
     /* background-color:rgba(36, 208, 117, 0.5); */
   }

   .banner_text{
     display: none;
   }

   .mob_banner_text{
     display: block;
     text-align: center;
     margin-top: 20%;
   }


   .mob_enroll_btn{
     margin-top: 20px;
   }

 }


 @media screen and (max-width:800px) {
   .mob_banner_text h3{
     font-size: 18px;
   }
   .mob_banner_text h1{
     font-size: 35px;
   }
 }


 @media screen and (max-width:640px) {
   .mob_banner_text h3{
     font-size: 18px;
   }
   .mob_banner_text h1{
     font-size: 35px;
     letter-spacing: 17px;
   }
 }


  @media screen and (max-width:600px) {
    /* .testimonial_section{
        height: 555px;
    } */
  }


  @media screen and (max-width:565px) {
    .mob_banner_text h3{
      font-size: 15px;
    }
    .mob_banner_text h1{
      font-size: 26px;
    }
  }


 @media screen and (max-width:544px) {
   .mob_banner_text h1{
     letter-spacing: 6px;
   }
 }

 @media screen and (max-width:542px) {
   .excercise_btn_one{
      width: 100%;
      margin-right: 0px;
   }
   .excercise_btn_two{
     width:100%;
   }
   .enroll_btn{
     width:100%;
   }
   .bmi_calculate_btn{
     width:100%;
     margin-top: 15px;
   }
   .form_section_box input{
      width:100%;
   }
   .left_full_name{
     float: none;
   }
   .right_full_name{
     width:100%;
     margin-top: 15px!important;
     float: none;
   }
   .enroll_btn{
      margin-top: 15px;
   }
 }

 @media screen and (max-width:565px) {
   .mob_banner_text{
     margin-top: 15%;
   }
   .mob_banner_text h1{
     letter-spacing: 9px;
   }
   .banner_enroll_btn{
     font-size: 14px;
     padding: 8px 27px;
   }
   .play_video_box{
     width:85%;
   }
 }


 @media screen and (max-width:523px) {
   .mob_banner_text h3{
     font-size: 15px;
   }
   .mob_banner_text h1 {
     letter-spacing: 16px;
     text-transform: uppercase;
 }
 }




 @media screen and (max-width:470px){
   .mob_banner_text h1 {
    letter-spacing: 4px;
    margin-top: 5px;
    font-size: 22px;
  }
  .mob_banner_text h3{
    font-size: 12px;
  }
 }


  @media screen and (max-width:442px){
    .pay_window{
      width: 300px;
      height: 400px;
    }
  }


  @media screen and (max-width:434px){
    .mob_banner_text h1 {
     letter-spacing: 9px;
     text-transform: uppercase;
     margin-top: 5px;
   }

  }

  @media screen and (max-width:391px) {
    .mob_banner_text{
      margin-top: 10%;
    }
    .mob_banner_text h1{
      letter-spacing: 3px;
      margin-top: 2px;
    }
    .mob_banner_text{
      margin-top: 15%;
    }
  }


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

    .mob_banner_text h1{
      letter-spacing: 8px;
      margin-top: 2px;
    }
    .mob_banner_text{
      margin-top: 15%;
    }
  }