/* Responsive Style CSS */

/* Garde-fou anti-scroll horizontal (chargé sur toutes les pages via responsive.css).
   Aucun position:sticky dans le thème → sans effet de bord. */
body { overflow-x: hidden; }

@media(min-width: 1170px) and (max-width: 1400px) {
    .header-section ul li ul.dm-align-2 {
        left: 0;
    }
    .video-posts-video .embed-responsive{
        height: 550px;
    }
    }
    
    @media only screen and (min-width: 1366px) {
    .container-fluid.video-player-base {
        max-width: calc(100vw - 0px);
        width: 100%;
    }
    }
    
    @media only screen and (min-width: 1365px) {
    .container-fluid {
        max-width: 1350px;
        width: 100%;
    }
    .video-js.vjs-16-9 {
        padding-top: 43% !important;
    }
    }
    
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .splide__slide img {
        width: 100%;
        height: 440px;
        object-fit: cover;
        background-size: cover;
        aspect-ratio: 10 / 4.1;
        object-position: center center;
    }
    }
    
    @media only screen and (min-width: 1366px) and (max-width: 1920px) {
    .splide__slide img {
        width: 100%;
        height: 480px;
        object-fit: cover;
        background-size: cover;
        aspect-ratio: 10 / 4.1;
        object-position: center center;
    }
    }
    
    @media only screen and (min-width: 1921px) and (max-width: 5000px) {
    .splide-slider-details-area{
        margin-left: 40px;
    }
    .splide__slide img {
        width: 100%;
        height: 560px;
        object-fit: cover;
        background-size: cover;
        aspect-ratio: 10 / 4.1;
        object-position: center center;
    }
    }
    
    @media only screen and (min-width: 1200px) and (max-width: 1364px) {
    .video-js.vjs-16-9 {
        padding-top: 39.25% !important;
    }
    .video-posts-video .embed-responsive{
        height: 460px;
    }
    }
    
    @media only screen and (max-width: 1130px) {
    .download-app-link-item .google-play-download {
        margin-bottom: 15px;
    }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 1340px) {
    .socail-login-item, .socail-login-item label {
        display: inline-block;
        width: 100%;
    }
    .socail-login-item .btn-facebook-item, .socail-login-item .btn-g-plus-item {
        margin-left: 0;
        margin-right: 0;
    }
    }
    
    @media only screen and (min-width: 992px) and (max-width: 1130px) {
    .video-shows-carousel .single-video .video-img img {
      height: 180px;
      object-fit: cover;
    }
    .video-posts-video .embed-responsive{
        height: 450px;
    }
    }
    
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .video-js.vjs-16-9 {
        padding-top: 45% !important;
    }
    }
    
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
    ul.nav > li:hover > a {
        border-color: transparent;
    }
    .header-section ul li ul.dm-align-2 {
        left: 10px;
    }
    .header-section ul li.menu-icon a:focus {
        color: #444;
    }
    .browse_pic_file input {
        width: 16rem;
    }
    .vfx-item-section h3 {
        font-size: 22px !important;
      font-weight: 1000 !important;
      margin-left: 5px;
      margin-top: 10px;
    }
    .apply-now-item .vfx-item-btn-danger {
        width: 250px;
    }
    .membership-plan-list h3 {
        font-size: 18px;
    }
    .membership-plan-list h4 {
        font-size: 16px;
    }
    .subscribe-form input[type="email"] {
        width: 215px;
    }
    .posts-pagination {
        margin-bottom: 20px;
    }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 1199px) {
    .splide__slide img {
        width: 100% !important;
        height: 100% !important;
    }
    .splide-slider-details-area h1 {
        font-size: 26px;
    }
    .splide-slider-details-area {
        bottom: 25px;
        left: 25px;
    }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    ul.nav > li:hover > a {
        border-color: transparent;
    }
    .video-js.vjs-16-9 {
        padding-top: 46% !important;
    }
    .recently-watched-video-carousel .video-img img {
      height: 100px;
    }
    .dtl-title-block h2, .dtl-title-block h2 a{
        width: 50%;
    }
    .video-counter {
        font-weight: 500;
        overflow: hidden;
        width: 90%;
    }
    .action-content h2 {
        font-size: 22px;
    }
    .video-img img {
        width: 100%;
    }
    .video-img {
        width: 100%;
    }
    .video-img a {
        display: inline-block;
        width: 100%;
    }
    .splide__arrow--prev {
        left: 1em !important;
    }
    .splide__arrow--next {
        right: 1em !important;
    }
    .vfx-item-ptb {
        padding: 20px 0;
    }
    .posts-pagination {
        margin-bottom: 20px;
    }
    .page-title h1 {
        font-size: 30px;
    }
    .video-share .share-options {
        float: right;
        padding-top: 0;
    }
    .header-section .main-nav .nav.top-nav li {
        padding-right: 20px;
    }
    .header-section ul li.menu-icon a:focus {
        color: #444;
    }
    .video-post-wrapper {
        margin-bottom: 30px;
    }
    .video-shows-carousel .single-video .video-img img {
        height: 200px;
    }
    .four-zero-page {
        padding: 100px 0;
    }
    }
    
    @media only screen and (min-width: 640px) and (max-width: 767px) {
    .video-shows-carousel .single-video .video-img img {
        height: 180px;
    }
    .tv-season-video-carousel .video-img img {
        height: 170px;
    }
    }
    
    @media only screen and (max-width: 991px) {
    .profile-section {
        padding: 20px 15px;
    }
    .splide .splide__track::after, .splide .splide__track::before {
        display: none !important;
    }
    .member-ship-option, .profile_title_item {
        margin-bottom: 25px;
        min-height: auto;
    }
    .vfx-tabs-item ul li label {
        padding: 6px 20px;
        font-weight: 700;
        font-size: 16px;
    }
    .member-ship-option {
        padding: 20px;
    }
    .vjs-logo{
        display: none !important;
    }
    .profile_title_item .vfx-item-btn-danger, .member-ship-option .vfx-item-btn-danger {
        padding: 10px 20px
    }
    /*.video-post-info {	margin-top: 20px;}*/
    }
    
    @media only screen and (max-width: 767px) {
    .text-xs-center {
        text-align: center !important;
    }
    .splide {
        padding: 0 12px;
    }
    .dtl-title-block {
        display: inline-block !important;
        width: 100%;
    }
    .dtl-title-block h2, .dtl-title-block h2 a{
        width: 100%;
    }
    .dtl-title-block .video-watch-share-item {
        text-align: right;
        float: none;
        position: relative;
        right: 0;
        margin-top: 8px;
        z-index: 0;
    }
    .login-item-block {
        border-radius: 20px;
        padding: 35px 25px;
        margin-bottom: 30px;
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    .modal-content {
        margin-left: 12px;
        margin-right: 12px;
    }
    .video-js.vjs-16-9 {
        padding-top: 48% !important;
    }
    .breadcrumb-section {
        text-align: center;
        padding: 20px 10px;
    }
    #breadcrumbs {
        right: 0;
        position: relative;
        top: 0;
        transform: none;
        margin-top: 8px;
        max-width: 100%;
    }
    .subscribe-btn-item span, .signup-btn-item span {
        display: none;
    }
    .subscribe-btn-item a img, .signup-btn-item a img {
        margin-right: 0;
    }
    .subscribe-btn-item a, .signup-btn-item a {
        padding: 6px 8px;
    }
    .video-post-info h2, .video-post-info h1#movie-title, .poster-dtl-item h2 a {
        font-size: 22px;
        font-weight: 700;
    }
    .slider-area {
        overflow: hidden;
    }
    .splide__slide img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
        aspect-ratio: 9 / 4.4;
        object-position: top center;
    }
    .splide__track {
        width: 100% !important;
        height: auto !important;
        padding-right: 0 !important;
        overflow: inherit !important;
    }
    .splide-slider-details-area h1 {
        font-size: 22px;
        font-weight: 600;
    }
    .splide.is-active .splide__list, .splide__slide {
        width: 100%;
    }
    .splide-slider-details-area {
        bottom: 30px;
        left: 20px;
    }
    .splide-slider-details-area a.btn-watch, .splide-slider-details-area a.btn-buy-plan {
        padding: 6px 8px;
        font-size: 12.5px;
    }
    .splide-slider-details-area a.btn-watch img, .splide-slider-details-area a.btn-buy-plan img {
        width: 16.5px !important;
        height: 16.5px !important;
        margin-right: 5px;
        vertical-align: text-bottom;
    }
    .splide .splide__track::after, .splide .splide__track::before {
        display: none !important;
    }
    .splide__arrow--prev {
        left: 1em !important;
    }
    .splide__arrow--next {
        right: 1em !important;
    }
    .social-moview-post {
        right: auto;
        bottom: 40px;
        background: rgb(0, 0, 0, 1);
        left: 110px;
    }
    .social-series-poster {
        right: auto;
        bottom: 40px;
        background: rgb(0, 0, 0, 1);
        left: 130px;
    }
    .vfx-tabs-item section {
        padding: 10px 20px;
        margin-bottom: 0;
    }
    .description-detail-item p, .poster-dtl-item p {
        font-size: 14px;
        line-height: 22px;
        margin-top: 5px;
    }
    .description-detail-item span.des-bold-text strong, .poster-dtl-item span.des-bold-text strong, .description-detail-item h3, .poster-dtl-item h3{
        font-size:15px;
    }
    .description-detail-item span.des-bold-text, .poster-dtl-item span.des-bold-text{
        line-height:24px;
    }
    .description-detail-item span.des-bold-text a, .poster-dtl-item span.des-bold-text a{
        font-size:14px;
    }
    .member-ship-option {
        margin-bottom: 0;
        margin-top: 15px;
    }
    .edit-profile-form .form-group.flex-column {
        flex-direction: unset !important;
        margin-top: 15px !important;
    }
    .edit-profile-form .form-group label {
        width: 100%;
    }
    .user-menu .user-name {
        font-size: 0;
    }
    .user-menu .user-name i {
        font-size: 16px;
        line-height: 36px;
        padding-left: 0;
        display: none;
    }
    .user-menu .user-name::after {
        margin-left: 0;
    }
    .user-name span {
        left: -18px;
    }
    .user-menu {
        margin-left: 23px;
    }
    .right-sub-item-area {
        right: 42px !important;
    }
    .detail-poster-area .video-watch-share-item {
        float: none;
        margin-top: 10px;
    }
    .detail-poster-area .dtl-poster-img::after {
        height: 100%;
    }
    .actors-detail-wrapper {
        display: block;
    }
    .actors-detail-wrapper {
        text-align: center;
        width: 100%;
    }
    .actors-detail-wrapper .actors-info-details {
        padding: 20px 0 5px 0;
        display: inline-block;
        position: relative;
        width: 100%;
    }
    .video-post-date .video-posts-author {
        margin-bottom: 5px;
        display: inline-block;
    }
    .header-section .logo {
        width: 90px;
        float: left;
        margin-right: 20px;
    }
    .hero-content .no-gutters {
        padding-bottom: 40px !important;
    }
    .contact-page-area .contact-form, .contact-info-item {
        padding: 20px;
    }
    .footer-bottom, .single-footer {
        margin-bottom: 30px
    }
    .purchase-link.text-right {
        text-align: center;
    }
    .action-content {
        text-align: center;
    }
    ul.pgwSlider > li span, .pgwSlider > .ps-list > li span {
        display: none;
    }
    .video-counter {
        width: 90%;
    }
    .vfx-item-section {
        padding: 0 0 10px 0;
    }
    .vfx-item-ptb {
        padding: 15px 0;
    }
    .footer-area {
        padding: 30px 0;
    }
    .see-all-link {
        display: none;
    }
    .pgwSlideshow .ps-caption {
        background: transparent none repeat scroll 0 0;
        bottom: 10px;
        left: 50px;
    }
    .ps-caption b {
        font-size: 20px;
        font-weight: 500;
    }
    ul.nav > li:hover > a {
        background-color: #f7f7f7;
        border-color: transparent;
        color: #333;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    .vfx-item-section h3 {
      font-size: 22px !important;
      font-weight: 1000 !important;
      margin-left: 5px;
      margin-top: 10px;
    }
    .video-img img {
        width: 100%;
    }
    .video-img {
        width: 100%;
    }
    .video-img a {
        display: inline-block;
        width: 100%;
    }
    .pgwSlideshow.narrow .ps-list .ps-next {
        z-index: 8;
    }
    .pgwSlideshow.narrow .ps-list .ps-prev {
        z-index: 8;
    }
    .header-section ul li.menu-icon {
        position: relative;
        z-index: 9999;
    }
    .page-breadcrumb {
        padding-top: 0;
        float: none;
    }
    .posts-pagination {
        margin: 0;
    }
    .page-title h1 {
        font-size: 35px;
    }
    .header-section .main-nav .nav.top-nav li {
        padding-right: 20px;
    }
    .header-section ul li.menu-icon a:focus {
        color: #444;
    }
    .video-post-wrapper {
        margin-bottom: 30px;
    }
    .four-zero-page {
        padding: 50px 0;
    }
    }
    
    @media only screen and (max-width:639px) {
    .hero-wrap h1 {
        font-size: 30px;
        font-weight: 700;
        line-height: 36px;
        margin-bottom: 15px !important;
    }
    .socail-login-item, .socail-login-item label {
        display: inline-block;
        width: 100%;
    }
    .socail-login-item .btn-facebook-item, .socail-login-item .btn-g-plus-item {
        margin-left: 0;
        margin-right: 0;
    }
    .video-shows-carousel .single-video .video-img img, .tv-season-video-carousel .video-img img {
        height: auto;
    }
    .video-img::after {
        height: 100%;
    }
    .video-carousel .single-video .video-img img {
        height: 250px;
    }
    }
    
    @media only screen and (max-width:575px) {
    .apply-coupon-code .apply-now-item .form-control {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .video-post-info {
        padding: 15px 20px;
    }
    .modal-dialog {
      margin: 1.75rem auto;
    }
    .apply-now-item .vfx-item-btn-danger {
        width: 100%;
        padding: 12px 20px;
    }
    .apply-coupon-code {
        padding: 25px 20px;
    }
    .apply-now-item {
        display: block;
    }
    .breadcrumb-section h2 {
        font-size: 26px;
    }
    .breadcrumb-section p {
        font-size: 16px;
    }
    .detail-poster-area .play-icon-item {
        top: 15px;
        right: 65px;
        left: auto;
    }
    .detail-poster-area .icon {
        height: 50px;
        width: 50px;
        top: 80%;
        line-height: 50px;
        font-size: 20px;
    }
    .detail-poster-area .ripple, .detail-poster-area .ripple::before, .detail-poster-area .ripple::after {
        height: 50px;
        width: 50px;
    }
    }
    
    @media only screen and (min-width: 480px) and (max-width: 767px) {
    .vfx-item-half {
        width: 50%;
        float: left;
        padding: 0 3%;
    }
    .see-all-link {
        display: inline-block;
    }
    .pgwSlideshow .ps-caption {
        bottom: 30%;
        left: 15%;
        background-color: transparent;
    }
    .recently-watched-video-carousel .video-img img {
        height: 120px;
    }
    }
    
    @media only screen and (max-width:469px) {
    .video-post-counter {
        display: none;
    }
    .browse_pic_file input {
        width: 100%;
        margin-right: 0;
    }
    .browse_pic_file {
        margin-right: 0;
    }
    }
    
    
    @media (min-width:765px) {
    .vfx-item-section h3 {
        font-size: 22px !important;
      font-weight: 1000 !important;
      margin-left: 5px;
      margin-top: 10px;
    }
    }
    
    
    @media only screen and (max-width:479px) {
    .hero-wrap .lead {
        line-height: 28px;
    }
    .vfx-item-section h3 {
        font-size: 20px !important;
      font-weight: 1000 !important;
      margin-left: 5px;
      margin-top: 10px;
    }
    h2.form-title-item {
        font-size: 22px;
    }
    .dtl-title-block .video-watch-share-item {
        text-align: left;
        float: none;
        position: relative;
        right: 0;
        display: block;
        margin: 7px 0 4px 0px;
    }
    .player_prev_next{
        display: inline-block;
        float: left;
        text-align: center;
        margin-left:0;
        margin-right: 8px;
        margin-top: 10px;
        FONT-SIZE: 81%;
    }
    .video-js.vjs-16-9 {
        padding-top: 50% !important;
    }
    .vfx-tabs-item ul li label {
        padding: 6px 15px;
        font-size: 14px;
    }
    .actors-member-item img{
        margin-bottom:5px;
    }
    .actors-member-item span, .actors-member-item a span{
        font-size:14px;
    }
    .actors-member-item{
        margin-bottom:15px;
    }
    .vfx-tabs-item ul {
        margin-left: 5px;
    }
    .recently-watched-video-carousel .video-img img {
        height: 90px;
    }
    .video-watch-share-item {
        display: inline-block;
    }
    .server-btn-list{
        display: block;
    }
    .server-btn-list .server-btn-item {
        display: inline-block;
        float: left;
    }
    .video-watch-share-item .server-btn-item a{
        margin-right:6px;
        margin-bottom: 5px;
    }
    .video-watch-share-item #socialGallery {
        margin-top: 10px;
    }
    .actors-member-item img {
        width: 150px;
        height: 130px;
        object-fit: cover;
    }
    .contact-page-area .contact-form, .details-page-area .details-item-block, .edit-profile-area .edit-profile-form {
        padding: 20px;
    }
    .slider-area .splide__arrows {
        display: none;
    }
    .splide--draggable > .splide__track > .splide__list > .splide__slide {
        border-radius: 6px;
    }  
    .splide-slider-details-area h1 {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 10px;
    }
    .splide-slider-details-area {
        bottom: 18px;
        left: 15px;
    }
    }
    
    @media only screen and (max-width:639px) {
    .recently-watched-video-carousel .video-img img {
        height: 150px;
    }
    .sport-video-block .video-img span.video-item-content, .live-tv-video-block .video-img span.video-item-content, .video-img span.video-item-content, .video-shows-section .video-img span.video-item-content {
        font-size: 13px;
        font-weight: 700;
        padding: 8px 12px;
    }
    .filter-list-area .page-title-item {
        padding: 6px 15px 5px 15px;
        font-size: 14px;
    }
    .custom_select_filter .nice-select {
        font-weight: 700;
        height: 34px;
        line-height: 35px;
    }  
    .youtube_video_wrapper {
        height: 330px;
    }
    .actors-detail-wrapper {
        display: inline-block !important;
    }
    .actors-detail-wrapper .actors-profile{
        margin-right:0;
        display: inline;
    }
    .actors-detail-wrapper .actors-profile img{
        margin-bottom:15px;
    }
    .single-video .season-title-item h3, .copyright-text p{
        font-size:14px;
    }
    .single-video .season-title-item span{
        font-size:12px;
    }
    .footer-heading{
        font-size:18px;
    }
    .related-video-item:last-child, .tv-season-related-block:last-child {
        padding-bottom: 15px;
    }
    .actors-detail-wrapper .actors-info-details{
        padding-top:0;
        text-align: center;
    }
    }
    
    @media only screen and (max-width:479px) {
    .recently-watched-video-carousel .video-img img {
        height: auto;
    }
    .video-post-info h2, .video-post-info h1#movie-title, .poster-dtl-item h2 a{
        font-size:18px;
    }
    .video-post-info ul.actor-video-link a{
        font-size:14px;
    }
    .btn-watchlist a, .btn-share a{
        vertical-align:middle;
    }
    .video-watch-share-item{
        margin-top:10px;
    }
    .video-post-info h2, .video-post-date .video-posts-author{
        margin-bottom:8px;
    }
    .vfx-item-section span.view-more a {
        font-size: 13px;
        font-weight: 700;
    }
    .youtube_video_wrapper {
        height: 220px;
    }
    .actors-detail-wrapper .actors-profile img {
        width: 150px;
        max-width: 150px;
    }  
    .actors-detail-wrapper{
        padding:10px;
    }
    .actors-detail-wrapper .actors-info-details h4{
        font-size:18px;
    }
    .actors-info-details span.des-bold-text strong{
        font-size:14px;
    }
    .actors-info-details span.des-bold-text {
        font-size: 13px;
        line-height: 22px;
    }  
    }
    
    @media only screen and (max-width:355px) {
    .login-item-block a.btn-link, a.btn-link, .login-item-block a.btn-link, .custom-control-label {
        font-size: 14px;
    }
    .login-item-block .form-check-input {
        width: 16px;
        height: 16px;
        margin-top: 0.15em;
        margin-right: 6px;
    }
    }
    .custom_select_filter .nice-select .option.selected, .custom_select_filter .nice-select .option:hover {
        color: #ffffff;
    }
    
    
    @media (min-width: 700px) {
    #poster-watch-movie{
            min-height: 600px !important;
    }
    #movie-button-important-margin{
            margin-top: 400px !important;
    }
    }
    
    @media (min-width: 1400px) {
    #description-livetv-item{
            margin-top: -150px;
    }
    }
    
    @media (min-width: 1500px) {
    #description-livetv-item{
            margin-top: -220px;
    }
    }
    
    @media (min-width: 1600px) {
    #description-livetv-item{
            margin-top: -280px;
    }
    }
    
    @media (min-width: 1750px) {
    #description-livetv-item{
            margin-top: -360px;
    }
    }
    
    span#\31 111{
        background-color: #4900FF !important; 
        margin: 0px !important; 
        margin-top: 10px !important; 
        margin-right: 10px !important; 
        border-radius: 14px; 
        padding: 8px 12px;
    }
    
    span#\31 111 :hover{
        color: #E8C6FF !important;
    }
    
    a#\32 222{
        background-color: #b81b0e !important; 
        margin-top: 10px !important; 
        padding: 6px 8px; 
        display: inline-block; 
        border-radius: 14px; 
        font-size: 14px; 
        font-weight: 600; 
        padding: 8px 12px;
    }
    
    #\32 222 :hover{
        color: #E8C6FF !important;
    }
    
    #warning-video-cam-sd{
      color: #FF0000;
      font-size: 110%;
      text-align: center;
      display: flex;
      justify-content: center;
      margin-bottom: 10px;
    }
    
    #swal2-title{
        font-size: 125%;
    }

/* ===== Correctifs responsive mobile additionnels ===== */

/* Barre de filtres (pages Films / En direct) : empilement propre sur petit écran */
@media (max-width: 575px) {
    .filter-list-area {
        flex-wrap: wrap;
        justify-content: center;
        padding: 12px;
    }
    .filter-list-area .page-title-item,
    .filter-list-area .page-select,
    .filter-list-area .custom_select_filter {
        margin: 4px;
    }
}

/* Blocs de texte longs (DMCA, mentions…) : les URLs longues reviennent à la ligne
   au lieu de déborder horizontalement du conteneur. */
.details-page-area .details-item-block p,
.details-page-area .details-item-block a {
    overflow-wrap: anywhere;
    word-break: break-word;
}