/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
  :root {
    --fs-8: 1.55vw; /* 10px / 1440px * 100 */
    --fs-10: 1.69vw; /* 10px / 1440px * 100 */
    --fs-11: 1.76vw; /* 10px / 1440px * 100 */
    --fs-12: 1.83vw; /* 12px / 1440px * 100 */
    --fs-13: 1.90vw; /* 12px / 1440px * 100  1920 = 18*/
    --fs-14: 1.97vw; /* 14px / 1440px * 100 */
    --fs-15: 2.04vw; /* 15px / 1440px * 100 */
    --fs-16: 2.11vw; /* 18px / 1440px * 100 */
    --fs-18: 2.25vw; /* 18px / 1440px * 100  1920 = 24*/
    --fs-20: 2.38vw; /* 20px / 1440px * 100 */
    --fs-24: 2.66vw; /* 24px / 1440px * 100 */
    --fs-27: 2.87vw; /* 27px / 1440px * 100  1920 = 36*/
    --fs-31: 3.15vw; /* 31px / 1440px * 100 */
    --fs-36: 3.5vw; /* 36px / 1440px * 100 */
    --co-f20: #231f20;
  }
  .img_front_m img {
    background: black;
  }
  .sw .swiper-slide img {
    width: 120vw;
  }
  .header-top {
    height: 10.25vw;
  }
  .header-logo svg {
    width: 8vw;
    height: 8vw;
  }
  .header-nav .header-nav__item {
    -webkit-column-gap: 8vw;
       -moz-column-gap: 8vw;
            column-gap: 8vw;
  }
  .header-nav .sub-menu {
    padding: 2.5vw 0;
  }
  #primary-menu [class*=menu-item-]:hover .sub-menu .menu-item {
    padding: 1vw 0;
  }
  #menuToggle {
    width: 6vw;
    height: 6vw;
  }
  #menuToggle svg {
    width: 5vw;
    height: 5vw;
  }
  .menu {
    right: -25vw;
    width: 25vw;
  }
  #second-menu li {
    padding: 1.7vw 0;
  }
  .menu__container {
    padding: 1.38vw 1vw;
  }
  .menu__container .svg_logo_sidemenu svg {
    width: 7vw;
    height: 7vw;
  }
  .menu-item-has-children svg {
    width: 1.6vw;
    height: 1.6vw;
  }
  .menu-lang__main br {
    height: 2vw !important;
  }
  .menu-lang__main {
    gap: 1.5vw !important;
  }
  .item-news__title {
    display: none;
  }
  .nav-link__block {
    margin-top: 7.5vw;
  }
  .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: 1vw;
    width: 3vw;
    height: 3vw;
  }
  .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;
    margin-top: 9vw;
  }
  .about-us__item:hover {
    border: none;
  }
  .footer {
    height: 43vw;
  }
  .footer__row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 2vw;
  }
  .item-footer {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; /* Each item takes 50% of the container's width */
  }
  .item-footer svg {
    margin: 0 auto;
    display: block;
    width: 10vw;
    height: 10vw;
  }
  .item-info {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; /* Each item takes 50% of the container's width */
    gap: 3.3vw;
  }
  .item-info .item-info__column {
    gap: 2.5vw;
  }
  .item-info .item-social svg {
    width: 4vw;
    height: 4vw;
  }
  .partners {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; /* Each item takes 50% of the container's width */
  }
  .partners .logo_philarmony {
    width: 7.7vw !important;
  }
  .subscribe {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; /* Each item takes 50% of the container's width */
  }
  .subscribe .subscribe__form {
    width: 100%;
  }
  .subscribe .subscribe__input {
    width: 100%;
  }
  .about__top {
    height: 40vw;
  }
  .about__bottom {
    height: 94vw;
  }
  .about__img {
    bottom: 28vw;
  }
  .item-title__container {
    padding-top: 3.55vw;
  }
  .item-title__more p {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .item-news__img {
    width: 40vw;
  }
  .item-news__in {
    height: 25vw;
  }
  .news_main .item-news__text {
    margin-top: 24vw;
  }
  .item-news__block {
    min-height: -webkit-max-content !important;
    min-height: -moz-max-content !important;
    min-height: max-content !important;
    max-height: 40vw;
  }
  .news_page .item-news__text {
    margin-top: 24vw;
    min-height: -webkit-max-content;
    min-height: -moz-max-content;
    min-height: max-content;
  }
  .news_page .item-news:hover .item-news__text {
    min-height: -webkit-max-content;
    min-height: -moz-max-content;
    min-height: max-content;
  }
  .history_2__img img {
    bottom: 2vw;
  }
  .next_2 svg {
    width: 5vw;
    height: 5vw;
  }
  .prev_2 svg {
    width: 5vw;
    height: 5vw;
  }
  .history_slider__button_2 {
    left: 10vw;
    gap: 5vw;
  }
  .item-poster__more {
    font-size: var(--fs-8);
    right: 1vw;
  }
  .item-poster__buy {
    font-size: var(--fs-8);
    left: 1vw;
  }
  .team-container__description {
    font-size: 1.2vw;
    height: 14.5vw;
  }
  .team-container {
    height: 80vw;
  }
  .team-container__img {
    bottom: 44vw;
  }
  .instrument__block {
    grid-row-gap: 22vw;
    padding-top: 9vw;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .item-news__block .item-news__text, .item-news__block .item-news__more {
    opacity: 1;
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content;
  }
  .instrument__text {
    margin-top: 6vw;
  }
  .item-info__img svg {
    width: 2vw;
    height: 2vw;
  }
  .page-single_collective .team-container {
    height: 96vw;
  }
  .poster__container {
    min-height: auto;
  }
  .history_2__img-2 {
    height: 48vw;
  }
}