@media only screen and (max-width: 1300px) {
   
    .beauty-school-routine {
        height: 27.7rem;
    }
}


@media only screen and (max-width: 1024px) {
    .beauty-school-category-push__title {
        padding-top: 30px;
    }
    .beauty-school-routine {
        height: 25.7rem;
    }
}

@media only screen and (max-width: 768px) {
    .beauty-school-routine {
        height: auto;
    }
}

@media only screen and (max-width: 761px) {
    .beauty-school-hero-video {
        margin: 0 auto !important;
        width: 100% !important;
    }
}

@media only screen and (max-width: 600px) {
  .beauty-school-header-video__baseline {
    font-size: clamp(50px, 4vw, 60px);
  }
  .beauty-school-header-video__main-title {
    font-size: 32px;
  }
  .beauty-school-header-video__box {
    padding: 30px 10px;
  }
}