// Small devices (landscape phones, 576px and up)
@include media-breakpoint-up(sm) {
}

// Medium devices (tablets, 768px and up)
@include media-breakpoint-up(md) {
}

// Large devices (desktops, 992px and up)
@include media-breakpoint-up(lg) {
  .wp-stream-blog-content-extra-padding {
    padding: 0 45px 0 calc(var(--bs-gutter-x) * 0.5);
  }
  .col-2-4 {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .elementor-container {
    padding-right: var(--container-default-padding-right, 10px) !important;
  }
}

// X-Large devices (large desktops, 1200px and up)
@include media-breakpoint-up(xl) {
}

// XX-Large devices (larger desktops, 1400px and up)
@include media-breakpoint-up(xxl) {
}
 

// X-Small devices (portrait phones, less than 576px)
@include media-breakpoint-down(sm) {

  .author .wpstream_archive_header_holder .wpstream_archive_header_title_wrapper {
    display: flex;
    flex-direction: column;
  }

  .wpstream_archive_header_holder {
    height: auto;
  }

    .wpstream_section.wpstream_featured_banner_vod.wpstream-featured-player-wrapper .video-js.vjs-fluid,
    .wpstream_section.wpstream_featured_banner_vod.wpstream-featured-player-wrapper .wpstream_player_container {
        height: 390px;
    }
    .wpstream_section.wpstream_featured_banner_vod.wpstream-featured-player-wrapper .wpstream_theme_player_has_trailer.video-js.vjs-fluid{
      max-height: 390px;
      min-height: 390px;
    }


  .page-for-header-type-2 .wpstream-header-type-2-search_wrapper{
    padding: 10px;
  } 
  
  .site-header .navbar-brand {
    padding: unset;
    --bs-navbar-brand-margin-end: 25px;
  }
  .site-header .header-actions .btn span.wpstreamtheme-show-on-mobile{
    display: block;
  }
  .wpstream-theme-login-btn,
  .site-header .header-actions .btn span.wpstreamtheme-hide-on-mobile{
    display: none;
  }
  .site-header .header-actions {
    gap: 3px;
  }
  .site-header .header-actions .wpstream-theme-sign-up-btn {
   padding: 9px 20px;
  }

  .wpstream_section.wpstream_featured_banner_vod.wpstream-featured-player-wrapper .wpstream_theme_trailer_wrapper {
    bottom: 10px;
  }
  .single-wpstream_product .wpstream_section.wpstream_featured_banner_vod.wpstream-featured-player-wrapper .wpstream_theme_trailer_wrapper, .single-wpstream_bundles .wpstream_section.wpstream_featured_banner_vod.wpstream-featured-player-wrapper .wpstream_theme_trailer_wrapper, .single-product .wpstream_section.wpstream_featured_banner_vod.wpstream-featured-player-wrapper .wpstream_theme_trailer_wrapper {
    justify-content: start;
  }
  
  .wpstream_section.wpstream_featured_banner_vod.wpstream-featured-player-wrapper .wpstream_bundble_title_details, .wpstream_section.wpstream_featured_banner_vod.wpstream-featured-player-wrapper .wpstream_add_to_cart_over_trailer {
    float: left;
    position: absolute;
    bottom: 75px;
  }
  .wpstream_section.wpstream_featured_banner_vod.wpstream-featured-player-wrapper .wpstream_not_live_mess,
  .wpstream_bundle_button_wrapper_simple{
    bottom:65px
  }



  .comment-respond.wpstream-comment-form-login .comment-form-comment img{
    display: none;
  }

  .wpstream_featured_article.type-1 {
    height: auto !important;
    max-height: unset;
    min-height: 500px;
    display: flex !important;
    align-items: flex-end;

    & > .container {
      position: relative;
      bottom: unset;
      top: unset;
      left: unset;
      right: unset;
      padding-top: 20px;
      padding-bottom: 20px;

     
    }
  }

  .wpstream_featured_video.type-1 {
    & > .container {
      .wpstream_featured_excerpt{
        display: none;
      }

    }
  }

  .wpstream_dashboard_items_list_wrapper .wpstream-dashboard-card{
    flex-direction: column;
    align-items: flex-start;
    .wpstream-dashboard-card-featured-image,
    .wpstream_featured_image,
    .wpstream_video_unit_video{
      width: 100%;
      max-width: unset;
      max-height: unset;
      height: auto;
    }
  }

}

// Small devices (landscape phones, less than 768px)
@include media-breakpoint-down(md) {

    .event_unit_style_front .wpstream_modal_form{
      padding: 20px;
      width: 100vw;
      top:25px;
    }
    .wpstream_section.wpstream_featured_banner_vod.wpstream-featured-player-wrapper .wpstream_theme_trailer_wrapper {
      gap: 0px;
    }

    .wpstream_player_wrapper .wpstream_player_container .wpstream_video_on_demand_play_video_wrapper{
      font-size: 16px;
    }
    .wpstream_video_on_demand_play_trailer, .wpstream_video_on_demand_play_trailer_sound{
      padding: 7px 15px;
    }

  .wpstream_section.wpstream_featured_banner_vod.wpstream-featured-player-wrapper h1, .wpstream_section.wpstream_featured_banner_vod.wpstream-featured-player-wrapper .h1{
    max-width: 100%;
  }
  .wpstream_vod_notice, .wpstream_insuficent_res{
    width: 100%;
  }

  .wpstream_featured_video.type-1 {
    & > .container {
      padding: 20px!important;
    }
  }
  .wpstream_featured_article > .container h1, 
  .wpstream_featured_article > .container .h1 {
      width: 100%;
  }

  .wpstream_featured_video .wpstream_featured_excerpt {
    max-width: 100%;
    width: 100%;
  }

  .wpstream-loader-wrapper {
    padding: 40px 0;
  }

  .wpstream_title_wrapper_simple {
    left: 20px;
    right: 20px;
    bottom: 20px;
  }

  .wpstream_section.wpstream_featured_banner_vod.wpstream-featured-player-wrapper .wpstream_bundble_title_details .wpstream-product-description,
  .wpstream_section.wpstream_featured_banner_vod.wpstream-featured-player-wrapper .wpstream_add_to_cart_over_trailer .wpstream-product-description {
    max-width: 100%;
  }

  .wpstream_theme-footer {
    margin-top: 50px;
  }

  .wpstream_featured_article > .container h1,
  .wpstream_featured_article.type-1 .wpstream_featured_excerpt {
    width: 100%;
  }

  .wpstream-dashboard-page-content .wpstream-dashboard-links-wrap .wpstream-dashboard-link-wrap,
  .wpstream-dashboard-page-content,
  .wpstream_dashboard_section .wpstream-dashboard-header .container {
    padding: 10px;
  }

  .wpstream-dashboard-details {
    flex-direction: column;
    align-items: flex-start;
  }

  .modal-dialog {
    margin: unset;
  }

  #wpstream_edit_addr_modal .wpstream-modal-body,
  #wpstream_edit_addr_modal_shipping .wpstream-modal-body,
  #wpstream_edit_account_modal .wpstream-modal-body {
    flex-direction: column;
    flex-wrap: nowrap;

    & > * {
      width: 100%;
    }
  }

  .upload-container__row,
  .wpstream-modal-edit-chanel__price-settings {
    flex-direction: column;
  }

  #wpstream_imagelist {
    grid-template-columns: 1fr;

    img {
      width: 100%;
      height: auto;
    }
  }
  .upload-container__actions-wrap--row {
    flex-direction: column;
  }
  .wpstream-dashboard-start-streaming__header {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 1rem;
  }
  .wpstream-theme-dashboard-chanel-details__header {
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 1rem;

    .wpstream-theme-dashboard-chanel-details__title {
      margin-bottom: unset;
    }
  }

  .wpstream-theme-dashboard-chanel-gallery__list{
    grid-template-columns: repeat(2, 1fr);
  }

  .wpstream_theme_event_thumb_wrapper{
    flex-direction: column;
    .event_thumb_wrapper{
      margin: unset;
    }
  }
  .wpstream_theme_control_bar_wrapper{
    flex-direction: column;

    .start_event.wpstream_button{
      margin: unset;
    }
  }

  .woocommerce table.shop_table_responsive tr td.product::before{
    display: none;
  }

  .woocommerce-billing-fields__field-wrapper > *{
    width: 100%!important;
  }
  .wpstream-billing-fields{
    padding: 10px;
  }

  .wp-block-woocommerce-cart{
    .wc-block-components-sidebar-layout{
      flex-direction: column;
      .wc-block-components-main,
      .wc-block-components-sidebar{
        width: 100%;
        padding-right: unset;
        padding-left: unset;
      }
    }

    table.wc-block-cart-items .wc-block-cart-items__row{
      display: flex!important;
      flex-direction: column!important;
      padding: unset!important;
    }

    table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image {
      display: none;
    }

    table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product,
    table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total{
      padding: 10px!important;
      margin-bottom: unset;
    }

    table.wc-block-cart-items .wc-block-cart-items__row:first-child .wc-block-cart-item__product{
      border: unset!important;
    }

    .wp-block-woocommerce-cart-order-summary-coupon-form-block.wc-block-components-totals-wrapper{
      padding: 10px!important;
      border-top: unset!important;
    }

    .wc-block-components-totals-wrapper,
    .wc-block-components-totals-wrapper.slot-wrapper>*>* {
      padding: 10px;
    }

    .wc-block-components-panel__content .wc-block-components-totals-wrapper:not(:empty){
      padding: 10px 0;
    }
    table.wc-block-cart-items .wc-block-cart-items__header,
    .wc-block-cart__totals-title{
      display: none!important;
    }

    .wc-block-components-sidebar .wc-block-components-panel,
    .wc-block-components-sidebar .wc-block-components-totals-coupon,
    .wc-block-components-sidebar .wc-block-components-totals-item{
      padding: 0!important;
    }

  }


}

