@media (min-width: 768px) and (max-width: 990px) {
  .navigation {
    background: rgba(0, 0, 0, 0.3); }
    .navigation .navbar-brand {
      float: none; }
    
}

@media (min-width: 268px) and (max-width: 768px) {
.navbar-brand img{
        display: none;
    }
    .navigation {
    background: rgba(0, 0, 0, 0.9); }
     .hero-area h1 {
      padding-top: 50vh;
    margin-top: 50vh;
}
    
    
    }

@media only screen and (max-width: 767px) {
.trainer-schedule.class-timetable .section-title .nav-controls ul li,
.class-timetable.choseus-section .section-title .nav-controls ul li,
.class-timetable.about-page-trainer .section-title .nav-controls ul li {
    margin-right: 25px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}

/* Small Device = 320px */
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .single-hero-item .hero-text h1 {
    font-size: 75px;
  }

  .services-items .single-service-item {
    width: 100%;
    margin-right: 0;
      
  }
    .videocontroler{
  padding-top: 0px; width: 100%;
}

}
@media only screen and (max-width: 992px) {
  .class-section .primary-btn {
    margin-bottom: 20px;
    float: none;
  }