@media screen and (min-width: 2200px) {
  .about,
  .lineup-maincontainer {
    height: 680px;
  }
}
@media screen and (max-width: 1399px) {
  /* .socialcontainer
    {
        max-width: 1200px;
    } */

  .socialcontainer .socialleft {
    left: -50px;
  }

  .logo img {
    max-width: 100px;
  }

  .navbar ul li a {
    font-size: 34px;
    line-height: 45px;
  }

  .navbar ul {
    margin-top: 15px;
  }

  .logo-search {
    margin-top: 15px;
  }

  .menuicon {
    margin-top: 5px;
  }

  .scrolldown {
    bottom: 10%;
    width: 80px;
  }

  .scrolldown img {
    max-width: 100%;
  }

  .controls {
    bottom: 18%;
    /* right: 8%; */
    z-index: 10;
    padding: 0px;
  }

  .home-contact {
    bottom: 12%;
    /* z-index: 30;
        right: 8.5%; */
  }

  .film-country {
    font-size: 16px;
    line-height: 16px;
  }

  .lineupinfo {
    max-width: 40%;
  }
  .lineupimage {
    max-width: 100%;
  }

  .filmimg-home {
    height: 80%;
    max-height: 300px;
  }

  .filmimg-home img {
    max-width: 100%;
  }

  .filmname-home {
    font-size: 30px;
    line-height: 32px;
  }

  .filmdirector-home {
    font-size: 17px;
    line-height: 20px;
  }

  .filmcountry-home {
    font-size: 14px;
    margin-top: 6px;
  }

  .filmsynopsis-home {
    font-size: 16px;
    line-height: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 5%;
  }

  .lineupswiper .swiper-button-next,
  .lineupswiper .swiper-button-prev {
    top: var(--swiper-navigation-top-offset, 90%);
    width: 15px;
  }

  .lineup-sectiontitle {
    font-size: 45px;
    line-height: 45px;
    padding-top: 10px;
  }

  .lineup-contact {
    bottom: 12%;
  }

  .catalog-filmname {
    font-size: 19px;
    line-height: 19px;
    margin-top: 10px;
  }

  .catalog-filmby {
    font-size: 14px;
    line-height: 15px;
    margin-top: 3px;
  }

  .catalog-poster-home img {
    width: 100%;
    object-fit: cover;
  }

  .catalog-poster-home {
    position: relative;
    overflow: hidden;
    height: 330px;
  }

  .googlemap iframe {
    height: 190px;
    border-radius: 15px;
  }

  .flag {
    width: 50px;
  }

  .flag img {
    max-width: 100%;
  }

  .egyptmap {
    border-radius: 15px;
    padding: 14px;
    width: calc(50% - 15px);
    margin-right: 15px;
  }

  .googlemap {
    border-radius: 15px;
    margin-top: 15px;
    height: 194px;
    width: 50%;
  }

  .mail,
  .address,
  .tel {
    color: #fff;
    font-size: 14px;
    line-height: 15px;
    margin-top: 8px;
  }

  .catalog-filmcountry {
    font-size: 12px;
    line-height: 12px;
    margin-top: 3px;
  }

  .mapmaincontainer {
    margin-top: 10px;
  }

  .lineupswiper .swiper-button-next:after,
  .lineupswiper .swiper-button-prev:after {
    font-size: 15px;
  }

  .header {
    padding-bottom: 0px;
  }

  .about-section {
    margin-top: 20px;
  }

  .about {
    font-size: 16px;
    line-height: 20px;
    width: 70%;
    height: 280px;
    padding-right: 15px;
  }

  .about-logo img {
    max-width: 80%;
  }

  .lineup-section {
    margin-top: 10px;
  }

  .lineup-maincontainer {
    height: 320px;
    padding-right: 0px;
  }

  .lineup-item {
    width: calc(25% - 15px);
    margin-right: 15px;
    margin-top: 15px;
    height: 290px;
  }
  /* 
    .lineupimage img {
        height: auto;
    } */

  .lineup-iteminfo h1 {
    font-size: 17px;
    line-height: 18px;
    margin-bottom: 3px;
  }

  .lineup-iteminfo h4 {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 3px;
  }

  .lineup-iteminfo p {
    font-size: 14px;
    line-height: 14px;
  }

  .lineup-item:hover .lineup-iteminfo {
    padding: 20px 10px 5px 10px;
  }

  .lineup-iteminfo {
    padding: 20px 10px 5px 10px;
  }

  .nav-pills .nav-item .nav-link {
    padding: 2px 15px;
    border-radius: 15px;
    line-height: 20px;
    font-size: 16px;
  }

  .about-page {
    padding: 115px 0px 40px 0px;
  }

  .catalog-hero {
    height: 80vh;
  }

  .hero-bottom h5 {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 2px;
  }

  .hero-bottom h1 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 7px;
  }

  .hero-bottom p {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 3px;
  }

  .year {
    border-radius: 9px;
    padding: 0px 10px;
    font-size: 13px;
  }

  .country {
    font-size: 12px;
    line-height: 12px;
  }

  .country span {
    font-size: 13px;
    padding-left: 0;
  }

  .country span img {
    width: 15px;
    padding-left: 5px;
  }

  .cast-stills h1 {
    font-size: 26px;
    line-height: 26px;
  }

  .cast-img {
    width: 100px;
    margin-top: 10px;
    margin-right: 15px;
  }

  .press-materials h5 {
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 2px;
  }

  .press-materials .download a {
    font-size: 12px;
    line-height: 12px;
  }

  .press-materials .download {
    border-radius: 12px;
    padding: 3px 10px;
    line-height: 0;
  }

  .press-materials .download img {
    width: 17px;
  }

  .footer .container {
    padding: 0 15px;
  }

  /* .gallery-slider .swiper-slide {
        height: 350px;
    } */

  .synopsis {
    margin-top: 20px;
  }

  .imdblink {
    margin-top: 10px;
  }

  .festivals-container {
    margin-top: 40px;
  }

  .markets-page {
    padding: 115px 0px 50px 0px;
  }

  .markets-attendedborder {
    border-radius: 15px;
    padding: 15px 20px;
    margin-top: 10px;
  }

  .attended-title h1 {
    font-size: 26px;
    line-height: 26px;
  }

  .attended-title p {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 5px;
  }

  .attended-logo img {
    max-width: 100px;
  }

  .attened-name-member {
    width: calc(50% - 20px);
    margin-top: 15px;
    margin-right: 15px;
  }

  .stand {
    font-size: 16px;
    line-height: 16px;
    margin-top: 15px;
  }

  .rquest-meeting {
    font-size: 14px;
    line-height: 14px;
    margin-top: 14px;
    border-radius: 10px;
  }

  .news-slide-text h1 {
    font-size: 20px;
    line-height: 25px;
    padding: 15px;
    margin-bottom: 0px;
  }

  .news-slide-text h6 {
    font-size: 15px;
    line-height: 16px;
    padding: 0px 15px;
  }

  .about-logo.newsinner-title img {
    max-width: 100%;
  }

  .about-logo.newsinner-title {
    width: 30%;
  }

  .about.news-text {
    padding-left: 15px;
    font-size: 15px;
    line-height: 20px;
  }

  .newsinner-title h1 {
    font-size: 22px;
    line-height: 27px;
  }

  .newsinner-title h6 {
    font-size: 16px;
    line-height: 16px;
  }

  .news-item .news-text h1 {
    font-size: 16px;
    line-height: 20px;
  }

  .news-item .news-text h6 {
    font-size: 13px;
    line-height: 14px;
  }
}
@media screen and (max-width: 1199px) {
  .socialcontainer .socialleft {
    left: -40px;
  }

  .news-item .news-text h1 {
    font-size: 14px;
    line-height: 16px;
  }

  .news-item .news-text h6 {
    font-size: 12px;
    line-height: 14px;
  }

  .news-item .news-text p {
    font-size: 12px;
    line-height: 16px;
    margin-top: 5px;
    padding-right: 5px;
    margin-bottom: 0px;
  }

  .news-item .news-text button {
    font-size: 12px;
    margin-top: 7px;
    border-radius: 5px;
    padding: 3px 11px;
  }

  .lineup-maincontainer {
    height: 400px;
    padding-right: 0px;
  }

  .news-item {
    margin-top: 15px;
  }

  .lineup-sectiontitle {
    font-size: 36px;
    line-height: 40px;
    padding-top: 5px;
  }

  .about.news-text {
    height: 390px;
  }
}
@media screen and (max-width: 1050px) {
  .socialcontainer .socialleft {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  #circularcursor {
    display: none;
  }
  .controls {
    bottom: 13%;
    /* right: 12%; */
  }

  .home-contact {
    bottom: 9%;
    /* z-index: 30;
        right: 12%; */
  }

  .lineupswiper {
    padding: 0 0 40px 0;
  }

  .home-contact {
    bottom: 10%;
    /* right: 16%; */
  }

  .controls {
    bottom: 14%;
    /* right: 16%; */
  }

  .home-contact a {
    font-size: 14px;
    line-height: 16px;
  }

  .lineup-sectiontitle {
    font-size: 32px;
    line-height: 32px;
    padding-top: 5px;
  }

  .controls button img {
    max-width: 19px;
  }

  .filmcaption {
    bottom: 8%;
    z-index: 20;
  }

  .film-name {
    font-size: 14px;
    line-height: 14px;
  }

  .film-direct {
    font-size: 13px;
    line-height: 14px;
    margin-top: 4px;
  }

  .film-country {
    font-size: 14px;
    line-height: 14px;
    padding: 3px 10px;
  }

  .scrolldown img {
    max-width: 80px;
  }

  .filmname-home {
    font-size: 24px;
    line-height: 24px;
  }

  .filmdirector-home {
    font-size: 15px;
    line-height: 16px;
  }

  .filmcountry-home {
    font-size: 14px;
    /* width: 60px; */
    margin-top: 6px;
    /* height: 24px; */
    /* padding: 11px 0px; */
  }

  .filmsynopsis-home {
    font-size: 14px;
    line-height: 16px;
  }

  .filmreadmore-home a {
    font-size: 16px;
    line-height: 16px;
  }

  .lineup-contact a {
    font-size: 14px;
    line-height: 16px;
  }

  .catalog-filmname {
    font-size: 16px;
    line-height: 16px;
    margin-top: 5px;
  }

  .catalog-filmby {
    font-size: 13px;
    line-height: 13px;
    margin-top: 2px;
  }

  .catalog-filmcountry {
    font-size: 12px;
    line-height: 14px;
    margin-top: 2px;
  }

  .catalogtitlesection .swiper-button-next,
  .catalogtitlesection .swiper-rtl .swiper-button-prev {
    right: 0px;
  }

  .catalogtitlesection .swiper-button-prev,
  .catalogtitlesection .swiper-rtl .swiper-button-next {
    left: 0px;
  }

  .catalog-container {
    position: relative;
    padding: 0px 25px;
  }

  .about {
    height: 360px;
  }

  .lineup-item {
    width: calc(33.33% - 15px);
    margin-right: 15px;
    margin-top: 15px;
    height: 280px;
  }

  .lineup-maincontainer {
    height: 380px;
    padding-right: 0px;
  }

  .googlemap,
  .egyptmap {
    width: 100%;
    margin-right: 0px;
  }

  .about {
    font-size: 15px;
    line-height: 18px;
    padding-right: 10px;
  }

  .cast-stills {
    flex-wrap: wrap;
    margin-bottom: 50px;
  }

  .cast-section {
    width: 100%;
  }

  .stills-section {
    width: 80%;
    margin-top: 30px;
  }

  .catalog-hero {
    height: 65vh;
  }

  .about-section.newsinner {
    flex-wrap: wrap;
  }

  .about-logo.newsinner-title img {
    max-width: 100%;
    max-height: 220px;
  }

  .about.news-text {
    height: 390px;
    width: 100%;
    margin-bottom: 100px;
  }

  .about-logo.newsinner-title {
    width: 100%;
  }

  .news-body {
    overflow: scroll;
  }

  .about.news-text {
    padding-left: 0;
    padding-top: 20px;
    height: 100%;
  }

  .news-body .lineup-contact {
    position: relative;
    background-color: #000;
    padding-top: 15px;
  }

  .news-body .footer {
    padding-bottom: 20px;
    position: relative;
    background-color: #000;
    bottom: 0px;
  }
}

