@media (min-width:1300px) {
  .container { max-width: 1170px; }
}
@media (min-width:1499px) {
  .container { max-width: 1266px; }
  #home-slider h1.slider-text { margin: 30px 0; }
  #home-slider p { margin: 32px 0; }
}
@media only screen and (min-width:1200px) and (max-width:1366px) {
  .search:focus, .search:hover { width: 220px !important; }
  /* cbastian */
  .channel-logo { margin-bottom: 150px;}
}
@media only screen and (min-width:1000px) and (max-width:1199px) {
  .channel-logo { margin-bottom: 20px;}
}
@media (min-width:992px) {
  .search-box { left: auto !important; right: 0 !important; }
  .three-column { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; }
}
@media (min-width:1200px) {
  li.slide-item.slick-active + li.slide-item.slick-active + li.slide-item.slick-active + li.slide-item.slick-active:hover .block-images { transform: scale3d(1.3, 1.3, 1) translate3d(-12%, 0, 0) perspective(500px); }
  .watch-title { position: absolute; top: 50%; left: -20%; transform: translateY(-50%); font-size: 17px; letter-spacing: 3.5px; font-weight: 600; color: var(--iq-white); }
  .watch-title:before { content: ''; position: absolute; top: 50%; left: -36%; transform: translateY(-50%); background: var(--iq-white); width: 52px; height: 2px; }
  .col-1-5 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
}
@media(max-width:1199px) {
  li.slide-item.slick-active + li.slide-item.slick-active + li.slide-item.slick-active:hover .block-images{ transform: scale3d(1.3, 1.3, 1) translate3d(-12%, 0, 0) perspective(500px); }
  .video-container { height: 100%; }
  #home-slider .slick-bg { height: 100%; }
  /* cbastian */
  /* font-size: small; */
  .channel-logo { margin-bottom: 100px;}
  .hidden1199px { display: none;}
}
@media(max-width:991px) {
  li.slide-item .block-description .parallax-ratting span, li.slide-item .block-description .movie-time span, li.slide-item .block-description .ratting-start, .block-description .movie-content li { font-size: 10px; }
  .hover-buttons .btn { font-size: 10px; }
  #home-slider .slick-bg { padding: 50px 0; }
  .r-mb-23 { margin-bottom: 23px; }
  header .navbar-light .navbar-brand img.logo { width: 100px; } 
 /* background: rgba(191, 0, 10, 0.1) var(--iq-bg1);padding-top: 40px;*/
  .navbar-collapse { position: fixed; top: 0; left: 0; padding-bottom: 15px; /*width: 260px;*/ height: 100vh; background:rgba(0, 0, 0, 0.7) /*rgba(191, 0, 10, 0.1)*/; padding-top: 30px;-webkit-backdrop-filter: blur(30px);  backdrop-filter: blur(30px); -webkit-box-shadow: 10px 0px 80px 10px rgba(191, 0, 10, 0.8)  /*(0, 0, 0, 0.2)*/; box-shadow: 10px 0px 80px 10px rgba(191, 0, 10, 0.8); }
  .vertical_s { position: static; }
  #top-ten-slider-nav { width: 100%; height: 100%; }
  .navbar-collapse.collapsing { height: auto; -webkit-transition: left 0.3s ease; -o-transition: left 0.3s ease; -moz-transition: left 0.3s ease; transition: left 0.3s ease; left: -100%; }
  .navbar-collapse.show {/* left: -15px;*/ -webkit-transition: left 0.3s ease-in; -o-transition: left 0.3s ease-in; -moz-transition: left 0.3s ease-in; transition: left 0.3s ease-in; z-index: 999; }
  /* header .navbar ul li.menu-item a { line-height: 10px; float: left; width: 100%; text-align: left; padding: 10px 30px; color: var(--iq-white); } */
  #tvshows-slider h4.film-text {
    font-size: 40px;
}
  header .navbar ul li.menu-item a { line-height: 10px; width: 100%; text-align: left; /*padding: 10px 30px;*/ padding: 10px 18px; color: var(--iq-white); }
  .mobile-more-menu { display: block; }
  .menu-right { display: none; }
  .navbar-brand { padding: 0; margin-right: 0; }
  .more-menu .iq-sub-dropdown { width: 90%; margin: 0 auto; left: 0; right: 0; top: 60px; }
  .mobile-more-menu .iq-user-dropdown img { width: 40px; }
  .iq-search-bar .search-input { background: var(--iq-body-bg); color: var(--iq-body-text); box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.75); }
  .navbar-right li { position: static !important; }
  .container-fluid { padding-left: 30px; padding-right: 30px; }
  .main-header { padding: 10px 0; }
  .vertical_s { display: none; }
  .r-mt-15 { margin-top: 15px; }
  .block-space { padding: 25px 0; }
  .banner-wrapper .trending-info .trending-dec { width: 100%; }
  .banner-caption, .overlay-s-name { left: 30px; }
  .scroll-gene { width: 100%; height: 600px; }
  .genres-box .dropdown-menu { height: 250px; overflow-y: auto; }
  /* .search-box { min-width: 16.2rem; top: 47px; } */
  .search-box { min-width: 16.2rem; top: 75px; z-index: 1000;}
  .trailor-video { display: none; }
  .topten-title-sm { display: block; }
  .topten-title { display: none; }
  .device-margin { margin-top: 15px; }
  #home-slider h1.slider-text { font-size: 35px;}
  header .navbar ul li{display:block;}
  /* .iq-main-slider{padding-top:60px!important;} */
  header .navbar ul li {
    list-style: none;
    margin-right: 25px;
    margin-left: 18px;
    margin-bottom: 5px;}
  .m-profile {padding-top: 100px;padding-bottom: 60px;}
  .trending-info .trending-dec{width: 52%;}
  /* cbastian */
  .block-description {position: absolute; left:25px; top: 0; bottom: 0;z-index: 999; display: flex; justify-content: center; flex-direction: column; opacity: 0; }
  .block-description > h6{font-size: 1.5em;} 
  .block-description1 {position: absolute; left: 15px; top: 0; bottom: 15px;z-index: 999; display: flex; justify-content: end; flex-direction: column; opacity: 1; text-shadow: 0 0 3px #000000, 0 0 5px #333333;}
  .block-description1 > h6{font-size: 1,2em; color:white;}
  .infostudio {
    max-height: 15px;
    height: 15px;
}
}
@media(max-width:768px) {
  li.slide-item .block-images::before { content: none; }
  li.slide-item .block-description, li.slide-item .block-social-info { display: none !important; }
  li.slide-item.slick-current .block-description { display: none !important; }
  li.slide-item.slick-current:hover .block-images, li.slide-item:hover .block-images, li.slide-item.slick-active + li.slide-item.slick-active + li.slide-item.slick-active + 
  li.slide-item.slick-active:hover .block-images, li.slide-item.slick-active + li.slide-item.slick-active + 
  li.slide-item.slick-active:hover .block-images { transform: none; }
  .type { padding: 9px 10px; font-size: 13px; }
  #tvshows-slider h4.film-text {
    font-size: 20px;
}
}
@media (max-width:767px) {
  .parallax-window { padding: 60px 0; }
  .banner-wrapper { height: 100%; padding: 100px 0; }
  .trending-content { padding: 0; }
  .banner-wrapper .trending-info .text-detail, .banner-wrapper .series { justify-content: flex-start; }
  .trending-info .trending-dec { width: 100%; }
  .banner-wrapper .trending-info .trending-dec { text-align: left; }
  .trending-pills { flex-direction: column; }
  .container-fluid { padding-left: 15px; padding-right: 15px; }
  /* #home-slider h1.slider-text {line-height: 62px; margin: 0px; } */
  #home-slider h1.slider-text { margin: 0px; }
  .trending-info .block-social.social1 { margin-left: 0 !important; }
  .trending-info .trending-text { font-size: 35px !important; line-height: 1.3; }
  .trending-info { padding: 60px 15px; }
  #home-slider p { margin: 22px 0; }
  .r-mt-20 { margin-top: 20px; }
  .p-btns { flex-direction: column; }
  .main-title { font-size: 1em; }
  .sign-info { flex-direction: column; }
  .sign-info .btn { margin-bottom: 15px; }
  .banner-caption, .overlay-s-name { left: 15px; }
  .episode-name { flex-direction: column; align-items: flex-start !important; }
  .text-detail.episode-name .trending-year { padding-left: 0; font-size: 24px; }
  .episodes-slider1 .owl-nav button.owl-prev, .episodes-slider1 .owl-nav button.owl-next { width: 30px; height: 30px; font-size: 27px; }
  #top-ten-slider .NextArrow, #top-ten-slider .PreArrow{width: 30px; height: 30px;font-size: 23px;}
  .episode-name .trending-year:before { content: none; }
  .r-mb-15 { margin-bottom: 15px; }
  header#main-header { position: static; }
  .shows-img .movie-time { display: none !important; }
  .genres-box { top: 10px; }
  .shows-content { bottom: 14px; left: 14px;}
  .main-content { padding-top: 25px; }
  #home-slider p { width: 100%; }
  .slick-bg:before { background: linear-gradient(-360deg, rgba(0, 0, 0, 1) 0%, rgba(20, 20, 20, 1) 40%, rgba(83, 100, 141, 0) 100%); }
  .m-profile { padding-top: 40px; padding-bottom: 50px; }

  .m-profile .sign-user_card { padding: 15px; }
  .lang-dropdown { margin-left: 0; margin-top: 1.2rem; }
  .manage-gen .select2-container { width: 100% !important; }
  .manage-gen .select2-search--dropdown .select2-search__field { width: 98%; }
  .trending-info .text-detail{font-size: 17px;}
  .play-button i{font-size: 16px;}
  .play-button:after,
  .play-button:before{width: 40px;height:40px;}
  .manage-p{height:100%;}
  .banner-caption{bottom:10px;}
  .w-name{font-size: 18px;}
  .overlay-wrapper:before{background-image: linear-gradient(to bottom, rgba(51, 51, 51, 0), rgba(0, 0, 0, 0.8) 40%, var(--iq-black) 100%);}
  .favorites-slider .slick-arrow,
  .favorites-slider .slick-arrow:hover,
  #trending-slider-nav .slick-arrow,
  #trending-slider-nav .slick-arrow:hover{background: none;}
  .favorites-slider .slick-prev,
  #trending-slider-nav .slick-prev{right:37px;}
  /* cbastian */
  .channel-logo { margin-bottom: 150px;}
}
@media (min-width:576px) {
  .iq-search-bar a.search-toggle { display: none; }
  .channel-logo { margin-bottom: 150px;}
}
@media (max-width:479px) {
  header .navbar ul li.list-inline-item a { padding-left: 20px; padding-right: 20px; }
  .channel-logo { margin-bottom: 50px;}
}
@media (min-width: 991px) {
  .menu-main-menu-container  { margin-left: 1.5rem!important; }
}

