@media(max-width: 600px){
    html{
        font-size: 0.16666666vw;
    }
    .container{
        width: 100%;
        padding: 0 24rem;
    }
    .desctop-header{
        display: none;
    }
    .mobile-header{
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 90;
        transition: all .3s;
    }
    .mobile-header__container{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 24rem;
    }
    .header__logo{
        font-size: 24rem;
        width: 130rem;
    }
    .mobile-header__right{
        display: flex;
        gap: 32rem;
        align-items: center;
    }
    .mobile-header__right svg{
        width: 50rem;
        height: 50rem;
    }
    .mobile-header__right path{
        fill: #000;
    }
    .home .mobile-header__right path{
        fill: #fff;
    }
    .mobile-header.sticky{
        background: rgba(255,255,255,0.8);
        backdrop-filter: blur(8px);
        z-index: 100;
        color: #000;
    }
    .mobile-header.sticky .mobile-header__right path{
        fill: #000;
    }
    .hlogo{
        color: #000;
        font-size: 24rem;
        width: 130rem;
        display: block;
    }
    .mobileBlockBody input{
        line-height: 60rem;
        border-bottom: 3rem solid #c7c7c7;
    }
    .mobile-header__btn{
        display: flex;
        align-items: center;
        gap: 8rem;
        padding: 8rem;
        border-radius: 50rem;
        border: 1rem solid var(--black);
        color: var(--black);
        font-size: 24rem;
        width: max-content;
		margin-top: 12rem;
    }
    .mobile-header__btn svg path {
        fill: var(--black);
    }
    .hero__link{
        height: 48rem;
    }
    .hero__link a{
        font-size: 24rem;
        padding: 12rem;
        line-height: 100%;
    }
    .hero__link svg{
        width: 48rem;
        height: 48rem;
    }
    .hero__box h1{
        font-size: 40rem;
    }
    .about {
        padding: 70rem 0 35rem;
    }
    .about__block{
        flex-direction: column;
    }
    .about__image, 
    .about__content{
        width: 100%;
    }
    .about__image img{
        height: 320rem;
    }
    .about__content a{
        padding: 16rem;
        font-size: 24rem;
    }
    .advant {
        margin: 35rem 0;
        padding: 60rem 0;
    }
    .advant__item{
        width: 100%;
    }
    .goods,
    .consultation,
    .brands,
    .news,
    .faq{
        padding: 35rem 0;
    }
    .consultation__image{
        display: none;
    }
    .consultation__block{
        margin-top: 40rem;
    }
    .cons-block{
        width: 100%;
    }
    .item-50{
        width: 100%;
    }
    .faq__img{
        height: 320rem;
    }
    .faq__block{
        flex-direction: column;
    }
    .home-form{
        padding: 35rem 0 70rem;
    }
    .home-form__text{
        font-size: 60rem;
    }
    .home-form__block{
        flex-direction: column;
    }
    .footer__container{
        flex-wrap: wrap;
        gap: 24rem;
    }
    .footer__title{
        width: 100%;
        margin-bottom: 16rem;
    }
    .footer__menu, .footer__right{
        width: calc(50% - 12rem);
        flex: auto;
    }
    .copyright__container{
        margin-top: 24rem;
    }
    .archive__block{
        flex-direction: column;
    }
    .archive__item span{
        min-width: 48rem;
    }
    .goods-page .title__h2{
        font-size: 32rem;
    }
    .goods-page__block{
        flex-direction: column;
    }
    .goods-page__images {
        width: 100%;
    }
    .goods-page__description{
        padding: 70rem 0 35rem;
    }
    .goods-page__delivery{
        flex-direction: column;
    }
    .goods-page__form{
        width: 100%;
    }
    .archive__filter{
        gap: 16rem;
        flex-direction: column;
    }
    .archive__search{
        flex-direction: column;
    }
    .archive__search>div{
        width: 100%;
    }
    .archive__filter input, .archive__filter select{
        width: 100%;
        max-width: 100%;
    }
    .archive__listing .goods__item{
        width: calc(50% - 12rem);
    }
    .goods__bottom{
        flex-direction: column;
    }
    .goods__one-click{
        width: 100%;
    }
    .goods__add{
        width: 100%;
    }
    .goods__top ul li{
        align-items: flex-start;
        flex-direction: column;
    }
    .goods__top ul li span{
        display: inline-block;
        width: 100%;
        padding-top: 6rem;
    }
    .news-page__listing .news__item {
        width: calc(50% - 12rem);
    }
    .poleznaya-info__block img, .about-page__content img{
        width: 100%;
        height: 320rem;
        object-fit: cover;
    }
    .title__h2{
        font-size: 30rem;
    }
	.goods__tab ul{
		gap: 12rem 24rem;
    	flex-wrap: wrap;
	}
	.cart-page__box{
		flex-direction: column;
	}
}