@media screen and (max-width: 767px) {
  .home-body {
    overflow: scroll;
  }

  html,
  body {
    overflow: scroll;
    background-color: #181818;
  }

  #trailer,
  #section1 {
    position: relative;
  }

  .footer {
    bottom: 0;
    z-index: 10;
    position: relative;
    width: 100%;
    padding: 20px 0px;
  }

  .logo img {
    max-width: 65px;
  }

  .menu-btn_burger::before,
  .menu-btn_burger::after {
    width: 30px;
  }

  .menu-btn_burger::before {
    transform: translateY(-6px);
  }

  .menu-btn_burger::after {
    transform: translateY(6px);
  }

  .menu-btn {
    width: 30px;
    height: 30px;
  }

  .searchinput {
    width: 75px;
  }

  .searchbtn img {
    width: 17px;
  }

  .searchinput::placeholder {
    font-size: 12px;
  }

  .language a {
    font-size: 14px;
  }

  .filmcaption {
    bottom: 15px;
    z-index: 5;
  }

  .home-contact {
    bottom: 15px;
    /* right: 16%; */
  }

  .controls {
    bottom: 40px;
    /* right: 16%; */
  }

  #section2 {
    padding: 30px 0px;
  }

  .catalog-contact {
    display: none;
  }

  .catalogtitlesection .scrolldown,
  #section2 .scrolldown,
  .catalogtitlesection .home-contact {
    display: none;
  }

  .scrolldown img {
    max-width: 65px;
  }

  .lineupinfo {
    max-width: 100%;
    order: 2;
    padding: 15px 0;
  }

  .lineupcontainer-home {
    flex-wrap: wrap;
  }

  .filmimg-home {
    height: 100%;
    max-height: 220px;
  }

  .filmsynopsis-home {
    font-size: 14px;
    line-height: 16px;
    padding-right: 0%;
  }

  .lineupswiper .swiper-button-next,
  .lineupswiper .swiper-button-prev {
    top: var(--swiper-navigation-top-offset, 95%);
    width: 15px;
  }

  .lineupswiper {
    padding: 0px;
  }

  .catalog-container {
    padding: 40px 20px 20px 28px;
  }

  #section4 {
    padding: 40px 0px 20px 0px;
  }

  .egyptmap {
    border-radius: 10px;
    padding: 10px;
    width: 100%;
    margin-right: 0;
    margin-top: 10px;
  }

  .mapmaincontainer {
    margin-top: 10px;
    flex-wrap: wrap;
  }

  .footercontainer {
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    align-content: center;
    align-items: center;
    text-align: center;
  }

  .footersocial {
    text-align: center;
  }

  .about-section {
    flex-wrap: wrap;
  }

  .about {
    height: auto;
    width: 100%;
    overflow: auto;
    margin-top: 20px;
    padding-right: 0px;
    font-size: 14px;
    line-height: 17px;
  }

  .about-logo {
    width: 35%;
  }

  .lineup-maincontainer {
    height: auto;
    padding-right: 0px;
    overflow: auto;
  }

  .lineup-item {
    width: calc(50% - 15px);
    margin-right: 15px;
    margin-top: 15px;
    height: 320px;
  }

  .about-page {
    padding: 88px 0px 40px 0px;
    min-height: auto;
  }

  .attened-name-member {
    width: 100%;
    margin-top: 10px;
    margin-right: 0;
  }

  .attened-name-member h2 {
    font-size: 16px;
    line-height: 18px;
  }

  .attened-name-member a {
    font-size: 16px;
    line-height: 16px;
  }

  .markets-page {
    padding: 88px 0px 25px 0px;
    min-height: 100%;
  }

  .lineup-sectiontitle {
    font-size: 24px;
    line-height: 28px;
    padding-top: 5px;
  }

  .navbar ul li a {
    font-size: 30px;
    line-height: 36px;
  }

  .catalog-hero {
    height: 60vh;
    padding: 88px 0px 15px 0px;
  }

  .hero-bottom h5 {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 0px;
  }

  .hero-bottom h1 {
    font-size: 26px;
    line-height: 27px;
    margin-bottom: 4px;
  }
  .hero-bottom p {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 0px;
  }

  .year-country {
    margin-top: 6px;
  }
  .year {
    border-radius: 5px;
    padding: 0px 6px;
    font-size: 12px;
  }

  .cast-stills {
    margin-top: 10px;
    margin-bottom: 25px;
    flex-wrap: wrap;
  }

  .cast-section,
  .stills-section {
    width: 100%;
  }

  .stills-section {
    margin-top: 30px;
  }

  /* .gallery-slider .swiper-slide {
        height: 320px;
    } */

  .synopsis-text {
    width: 65%;
  }

  .main-festivallogo {
    width: 35%;
    text-align: center;
    padding-right: 0;
  }

  .cast-stills h1 {
    font-size: 22px;
    line-height: 22px;
  }

  .festivals-container {
    margin-top: 30px;
    padding-right: 0px;
    padding-bottom: 20px;
  }

  .cast-img {
    width: 90px;
    margin-top: 10px;
    margin-right: 10px;
  }

  .cast-img img {
    height: 90px;
    border-radius: 8px;
  }

  .cast-img p {
    font-size: 12px;
    line-height: 12px;
    padding-left: 5px;
    padding-top: 3px;
  }

  .lineupimage img {
    height: 100%;
    width: 100%;
  }

  .catalogswiper {
    margin-top: 20px;
    padding-right: 10px;
  }

  .news-item {
    width: 100%;
    margin-right: 0;
  }

  .news-scrolldown {
    display: none;
  }

  .news-slide {
    flex-wrap: wrap;
    margin-top: 10px;
  }

  .news-slide-image {
    width: 100%;
    max-height: 210px;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
  }

  .news-slide-text {
    width: 100%;
    position: relative;
  }

  .news-item .news-image {
    width: 50%;
    height: 150px;
  }
  .news-item .news-text h1 {
    font-size: 13px;
    line-height: 16px;
  }
  .news-item .news-text p {
    font-size: 12px;
    line-height: 14px;
    margin-top: 0px;
    padding-right: 0px;
    margin-bottom: 0px;
  }
  .news-slide-text h1 {
    font-size: 18px;
    line-height: 21px;
    padding: 7px;
    margin-bottom: 0px;
  }

  .news-slide-text h6 {
    font-size: 14px;
    line-height: 16px;
    padding: 0px 5px;
  }

  .newsinner-title h1 {
    font-size: 18px;
    line-height: 21px;
  }
  .newsinner-title h6 {
    font-size: 14px;
    line-height: 14px;
  }

  .news-img {
    max-height: 170px;
    overflow: hidden;
  }

  .about-logo.newsinner-title img {
    max-width: 100%;
    max-height: 100%;
  }
  .about.news-text {
    padding-left: 0;
    padding-top: 0px;
    height: 100%;
  }

  .about.news-text {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 575px) {
  .logo img {
    max-width: 60px;
  }

  .menu-btn {
    width: 25px;
    height: 25px;
  }

  .menu-btn_burger {
    width: 25px;
    height: 1px;
  }

  .menu-btn_burger::before,
  .menu-btn_burger::after {
    width: 25px;
    height: 1px;
  }

  .searchinput {
    width: 65px;
    font-size: 12px;
    line-height: 12px;
  }
  .navbar ul {
    margin-top: 4px;
  }
  .navbar ul li a {
    font-size: 24px;
    line-height: 26px;
  }
  .film-name {
    font-size: 12px;
    line-height: 12px;
  }

  .film-direct {
    font-size: 12px;
    line-height: 12px;
    margin-top: 2px;
  }

  .film-country {
    font-size: 12px;
    line-height: 12px;
    padding: 2px 7px;
  }
  .controls {
    bottom: 40px;
    /* right: 3%; */
  }

  .home-contact {
    bottom: 15px;
    /* right: 3%; */
  }
  .home-contact a {
    font-size: 12px;
    line-height: 13px;
  }
  .controls button {
    margin: 0px 2px;
  }
  .controls button img {
    max-width: 17px;
  }

  .controls button img {
    max-width: 17px;
  }

  .filmimg-home {
    height: 100%;
    max-height: 200px;
  }

  .filmname-home {
    font-size: 22px;
    line-height: 22px;
  }

  .filmdirector-home {
    font-size: 14px;
    line-height: 18px;
  }

  .filmcountry-home {
    font-size: 12px;
    /* width: 55px; */
    margin-top: 4px;
    height: 21px;
    padding: 10px 12px;
  }

  .filmsynopsis-home {
    font-size: 14px;
    line-height: 18px;
    padding-right: 0%;
  }

  .filmreadmore-home {
    margin-top: 10px;
  }
  .lineupswiper .swiper-button-next,
  .lineupswiper .swiper-button-prev {
    top: var(--swiper-navigation-top-offset, 97%);
    width: 15px;
  }
  .catalog-container {
    padding: 20px 15px 20px 25px;
  }

  #section4 {
    padding: 15px 0px 20px 0px;
  }

  .lineup-sectiontitle {
    font-size: 26px;
    line-height: 26px;
    padding-top: 0px;
    text-align: left;
    margin-top: 20px;
  }

  .about-section {
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .about-logo {
    width: 25%;
  }

  .about {
    font-size: 15px;
    line-height: 20px;
  }

  .lineup-item {
    height: 340px;
  }

  .lineup-iteminfo {
    padding: 10px 5px 5px 5px;
  }

  .lineup-item:hover .lineup-iteminfo {
    padding: 15px 5px 5px 5px;
  }
  .lineup-iteminfo h1 {
    font-size: 15px;
    line-height: 16px;
    margin-bottom: 3px;
  }
  .lineup-iteminfo h4 {
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 3px;
  }
  .lineup-iteminfo p {
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 7px;
  }

  .about-page {
    padding: 88px 0px 40px 0px;
    min-height: auto;
  }

  .catalog-hero {
    height: 45vh;
    padding: 88px 0px 15px 0px;
  }

  .catalogmaintitle {
    padding-top: 20px;
  }

  .lineupswiper {
    padding: 0px 0 20px 0;
  }

  .catalog-poster-home {
    height: 370px;
  }

  .synopsis p {
    font-size: 13px;
    line-height: 15px;
    padding-top: 4px;
  }

  .newsmaincontainer {
    padding-left: 0px;
    margin-top: 10px;
  }

  .newssection .swiper-button-next,
  .newssection .swiper-rtl .swiper-button-prev {
    right: 10px;
    position: absolute;
  }
  .newssection .swiper-button-prev,
  .newssection .swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto;
    position: absolute;
  }


  
}