// Medium devices (tablets, less than 992px)
@include media-breakpoint-down(lg) {
  .wpstream-featured-video-item-list-slider h1, .wpstream-featured-video-item-list-slider .h1{
    max-width: 100%;
  }

    .wpstream_section.wpstream_featured_banner_vod.wpstream-featured-player-wrapper .video-js.vjs-fluid,
    .wpstream_section.wpstream_featured_banner_vod.wpstream-featured-player-wrapper .wpstream_player_container {
        height: 500px;
    }
    .wpstream_section.wpstream_featured_banner_vod.wpstream-featured-player-wrapper .wpstream_theme_player_has_trailer.video-js.vjs-fluid{
      max-height: 500px;
      min-height: 500px;
    }

  #page.page-for-header-type-2 {
    display: block;
    .header-2 {
      display: none;
    }
    .wpstream-theme-top-search {
      margin-top: 0px;
    }
  }

  #page.page-for-header-type-2 {
    .wpstream-theme-top-search {
      display: none;
    }
  }

  .page-for-header-type-2 .wpstream_archive_header_holder{
      margin-right: 0px;
      padding: 0px 20px;
  }
  .page-for-header-type-2 #content{
    padding: 0px 20px !important;
  }
  .page-for-header-type-2 .wpstream_section.wpstream_featured_banner_vod.wpstream-featured-player-wrapper {
    padding: 0px 10px;
  }
  .wpstream-featured-player-wrapper .wpstream_player_shortcode .wpstream_player_container .video-js .vjs-big-play-button {
    left:10px !important;
  }

  .wpstream_testimonial_slider {
    .testimonial_wrapper_item {
      padding-bottom: 60px;

      .testimonial_icon {
        svg {
          width: 70px;
          height: auto;
        }
      }
    }

    .slick-arrow {
      margin: 0;
      top: auto;
      transform: unset;
      bottom: 20px;

      &.slick-next {
        right: 20px;
      }

      &.slick-prev {
        right: 70px;
        left: auto;
      }
    }
  }

  .wp-stream-share-icon-section .wpstream-social-share-main {
    right: 0;
    left: auto;
  }

  .pagination {
    flex-wrap: wrap;
  }

  .elementor-container {
    aside {
      padding-right: var(--container-default-padding-right, 10px) !important;
      padding-left: var(--container-default-padding-left, 10px) !important;
    }
  }

  .wpstream-shortcode-list-wrapper .wpstream_dropdown_sort_by {
    margin-left: unset;
  }

  .wp-block-woocommerce-checkout{
    .wc-block-components-address-card{
      flex-direction: column-reverse;
    }
    .wc-block-components-sidebar-layout{
      flex-direction: column;
      & > *{
        padding: 0!important;
        width: 100% !important;
      }
    }
  }
}