/* gradient cbastian rainbow */
@-webkit-keyframes gradientbg{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes gradientbg{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.graident-bg,.designer-tools-nav-btn{background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;-webkit-animation:gradientbg 15s ease infinite;animation:gradientbg 15s ease infinite}
.text-gradient2{background:-webkit-linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200%;-webkit-animation:gradientbg 15s ease infinite;animation:gradientbg 15s ease infinite}
.text-gradient3{background:-webkit-linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:104%}
.designer-tools-nav-btn{color:#fff!important}
@-webkit-keyframes rainbow{0%{color:red}100%{color:#4000ff}}
@keyframes rainbow{0%{color:red}100%{color:#4000ff}}
.rainbow-color{-webkit-animation:rainbow 5s infinite alternate;animation:rainbow 5s infinite alternate}
.border-rainbow{border:5px dashed transparent;-o-border-image:linear-gradient(to bottom right,#b827fc 0%,#2c90fc 25%,#b8fd33 50%,#fec837 75%,#fd1892 100%);border-image:-webkit-gradient(linear,left top,right bottom,from(#b827fc),color-stop(25%,#2c90fc),color-stop(50%,#b8fd33),color-stop(75%,#fec837),to(#fd1892));border-image:linear-gradient(to bottom right,#b827fc 0%,#2c90fc 25%,#b8fd33 50%,#fec837 75%,#fd1892 100%);border-image-slice:1;border-radius:3px}
.btn-bg-color{background:-webkit-linear-gradient(45deg,var(--primary),#fd1877);font-weight:500;color:#fff}
.btn-bg-color:hover{color:#fff}
.compress-item{background-color:#fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.17);box-shadow:0 1px 3px rgba(0,0,0,.17);padding:10px 20px;border-radius:30px}

.graident-bg, .designer-tools-nav-btn {
    background: linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);
    background-size: 400% 400%;
    -webkit-animation: gradientbg 15s ease infinite;
    animation: gradientbg 15s ease infinite;
}

@media (max-width: 767px) {
.trending-info .trending-text {
    display: none;
  }
}