/* ------ large and medium devices (dekstops and laptops, 992px and up) -----*/
@media (min-width: 992px) {
  html {
    font-size: 0.52vw;
  }

  .container {
    max-width: 172rem;
  }

  /* rowniez-area.v2 */
  .rowniez-area.v2 .rowniez-img {
    left: 0.2rem;
    top: -19.6rem;
  }

  /* as-nonstop-area  */
  .as-nonstop-area p.text-white2.as-w-600 {
    width: 59rem;
  }

  .contact-left {
    padding-left: 12.4rem;
  }

  .as-right-history-img {
    padding-left: 2rem;
  }

  .newsy-content .section-bottom {
    margin: 23.3rem auto 0 auto;
  }
}

/* ------ Medium devices (tablets, 991px and down) -----*/
@media (max-width: 991px) {
  html {
    font-size: 50%;
  }

  .container {
    padding: 0;
  }

  .container-fluid,
  .menu_container {
    width: 720px;
  }

  /* ========= Main Content Area ========= */
  .hero-slide-inner {
    left: 8.5rem;
    bottom: 10rem;
  }

  .hero-area .swiper-pagination {
    left: 8.5rem;
    bottom: 7rem;
  }

  .kino-area .row {
    --bs-gutter-y: 2.5rem;
  }

  main {
    overflow: hidden;
  }

  .kino-list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .services-area .row {
    --bs-gutter-y: 4rem;
  }

  .section-bottom {
    margin: 8rem auto 0 auto;
    height: 12rem;
  }

  main {
    overflow: hidden;
  }

  .kino-list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .services-area .row {
    --bs-gutter-y: 4rem;
  }

  .section-bottom {
    margin: 8rem auto 0 auto;
  }

  .program-inner {
    flex-direction: column-reverse;
    gap: 6rem;
    padding: 8rem 0 0;
  }

  .program-img-wrap {
    transform: scale(0.85);
    margin-bottom: -4rem;
  }

  .animate-hand {
    animation: bottom-to-top 3s infinite ease-in-out;
  }

  @keyframes bottom-to-top {
    0% {
      transform: translateY(-7rem) translateX(-6.5rem) rotate(-90deg);
    }

    20% {
      transform: translateY(-7rem) translateX(-6.5rem) rotate(-90deg);
    }

    50% {
      transform: translateY(-25rem) translateX(-6.5rem) rotate(-90deg);
    }

    70% {
      transform: translateY(-25rem) translateX(-6.5rem) rotate(-90deg);
    }

    100% {
      transform: translateY(-7rem) translateX(-6.5rem) rotate(-90deg);
    }
  }

  .title_120 {
    font-size: 8rem;
    line-height: 1.15;
  }

  .blog-star {
    width: 22rem;
    left: -3rem;
  }

  .card-flex .card-link {
    max-width: 22rem;
  }

  .gy-60 {
    --bs-gutter-y: 4rem;
  }

  .vhs-content-wrapper {
    padding-right: 0;
    flex-direction: column;
    gap: 8rem;
  }

  .content.vhs-content {
    max-width: 90%;
    text-align: center;
    margin: 0 auto;
  }

  .vacume-img {
    max-width: 28rem;
    margin: 0 auto 0;
  }

  .pb_80 {
    padding-bottom: 5rem;
  }

  .section-bottom .title_30 {
    font-size: 2.6rem;
  }

  .section-bottom-img {
    width: 22rem;
  }

  .services-area-two {
    padding: 20rem 0 22rem;
  }

  .zatos-left {
    padding: 12rem 0 12rem 0;
  }

  .zatos-content {
    flex-direction: column;
    gap: 15rem;
    padding-left: 0;
  }

  .zatos-right {
    width: 100%;
  }

  .zatos-img {
    margin-left: auto;
    transform: scale(0.85);
    margin-bottom: -4rem;
  }

  .zatos-area {
    padding-bottom: 10rem;
  }

  .nasze-row {
    flex-direction: column;
    align-items: center !important;
  }

  .nasze-content {
    max-width: 100%;
    padding: 5rem 0;
    text-align: center;
  }

  .nasze-row1 .nasze-content,
  .nasze-row2 .nasze-content,
  .nasze-row3 .nasze-content {
    padding: 5rem 0;
  }

  .nasze-img {
    max-width: 50rem;
  }

  .nasze-title-box {
    max-width: 100%;
    padding: 10rem 0 8rem 0;
    text-align: center;
  }

  .nasze-row2 {
    padding: 10rem 0 10rem;
  }

  .nasze-row {
    flex-direction: column;
    align-items: center !important;
  }

  .nasze-content {
    max-width: 100%;
    padding: 5rem 0;
    text-align: center;
  }

  .nasze-row1 .nasze-content,
  .nasze-row2 .nasze-content,
  .nasze-row3 .nasze-content {
    padding: 5rem 0;
  }

  .nasze-img {
    max-width: 50rem;
  }

  .nasze-title-box {
    max-width: 100%;
    padding: 10rem 0 8rem 0;
    text-align: center;
  }

  .nasze-row2 {
    padding: 10rem 0 10rem;
  }

  .newsletter-left {
    padding-left: 0;
    text-align: center;
    margin: 0 auto;
  }

  .newsletter-left .title_120 {
    padding-left: 0;
    padding-bottom: 2.5rem;
  }

  .newsletter-content-wrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 5rem;
  }

  .newsletter-animation {
    margin: 0 auto;
  }

  .newsletter-right {
    width: 100%;
  }

  .newsletter-input {
    justify-content: center;
    width: fit-content;
    margin: 0 auto;
  }

  .newsletter-area {
    padding: 8rem 0;
  }

  .footer-content {
    grid-template-columns: 1fr;
    gap: 7.5rem;
    padding: 6rem 8.5rem;
  }

  .footer-title {
    padding-bottom: 2rem;
    margin-bottom: 4rem;
  }

  /* ================== site_header ================== */
  .nav-left {
    gap: 6rem;
    width: 100%;
    justify-content: space-between;
  }

  .site_header nav {
    padding: 0 4rem;
  }

  /* ================== kino-area ================== */
  .kino-area {
    padding: 10rem 0 10rem 0;
  }

  .title_140 {
    font-size: 10rem;
  }

  .kino-icon {
    top: 3rem;
    width: 28rem;
    right: -2rem;
    transform: rotate(15deg);
  }

  .footer-col2 .footer-title {
    margin-bottom: 2.5rem;
  }

  /* ================= Megamenu One ================ */
  .menu-nav {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2rem;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .search-tags {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1.6rem 1.5rem;
    margin-bottom: 6.5rem;
  }

  .menu-bottom {
    grid-template-columns: 1fr 22rem;
  }

  .menu-nav-top {
    padding: 0;
    gap: 6rem;
  }

  /* ================= dark-overlay =================== */
  .megamenu-two-inner {
    grid-template-columns: 1fr;
    gap: 4rem;
  }

  .menu-two-box1 {
    margin-top: 4rem;
  }

  .dark-overlay .search-tags {
    gap: 1.5rem;
    margin-bottom: 6.5rem;
  }

  .menu-arrow-blocks-list {
    margin-top: 8.5rem;
  }

  .dark-overlay .menu-nav-top > .menu-nav-top {
    border: 0;
  }

  /* mobile-items */
  .mobile-items .language-select-dropdown li.active {
    color: #fff;
  }

  .mobile-items .language-select-dropdown li {
    font-size: 1.5rem;
  }

  .mobile-items .header-btn {
    font-size: 1.5rem;
    width: fit-content;
    padding: 0 2rem;
  }

  .repertuar-top {
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 5rem;
  }

  .card.v4 .card-info {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.6rem;
  }

  .card-info-inner {
    width: 100%;
  }

  .title-content {
    flex-direction: column;
    align-items: flex-start;
  }

  .four-way-stars {
    width: 10rem;
  }

  .four-way-stars-one {
    left: -3rem;
    top: -5rem;
  }

  .repertuar-title-section {
    padding: 8rem 0;
  }

  .icon-bar-list {
    flex-wrap: wrap;
    padding: 0;
    gap: 1.2rem;
  }

  .legends-wrap {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 2rem;
  }

  .hero-area-inner .container-fluid {
    width: 100%;
  }

  .auto-slider .swiper-slide {
    max-width: 55rem;
  }

  /* ============== repertuar-wrapper ========== */
  .repertuar-col {
    min-width: 172rem;
  }

  .repertuar-wrapper {
    width: 100%;
    overflow: auto;
  }

  .title-section-two .four-way-stars-two {
    right: -6.3rem;
    bottom: -2.6rem;
  }

  .title-section-two .four-way-stars-one {
    top: -3.4rem;
    right: 39.6rem;
  }

  /* ================ bez-section =============== */
  .bez-section {
    padding: 8rem 00;
  }

  .bez-content {
    gap: 5rem;
    margin-left: 0;
    flex-direction: column;
  }

  .bez-content-left,
  .bez-content-right,
  .bez-right-bottom {
    width: 100%;
    max-width: 100%;
  }

  .bez-form-data {
    padding: 5rem;
  }

  .rowniez-img {
    width: 30rem;
    top: -12rem;
    left: 50%;
    transform: translateX(-50%);
  }

  .rowniez-top {
    text-align: center !important;
  }

  /* ================ news_content ================ */
  .news_content {
    flex-direction: column-reverse;
    padding: 0;
  }

  .moon-animation {
    transform: scale(0.85);
  }

  .news_content_left {
    width: 95%;
    margin-top: -12rem;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15rem;
  }

  /* ================ blog-section ================ */
  .blog-list {
    height: auto;
    overflow: visible;
    width: 100%;
  }

  .blog-section .row {
    --bs-gutter-y: 3rem;
  }

  .blog-section .row:nth-child(1) {
    margin-bottom: 20rem;
  }

  .blog-section .row:last-child {
    flex-direction: column-reverse;
  }

  .title_70 {
    font-size: 6rem;
  }

  /* ================ asib khan start ================ */

  .as-news-wrapper .gy-6 {
    --bs-gutter-y: 2rem;
  }

  .as-pl-130 {
    padding-left: 0;
  }

  .as-news-top h3 br {
    display: none;
  }

  .as-news-top h3 {
    padding: 5rem 0 10rem;
  }

  .as-news-content h3 {
    padding-bottom: 5rem;
    padding-top: 5rem;
  }

  .as-news-content.as-new-right-content h3 {
    padding-top: 5rem;
  }

  .as-news-area {
    padding-bottom: 15rem;
  }

  .as-news-img-left {
    margin-left: 0;
  }

  .as-news-img-right {
    margin-right: 0;
  }

  .as-news-content p {
    padding-right: 0;
  }

  /* page 2 */

  .galeria-content {
    padding-left: 0;
  }

  .as-galeria-hero {
    padding: 6rem 0 8rem;
  }

  .title_100 {
    font-size: 7rem;
  }

  .galeria-content h2 {
    padding-bottom: 4rem;
  }

  .galeria-area {
    padding: 12rem 0;
  }

  .galeria-content p {
    width: auto;
  }

  .wydarzenia-area .gx-6.as-pr-120 {
    padding-right: 0;
  }

  .as-our-team-box {
    padding-left: 0;
    margin-left: 0;
  }

  .as-our-team-box {
    padding-left: 0;
    margin-left: 0;
    max-height: 63rem;
  }

  .as-our-team-items {
    gap: 4.5rem;
    padding-bottom: 4.5rem;
  }

  .as-our-team-title h2 {
    font-size: 4rem;
  }

  .as-onas-content {
    padding: 0;
  }

  .as-onas-content .title_40 {
    padding-bottom: 4rem;
  }

  .as-onas-content p {
    padding-bottom: 3rem;
  }

  .as-onas {
    padding: 8rem 0 10rem;
  }

  .as-doiacz-content {
    padding: 10rem 0;
  }

  .as-doiacz-pos-img {
    max-width: 62rem;
    top: -2rem;
  }

  .as-doiacz-pos-img img {
    width: 62rem;
    height: auto;
  }

  .as-cinema-group-img.cinema-group-1 img {
    width: 100%;
  }

  .as-cinema-group-text p {
    width: auto;
  }

  .as-cinema-group-text h3 {
    font-size: 5rem;
    padding-bottom: 3rem;
  }

  .cinema-group-2 img {
    width: 100%;
  }

  .as-cinema-group-img {
    padding-bottom: 10rem;
  }

  .as-cinema-group-text {
    padding-bottom: 10rem;
  }

  .as-cinema-group {
    padding: 14rem 0 4rem;
  }

  .as-galeria-hero.v2 .galeria-content p {
    width: auto;
  }

  .as-galeria-hero.v2 {
    padding: 9rem 0 10rem;
  }

  .as-follower-text-box p {
    width: auto;
  }

  .as-follower-text-box {
    padding-left: 0;
    padding-bottom: 3rem;
  }

  .as-follower-area {
    padding: 16rem 0 12rem;
  }

  .as-programm-informationen h2 {
    font-size: 4rem;
  }

  .as-programm-informationen .title_30 {
    margin: 0 auto;
    padding-bottom: 5rem;
  }

  .as-programm-informationen {
    padding: 10rem 0 10rem;
  }

  .download-button-box .btn svg {
    width: 8rem;
  }

  .as-footer-top-img {
    margin-top: -8rem;
  }

  .as-footer-top-img img {
    width: 42.6rem;
  }

  .as-footer-top-content h2 {
    font-size: 5rem;
  }

  .minione-arrow svg {
    width: 10rem;
  }

  .minione-button-next {
    right: 1rem;
  }

  .minione-button-prev {
    left: 1rem;
  }

  .wydarzenia-wrapper {
    padding-bottom: 10rem;
  }

  .as-w-600 {
    width: auto;
  }

  .as-history-content h2 {
    font-size: 5rem;
  }

  .as-history-content h4 {
    font-size: 2.5rem;
    padding-bottom: 5rem;
  }

  .as-history-bottom-content {
    padding-bottom: 20rem;
  }

  .as-right-history-img img {
    width: 100%;
  }

  .as-history-right-bottom-content {
    padding-left: 0;
  }

  .as-right-history-img {
    padding-bottom: 10rem;
  }

  .as-history-bottom-content {
    padding-bottom: 10rem;
  }

  .as-history-last svg {
    width: 25rem;
    height: 25rem;
    left: -2rem;
  }

  .as-history-button-prev {
    left: 2rem;
  }

  .as-history-button-next {
    right: 2rem;
  }

  .as-profile-content h2 {
    font-size: 6rem;
  }

  .as-profile-right-content svg {
    width: 25rem;
    height: 25rem;
    left: 0;
  }

  .as-profile-right-content h3 {
    padding-left: 6rem;
    font-size: 2.5rem;
  }

  .green-cinema-content h4 {
    font-size: 2.5rem;
    padding-left: 11rem;
  }

  .as-green-cinema-right-content {
    padding: 0;
  }

  .green-cinema-content svg {
    width: 25rem;
    height: 25rem;
    margin-bottom: 12rem;
  }

  .as-history-last h4 {
    font-size: 2.5rem;
    padding-bottom: 0;
    padding-left: 9rem;
  }

  .as-history-right-bottom-content p:last-child {
    padding-bottom: 5rem;
  }

  .cs-container {
    width: 100%;
    max-width: 720px;
  }

  .history-slider-content img {
    height: 24rem;
  }

  .as-history-slider {
    margin-top: -15rem;
  }

  .as-history-area {
    padding: 8.8rem 0 17rem;
  }

  .as-history-slider.v2 {
    margin-top: -12rem;
  }

  .as-news-profile-area {
    padding: 20rem 0 20rem;
  }

  .green-cinema {
    padding: 20rem 0 10rem;
  }

  .as-green-cinema-right-content .title_80 {
    font-size: 8rem;
    padding-bottom: 2rem;
  }

  .as-accessible-right-content .title_80 {
    font-size: 8rem;
    padding-bottom: 1.6rem;
  }

  .as-accessible-right-content {
    padding-left: 0;
    padding-bottom: 5rem;
    padding-top: 0;
  }

  .as-accessible {
    padding-top: 10rem;
  }

  .as-ticket-img > img {
    max-width: 40rem;
    margin-right: 0;
  }

  .as-ticket-content {
    padding-top: 7rem;
    padding-bottom: 10rem;
  }

  .as-price-list-content br {
    display: none;
  }

  .as-price-content {
    width: 76%;
  }

  .as-price-items {
    padding-bottom: 2rem;
  }

  .as-price-list-img img {
    width: 53rem;
  }

  .as-price-list-img {
    bottom: -11.5rem;
  }

  .as-price-list-content {
    padding: 5rem 0;
  }

  .as-ticket-reservation-right-content {
    padding-right: 0;
  }

  .as-ticket-reservation-content h2 {
    font-size: 5rem;
  }

  .as-ticket-reservation-content {
    padding-top: 2rem;
  }

  .as-ticket-reservation {
    padding: 10rem 0 10rem;
  }

  .as-nonstop-area {
    padding: 10rem 0 15rem;
  }

  .as-nonstop-r-content {
    padding-right: 0px;
    text-align: left !important;
  }

  .download-area {
    padding: 10rem 0;
  }

  .as-ticket-area .row {
    flex-direction: column-reverse;
    gap: 20rem;
  }

  .as-ticket-img {
    transform: translateX(-10rem);
  }

  .as-ticket-content {
    text-align: center;
  }

  .as-nonstop-area .row {
    gap: 0;
    flex-direction: column-reverse;
  }

  .hand-card-animation {
    margin: 0 auto;
    position: relative;
    right: 0;
    top: 0;
    margin-top: 0;
  }

  /* ================ camera-wrap ================ */
  .camera-wrap {
    position: relative;
    top: auto;
    transform: translate(0, 0);
    right: 0;
    margin: 0 auto;
    margin-bottom: -11.9rem;
    margin-top: -5rem;
  }

  .flower-img {
    left: 5.8rem;
    top: 6rem;
  }

  .finger-img {
    width: 25rem;
    right: -6.5rem;
    bottom: 9.8rem;
  }

  /* ============== contact-anim ============= */
  .contact-anim {
    position: relative;
    right: auto;
    margin: 0 auto;
  }

  .contact-form {
    max-width: 100%;
  }

  .poke-list {
    max-width: 100%;
    margin-bottom: 8rem;
  }

  .info-list {
    padding: 3rem 0 5rem;
  }

  /* ================== as-onas ================ */
  .as-onas .row {
    flex-direction: column-reverse;
    gap: 2rem;
  }

  .nas-anim {
    margin-left: auto;
    margin-top: 0;
    margin-right: auto;
  }

  .nas-anim-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .nasi-anim {
    position: relative;
    right: 0;
    top: 0;
    margin: 0 auto;
    transform: scale(0.85);
  }

  .nasi-right {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
    margin-bottom: -15rem;
    margin-right: -13rem;
  }

  .dla-anim {
    position: relative;
    top: auto;
    right: auto;
    transform: scale(0.8);
    margin: 0 auto;
    margin-top: 0rem;
    margin-bottom: -35rem;
  }

  .galeria-content-right {
    display: flex;
    justify-content: center;
  }

  .shake-anim {
    position: relative;
    right: auto;
    bottom: auto;
    margin-top: 10rem;
    transform: scale(0.8);
  }

  .shake-wrap {
    display: flex;
    justify-content: center;
  }

  .download-area .row {
    flex-direction: column-reverse;
  }

  .keyboard-anim-wrap {
    justify-content: center;
  }

  .keyboard-dots {
    top: -20rem;
    gap: 1.6rem;
    right: 22rem;
  }

  .keyboard-anim {
    margin-top: 30rem;
    transform: scale(1.2);
  }

  .as-follower-area .row {
    flex-direction: column-reverse;
  }

  .map-icon {
    width: 6rem;
    top: 13.5rem;
    left: 41rem;
  }

  .newsy-list .card-flex .card-img {
    width: 35rem;
  }
}

