/*    Tablet Layout: 768px.
    Gutters: 24px.
    Outer margins: 28px.
    Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 979px) {
    /* GENERAL TABLET ----------------------------------------------------*/
  
}



/*    Mobile Layout: 320px.
          Gutters: 24px.
          Outer margins: 34px.
          Inherits styles from: Default Layout.
  ---------------------------------------------
  cols    1     2      3
  px      68    160    252    */

@media only screen and (max-width: 767px) {
    .navbar-brand{
      padding-top: 5px;
    }
    .navbar-default .navbar-nav{
      padding-top: 0;
    }
    .mainBanner .owl-nav{
      display: none;
    }
    .bannerText{
      left: 10px;
    }
    .bannerText h2{
      font-size: 18px;
      line-height: 24px;
    }
    .learnmore{
      padding-top: 5px;
      padding-bottom: 5px;
      min-width: 100px;
      font-size: 12px;
    }
    .freeDiteDection ul{
      display:inherit;
    }
    .freeDiteDection ul li a{
      border-left: 0;
      border-bottom: 1px solid #ccc;
      padding-bottom: 20px;
    }
    .freeDiteDection ul li .text {
      padding-top: 20px;
}
.yogaLeft{
  width: 100%;
}
.yogaPixSectiopn{
  padding: 20px;
  float: left;
  width: 100%;
}
.yogaPixSectiopn ul li{
  width: 100%;
  float:left;
  margin: 0 0 20px 0;
  text-align: center;
}
.col-md-7.leftBdr{
  padding-left: 15px;
}
.col-md-6.text-right{
  text-align: left;padding-top: 10px;
}
.trividhaTimeBanner{
  background-image:none;
  height: auto;
}

.timeBanner3{
  display: none;
}
.timeBanner1{
  position: relative;
}
.timeBannerOuter{
  position: relative;
  top: 0;
}
.timeBanner2{
  margin: 0;
  padding: 10px;
}
.timeBanner2 .owl-nav{
  display: none;
}
.timeBanner2 h3{
  font-size: 32px;
}
.chatwindow{
  display: none;
}

}


/*    Wide Mobile Layout: 480px.
          Gutters: 24px.
          Outer margins: 22px.
          Inherits styles from: Default Layout, Mobile Layout.
  ------------------------------------------------------------
  cols    1     2      3      4      5
  px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {

}