// Large devices (desktops, less than 1200px)
@include media-breakpoint-down(xl) {

}

// X-Large devices (large desktops, less than 1400px)
@include media-breakpoint-down(xxl) {
  .elementor-widget-WpStreamTheme_Featured_Video_Items_Slider .slick-arrow {
    display: none !important;
  }
  .wpstream_archive_header_holder .wpstream_archive_header_title_wrapper{
    width: 100%;
  }
}


//Single breakpoint
@include media-breakpoint-only(xs) {
}

@include media-breakpoint-only(sm) {
}

@include media-breakpoint-only(md) {
}

@include media-breakpoint-only(lg) {
}

@include media-breakpoint-only(xl) {
}

@include media-breakpoint-only(xxl) {
}

//Between breakpoints
@include media-breakpoint-between(md, xl) {
}


// X-Small devices (portrait phones, less than 576px)
@include media-breakpoint-down(sm) {

    .wpstream_section.wpstream_featured_banner_vod.wpstream-featured-player-wrapper .video-js.vjs-fluid,
    .wpstream_section.wpstream_featured_banner_vod.wpstream-featured-player-wrapper .wpstream_player_container {
        height: 390px;
    }
    .wpstream_section.wpstream_featured_banner_vod.wpstream-featured-player-wrapper .wpstream_theme_player_has_trailer.video-js.vjs-fluid{
      max-height: 390px;
      min-height: 390px;
    }

}