@media screen and (max-width: 480px) {
  .scrollicon {
    display: none;
  }

  .logo img {
    max-width: 50px;
  }

  .menu-btn_burger::before {
    transform: translateY(-5px);
  }
  .menu-btn_burger::after {
    transform: translateY(5px);
  }

  #trailer,
  #section1 {
    position: relative;
    height: 45vh;
  }

  #section2 {
    padding: 15px 0px;
  }
  .filmimg-home {
    height: 100%;
    max-height: 175px;
  }
  .filmname-home {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 3px;
  }
  .filmdirector-home {
    font-size: 13px;
    line-height: 16px;
  }
  .filmsynopsis-home {
    font-size: 14px;
    line-height: 16px;
    padding-right: 0%;
  }
  .filmreadmore-home a {
    font-size: 13px;
    line-height: 14px;
  }
  .lineupswiper .swiper-button-next,
  .lineupswiper .swiper-button-prev {
    top: var(--swiper-navigation-top-offset, 97%);
    width: 15px;
  }
  .lineupswiper .swiper-button-next:after,
  .lineupswiper .swiper-button-prev:after {
    font-size: 14px;
  }
  .googlemap iframe {
    height: 191px;
    border-radius: 10px;
  }
  .googlemap {
    border-radius: 10px;
    margin-top: 10px;
  }
  /* .gallery-slider .swiper-slide {
        height: 275px;
    } */
  .gallery-thumbs {
    margin-top: 10px;
  }
  .gallery-thumbs .swiper-slide img {
    width: 100%;
    height: auto;
  }

  .lineupinfo {
    max-width: 100%;
    order: 2;
    padding: 15px 0 25px 0;
  }

  .navbar ul li a {
    font-size: 22px;
    line-height: 24px;
  }

  .lineup-item {
    height: 300px;
  }

  .cast-img img {
    height: 70px;
    border-radius: 5px;
  }

  .cast-img {
    width: 75px;
    margin-top: 7px;
    margin-right: 7px;
  }

  .catalogswiper {
    padding-right: 25px;
  }

  .catalog-poster-home {
    height: 300px;
  }

  .catalog-poster-home img {
    width: 100%;
  }
}

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

