@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: 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%;
   }

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

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

   .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: 768px) {
   .wrap-block-img {
      padding: 4px 4%;
   }

   #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;
   }
}

@media screen and (max-width: 767px) {

}

@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 {
      font-size: 21px !important;
   }

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

@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: 320px) {
   /* offcanvas menu */
   .c-offcanvas--right {
      width: 270px;
   }

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

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