@media only screen and (max-width :767px){
  
  /*--- inner2 ----*/

  .class_table_info{
    width: 90%;
    margin: 0 auto;
    float: none !important;
  }
  
  .class_table_label {
    clear: both;
    float: none;
    width: 100%;
  }

  
  .class_table_field {  width: 100%;  text-indent: 0.5em;  background: white;  float: none;  height: 30px; padding: 0.5em 0;  padding: 0.5em 0; }
  
  
  .class_table_info_left { width: 100%; float: none; margin: 1.3em auto;}

  .class_table_info_submit { width: 100%; height: 40px; margin: 0.5em auto; line-height: 0;}
   
   body header .bannerSec .buy_classLink a {  font-size: 13px;  }

   body .week_classes .innerContainer .week_carousalSec .weakNameSec ul li {
     width: calc(100%/8);
   }

   body .week_classes .innerContainer .week_carousalSec {
    width: 100%;
   }
   
   body .week_classes .innerContainer .week_carousalSec #week_carousal ul li {
    width: 100%;
    height: 95px; 
   }
   
   body .week_classes .innerContainer .week_carousalSec #week_carousal ul li p {
    font-size: 16px;
    padding: 5px 3px 0 0;
   }

   body .week_classes .innerContainer .week_carousalSec #week_carousal ul li .trainer_time {
    position: absolute;
    bottom: 10px;
    left: 0;
  }

  body .week_classes .innerContainer .week_carousalSec #week_carousal ul li .trainer_time strong {
    font-size: 0.65em;
    color: #666;
    font-family: "GeogrotesqueSemiBold";
    display: block;
  }
  
  body .week_classes .innerContainer .week_carousalSec #week_carousal ul li .trainer_time span {
    font-size: 0.6em;
    text-align: center;
  }
  
  body .week_classes .innerContainer .seat_table .table_sec {
    float: left;
    width: 100%;
  }

  body .week_classes .innerContainer .seat_table .table_sec .trainer_name {
    position: relative;
    width: 41%;
    height: 144px;
    top: 60px;
    text-align: center;
    background-size: 100% 52%;
    background-position: 0 0;
  }
  
  body .week_classes .innerContainer .seat_table .table_sec .trainer_name p {
    font-size: 14px;
    margin-top: 25px;
    text-align: center;
    text-indent: 0;
  }

  body .week_classes .innerContainer .seat_table .table_sec .trainer_name h3 {
    font-size: 17px;
    margin-top: 0;
    text-align: center;
    text-indent: 0;
  }
  
  .trainer_name .trainer_photo {
    width: 7.3em;
    position: absolute;
    top: -9em;
    right: 2em;
} 


  body .week_classes .innerContainer .seat_table .table_sec table.seatTable tr td .seat_div {  font-size: 12px;  margin: 14px 8px;  width: calc(100%/16);  height: 23px;  }
  
  body .week_classes .innerContainer .seat_table aside {
    width: 170px;
    float: none;
    clear: both;
    margin: 0 auto;
 }

 body .week_classes .innerContainer .week_carousalSec #week_carousal .slick-next.slick-arrow {
   display:none !important; 
 }
 
 .swipeIcon {

   width: 120px;
   margin: 5px auto;
   font-size: 2.5em;
   text-align: center;
 } 

 /* -------- Footer ---------- */
  
  div#thumb_carousal {
    width: 90%;
    float: none;
    margin:0 auto;
  }

  #thumb_carousal .col-sm-6 { width: 100%; float: none; }

  .sideLink {
    width: 90%;
    margin: 0 auto;
    float: none;
  } 

  .terms_link {
    color: white;
    margin: 1em;
    display: block;
    font-size: 1em;
  }
 
}


@media only screen and (max-width :320px){
  body .week_classes .innerContainer .seat_table .table_sec .trainer_name {
    width: 55%;
    right: 1px;
  }

  body .week_classes .innerContainer .seat_table .table_sec table.seatTable {
    width: 93%;
    margin-left: auto;
    margin-right: auto;
  }

  /******* inner 1  *******/
  
  body .classes_link ul li .numSec--unltd {font-size: 5.8em; line-height: 2.4em;}  

  /*---------- inner 2  --------------*/
  
  body .week_classes .innerContainer .seat_table .table_sec table.seatTable tr td .seat_div{ width: 1.5em; }
  .class_table_info_left { width: 100%; float: none; margin: 1em 0;}
  .trainer_name .trainer_photo { width: 6.3em;  top: -5.5em;  right: 2.5em;}
  body .week_classes .innerContainer .seat_table .table_sec .trainer_name h3 {  position: absolute;  top: 3em;  left: 3.6em;  }
  .class_table_info_submit { width: 100%; height: 40px; margin: 0 auto; line-height: 0;}
  body .week_classes .innerContainer .seat_table .table_sec table.seatTable tr td .seat_div a { background-size: 78%; }
  body .week_classes .innerContainer .seat_table .table_sec table.seatTable tr td .active { background-size: 78% !important;  }

  /*---------- inner 25 -------------*/
  
  body .inner12Page .who_we_are {margin-top: 10px;}
  .heading_link a { font-size: 0.4em !important; width: 100%; display: block; letter-spacing: 1px !important;}
  body .inner12Page .who_we_are p { font-size: 18px; padding: 0.5em; margin: 15px 0 10px;}
  body .inner12Page .who_we_are h2 { font-size: 30px; margin: 10px 0;}
  body .inner12Page .who_we_are p { padding: 0 0.5em;}
  .who_we_are ul {width: 90%; margin: 0 auto;}
  
}


