@media (max-width: 1366px) {
    .header__nav-buttons {
        display: none;
    }

    .header__nav-button--not-active,
    .header__nav-button--active {
        display: block;
    }

    .header__nav-button--not-active svg {
        fill: var(--nav-btn-text-color);
    }
}

@media (max-width: 1024px) {
    .header__search-input {
        /* width: var(--header-search-input-width-md); */
    }

    .header-container {
        padding: var(--header-container-padding-md);
    }
}

@media (max-width: 767px) {
    .search-desktop {
        display: none;
    }

    .header-container {
        padding: var(--header-container-padding-sm);
    }

    .header {
        padding: var(--header-padding-sm);
    }

    .header-catalog {
        margin-bottom: var(--header-margin-bottom-sm);
    }

    .header__search {
        max-width: 100%;
        margin: 0px;
        margin-top: var(--header-search-margin-top-sm);
    }

    .header__logotype {
    }

    .header__nav-button--not-active,
    .header__nav-button--active {
        margin-left: var(--header-nav-button-margin-left-sm);
    }

    .popup {
        top: var(--popup-top-sm);
        right: var(--popup-right-sm);
    }
}

@media (min-width: 768px) {
    .search-mobile {
        display: none;
    }
}

@media (max-width: 375px) {

    .header {
        padding: var(--header-padding-xs);
    }
}