@media (max-width: 1200px) {
    .menu__list,
    .hide-mobile {
        display: none;
    }
    .logo-img img {
        height: 40px;
    }
    .menu-btn {
        display: inline-block;
        margin-top: 5px;
    }
    .menu__list {
        position: absolute;
        background-color: #4e4e4e;
        z-index: 2;
        top: 56px;
        right: 0;
        left: 0;
        width: 100%;
    }

    .menu li {
        display: block;
        text-align: center;
        color: #ffce29;
    }
    .menu__item {
        display: block;
        text-align: center;
        border-radius: unset;
        border-bottom: solid 1px #aaa;
        margin-bottom: 0px;
    }
    .menu__item:focus:after,
    .menu__item:focus:before,
    .menu__item:hover:after,
    .menu__item:hover:before {
        transform: none;
        border: none;
    }
    .menu__item::after,
    .menu__item::before {
        content: none;
        border: none;
    }

    .main-slider {
        padding-top: 75px;
    }

    .slogan img {
        width: 100%;
    }

    .about {
        padding: 20px 10px;
    }

    .program__desc {
        height: auto;
    }
}

@media (max-width: 768px) {
    .slogan img {
        width: 50%;
    }

    .program__header svg {
        /* width: 70%; */
    }
}