/* Mobile-specific styling for responsiveness */
@media only screen and (max-device-width: 767px) {
  /* Font size adjustments for mobile screens */
  :root {
    --fs-8: 2.0vw;
    --fs-10: 2.5vw;
    --fs-11: 2.8vw;
    --fs-12: 3.0vw;
    --fs-13: 3.3vw;
    --fs-14: 3.5vw;
    --fs-15: 3.8vw;
    --fs-16: 4.0vw;
    --fs-18: 4.5vw;
    --fs-20: 5.0vw;
    --fs-24: 6.0vw;
    --fs-27: 6.5vw;
    --fs-31: 7.5vw;
    --fs-36: 9.0vw;
  }
  /* General layout adjustments */
  body {
    font-size: var(--fs-14);
  }
  h2 {
    font-size: 7vw !important;
  }
  /* Specific element adjustments */
  .history_slider__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; /* Stack elements for smaller screens */
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .history_slider__text ul {
    font-size: var(--fs-14);
    padding: 0.5rem;
  }
  .history_slider__button {
    margin-top: 1rem;
  }
  .container_m {
    margin-left: 10vw;
  }
  .header-top {
    position: absolute;
    height: 17.25vw;
    max-height: 100px;
  }
  .header-top .header-nav {
    display: none;
  }
  .header-top .logo__main {
    max-height: 50px;
    max-width: 80px;
    position: absolute;
    top: 2vw;
    left: 2vw;
  }
  .header-top .logo__main svg {
    height: 16.6vw;
    width: 22.3vw;
    max-height: 50px;
    max-width: 80px;
  }
  #headerVideo {
    top: 0;
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
  }
  .img_front {
    top: 0;
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
  }
  .img_front_m {
    width: 130vw;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-color: black;
  }
  #menuToggle {
    visibility: visible;
    display: none;
    width: 15vw;
    height: 15vw;
    opacity: 1;
    margin-right: 1vw;
    max-width: 50px;
    max-height: 50px;
  }
  #menuToggle svg {
    width: 15vw;
    height: 15vw;
    top: 0;
    right: 0;
    max-width: 50px;
    max-height: 50px;
  }
  .open_menu_full {
    width: 100vw !important;
  }
  .menu .menu__col {
    padding: 10vw 10vw 0 10vw;
  }
  .menu .menu-bottom {
    padding: 0 10vw 10vw 10vw;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 6vw;
  }
  .menu .menu__container {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .menu #second-menu li {
    padding: 1.5vw 0;
  }
  .menu #second-menu li a {
    font-size: var(--fs-16);
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .menu #second-menu li a:hover {
    font-weight: 600;
  }
  .menu #second-menu .menu-item-has-children svg {
    height: 2.6vw;
    width: 2.6vw;
  }
  .menu #second-menu .svg_logo_sidemenu svg {
    height: 3.6vw;
    width: 3.6vw;
  }
  .menu__container .svg_logo_sidemenu svg {
    width: 16vw;
    height: 13vw;
    margin-left: 10vw;
  }
  .sub-menu li {
    padding: 0;
  }
  .sub-menu a {
    padding: 0 !important;
  }
  .footer__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
  .item-poster__img img {
    margin: 0 auto;
  }
  .blur {
    display: none;
  }
  .item-poster__img:hover img {
    scale: 1;
  }
  h2 {
    font-size: 10vw;
  }
  .item-title__title {
    width: 100%;
  }
  .item-title__container {
    padding: 3.55vw 0 0.77vw;
    gap: 0;
  }
  .item-title__container a p {
    font-size: 3vw;
  }
  .about__top {
    height: auto;
  }
  .about__text {
    font-weight: 500;
    font-size: var(--fs-16);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .about__desc {
    font-weight: 400;
    font-size: var(--fs-14);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 5vw;
  }
  .about__desc:before {
    display: none;
  }
  .about__bottom {
    height: 147vw;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .about__img {
    width: 68vw;
    bottom: 9.25vw;
  }
  .gallery {
    overflow: hidden;
    height: 104vw;
  }
  .gallery__container {
    height: 100%;
  }
  .poster__row {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    margin-top: 0;
  }
  .poster__row .item {
    border: none;
  }
  .poster__row .item-poster__more {
    padding: 1.8vw 2vw;
    font-size: var(--fs-16);
    bottom: 18vw;
    right: 13vw;
    opacity: 0;
  }
  .poster__row .item-poster__buy {
    padding: 1.8vw 2vw;
    font-size: var(--fs-16);
    bottom: 18vw;
    left: 13vw;
    display: none;
  }
  .item-poster:hover .item-poster__more {
    opacity: 0;
  }
  .item-poster__img img {
    height: 100%;
    max-height: 100%;
  }
  .item-poster__img {
    height: 65vw;
  }
  .sw .swiper-slide img {
    height: 90vw;
    width: auto;
  }
  .news__row {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    margin-top: 40vw !important;
    gap: 40vw;
    margin-right: 20px;
  }
  .news__row .item-news__text {
    display: none;
  }
  .news__row .item-news__img {
    top: 2vw;
    left: 47%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 78vw;
  }
  .news__row .item-news__in {
    height: 50vw;
  }
  .news__row .item-news__date {
    top: -29vw !important;
    left: 3.8vw;
  }
  .news__row .item-news__date p {
    font-size: var(--fs-14);
  }
  .news__row .item-news {
    width: 100%;
  }
  .news__row .item-news__title {
    position: static;
    width: auto;
    margin-top: 31vw;
    margin-left: 6vw;
    margin-bottom: 1.36vw;
    padding-bottom: 5vw;
    font-size: var(--fs-18);
  }
  .news__row .item-news__more svg {
    width: 6vw;
    height: 6vw;
  }
  .footer {
    height: auto;
  }
  .footer .footer__row {
    gap: 11.1vw;
    padding: 11.1vw 0;
  }
  .footer .item-footer__img svg {
    width: 25.2vw;
    height: 16.3vw;
  }
  .footer .item-info {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .footer .item-info .item-info__img svg {
    width: 3.88vw;
    height: 3.88vw;
  }
  .footer .item-info .item-info__item {
    gap: 3.55vw;
  }
  .footer .item-info p {
    font-weight: 300;
    font-size: var(--fs-36);
  }
  .footer .item-info .item-info__column {
    gap: 5.55vw;
    padding: 5.55vw 0;
  }
  .footer .partners {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .footer .partners .partners__title {
    padding-bottom: 5.5vw;
  }
  .footer .partners .logo_philarmony {
    width: 17vw !important;
  }
  .footer .partners p {
    font-weight: 300;
    font-size: var(--fs-36);
  }
  .footer .subscribe {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: 100%;
  }
  .footer .subscribe .subscribe__input {
    padding: 1.55vw 0;
  }
  .footer .subscribe .subscribe__button {
    font-size: var(--fs-14);
    padding: 3.62vw 0;
  }
  .footer .subscribe form {
    width: 100%;
    gap: 5.55vw;
  }
  .footer .subscribe form input {
    width: 100%;
  }
  .menu-lang {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 7vw;
  }
  .menu-lang a {
    font-size: var(--fs-16);
  }
  .social .social__row {
    gap: 8.33vw;
  }
  .social .item-social svg {
    height: 7.6vw;
    width: 7.6vw;
  }
  .copyright__row {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .container_r {
    margin-left: 20px;
  }
  .swiper-container {
    width: 100%;
  }
  .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 125vw !important;
  }
  .poster__container {
    min-height: auto;
    padding-bottom: 0;
  }
  .about-us__block {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .targetDiv {
    bottom: 0;
    position: absolute;
    top: 50%; /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */
    -webkit-transform: translate(-100%, -50%);
            transform: translate(-100%, -50%); /* This is a shorthand of
  translateX(-50%) and translateY(-50%) */
  }
  .about-us__one {
    padding-left: 6vw;
    padding-right: 6vw;
  }
  .about-us__img {
    height: 75vw;
    width: 100vw;
  }
  .about-us__two {
    height: 103vw;
  }
  .about-us__img img {
    width: 100vw;
  }
  .about-us__item {
    border-bottom: none;
    width: 80vw;
  }
  .about-us__item svg {
    position: absolute;
    right: 2vw;
    bottom: 0;
  }
  .about-us__item p {
    border-bottom: 1px solid #000;
    width: 100%;
    font-size: var(--fs-20);
  }
  .about-us__nav {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4vw;
  }
  .about-us__item:hover {
    border: none;
  }
  .about-us__item:hover > svg {
    width: 4vw;
    height: 4vw;
  }
  .page-news .item-news__block {
    max-height: none;
  }
  .page-news .item-news__title {
    margin-bottom: 7.36vw;
  }
  .page-news .item-news__more {
    opacity: 1;
  }
  .nav-link__block {
    margin: 16.46vw 0 5.46vw 3.47vw;
    font-size: var(--fs-11);
  }
  .page-colective .news-list__block {
    margin: 0 4vw;
  }
  .page-colective__b:after {
    height: 1px;
    font-size: var(--fs-20);
  }
  .affiche-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .affiche-container__buy {
    padding: 2.6vw 3vw;
    width: 60vw;
  }
  .affiche-container__1 {
    width: 75vw;
  }
  .affiche-container__1 img {
    border: none;
  }
  .page-affiche .item-title__title {
    font-size: 7vw !important;
  }
  .item-colective {
    margin: 8vw 0;
  }
  .row-news .row-news__container {
    gap: 5vw;
  }
  .item-title__more {
    font-size: var(--fs-14);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .item-title__more svg {
    width: 4.7vw;
    height: 4.7vw;
  }
  .collective .page-colective__title p {
    font-size: 6vw;
  }
  .home .item-poster__img {
    height: 100%;
  }
  .home .poster__row .item-poster__more {
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
  .menu .menu-bottom {
    display: none;
  }
  .page-template-template-poster .item-poster {
    height: 66vw;
  }
  .page-template-template-poster .poster__row .item-poster__more {
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
  .page-template-template-poster .news-list .poster__row {
    grid-row-gap: 1vw;
  }
  .page-template-template-poster .poster__row {
    grid-column-gap: 2vw; /* Smaller column gap on mobile */
    grid-row-gap: 2vw; /* Reduce row gap further on mobile */
    margin: 0 2vw; /* Adjust margins for mobile as needed */
    -ms-grid-columns: 1fr 2vw 1fr;
    grid-template-columns: 1fr 1fr; /* Single column layout on mobile */
  }
  .single-collective .instrument__block {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 29vw;
  }
  .single-collective .instrument__title {
    margin-top: 22.54vw;
  }
  .single-collective .collective__sector .item-news__img {
    width: 59vw;
  }
  .single-collective .collective__sector .item-news__img .item-news__in {
    height: 36vw;
  }
  .single-collective .post-news__container {
    margin-top: 39vw;
  }
  .team-container__description {
    height: 50vw;
    font-size: var(--fs-8);
  }
  .team-container p {
    font-size: var(--fs-12);
  }
  .team-container__subtitle {
    font-size: var(--fs-12);
  }
  .team-container__title {
    font-size: var(--fs-14) !important;
  }
  .team-container {
    height: 92vw;
  }
  .single-team .team-container {
    height: 140.5vw;
  }
  .single-team .team-container__img {
    width: 38vw;
    top: -10vw;
  }
  .single-team .team-container__img {
    display: none;
  }
  .single-team .team-container__description {
    width: 87vw;
  }
  .single-team .team-container__description img {
    float: right;
    display: block;
    width: 50%;
  }
  .single-collective .team-container {
    height: 168.5vw;
  }
  .single-collective .team-container__img {
    width: 38vw;
    top: -10vw;
  }
  .single-collective .team-container__img {
    display: none;
  }
  .single-collective .team-container__description {
    width: 87vw;
    padding-right: 4vw;
  }
  .single-collective .team-container__description img {
    float: right;
    display: block;
    width: 50%;
    margin: 2vw;
  }
  .container_collective_team .team-container {
    height: auto !important;
  }
  .page_solists .tc_1 {
    height: 83vw;
  }
  .page_solists .tc_2 {
    height: 81vw;
  }
  .swiper-notification {
    display: none !important;
  }
  .page-template-template-team .team-container__img {
    bottom: 19vw;
  }
  .page-template-soloists .page_solists .team-container__img_1 {
    bottom: 7.9vw;
  }
  .page-template-soloists .page_solists .team-container__img_2 {
    bottom: 9.9vw;
  }
  .afficha_mob {
    display: none;
  }
  .history_2__img {
    width: 78vw;
    margin: 20vw 0 8vw 2vw;
  }
  .container_l {
    margin-left: 10vw;
  }
  .history_3__text-2_flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .history_slider_2 .grid-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .history_slider_2 .image-left {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .history_slider_2 .text-center {
    width: 100vw;
  }
  .history_slider_2_img {
    height: 32vw;
  }
  .history_slider_2_img img {
    width: 64vw;
  }
  .history_slider__flex_2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .history_slider__flex_2 .history_slider__flex-2_2 {
    gap: 14.2vw;
    margin-left: 12.3vw;
  }
  .history_slider__flex_2 .history_slider__text_2 {
    width: 100%;
  }
  .history_slider__flex_2 .history_slider__button_2 {
    gap: 3.66vw;
    top: 4vw;
    right: 7vw;
  }
  .history_slider__flex_2 .prev_2 svg {
    width: 6.08vw;
    height: 6.08vw;
  }
  .history_slider__flex_2 .next_2 svg {
    width: 6.08vw;
    height: 6.08vw;
  }
  .history_2__img-2 {
    width: 100vw;
    height: 83vw;
    padding: 0;
  }
  .history_2__img-2 img {
    width: 100%;
  }
  .history_2__text-2_1 .history_2__img-2 img {
    position: static;
    width: 100%;
  }
  .history_2__text-2_1 p {
    margin-left: 12.3vw;
  }
  .history_3__text-2_text {
    padding-left: 10vw;
  }
  .swiper-slide {
    will-change: transform;
  }
}