@media screen and (max-width: 580px) {
	.header__logotip {
    height: 2rem;
    width: 5rem;
    margin-right: 1rem;
}
	.center-wrap {
    width: calc(100% - 1rem);
}
	.grid.--grid4 {
    grid-template-columns: 1fr;
    grid-gap: 1.5rem;
}
	.grid.--grid5 {
    grid-template-columns: 1fr;
    grid-gap: 1.5rem;
}
	.center-wrap.--small {
    width: calc(100% - 4rem);
}
	.side__menu {
    right: 0.5rem;
}
	.numb__menu {
    left: 0.5rem;
}
	.arrow__menu {
    left: 0.5rem;
    bottom: 1.5rem;
}
	.h {
    font-size: 1.75rem;
	}
		.medicine__btns {
    flex-direction: column;
    display: flex;
    align-items: flex-start;
}
		.medicine__btns span {
    font-size: 0.9rem;
    padding-bottom: 1rem;
}
	.popup {
  
    padding: 1.75rem;
	}
	.more__name {
    flex-direction: column;    align-items: flex-start;
	}
		.menu__social
	{ right:1rem;}
	
}