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

    .title {
        font-size: 1.3rem;
    }

    .main__hero--text {
        top: 5%;
        left: 0;
    }
    .main__hero--block {
        padding: 20px;
    }
    .main__hero--block p {
        width: 100%;
    }

    .main__category {
        width: 100%;
        margin: 30px 0 !important;
    }
    .main__category ul {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px;
    }
    .main__category ul li {
        width: calc(50% - 5px);
    }

    .main__bestcategory {
        margin-bottom: 0;
    }

    .main__gallery {
        width: 100%;
        margin: 30px 0 !important;
    }
    .main__gallery ul {

    }
    .main__gallery li {
        width: calc(50% - 5px);
        flex: auto;
        height: auto;
    }

    .main__gallery__text > div:first-child, .main__gallery__text > div:nth-child(2) {
        width: 100%;
    }
    .main__gallery__text > div:nth-child(2) > div:nth-child(1):not(.main__gallery__text--text), .main__gallery__text > div:nth-child(2) > div:nth-child(2):not(.main__gallery__text--text) {
        height: 250px;
    }
    .main__gallery__text div > div:not(.main__gallery__text--text) {
        height: 160px;
    }

    .main__products {
        width: 100%;
        gap: 10px;
    }

    .main__category__text {
        flex-wrap: wrap;
    }
    .main__category__text > div:nth-child(1) {
        width: 100%;
    }
    .main__category__text > div {
        width: calc(50% - 5px);
    }

    .footer__container {
        flex-wrap: wrap;
        gap: 10px;
        width: 100%;
    }
    .footer__menu {
        flex-wrap: wrap;
        gap: 20px;
    }

    .footer__menu--title {
        margin-bottom: 0;
    }

    .footer__menu > div {
        width: 100%;
    }
    .footer__copyrights {
        margin-top: 20px;
    }

    .header-main {
        display: none;
    }
    .header-mobile {
        display: flex;
        justify-content: space-between;
        background: #000;
        padding: 10px;
        border-radius: 10px;
        margin: 20px 0;
    }
    .header-mobile-logotype {
        width: 130px;
    }
    .header__burger-btn {
        background: no-repeat;
        border: 0;
    }
    .burger-menu__navigation-link {
        color: #000;
        text-decoration: none;
    }
    .burger-menu__navigation-link svg, .burger-menu .header-search svg, .burger-menu__close-btn svg {
        stroke: #000;
    }
    .burger-menu .header-search {
        border-color: #000;
    }
}