@media (max-width: 1024px) {
  .video-body,
  [data-light-theme="true"] {
    position: relative;
    overflow: hidden; }
    .video-body .main-header,
    [data-light-theme="true"] .main-header {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      background-color: #000;
      -webkit-transform: translateY(0);
      transform: translateY(0); }
      .video-body .main-header .tablet-filters,
      [data-light-theme="true"] .main-header .tablet-filters {
        display: none; }
    .video-body .categories,
    [data-light-theme="true"] .categories {
      display: none; }
    .video-body.header-translate .main-header,
    [data-light-theme="true"].header-translate .main-header {
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%); }
    .video-body.hidden-header .main-header,
    [data-light-theme="true"].hidden-header .main-header {
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%); }
    .video-body.hidden-header .video-main,
    [data-light-theme="true"].hidden-header .video-main {
      height: calc(100vh - 56px); }
      .video-body.hidden-header .video-main .video-layout .video-title,
      [data-light-theme="true"].hidden-header .video-main .video-layout .video-title {
        margin-top: 0;
        opacity: 0; }
      .video-body.hidden-header .video-main .mobile-actions,
      [data-light-theme="true"].hidden-header .video-main .mobile-actions {
        margin-top: 0;
        opacity: 0; }
    .video-body.hidden-header .online-status,
    [data-light-theme="true"].hidden-header .online-status {
      opacity: 0; }
    .video-body [data-hidden-play="true"],
    [data-light-theme="true"] [data-hidden-play="true"] {
      display: none !important; }
    .video-body [data-hidden-play="false"],
    [data-light-theme="true"] [data-hidden-play="false"] {
      display: block !important; }
    .video-body .video-main,
    [data-light-theme="true"] .video-main {
      height: 100%;
      padding: 0 !important; }
      .video-body .video-main .video-layout .video-title,
      [data-light-theme="true"] .video-main .video-layout .video-title {
        margin-top: 62px;
        color: #fff; }
      .video-body .video-main .mobile-actions,
      [data-light-theme="true"] .video-main .mobile-actions {
        margin-top: 62px; }
      .video-body .video-main [data-dropdown] .dropdown-menu > .title,
      [data-light-theme="true"] .video-main [data-dropdown] .dropdown-menu > .title {
        color: #fff; }
      .video-body .video-main [data-dropdown] .dropdown-menu.dark-dropdown,
      [data-light-theme="true"] .video-main [data-dropdown] .dropdown-menu.dark-dropdown {
        background-color: #212121;
        color: #fff; }
        .video-body .video-main [data-dropdown] .dropdown-menu.dark-dropdown .light-outer,
        [data-light-theme="true"] .video-main [data-dropdown] .dropdown-menu.dark-dropdown .light-outer {
          background-color: #333; }
    .video-body .main-footer,
    [data-light-theme="true"] .main-footer {
      display: none; }
    .video-body .categories,
    [data-light-theme="true"] .categories {
      height: 0px; }
      .video-body .categories.active,
      [data-light-theme="true"] .categories.active {
        padding-top: 62px;
        height: 360px; }
        .video-body .categories.active ~ .video-main .video-title,
        .video-body .categories.active ~ .video-main .mobile-actions,
        [data-light-theme="true"] .categories.active ~ .video-main .video-title,
        [data-light-theme="true"] .categories.active ~ .video-main .mobile-actions {
          margin-top: 0px; } }

@media (max-width: 480px) {
  .video-body .video-main .video-layout .video-title {
    margin-top: 62px; }
  .video-body .video-main .mobile-actions {
    margin-top: 62px; }
  .video-body .categories.active {
    padding-top: 117px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: auto; }
    .video-body .categories.active ~ .video-main .video-title,
    .video-body .categories.active ~ .video-main .mobile-actions {
      margin-top: 0px; }
  .video-body .categories .scrolled {
    height: 300px;
    overflow: auto;
    max-height: none; } }