@media screen and (max-width: 375px) {
  .catalogswiper {
    margin-top: 0px;
  }

  .catalogtitlesection .swiper-button-next,
  .catalogtitlesection .swiper-rtl .swiper-button-prev {
    right: 7px;
  }
  .catalog-filmname {
    font-size: 14px;
    line-height: 14px;
    margin-top: 5px;
  }
  .catalog-filmby {
    font-size: 12px;
    line-height: 12px;
    margin-top: 2px;
  }
  .catalog-filmcountry {
    font-size: 11px;
    line-height: 12px;
    margin-top: 2px;
  }
  .flag {
    width: 35px;
  }

  .lineupswiper .swiper-button-next,
  .lineupswiper .swiper-button-prev {
    top: var(--swiper-navigation-top-offset, 98%);
    width: 15px;
  }

  .lineup-item {
    height: 230px;
  }

  .lineupimage img {
    height: auto;
    width: 100%;
  }
  .lineup-iteminfo h1 {
    font-size: 13px;
    line-height: 14px;
    margin-bottom: 2px;
  }
  .lineup-iteminfo h4 {
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 2px;
  }
  .lineup-iteminfo p {
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 5px;
  }

  .hero-bottom {
    padding-bottom: 10px;
  }
  .synopsis {
    margin-top: 10px;
    flex-wrap: wrap;
  }
  .synopsis p {
    font-size: 13px;
    line-height: 16px;
    padding-top: 5px;
  }
  .synopsis-text {
    width: 100%;
  }
  .imdblink {
    margin-top: 10px;
    text-align: right;
  }

  .festivals-container {
    -webkit-mask-image: linear-gradient(
      var(--mask-direction, to right),
      hsl(0 0% 0% / 0),
      hsl(0 0% 0% / 1) 10%,
      hsl(0 0% 0% / 1) 70%,
      hsl(0 0% 0% / 0)
    );
    mask-image: linear-gradient(
      var(--mask-direction, to right),
      hsl(0 0% 0% / 0),
      hsl(0 0% 0% / 1) 10%,
      hsl(0 0% 0% / 1) 90%,
      hsl(0 0% 0% / 0)
    );
  }
}