@media only screen and (min-width: 321px) and (max-width: 360px){
  body .inner11Page .heading_link a {
    font-size: 0.5em;
  }
  
  .who_we_are p {
    font-size: 22px;
    padding: 0.5em;
  }

  /*------inner 2 -----*/
   
  .trainer_name .trainer_photo {width: 88px; top: -8.1em; right: 2.6em;}
  body .week_classes .innerContainer .seat_table .table_sec table.seatTable tr td .seat_div { width: calc(100%/25) !important; height: 14px !important; }

  /*---- inner25  ----*/

  body .inner11Page .inner1Thumb { margin-top: 50px; padding: 50px 0 20px;}
  body .inner12Page .who_we_are p { padding: 0 0.5em;}
  .who_we_are ul {width: 90%; margin: 0 auto;}

}


@media only screen and (min-width :321px) and (max-width:480px){
   
   body .week_classes .innerContainer .seat_table .table_sec table.seatTable {
     margin-left: 0;
     width: 100%;
   }
   
   /* -----  inner2 -----*/
     
   .classes_payment_close {top: 0.4em; right: 0.1em;}
   .trainer_name .trainer_photo { width: 90px;  right: 1.5em; }
  
   /* -----  inner2 -----*/

   body .week_classes .innerContainer .seat_table .table_sec table.seatTable tr td .seat_div {width: 2.4em;  height: 26px;}

   body .week_classes .innerContainer .seat_table .table_sec table.seatTable tr td .seat_div a {background-size: 100%; height:50px; }

   body .week_classes .innerContainer .seat_table .table_sec table.seatTable tr td .active {  background-size: 100% !important;  }

   body .inner11Page .inner1Thumb {margin-top: 60px; padding-top: 60px;}

   body .inner12Page { margin-bottom: 0;}

   /*---- inner25  ----*/
   
   body .inner12Page .who_we_are { margin-top: 20px;}

   body .inner11Page .heading_link a { font-size: 15px; letter-spacing: 1px; width: 100%; display: block; } 
   body .inner11Page .heading_link a:before {margin-right: 10px; background-size: cover;}
   body .inner11Page .heading_link a:after { margin-left: 10px; background-size: cover;}

   body .inner12Page .who_we_are p { padding: 0 0.5em;}

   ul.who_we_are_list{width: 90%; margin:0 auto;}


}  


@media (min-width: 768px){
  
  /*--- index ---*/

  .col-sm-6 {
    width: 50%;
    margin: 0 auto;
    float: none;
  }

  .col-sm-6 {
    width: 69%;
  }
}



@media only screen and (min-width :768px) and (max-width :992px){
   body .week_classes .innerContainer .week_carousalSec { width: 90%; margin: 0 auto;} 
   body .week_classes .innerContainer .week_carousalSec .weakNameSec ul li {width: 8.95em;}
    .slider_item {width: 6.4em;}

   body .week_classes .innerContainer .week_carousalSec #week_carousal ul li { width: 90px;} 
   body .week_classes .innerContainer .seat_table aside { width: 170px; float: none; clear: both; margin: 0 auto; }
   body header .main_navigation .navbar-nav li a { font-size: 1.3em; }

   /*---------------- Inner1 ---------------------*/
      
     .classes_payment_close {top: .5em; right: 0.5em;}
     body .inner6Page .cardInfo { margin-top: 80px;}
     body .inner6Page .logoForRegister { padding: 50px 0; }

   /*---------------- Label2 ---------------------*/
     
     .class_table_label { clear: both; float: none; width: 100%; display: block;}
     .class_table_field { width: 100%; float: none; height: 25px;}

    /*-------------- Inner6 -----------------------*/  
     
     body .inner6Page .cardInfo .cardType .card_img { background: #4c4c4c; width: 50%; height: 95px; float: left;}
     body .inner6Page .cardInfo .cardType .someTypes { width: 50%; }

    /*------------------- Inner 11 --------------------------*/
      body .inner11Page .inner1Thumb { padding-top: 80px;}
      body .inner11Page { margin-top: 50px;}
      body .inner12Page { margin-bottom: 50px;}
       
    /*------------------ Inner 12 ---------------------------*/
     
     body .inner11Page .inner1Thumb{ padding-top: 80px; }




    /*------------ Footer -----------------*/
   
   div#thumb_carousal { width: 90%; float: none; margin:0 auto;}
   #thumb_carousal .col-sm-6 { width: 100%; float: none; }
   .sideLink { width: 90%; margin: 0 auto; float: none;} 
   body .classes_link ul li .numSec--unltd { font-size: 5em; line-height: 3em;}
   body .inner12Page .who_we_are p { padding: 0 0.5em;}
   body .inner12Page .who_we_are h2 {font-size:60px; padding: 0 0.4em;}
   .terms_link { color: white; margin: 1em; display: block; font-size: 1em; }

}