@media screen and (min-width: 2134px) {
   body {
      background-repeat: repeat;
   }
}
@media screen and (max-width: 2280px) {
   .b-side-left img, .b-side-right img {
      width: 100%;
   }
}

@media screen and (max-width: 1648px) {
   .b-side-left, .b-side-right {
      display: none;
   }
}

@media screen and (max-width: 1400px) {
   #movie-page.container {
      padding: 0;
      margin: 0;
      max-width: unset;
   }
}

@media screen and (max-width: 1300px) {
   header .nav-end .select2-container {
      display: none !important;
   }

   #hamburger {
      display: block;
   }

   .nav-end {
      margin-right: 15px;
   }

   .card-title {
      font-size: 14px;
      height: 2.1rem;
      letter-spacing: 0;
      font-weight: unset;
   }

   .card-img-top {
      height: 234px;
      min-height: 234px;
   }

   .sidebar-section .row a {
      padding: 12px 0;
      font-size: 14px;
   }
}

@media screen and (max-width: 1200px) {
   #main-content, #main-content .container {
      max-width: 100%;
      margin: 0;
   }
}

@media screen and (max-width: 1024px) {
   body {
      background-image: unset;
   }

   .btn-player {
      margin: 4px;
      max-width: 252px;
      font-size: 16px;
      word-break: break-all;
   }

   .text-bg-badge {
      font-size: 16px;
      word-break: break-word;
      line-height: 18px;
   }

   .card-header h1, .card-header h2 {
      font-size: 26px !important;
   }

   #main-content {
      margin: 0;
      max-width: unset;
      width: 100%;
      padding: 1.2rem 0;
   }

   #movie-page.container {
      max-width: 100%;
   }

   .card-img-top {
      height: 234px;
      min-height: 234px;
   }

   .card-movie:hover {
      transform: unset;
   }
}

@media screen and (max-width: 1023px) {
   header .logo img {
      width: auto;
      height: 32px;
   }

   .container {
      max-width: 1000px;
      margin: 0 auto;
   }

   .swiper-button-next, .swiper-button-prev {
      display: none !important;
      transition: 0.5s ease-in-out;
   }
}

@media screen and (max-width: 992px) {
   .card-img-top {
      height: 234px;
      min-height: 234px;
   }

   .sidebar-section {
      display: none;
   }
}

@media screen and (max-width: 768px) {
   #wrap-header.container {
      height: 63px;
   }

   #main-content {
      padding: 1em 0;
      margin-top: unset !important;
   }

   #main-content .wrap-slider-container h2 {
      /*text-indent: 5%;*/
   }

   .swiper {
      padding: 0 3em !important;
   }

   div.block {
      width: 148px;
      min-width: 148px;
      height: 220px;
      /*z-index: 18;*/
      z-index: 20000 !important;
   }
   div.block .quarter-image.img1, div.block .quarter-image.img2,
   div.block .quarter-image.img3, div.block .quarter-image.img4 {
      width: calc(140px / 2);
      z-index: 19;
      /*-moz-filter: blur(0.2px);*/
      /*-webkit-filter: blur(0.2px);*/
      /*-ms-filter: blur(0.2px);*/
      /*filter: blur(0.2px);*/
      /*display: none;*/
   }

   div.block .quarter-image {
      height: calc(212px / 2);
   }

   .link-play {
      right: 30%;
   }

   div.block .back-image {
      opacity: 1;
   }

   @media(hover: hover) {
      .no-touch div.block:hover .back-image {
         opacity: 0.3;
      }
   }

   .open-cover-touch .back-image {
      opacity: 0.3 !important;
   }

   div.block .title {
      font-size: 14px;
      line-height: 17px;
   }

   div.block .description {
      font-size: 13px;
   }

   .swiper-slide {
      padding-bottom: 2em;
   }

   div.block .ribbon.ribbon1 {
      top: 17px;
      left: -72px;
   }

   div.block .ribbon {
      line-height: 18px;
      font-weight: 500;
   }

   .container, .card-header {
      border-radius: 0 !important;
   }

   .card-header h1, .card-header h2 {
      font-size: 25px !important;
      margin-bottom: 0;
   }

   #movie-page.container {
      padding: .5em 0 0 0 !important;
   }

   img.cover-img-player {
      width: 54%;
   }
}