/* ------ Medium devices (tablets, 768px and up) -----*/
@media (min-width: 768px) {
  /* ================ card-flex start ================ */
  .card-flex {
    display: flex;
    flex-direction: row;
  }

  .card-flex .card-info {
    padding: 11.5rem 2.7rem 2.9rem 2.7rem;
    display: grid;
    align-content: space-between;
  }

  .card-flex .card-img {
    width: 28rem;
    height: 30rem;
  }

  .card-flex:before {
    bottom: auto;
    top: 0;
    left: auto;
    right: 0;
    height: 100%;
    width: 3rem;
    border-radius: 1.6rem;
    border-left: 0;
    border-top: 0.3rem solid var(--light);
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }

  .card-flex .icon-right {
    top: 2.6rem;
    right: 2.6rem;
  }

  .card-flex .card-link:hover {
    filter: brightness(0) saturate(100%) invert(23%) sepia(78%) saturate(3171%)
      hue-rotate(319deg) brightness(88%) contrast(95%) !important;
  }

  /* ================ card-flex end ================ */

  .newsletter-animation {
    max-width: 61.2rem;
  }
}

/*----- sm devices (tablets, 767px and down) -----*/
@media (max-width: 767px) {
  /* ============ default styles ============ */
  html {
    font-size: 55%;
  }

  .primary_menu,
  .container-fluid,
  .menu_container {
    width: 540px;
  }

  :root {
    --menuHeight: 8rem;
  }

  /* ================ hero-area ================ */
  .hero-slide-inner {
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    white-space: nowrap;
    width: 90%;
  }

  .hero-slide-inner svg {
    width: 12rem;
    margin: 0 auto;
  }

  .hero-area .swiper-pagination {
    left: 50%;
    transform: translateX(-50%);
    justify-content: center;
  }

  .hero-slide-inner h6 {
    padding: 0.8rem 0 1.2rem;
  }

  .hero-img {
    height: 50rem;
  }

  .tytuly-32 {
    font-size: 2.8rem;
    line-height: 1.3;
  }

  .title_140 {
    font-size: 7rem;
  }

  .kino-icon {
    top: 2rem;
    width: 25rem;
    z-index: 1;
    right: -7rem;
    transform: rotate(12deg);
  }

  .kino-list {
    grid-template-columns: 1fr 1fr;
    margin-top: 4rem;
  }

  .title_140 {
    font-size: 7rem;
  }

  .kino-icon {
    top: 2rem;
    width: 25rem;
    z-index: 1;
    right: -7rem;
    transform: rotate(12deg);
  }

  .kino-list {
    grid-template-columns: 1fr 1fr;
    margin-top: 4rem;
  }

  .program-img-wrap {
    transform: scale(0.5);
    margin-bottom: -13rem;
    margin-top: -11rem;
  }

  .title_30 {
    font-size: 2.4rem;
  }

  .title_74 {
    font-size: 4.8rem;
  }

  .program-content .title_74 {
    font-size: 4rem;
  }

  .program-content {
    text-align: center;
  }

  .program-content .title_30 {
    font-size: 2.2rem;
  }

  .program-inner {
    padding: 6rem 0 0;
  }

  .services-area {
    padding-bottom: 10rem;
  }

  .service-header {
    margin-bottom: 8rem;
  }

  .blog-star {
    width: 12rem;
    left: -2rem;
  }

  .title_120 {
    font-size: 5rem;
  }

  .service-header .title_120 {
    font-size: 4.4rem;
  }

  .card-flex .card-link {
    max-width: 24rem;
  }

  .services-area-two {
    padding: 10rem 0 20rem;
  }

  .service-header {
    margin-bottom: 8rem;
  }

  .blog-star {
    width: 12rem;
    left: -2rem;
  }

  .title_120 {
    font-size: 5rem;
  }

  .service-header .title_120 {
    font-size: 4.4rem;
  }

  .card-flex .card-link {
    max-width: 24rem;
  }

  .services-area-two {
    padding: 10rem 0 20rem;
  }

  .face-animation {
    width: 85rem;
    transform: scale(0.5);
    margin: 0 auto;
    margin-top: -18rem;
  }

  .vhs-images {
    display: grid;
    justify-content: center;
  }

  .vhs-content-wrapper {
    align-items: center !important;
  }

  .vacume-img {
    max-width: 22rem;
    margin-top: -15rem;
  }

  .title_60 {
    font-size: 3.6rem;
  }

  .vhs-content .title_60 {
    font-size: 3rem;
  }

  .pb_80 {
    padding-bottom: 3rem;
  }

  .title_70 {
    font-size: 4.2rem;
  }

  .zatos-left p {
    font-size: 2.2rem;
  }

  .zatos-img {
    transform: scale(0.48) translateX(-9rem);
    margin-bottom: -13rem;
    margin-top: -38rem;
  }

  .zatos-left {
    text-align: center;
  }

  .zatos-left .title_70 {
    font-size: 3.2rem;
  }

  .nasze-img {
    max-width: 32rem;
  }

  .title_48 {
    font-size: 3.6rem;
  }

  .nasze-row2 {
    padding: 6rem 0 6rem;
  }

  .nasze-area {
    padding-bottom: 10rem;
  }

  .nasze-title-box {
    padding: 12rem 0 8rem 0;
  }

  .newsletter-left .title_30 {
    max-width: 37.5rem;
    margin: 0 auto 3rem;
    font-size: 2.2rem;
  }

  .newsletter-input input {
    width: 100%;
  }

  .newsletter-input {
    width: 90%;
    margin: 0 auto;
  }

  .newsletter-left .title_120 {
    font-size: 4.4rem;
  }

  .newsletter-content-wrap {
    gap: 3rem;
  }

  .newsletter-left .title_30 {
    max-width: 37.5rem;
    margin: 0 auto 3rem;
    font-size: 2.2rem;
  }

  .newsletter-input input {
    width: 100%;
  }

  .newsletter-input {
    width: 90%;
    margin: 0 auto;
  }

  .newsletter-left .title_120 {
    font-size: 4.4rem;
  }

  .newsletter-content-wrap {
    gap: 3rem;
  }

  .footer-content {
    gap: 5rem;
    padding: 5rem 2.5rem;
  }

  .footer-logos {
    flex-wrap: wrap;
    gap: 1rem 1.5rem;
    padding-bottom: 1.5rem;
    margin-bottom: 2rem;
    justify-content: flex-start !important;
  }

  .footer-logo1 {
    width: 11rem;
  }

  .footer-logo2 {
    width: 10rem;
  }

  .footer-logo3 {
    width: 10rem;
  }

  .footer-logo4 {
    width: 12rem;
  }

  .footer-logo5 {
    width: 8rem;
  }

  .footer-title h4 {
    white-space: normal;
  }

  .footer-col3 ul li a {
    width: 4rem;
    height: 4rem;
  }

  .footer-col2 .footer-title {
    margin-bottom: 3.5rem;
  }

  .tiktok {
    width: 2rem;
  }

  .instagram {
    width: 2rem;
  }

  /* site_header */
  .site_header nav {
    padding: 0 2.5rem;
  }

  .nav-left {
    gap: 4rem;
    width: 100%;
    justify-content: space-between;
  }

  .logo img {
    width: 18rem;
  }

  /* =============== progress-wrap =============== */
  .progress-wrap {
    height: 5rem;
    width: 5rem;
  }

  .arrow_top {
    width: 2.4rem;
  }

  /* ================== kino-area ================== */
  .kino-area {
    padding: 6rem 0 10rem 0;
  }

  /* ================== newsletter-right ================== */
  .newsletter-right {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .newsletter-animation {
    max-width: auto;
    width: 61.2rem;
    transform: scale(0.65);
    flex: 0 0 auto;
    position: relative;
    margin-left: 1rem;
    margin-bottom: -10rem;
    margin-top: -11rem;
  }

  /* ============ Megamenu one =============== */
  .menu-nav {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .search-tags {
    grid-template-columns: 1fr 1fr;
    gap: 1rem 1rem;
    margin-bottom: 6.5rem;
  }

  .menu-bottom {
    display: flex;
    flex-direction: column-reverse;
    gap: 6rem;
  }

  .nav-col h4,
  .search-section h4,
  .media-section h4,
  .language-section h4,
  .menu-overlay h4 {
    margin-bottom: 2rem;
  }

  .language-section {
    margin-top: 6rem;
  }

  .search-section h4 {
    width: 100%;
  }

  .menu-nav-top {
    padding: 0;
    gap: 6rem;
    justify-content: space-between;
  }

  .search-form button {
    width: 12rem;
  }

  .search-form button svg {
    width: 12rem;
    height: 1.2rem;
  }

  .search-form input {
    border-bottom: 0.1rem solid #f6f7f2;
    padding-right: 14rem;
  }

  /* ============ Dark Overlay =============== */
  .card.v3 {
    min-height: fit-content;
    height: auto;
    display: flex;
    flex-direction: column;
  }

  .card-three-list {
    display: flex;
    flex-direction: column;
  }

  .card.v3 .card-info h4 {
    padding: 2rem 0;
  }

  .card.v3 .card-info {
    padding: 2rem;
  }

  .card.v3 .card-img {
    height: 25rem;
    width: 100%;
  }

  .dark-overlay .search-tags {
    grid-template-columns: 1fr 1fr;
  }

  .dark-overlay .menu-nav-top > .menu-nav-top {
    padding-left: 0;
    border: 0;
  }

  .hamburger-btn {
    gap: 0.6rem;
    width: 3.5rem;
  }

  .card.v4 .card-info {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.6rem;
  }

  .card-info-inner {
    width: 100%;
  }

  .card-over {
    padding: 3rem 2.5rem 3rem 1.6rem;
  }

  .card-over > p {
    padding-top: 1.6rem;
  }

  .card-over hr {
    margin: 2rem 0 2rem;
  }

  .repertuar-top {
    grid-template-columns: 1fr 1fr;
  }

  .repertuar-link {
    font-size: 1.8rem;
  }

  .repertuar-section {
    padding-bottom: 12rem;
  }

  .auto-slide .hero-slide-inner {
    transform: translateX(0);
    left: 2rem;
    text-align: left;
  }

  .auto-slide .hero-slide-inner svg {
    margin: 0;
  }

  .hero-slide.auto-slide {
    border-radius: 0;
  }

  .hero-area-inner .container-fluid {
    margin-top: 2.5rem;
  }

  .title-content h2 {
    font-size: 5rem;
  }

  .four-way-stars {
    width: 7rem;
  }

  .four-way-stars-one {
    left: -3rem;
    top: -3rem;
  }

  .four-way-stars-two {
    right: -2.5rem;
    bottom: -2.8rem;
  }

  .title-content .title_70 {
    font-size: 4rem;
    margin-bottom: 0rem;
  }

  .repertuar-inner-tr {
    height: 16rem;
  }

  .repertuar-info .tytuly-24,
  .repertuar-info .text_xl {
    font-size: 1.8rem;
    padding-top: 2rem;
  }

  .repertuar-info img.icon-28 {
    width: 2.4rem;
  }

  .repertuar-col {
    grid-template-columns: 48rem 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .repertuar-head .repertuar-link {
    text-align: left;
  }

  .repertuar-wrapper-before {
    position: relative;
    width: 100%;
  }

  .repertuar-wrapper-before:before {
    content: "";
    width: 100%;
    height: 100%;
    pointer-events: none;
    position: absolute;
    background: linear-gradient(
      90deg,
      rgba(239, 234, 231, 0) 70%,
      rgba(239, 234, 231, 1) 100%
    );
    right: 0;
    top: 0;
    z-index: 1;
  }

  .title-section-two .four-way-stars-one {
    right: 18.5rem;
  }

  .title-section-two .four-way-stars-two {
    right: -4.3rem;
    bottom: -3.6rem;
  }

  /* ================== bez-section ====================== */
  .video-play {
    width: 10rem;
  }

  .bez-content-left hr {
    margin: 2.5rem 0 !important;
  }

  .bez-form-data {
    padding: 2rem;
  }

  .qoute-icon {
    width: 8rem;
    left: -2rem;
    top: -2rem;
  }

  .hero-area .swiper-pagination {
    bottom: 2rem;
  }

  .hero-slide.v3 .hero-slide-inner {
    transform: translateX(0);
    left: 2rem;
    display: grid;
    justify-content: flex-start;
    text-align: left;
  }

  .hero-slide.v3 .hero-slide-inner .arrow-link {
    margin-right: auto;
  }

  /* ============== rowniez-area ============= */
  .rowniez-area {
    padding: 9.5rem 0;
  }

  .rowniez-top {
    padding-bottom: 5rem;
  }

  .rowniez-area .row {
    --bs-gutter-y: 2rem;
  }

  /* ================ news_hero ================ */
  .moon-animation {
    transform: scale(0.4);
    margin: 0 auto;
  }

  .news_content_right {
    margin-left: 0;
    margin-top: -25rem;
    margin-bottom: -20rem;
  }

  .card-bg .card-img {
    height: 48rem;
  }

  .card-bg .card-link {
    max-width: 100%;
  }

  .card-bg .card-info {
    max-width: 100%;
    left: 0;
    bottom: 0;
    padding: 2.5rem;
  }

  .card.v5.card-flex .card-info {
    padding: 2rem;
  }

  .card.v5.card-flex .card-info .card-link {
    margin-top: 2rem;
  }

  .newsy-list .card.v5,
  .newsy-list .card-flex .card-img {
    height: auto;
    min-height: auto;
  }

  .newsy-list .card-flex .card-img {
    width: 100%;
    height: 30rem;
  }

  .newsy-list .card-flex .icon-right {
    filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(151%)
      hue-rotate(45deg) brightness(113%) contrast(96%);
  }

  .newsy-list .card.v5.card-flex .card-info {
    padding: 3rem;
  }

  /* asib khan */
  .as-news-area {
    padding-bottom: 10rem;
  }

  .galeria-glarry-img img {
    height: auto;
  }

  .galeria-slide .hero-slide-inner {
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    white-space: nowrap;
    width: 90%;
  }

  .galeria-area .swiper-pagination {
    left: 50%;
    transform: translateX(-50%);
    justify-content: center;
  }

  .galeria-slide-top {
    justify-content: center;
  }

  .galeria-glarry-overlay {
    left: 50%;
    transform: translate(-50%, 50%);
    text-align: center;
    white-space: nowrap;
    bottom: 50%;
  }

  .title_100 {
    font-size: 4.4rem;
  }

  .galeria-area {
    padding: 9rem 0;
  }

  .wydarzenia-wrapper h2 {
    padding: 2rem 0 5rem;
  }

  .event-content.fr {
    padding-top: 5rem;
  }

  .event-content.ls {
    padding-top: 3rem;
  }

  .wydarzenia-wrapper {
    padding-bottom: 6rem;
  }

  .wydarzenia-area .title_50 {
    font-size: 3rem;
  }

  .fotorelacja-slider {
    padding-bottom: 6rem;
  }

  .ticket-items {
    gap: 5rem;
  }

  .as-doiacz-pos-img {
    max-width: 40rem;
    top: -2rem;
  }

  .as-doiacz-pos-img img {
    width: 40rem;
    height: auto;
  }

  .as-doiacz-content {
    padding: 5rem 0;
  }

  .as-our-team-title h2 {
    padding-bottom: 5rem;
  }

  .as-our-team {
    padding: 8rem 0;
  }

  .as-galeria-hero.v2 {
    padding: 10rem 0 10rem;
  }

  .as-galeria-hero.v2 h2 {
    padding-bottom: 2rem;
  }

  .as-cinema-group-text {
    padding-bottom: 5rem;
  }

  .as-cinema-group-text h3 {
    font-size: 4rem;
    padding-bottom: 1.5rem;
  }

  .as-follower-area {
    padding: 11rem 0 9rem;
  }

  .as-programm-informationen h2 {
    font-size: 3.3rem;
  }

  .as-programm-informationen .newsletter-left .title_30 {
    margin: 0 auto;
    max-width: 100%;
  }

  .as-programm-informationen {
    padding: 8rem 0 8rem;
  }

  .as-follower-text-box h4 {
    font-size: 3.3rem;
  }

  .download-button-box {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
  }

  .as-footer-top-content {
    text-align: center;
    margin-top: 0;
    padding-bottom: 2rem;
  }

  .as-footer-top-img img {
    width: 100%;
  }

  .as-footer-top-content h2 {
    font-size: 7rem;
  }

  .as-footer-top-area {
    padding-top: 5rem;
  }

  .as-footer-top-img {
    margin-top: auto;
    text-align: center;
  }

  .cs-container {
    width: 100%;
    max-width: 540px;
  }

  .as-history-content {
    padding-top: 0;
  }

  .as-history-content h2 {
    font-size: 7rem;
  }

  .as-history-content h4 {
    padding-bottom: 3rem;
  }

  .as-history-last h4 {
    padding-bottom: 0;
  }

  .as-history-last {
    margin-bottom: 7rem;
  }

  .as-right-history-img {
    padding-bottom: 5rem;
  }

  .history-slider-content img {
    height: 33rem;
  }

  .as-history-slider {
    margin-top: -20rem;
  }

  .as-profile-content h2 {
    font-size: 7rem;
  }

  .as-profile-right-content svg {
    left: -2.2rem;
  }

  .as-news-profile-area {
    padding: 20rem 0 26rem;
  }

  .as-history-slider.v2 {
    margin-top: -18rem;
  }

  .as-green-cinema-right-content {
    padding-bottom: 5rem;
  }

  .as-accessible-right-content .title_80 {
    font-size: 6rem;
  }

  .as-accessible-img {
    padding-left: 0;
  }

  .as-accessible-img img {
    width: 100%;
  }

  .as-profile-right-content {
    padding-top: 8rem;
  }

  .as-green-cinema-right-content .title_80 br {
    display: none;
  }

  .as-ticket-img {
    float: left;
    padding-top: 0;
    padding-bottom: 10rem;
  }

  .as-price-list-content {
    padding-bottom: 45rem;
  }

  .as-ticket-reservation-content h2 {
    padding-bottom: 2rem;
  }

  .as-ticket-reservation {
    padding: 10rem 0 7rem;
  }

  .as-nonstop-content p {
    padding-bottom: 2rem;
  }

  .as-nonstop-area {
    padding: 7rem 0 10rem;
  }

  .as-ticket-content {
    padding-top: 5rem;
    padding-bottom: 7rem;
  }

  .galeria-slide .hero-img {
    height: 56rem;
  }

  .as-history-arrow svg {
    width: 8rem;
  }

  .as-news-top h3 {
    padding: 3rem 0 5rem;
  }

  .as-onas-content .title_40 br {
    display: none;
  }

  .as-our-team-title h2 {
    text-align: center;
  }

  /* as-ticket-img */
  .as-ticket-img {
    transform: scale(0.5) translateX(12rem);
    margin-top: -11rem;
    margin-bottom: -28rem;
  }

  .as-ticket-img > img {
    margin-left: 7rem;
    margin-top: 6rem;
  }

  .as-ticket-area .col-lg-6 {
    display: flex;
    justify-content: center;
  }

  /* ========== camera-wrap =========== */
  .camera-wrap {
    transform: scale(0.7);
    position: sticky;
    right: auto;
    top: auto;
    margin-bottom: -23.5rem;
    margin-top: -15rem;
  }

  .finger-img {
    width: 20rem;
    right: 12.5rem;
    bottom: 10.8rem;
  }

  @keyframes finger-animation {
    0%,
    30% {
      transform: translate(0, 0);
    }

    50% {
      transform: translate(13rem, -14.5rem);
    }

    80% {
      transform: translate(13rem, -14.5rem);
    }

    100% {
      transform: translate(0, 0);
    }
  }

  .two-fingers {
    width: 50rem;
  }

  .green-cinema-content {
    padding-left: 2rem;
  }

  .contact-anim {
    transform: scale(0.65);
    margin-left: -10rem;
    margin-top: -20rem;
    margin-bottom: -30rem;
  }

  .info-list {
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
    font-size: 2rem;
  }

  .contact-left .title_140 {
    font-size: 6rem;
  }

  .button-text {
    font-size: 1.4rem;
  }

  .from-group {
    grid-template-columns: 12rem 1fr;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .nas-anim {
    transform: scale(0.7);
    margin-top: -12rem;
    margin-bottom: -8rem;
  }

  .nasi-anim {
    transform: scale(0.64);
    margin-left: -8rem;
  }

  .nasi-right {
    display: block;
    margin-top: -7rem;
    margin-bottom: -21.5rem;
  }

  .galeria-content-right {
    display: block;
  }

  .dla-anim {
    transform: scale(0.5);
    margin-top: -22rem;
    margin-bottom: -45rem;
    margin-left: -18rem;
  }

  .keyboard-anim {
    transform: scale(1);
  }

  .shake-anim {
    transform: scale(0.7);
  }

  .download-content .title_60 {
    font-size: 3rem;
  }

  .download-content .tytuly-24 {
    font-size: 2rem;
  }

  .map-icon {
    width: 4rem;
    top: 16.5rem;
    left: 27rem;
  }

  .title_section {
    text-align: center !important;
    padding-bottom: 4rem;
  }

  .card.v4 .card-img-wrap > .tytuly-24 {
    width: 70%;
  }
}

/*----- xs devices (landscape phones, 575px and down) -----*/
@media (max-width: 575px) {
  html {
    font-size: 2.32vw;
  }

  /* menu */
  .primary_menu,
  .container-fluid {
    width: calc(100%);
  }

  .container {
    padding: 0 2rem;
  }

  .hero-slide-inner h6 {
    font-size: 2.4rem;
  }

  /* ============ Megamenu one =============== */
  .menu-nav {
    grid-template-columns: 1fr 1fr;
  }

  .search-tags .btn {
    min-width: 100%;
  }

  .nav-col h4,
  .search-section h4,
  .media-section h4,
  .language-section h4,
  .menu-overlay h4 {
    font-size: 1.6rem;
    text-align: left;
  }

  .repertuar-top {
    grid-template-columns: 1fr;
  }

  .repertuar-wrapper {
    width: calc(100% + 4rem);
    transform: translateX(-2rem);
    padding: 0 2rem;
  }

  .repertuar-wrapper-before {
    width: calc(100% + 4rem);
    transform: translateX(-2rem);
    padding: 0 2rem;
  }

  .hero-img {
    height: 34rem;
  }

  /* Asib Khan */

  .as-news-content.as-new-right-content p {
    padding-top: 0;
  }

  .as-news-content p {
    padding-right: 0;
  }

  .as-our-team-items {
    display: inline-block;
    text-align: center;
  }

  .as-our-team-img {
    margin-bottom: 2rem;
  }

  .as-our-team-box {
    margin-left: 0;
    max-height: 66rem;
    padding: 2.5rem 0;
  }

  .download-button-box .btn {
    min-width: 18rem;
  }

  .as-our-team-items {
    padding-bottom: 2.5rem;
  }

  .as-doiacz-pos-img img {
    width: 23rem;
  }

  .as-doiacz-pos-img {
    max-width: 23rem;
  }

  .as-doiacz-content.as-change-v2 h2 {
    font-size: 3rem;
  }

  .as-doiacz-content.as-change-v2 {
    padding: 2.5rem 0;
  }

  .as-follower-text-box h4 {
    font-size: 2.4rem;
  }

  .as-programm-informationen .newsletter-left .title_30 {
    font-size: 1.6rem;
  }

  .as-programm-informationen h2 {
    font-size: 2rem;
  }

  .galeria-slide .hero-img {
    height: 36rem;
    object-fit: cover;
  }

  .as-footer-top-content h2 {
    font-size: 4rem;
  }

  .minione-arrow svg {
    width: 7rem;
  }

  .as-history-content h2 {
    font-size: 4.5rem;
  }

  .as-history-bottom-content p {
    padding-bottom: 2rem;
  }

  .as-history-slider {
    margin-top: -17rem;
  }

  .as-history-last h4 {
    padding-left: 4rem;
    font-size: 2rem;
    transform: translateY(-1rem);
  }

  .as-history-last svg {
    left: -1rem;
    width: 20rem;
    height: 20rem;
  }

  .history-slider-content img {
    height: 25rem;
  }

  .as-news-profile-area {
    padding-top: 12rem;
    padding-bottom: 22rem;
  }

  .as-history-slider.v2 {
    margin-top: -15rem;
  }

  .as-profile-content h2 {
    font-size: 4.5rem;
    padding-bottom: 2rem;
  }

  .as-profile-right-content h3 {
    font-size: 2rem;
  }

  .as-profile-right-content svg {
    left: -1rem;
    width: 20rem;
    height: 20rem;
  }

  .as-green-cinema-right-content .title_80 {
    font-size: 4.5rem;
  }

  .green-cinema-content svg {
    margin-left: -1rem;
    width: 21rem;
    height: 20rem;
    margin-bottom: 3rem;
  }

  .green-cinema-content h4 {
    font-size: 2rem;
  }

  .green-cinema {
    padding: 15rem 0 7rem;
  }

  .as-accessible-right-content .title_80 {
    font-size: 3.9rem;
  }

  .as-accessible-right-d {
    gap: 2rem;
  }

  .as-price-list-img img {
    width: 100%;
  }

  .as-price-list-img {
    bottom: -8.3rem;
  }

  .as-price-mony {
    width: 28%;
  }

  .as-price-list-content {
    padding-bottom: 32rem;
  }

  .as-ticket-reservation-content h2 {
    font-size: 4.5rem;
  }

  .as-tic-res-items {
    gap: 1rem;
    padding-bottom: 1.5rem;
  }

  .as-nonstop-area {
    padding: 5rem 0 7rem;
  }

  .hand-card-animation {
    transform: scale(0.85);
    margin-left: -6rem;
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  /* ============= camera-wrap ============ */
  .camera-wrap {
    transform: scale(0.58);
    position: sticky;
    right: auto;
    top: auto;
    margin-bottom: -28.2rem;
    margin-top: -20rem;
  }

  .green-cinema-content svg {
    margin-bottom: 12rem;
  }

  .flower-img {
    width: 29rem;
    left: 9.5rem;
    top: 6rem;
  }

  .two-fingers {
    width: 42rem;
    margin-top: -7rem;
  }

  .finger-img {
    width: 15rem;
    right: 4.5rem;
    bottom: 12.5rem;
  }

  @keyframes finger-animation {
    0%,
    30% {
      transform: translate(0, 0);
    }

    50% {
      transform: translate(10rem, -10.5rem);
    }

    80% {
      transform: translate(10rem, -10.5rem);
    }

    100% {
      transform: translate(0, 0);
    }
  }

  .contact-anim {
    transform: scale(0.45);
    margin-left: -22rem;
    margin-top: -32rem;
    margin-bottom: -38rem;
  }

  .nas-anim-wrap {
    display: block;
  }

  .nas-anim {
    margin-left: -18rem;
    transform: scale(0.5);
    margin-top: -24rem;
    margin-bottom: -21rem;
  }

  .nasi-anim {
    transform: scale(0.42);
    margin-left: -20.5rem;
  }

  .nasi-right {
    display: block;
    margin-top: -17rem;
    margin-bottom: -29rem;
  }

  .dla-anim {
    transform: scale(0.42);
    margin-top: -28rem;
    margin-bottom: -48rem;
    margin-left: -28rem;
  }

  .shake-wrap {
    display: block;
  }

  .shake-anim {
    transform: scale(0.6);
    margin-left: -7rem;
    margin-top: 5rem;
  }

  .keyboard-anim {
    transform: scale(0.9);
    margin-top: 22rem;
  }

  .keyboard-dots {
    right: 17rem;
  }

  .map-icon {
    left: 15rem;
  }

  .video-play {
    width: 10rem;
  }
}
