/* RESPONSIVE.CSS */
@media (min-width: 1300px) {

}

@media (max-width: 990px) {
  
  #slider .herotitle { font-size:40px; margin-top:70px;}
  #slider .herotitle em { font-size:40px;}

  #tt, #tttop, #ttcont, #ttbot { display: none !important; }
}

@media (min-width: 979px) and (max-width: 1300px) {
  #welcome_cat h1 {
    text-align: center;
    float: none;  
  }
  
  #welcome_cat .drop-container {
    clear: both;
    float: none;
    display: block; 
  }
  
  .single_small_video {
    max-height: 164px;
    overflow: hidden; 
  }

  #single_event img {
    max-width: 100%;
  } 
  
  #tt, #tttop, #ttcont, #ttbot { display: none !important; }
}

@media (min-width: 768px) and (max-width: 979px) {
  ul.nav {
    max-width: 100% !important;
  }

  .navbar-inverse .navbar-nav>li>a {
    font-size: 11px !important;
  }

  #welcome_cat h1 {
    text-align: center;
    float: none;  
  }
  
  #welcome_cat .drop-container {
    clear: both;
    float: none;
    display: block; 
  }
  
  .single_small_video {
    max-height: 164px;
    overflow: hidden; 
  }
  
  #single_event img {
    max-width: 100%;
  } 

  #header .searchnav {
    display: none;
  } 

  .navbar-inverse .navbar-brand {
    display: none !important;
  } 

  #tt, #tttop, #ttcont, #ttbot { display: none !important; }
}

@media (max-width: 767px) {
  ul.nav {
    max-width: 100% !important;
  }

  .navbar-inverse .navbar-nav>li>a {
    font-size: 11px !important;
  }

  .navbar-inverse .navbar-brand {
    display: block !important;
  }

  #welcome_cat h1 {
    text-align: center;
    float: none;  
  }
    
  #welcome_cat .drop-container {
    clear: both;
    float: none;
    display: block; 
  }

  .single_small_video {
    max-height: 164px;
    overflow: hidden; 
  }
  
  #single_event img {
    max-width: 100%;
  }

  body#body-page-home .navbar, .navbar {
    border: 1px solid #e41e93 !important;
    color: #000 !important;
  } 

  #header .searchnav {
    display: none;
  }

  #fc2 input[type="text"], #fc2 input[type="email"] {
    max-width: 100%;
    overflow: hidden;
  } 
  .navbar-toggle {
    background-color:#333 !important;
  }
  ul.nav {
    text-align:left; width:100%
  }
  .dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: none;
    display: none;
    float: left;
    font-size: 12px;
    left: 0;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    z-index: 1000;
  }
  .dropdown-menu li {text-align:left}
  #yv_upper_info h1 span {width:100%; clear:both !important; margin-bottom:10px}
  #choose_your_class_upper_left, #choose_your_class_upper_right {height:auto !important}
  #choose_your_class_lower {display:block !important}
  #choose_your_class_lower_right {float:none; clear:both}
  .lst_single_left {width:50% !important}
  .lst_single_right {
    margin-left: 3% !important;
    width: 47% !important;
  }
  .lst_single_right h3 {font-size:12pt}
  #instructor_description {float:none !important; clear:both; width:100% !important}

  #tt, #tttop, #ttcont, #ttbot { display: none !important; }
}

@media (max-width: 480px) {
  ul.nav {
    max-width: 100% !important;
  }

  .navbar-inverse .navbar-brand {
    display: block !important;
  }
  
  #hello-bar {
    padding-bottom: 15px;
  }

  #header .col-md-2 {
    margin-top: 5px;
  }

  #header .bttn, #footer .bttn {
    /*float: none;*/
    display: block;
    text-align: center;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
    /* margin-left: 16px; */
  } 

  .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
    border: 1px solid #e41e93;
    color: #000;
  }

  .navbar-inverse .navbar-brand {
    color: #000;
  }

  #footer_share {
    width: 63%;
    margin: 0 auto;
  }

  #fc2 input[type="text"], #fc2 input[type="email"] {
    margin: 0 auto !important;
    width: 75%;
    /* border-radius: 0px; */
  }

  #fc2 form button {
    margin: 0 auto !important;
    display: block !important;
    width: 50% !important;
    float: none !important;
    position: relative !important;
    top: 8px !important;
    border-radius: 0px;
  }
  
  #footer_share a {
    padding-right: 10px;
    margin-bottom: 14px;
    display: block;
    float: left;
  }

  #fc3 {
    text-align: center;
    margin-top: 30px;
  }

  /* HOMEPAGE */
  #event_share a {
    padding-right: 10px;
    margin-bottom: 14px;
    display: block;
    float: left;
  }

  #social_section .col-md-8 img {
    padding-bottom: 10px;
  }

  .social_text {
    margin-top: 15px;
  }

  body#body-page-home .navbar, .navbar {
    border: 1px solid #e41e93 !important;
    color: #000 !important;
  } 

  #header .searchnav {
    display: none;
  } 

  #footer {
    max-width: 100%;
    overflow: hidden;
  }

  #fc2 input[type="text"], #fc2 input[type="email"] {
    max-width: 100%;
    overflow: hidden;
  }
  #interior .content {width:100%; float:none; clear:both}
  #interior .sidebar {width:98%; float:none; clear:both; margin-top:30px}
  #header .bttn, #footer .bttn {margin:10px 10px 10px 0}
  #instructor_contest {margin-top:20px !important}
  #promoCode, #promo input#promoApply[type="submit"] {float:none; clear:both}
  #checkout_submit {display:block; width:100%; float:none; clear:both; text-align:center; margin:15px auto !important}
  #instructor_contest  {height:280px !important}
  .col-md-4.plan2 .getstarted {margin-top:15px !important}
  #class-lengths, #choose-difficulties {position:relative !important}
  #hello-bar {display:block !important}
  #fc3 img {width:80%}

  #tt, #tttop, #ttcont, #ttbot { display: none !important; }
}