@media screen and (max-width: 767px) {
   .slick-next:before, .slick-prev:before{
      font-size: 18px;
   }

   .slick-prev {
      left: -11px;
   }

   .slick-next {
      right: -11px;
   }
}

@media screen and (max-width: 475px) {
   .wrap-block-img {
      padding: 4px 2%;
   }

   header .logo img {
      height: 27px !important;
   }

   .nav-end {
      margin-right: 0;
   }

   .footer-logo {
      height: 36px;
   }

   .col-6 {
      padding: 5px;
   }

   .card-movie {
      max-width: 195px;
      width: -webkit-fill-available;
      /*height: 234px;*/
   }

   .card-body {
      /*padding: 8px;*/
   }

   .card-img-top {
      height: 270px;
      min-height: 270px;
   }

   .card-title {
      font-size: 14px;
      height: 2.1rem;
      letter-spacing: 0;
      font-weight: unset;
   }
}

@media only screen and (min-device-width: 430px) and (max-device-width: 430px) and (orientation: landscape) {
   #movie-page .card-body .col-md-12 {
      width: 62%;
   }
}


@media screen and (max-width: 425px) {
   .block-b-img-mb, .block-img-top-mb {
      display: block;
   }

   .block-b-img, .block-img-top {
      display: none;
   }

   .container {
      /*padding: 0 8px !important;*/
   }

   .content-col-movie {
      margin: 2em 0;
   }

   .content-col-movie .block {
      transform: scale(1.215);
   }

   /*.content-col-movie:nth-child(even) {*/
   /*   justify-content: start;*/
   /*}*/

   /*.content-col-movie:nth-child(odd) {*/
   /*   justify-content: end;*/
   /*}*/

   .btn-player {
      margin: 4px;
      width: 100%;
      max-width: 100%;
      padding: 8px 0;
      font-size: 16px;
      word-break: break-all;
   }

   .card-header h1, .card-header h2, .card-header b {
      font-size: 21px !important;
   }

   .wrap-tag {
      margin: 2em -19px;
      padding: 1em;
      border-radius: 0;
   }

   .col-6 {
      padding: 3px;
   }

   .card-movie {
      width: 180px;
      height: 290px;
   }

   .card-body {
      padding: 11px 14px;
   }

   .card-img-top {
      height: 234px;
      min-height: 234px;
   }

   .card-title {
      height: 2rem;
      font-size: 13px;
   }

   .card-title-ellipsis {
      /*-webkit-line-clamp: 3;*/
   }
}

@media screen and (max-width: 400px) {
   .nav-menu-option .nav-fill .nav-item {
      margin: 0 3px;
      width: 20%;
      font-size: 14px;
   }

   .nav-menu-option .nav-link {
      padding: 5px;
   }

   .pagination .page-link {
      font-size: 13px !important;
   }

   /* offcanvas menu */
   .offcanvas-nav a.nav-link {
      font-size: 14px;
   }

   /* movie block */
   .content-col-movie {
      margin: 1.7em 0;
   }

   .content-col-movie .block {
      transform: scale(1.17);
   }

   .btn-player {
      max-width: unset;
      width: 100% !important;
      padding: 8px;
      font-size: 16px;
   }
}

@media screen and (max-width: 375px) {
   .card-movie {
      width: 162px;
      height: auto;
   }

   .card-body {
      /*padding: 8px;*/
   }

   .card-img-top {
      height: 207px;
      min-height: 207px;
   }

   .card-title {
      /*font-size: 11px;*/
   }

   .card-title-ellipsis {
      /*-webkit-line-clamp: 3;*/
   }
}

@media screen and (max-width: 320px) {
   header .logo img {
      height: 27px !important;
   }

   /* offcanvas menu */
   .c-offcanvas--right {
      width: 270px;
   }

   /* movie block */
   .content-col-movie {
      margin: 0.1em 0;
   }

   .content-col-movie .block {
      transform: scale(0.96);
   }

   .card-movie {
      width: 144px;
      /*height: 234px;*/
   }

   .card-body {
      /*padding: 8px;*/
   }

   .card-img-top {
      height: 180px;
      min-height: 180px;
   }

   .card-title {
      /*font-size: 11px;*/
      height: 1.9rem;
   }

   .card-title-ellipsis {
      /*-webkit-line-clamp: 3;*/
   }
}