@media (max-width: 1120px) {
    .header__top, .h-bottom__nav {
        display: none;
    }

    .h-bottom__mobile-block {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .h-nav__item:hover, .h-nav__item:focus {
        border-color: transparent
    }
    
    .h-nav__item:hover .h-nav__link, .h-nav__item:focus .h-nav__link {
        color: var(--black);
    }

    
    .h-nav__item:hover .h-nav__dropdown {
        visibility: hidden;
        opacity: 0;
    }
    
    .h-nav__item--dropdown:hover~.h-nav__overlay {
        visibility: hidden;
        opacity: 0;
    }
}

@media (max-width: 980px) {
    .slide-home, .news__wrapper {
        flex-direction: column;
    }

    .slide-home__content, .slide-home__image, .news__left, .news__right, .h-logo__img, .about__content, .callback__left, .page__content, .page__sidebar {
        width: 100%;
    }

    .slide-home__image {
        position: relative;
    }

    .slider__navigation, .callback__right, .footer__nav {
        display: none;
    }

    .about__image-wrapper {
        position: relative;
        width: 100%;
    }

    .footer__links .container {
        flex-wrap: wrap;
    }

    .f-links__group {
        width: 100%;
        margin-bottom: 32px;
    }

    .page__wrapper {
        flex-direction: column;
    }

    .page__content {
        margin-bottom: 32px;
    }

    .page__sidebar {
        padding-left: 0;
    }

    .footer__links {
        border-top: none;
    }
}

@media (max-width: 560px) {

    .news__item {
        flex-direction: column;
    }

    .news__image, .news__content {
        width: 100%;
    }

    .directions__item {
        width: 100%;
    }

    .form__link {
        display: inline-block;
    }

    .page h1 {
        font-size: 24px;
        margin-bottom: 16px;
    }

    .breadcrumbs__wrapper {
        overflow-x: auto;
        width: 100%;
        position: relative;
    }

    .breadcrumbs {
        width: fit-content;
        flex-wrap: nowrap;
    }

    .breadcrumbs__link span, .breadcrumbs__link, .breadcrumbs__item {
        white-space: nowrap;
    }

    .breadcrumbs__wrapper::-webkit-scrollbar {
        display: none;
    }

}

@media (max-width: 480px) {

    .news__heding-title, .about__title, .slide-home__title, .directions__heading-title, .callback__title {
        font-size: 24px;
    }

    .news__link {
        top: 0;
    }

    .about__content, .slide-home__content {
        padding: 32px 0;
    }

    .slide-home__btn, .about__btn {
        width: 100%;
        text-align: center;
    }
}