/* ==========================================================================
   *Big devices ( 1600px and down)*
   ========================================================================== */
@media (max-width: 1850px) {
   .movies__listing--outer li { width: 11.5%;}
   .related__videos--list li { width: 10.5%;}
   .wishlist__main li { width: 17.5%;}
   .contact__bottom--list li { padding-right: 50px; margin-left: 50px;}
   .contact__bottom__right--box { max-width: 300px;}
   .contact__bottom--list li::before { left: -50px;}
   .contact__bottom__right--list li .commen__btn { padding: 13px 13px 16px 13px;}
}

/* ==========================================================================
   *Big devices ( 1600px and down)*
   ========================================================================== */
@media (max-width: 1600px) {
   .footer__left--block { max-width: 750px;}
   .footer__right--block { max-width: 425px;}
   .footer__social { padding-left: 0;}
   .movies__listing--outer li { width: 11%;}
   .wishlist__main li { margin-right: 25px;}

   .pricing__main .resp-vtabs ul.resp-tabs-list { width: 50%;}
   .pricing__main .resp-vtabs .resp-tabs-container { width: 46%;}
   .contact__address--right,
   .contact__help--block { padding-left: 0;}
   .about__why__choose--box { margin: 0 0 15px 0;}
   .about__why__choose--left { padding-right: 0;}

   .contact__bottom__right--list li { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}
   .contact__bottom__right--box { width: 100%; max-width: 100%;}
   .contact__bottom--list li { padding-left: 0;}
   .contact__bottom--list li .icon { position: static; margin-bottom: 20px;}

   .banner__button--block .secondary__btn { padding: 13px 45px 16px 80px;}
   
}

/* ==========================================================================
   *Medium devices (tablets, 1320px and down)*
   ========================================================================== */
@media (max-width: 1400px) {
   .main-menu > ul > li > a,
   .second-menu > ul > li > a { padding: 5px 10px;}
   .second-menu > ul > li > a > svg { width: 20px;}
   .banner__button--block a { padding: 13px 45px 16px 80px;}
   .streaming__service--right { padding: 50px 0;}
   .streaming__service--right h2 { font-size: 50px; line-height: 55px;}
   .streaming__service--left { margin: 0 -100px;}
   .footer__left--block { max-width: 600px;}
   .footer__subscribe { padding-right: 0;}
   .footer__right--block { max-width: 400px;}
   .movies__listing--outer li { width: 12%; margin: 15px 10px;}
   .related__videos--list li { width: 14%;}

   .pricing__listing li label { padding: 24px 15px 20px 100px;}
   .pricing__listing li label::before {left: 25px; top: 29px;}
   .pricing__listing li { width: 23%;}
   .wishlist__main li { width: 18%; margin-right: 15px;}
   .wishlist__main li h5 { font-size: 24px;}
   .wishlist__image .wish__play { width: 50px; height: 50px; top: 15px; right: 15px;}
   .purchase__movie--left { padding: 25px 50px 30px 200px;}
   .purchased__movie--img { left: 28px;}

   .pricing__main .resp-vtabs ul.resp-tabs-list { width: 48%;}
   .pricing__main .resp-vtabs .resp-tabs-container { width: 50%;}
   .about__why__choose--box { padding: 25px;}
}


/* ==========================================================================
   *Medium devices (tablets, 1200px and down)*
   ========================================================================== */
@media (max-width: 1200px) {
   .main-menu > ul > li > a, 
   .second-menu > ul > li > a { font-size: 16px; padding: 5px 6px;}
   .logo { margin-right: 15px;}
   .hero__main { max-width: 95%;}
   .footer__left--block { max-width: 530px;}
   .footer__right--block { max-width: 300px;}
   .home__recommended--block .owl-carousel .owl-nav button.owl-next, 
   .home__recommended--block .owl-carousel .owl-nav button.owl-prev { min-height: 255px;}
   .streaming__service--right h2 { font-size: 34px; line-height: 34px;}
   .availableon__block .streaming__service--right { padding: 50px 0; padding-left: 50px;}
   .movies__listing--outer li { width: 17%;}
   .related__videos--list { gap: 20px;}
   .related__videos--list li { width: 17%;}
   .pricing__listing li { width: 48%; margin-bottom: 10px;}
   .wishlist__main li { width: 30%; margin: 0 15px 10px 0;}

   .pricing__main .resp-vtabs ul.resp-tabs-list { width: 42%;}
   .pricing__main .resp-vtabs .resp-tabs-container { width: 55%;}
   .purchase__plan--box { padding: 20px;}
   .purchase__plan--box .icon { position: static; margin-bottom: 10px;}
   .contact__bottom--list { flex-direction: column;}
   .contact__bottom--left { display: block; padding-right: 40px;}
   .contact__bottom--list li { width: 100%; padding: 0; margin: 0; margin-bottom: 25px;}
   .contact__bottom--left { padding-right: 25px;}
}


