@media screen and (max-width: 767px) {
    .video-feed-controls {
        display: none;
    }

    #hero .carousel-arrow {
        width: 2.25rem;
        height: 2.25rem;
        font-size: 0.85rem;
        opacity: 0.85;
    }

    #hero .left-arrow {
        left: 8px;
    }

    #hero .right-arrow {
        right: 8px;
    }

    #hero .orange-button {
        left: 16px;
        right: auto;
        top: auto;
        bottom: 12px;
        transform: none;
        min-height: 44px;
        padding: 12px 22px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        z-index: 4;
    }
}

@media screen and (max-width: 440px) {
    .video-feed-title {
        font-size: 22px;
    }


   #programms .programm-list .item {
        width: 100% !important; /* займёт всю ширину контейнера */
        display: block;
        margin-right: 0;
        margin-bottom: 15px;
        min-width: 100%;
    }

     .carousel-course-control-prev,
     .carousel-course-control-next {
       display: none;
    }

    #programms .for {
  font-size: 16px;
  margin-bottom: 12px;
  margin-top: 4px;
}
    .programm-search {
    flex-basis: 100% !important;
    max-width: 100% !important;
  }
}

@media screen and (min-width: 992px) {

    header .container {
        max-width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1.6em;
        padding-top: 5px;
    }

    header .header-menu {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: end;
        gap: .3em;
        width: 1296px;
    }

    header .header-menu ul {
        display: flex;
        justify-content: start;
        align-items: center;
    }

    header .header-menu ul.first-line {
        display: flex;
        gap: 35px;
    }

    /* Вторая линия (Ординатура / аспирантура / …) должна быть видна
       на всём desktop-диапазоне, не только от 1400px — иначе при зуме ≥100%
       на типичных ноутбуках пункт пропадает. */
    header .header-menu ul.second-line {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        gap: 0.75em 1.25em;
        margin: 0;
        padding: 0;
        max-width: 100%;
    }

    /* Мобильное меню */
    header .mobile-menu {
        display: block;
    }

    header .mobile-menu .first-line {
        display: none
    }

    #hero .slider .item {
        aspect-ratio: 2.4;
    }

    header .header-menu .first-line {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 1em;
        margin: 0;
        padding: 0;
    }

    footer .grid {
        grid-template-areas:
            "contacts logos"
            "other logos";
    }

    footer .grid .logos img {
        max-height: 120px;
    }


}

@media screen and (min-width: 1200px) {

    header .header-menu {
        width: 1296px;
    }

    /* Мобильное меню */
    header .mobile-menu {
        display: block;
    }

    header .mobile-menu .first-line {
        display: none
    }

    #hero .slider .item {
        aspect-ratio: 3;
    }

    .owl-carousel .owl-dots {
        margin: 23px auto 23px;
    }

    footer .grid .logos img {
        max-height: initial;
    }

}

@media screen and (min-width: 1400px) {

    header .header-menu {
        align-items: start;
    }

    header .header-menu ul.second-line {
        gap: 28px;
        display: flex;
    }

    header .burger-trigger {
        display: none;
    }

    /* Мобильное меню */
    header .mobile-menu {
        display: none;
    }

}

@media screen and (min-width: 1630px) {
    header .header-logo-hidden {
        display: block;
        visibility: hidden;
    }

    #programms .programm-list {
        justify-content: space-between;
    }
}