/* ==========================================================================
   *Medium devices (tablets, 991px and down)*
   ========================================================================== */
@media (max-width: 991px) {
   h2 { font-size: 36px !important; line-height: 40px !important;}
   h3 { font-size: 28px !important; line-height: 36px !important;}
   .header-wraper { padding: 0px;}
   .logo { padding: 10px 0;}
   .main-menu { display:none;}
   .mobile-menu { display:block; background:#000000; position: relative; z-index: 9;}
   .mobile-menu a.menu-toggle { display:block; z-index:1;  top: 10px; right:10px; background:#ff5168;}
   .mobile-menu ul.menu-list{display:none;}
   .mobile-menu > ul > li > span { display:none;}
   .mobile-menu > ul.menu-list > li > a.login { color: #fff; display:block; width:100%; font-size: 14px; text-transform: uppercase; padding: 8px 0; background:none; display: inline-block; line-height: normal; position: relative;  top:0px;  border-radius: 0px;}
   .mobile-menu > ul > li > a.active { color: #fff;}
   .header-right { margin-right: 50px;}
   .mobile-menu > ul.menu-list { padding: 10px 0;}
   .mobile-menu > ul > li > a { font-size: 14px; text-transform: uppercase;}
   .mobile-menu ul.menu-list > li > ul > li > a { font-size: 14px;}

   /* Menu Second Level 21-01-2021 */
   .mobile-menu ul.menu-list > li > ul{padding: 0;}
   .mobile-menu ul.menu-list > li > ul > li >ul{ display:none; background: #505050; padding: 0;}
   .mobile-menu ul.menu-list > li > ul > li >ul >li>a{font-size: 14px;}
   /* Menu Second Level END 21-01-2021 */

   .mega-drop { padding: 0 15px; position: relative; z-index: 3; left: inherit !important; top: inherit !important; right: inherit !important; bottom: inherit !important; width: 100% !important; display: none;  opacity: 1; transform: scale(1); pointer-events: auto; background: #1b1a1a; border-radius: 0px;}
   
   .second-menu { display: none;}
   .banner__slider--left { padding: 35px; background: #000000ab;}
   .streaming__service--left { margin: 0;}
   .streaming__service--right { text-align: center;}
   .availableon__block { background:#2e0e19;}
   .availableon__block .streaming__service--right { padding: 50px 0; text-align: center; min-height: auto;}
   .availableon__store { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap;}
   .availableon__store a { margin: 0 5px;}
   .streaming__service--right h5 { margin-bottom: 20px;}
   .footer__main { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
   .footer__left--block,
   .footer__right--block { max-width: 100%; width: 100%;}
   .footer__right--block { margin-top: 30px;}

   .login__banner--right { padding: 40px;}
   .register__hero--section .login__banner { padding: 40px;}
   .register__hero--section .login__banner--left { width: 40%; padding: 0;}
   .register__hero--section .login__banner--right { width: 60%; padding: 0; padding-left: 30px;}
   .movies__listing--wraper { padding: 50px 20px 50px 200px;}
   .movies__listing--outer li { width: 21%;}
   .related__videos--list li { width: 22.5%;}
   .detail__top--right li { padding: 0 20px;}
   .detail__top--right li a .icon svg { width: 30px; height: 30px;}
   .detail__top--right li a { min-height: 42px;}
   .detail__top--content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
   .detail__top--left { margin-bottom: 15px;}
   .detail__top--left h3 { margin-bottom: 10px;}
   .edit__profile__banner--section { min-height: auto;}
   .edit__profile__banner--section .login__banner--right .register__box { padding: 0px;}
   .edit__profile__banner--section .login__banner--right { padding: 20px 35px 35px 35px;}

   .pricing__listing li { width: 47.5%;}
   .wishlist__main { padding: 50px 0;}
   .purchase__movie--right h3 { font-size: 57px !important; line-height: 57px !important;}
   .purchase__movie--right { padding: 45px 15px;}
   .purchase__movie--left { padding: 25px 20px 30px 200px;}
   .sub__hero--section { min-height: auto; padding: 95px 0 70px;}
   .my__account--left { margin-right: 0;}
   .my__account--banner .login__banner { padding: 15px 25px 25px 25px;}
   .my__account--right { padding: 20px 20px 30px 20px; margin-top: 0;}

   .pricing__main .resp-vtabs .resp-tab-content { padding: 25px;}
   .purchase__plan--box h4 { font-size: 26px;}
   .pricing__main .resp-vtabs .resp-tabs-list li { padding: 15px 15px 18px 50px;}
   .pricing__main .resp-vtabs .resp-tabs-list li::before { width: 20px; height: 20px; left: 20px; top: 21px;}
   .pricing__main .resp-vtabs .resp-tabs-list li::after { width: 8px; height: 8px; left: 26px; top: 27px;}
   .about__top--block { padding: 50px 0; text-align: center;}
   .about__top--left { margin-bottom: 15px;}
   .about__why__choose--block { margin-top: 50px; padding: 50px 0 0 0;}
   .about__why__choose--left { margin-bottom: 20px;}
   .contact__bottom--block { padding: 50px 0;}

   .header__search--box { top: inherit; right: inherit; width: 100%; display: none;}
   .header__search--box.expand { position: relative; display: block;}
   .banner__slider--left h1 { font-size: 45px;}
}

/* ==========================================================================
   *Small devices (landscape phones, less than 768px)*
   ========================================================================== */ 
@media (max-width: 767px) {
   .home__recommended--block .owl-carousel .owl-nav button.owl-next, 
   .home__recommended--block .owl-carousel .owl-nav button.owl-prev { min-height: auto; width: 55px; height: 55px; background: none;}
   .home__recommended--block .owl-carousel .owl-nav button.owl-prev::before,
   .home__recommended--block .owl-carousel .owl-nav button.owl-next::before { width: 55px; height: 55px;}
   .home__recommended--block .owl-carousel .owl-nav { bottom: 40%;}
   .footer__main { padding: 0; flex-direction: column; text-align: center; flex-wrap: wrap;}
   .footer__links { display: block; max-width: 100%; width: 100%; margin-bottom: 30px;}
   .footer__left--block, .footer__right--block { display: block;}
   .footer__subscribe { padding: 30px; border: 1px solid #433535; max-width: 450px; margin: auto; margin-bottom: 30px;}
   .footer__subscribe h5,
   .footer__social li h5,
   .footer__links li h5 { font-size: 20px;}
   .footer__bottom { padding: 20px 0 0 0; text-align: center;}
   .hero__main { padding-top: 110px;}
   .hero__main { max-width: 100%;}
   .banner__slider--left { padding: 35px 20px;}

   .login__banner { display: block;}
   .login__banner--left,
   .login__banner--right { width: 100%; min-height: auto; padding: 30px; text-align: center;}
   .login__banner .commen__btn { margin: auto; margin-top: 15px;}
   .footer__subscribe { padding: 25px;}

   .sub__hero--section { padding: 85px 0 50px; min-height: auto;}
   .register__hero--section .login__banner { padding: 25px 20px;}
   .register__hero--section .login__banner--left { width: 100%; margin-bottom: 25px; padding: 30px 20px;}
   .register__hero--section .login__banner--right { width: 100%; padding: 0;}
   .register__box { margin-top: 12px;}
   .register__input { padding: 0 15px;}

   .movies__listing--outer li { width: 28%; margin: 10px 5px;}
   .detail__bottom--block h2.resp-accordion { font-size: 20px !important; color: #FFFFFF;}
   .detail__bottom--block h2.resp-accordion .resp-arrow { margin-top: 15px;}
   .detail__bottom--block h2.resp-accordion.resp-tab-active { background: #ff5168; color: #FFFFFF; border: none;}
   .detail__bottom--block h2.resp-accordion.resp-tab-active .resp-arrow { margin-top: 12px; border: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 12px solid #FFFFFF;}
   .detail__bottom--block { padding: 30px 0px;}
   .related__videos--list li { width: 22%;}
   .detail__description--main { margin: 0;}
   .movie__details__header--main h2 { display: block; text-align: center;}
   .movie__details__header--main h2 a { margin-right: 10px; position: relative; top: -2px;}
   .detail__top--content { padding: 0;}
   .detail__description--main { text-align: center;}
   .detail__bottom--block .resp-tab-content { text-align: center;}
   .edit__profile__banner--section .login__banner--right { padding: 10px 25px 25px 25px;}
   .payment__success--block { padding: 50px 0;}
   .sub__hero--main { padding: 0;}

   .purchase__movie--block { padding: 50px 0;}
   .pricing__listing li { width: 100%; margin-right: 0;}
   .wishlist__main li { width: 46%;}
   .purchase__movie--left { padding: 25px; text-align: center;}
   .purchased__movie--img { position: static; margin-bottom: 10px;}
   .purchase__movie--main { padding: 0px; overflow: hidden;}
   .my__account--banner h2 .commen__btn { display: block; max-width: 150px; margin: auto; margin-top: 15px;}
   .my__account--listing li { padding: 15px; text-align: center;}
   .my__account--listing li .icon { position: static; margin: auto; margin-bottom: 5px;}
   .my__account--right { text-align: center;}
   .my__account__right--box { padding: 15px;}
   .my__account__right--box .icon { position: static; margin-bottom: 10px;}

   .pricing__main .resp-vtabs .resp-tabs-container { width: 100%; border: none;}
   .pricing__main h2.resp-accordion { border-color: #FFFFFF; padding: 0; display: block; color: #FFFFFF; padding: 8px 15px;  font-size: 20px !important; background: #2e2020;}
   .pricing__main h2.resp-accordion .price__span { color: #ff5168;}
   .pricing__main h2.resp-accordion.resp-tab-active { background: #0c0000;}
   .contact__block { padding: 50px 0 30px;}
   .contact__help--block { margin-top: 30px;}
   .contact__form--textarea { height: 120px;}

   .contact__bottom--list li { text-align: center;}
   .contact__bottom__right--list li { text-align: center;}
   .contact__bottom__right--box { padding: 0;}
   .contact__bottom__right--box .icon { position: static; margin-bottom: 15px;}
   .contact__bottom__right--list li .commen__btn { margin: auto;}
   .contact__bottom__right--list li:first-child { padding: 40px 0; border-top: 1px solid #523839;}
   .contact__bottom--list li { margin-bottom: 40px;}
   .contact__bottom--left { padding-right: 0;}

   .banner__slider--left h1 { font-size: 40px;}
   .pricing__block { min-height: auto;}
}

/* ==========================================================================
   *Extra small devices (portrait phones, less than 576px)*
   ========================================================================== */ 
@media (max-width: 575px) {
   .banner__slider--left { text-align: center;}
   .banner__button--block { display: block;}
   .banner__button--block a { margin: 0; margin-bottom: 10px;}
   .home__recommended--block { padding: 30px 15px;}
   .availableon__store a { margin: 5px 0;}

   .movies__listing--wraper { padding: 50px 15px;}
   .movies__left--bar { position: static; width: 100%;}
   .generes__listing li { display: inline-block; border: none;}
   .generes__filtering { text-align: center; margin-bottom: 15px;}
   .generes__listing li a { padding: 3px 15px 6px 15px; background: #433535;}
   .language__filtering { text-align: center;}
   .language__filtering li { display: inline-block; width: 30%;}
   .movies__listing--head { text-align: center;}
   .movies__listing--outer { display: block; text-align: center;}
   .related__videos--list li { width: 30%;}
   
   .wishlist__main li { width: 100%; margin: auto; margin-bottom: 10px; max-width: 335px; display: block;}
}

/* ==========================================================================
   *Extra small devices (portrait phones, less than 480px)*
   ========================================================================== */
@media (max-width: 480px) {
   .language__filtering li { display: inline-block; width: 48%;}
   .movies__listing--head { padding-top: 20px;}
   .movies__listing--outer li { width: 45%;}
   .related__videos--list li { width: 45%;}
   .purchase__plan--box { text-align: center;}
   .purchase__plan--box h4 { display: block;}
   .purchase__plan--box .commen__btn { padding: 13px 20px 16px 20px; font-size: 16px;}
   .pricing__main .resp-vtabs .resp-tab-content { padding: 25px 15px;}
   .pricing__main .resp-vtabs .resp-tab-content h5 { text-align: center;}
   .pricing__main { padding: 0 10px;}

   .pricing__main .primary__btn { margin: auto; display: block;}
}


/* ==========================================================================
   *Small small devices (portrait phones, less than 400px)*
   ========================================================================== */
   @media (max-width: 480px) {
      .pricing__listing li label { padding: 20px; padding-top: 100px; text-align: center;}
      .pricing__listing li label::before { top: 23px; left: 0; right: 0; margin: auto;}
   }