@media all and (max-width: 991px) {
	html {
		font-size: calc(1vw / 0.26875);
	}
	body.fixed {
		overflow: hidden;
	}
	.container {
		width: 23.875rem;
	}
	header .logo img {
		height: 3.75rem;
	}
	header nav {
		display: none;
	}
	.hero {
		height: 32rem;
	}
	.headerPhone {
		display: none;
	}
	.error > .container {
		padding-top: 9.75rem;
		justify-content: start;
	}
	.error p {
		font-style: normal;
		font-weight: 400;
		font-size: 1.5rem;
		line-height: 1.75rem;
	}
	.error .themeButton {
		font-style: normal;
		font-weight: 700;
		font-size: 1.125rem;
		line-height: 2rem;
		letter-spacing: 0.12em;
		width: 100%;
		padding: 1.75rem 0.625rem;
		box-sizing: border-box;
	}
	.whiteButton {
		font-size: 1.25rem;
		line-height: 2rem;
		padding: 1rem 2rem;
	}
	.menuButton {
		display: block;
		background-color: transparent;
		border: none;
		outline: none;
		width: 1.5rem;
		height: 1.5rem;
		background-repeat: no-repeat;
		padding: 1.25rem;
		background-size: 1.5rem;
		background-position: center right;
		background-image: url('../images/menu_dark.svg');
	}
	.whiteHeader .menuButton {
		background-image: url('../images/menu_dark.svg');
	}
	.absoluteHeader .menuButton {
		background-image: url('../images/menu.svg');
	}
	.mobileMenu {
		display: none;
		position: fixed;
		background-color: rgba(0, 0, 0, 0);
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		transition: background-color 0.5s ease;
	}
	.mobileMenu nav,
	.mobileMenu .headerPhone {
		display: block;
	}
	.closeMenu {
		position: fixed;
		background-color: transparent;
		border: none;
		outline: none;
		width: 2rem;
		height: 2rem;
		background-repeat: no-repeat;
		background-size: 2rem;
		background-position: center right;
		background-image: url('../images/close.svg');
		top: 2.625rem;
		left: -3.8125rem;
		transition: left 0.5s ease;
	}
	.activeMenu .closeMenu {
		left: 19rem;
	}
	.mobileMenuContent > div > img {
		width: auto;
		height: 4rem;
		margin-bottom: 3rem;
		align-self: self-start;
	}
	.mobileMenuContent ul {
		flex-direction: column;
	}
	.mobileMenu nav a {
		color: #E8E8E8 !important;
		font-family: 'Rubik';
		font-style: normal;
		font-weight: 800;
		font-size: 2rem;
		line-height: 2.75rem;
	}
	.mobileMenu .headerPhone {
		font-style: normal;
		font-weight: 600;
		font-size: 1rem;
		line-height: 1.5rem;
		display: flex;
		margin-top: 3rem;
		justify-content: center;
		font-family: 'Inter';
		font-style: normal;
		font-weight: 600;
		font-size: 1.125rem;
		line-height: 1.75rem;
		color: #FFFFFF;
	}
	header .mobileMenu .darkPhone {
		display: block;
	}
	.visibleMenu.mobileMenu {
		display: block;
	}
	.activeMenu.mobileMenu {
		background-color: rgba(0, 0, 0, 0.6);
	}
	.mobileMenuContent {
		background-color: #1B1B1B;
		display: flex;
		flex-direction: column;
		position: fixed;
		left: -22.8125rem;
		top: 0;
		justify-content: space-between;
		transition: left 0.5s ease;
		width: 22.8125rem;
		padding: 2rem 2rem;
		overflow-y: auto;
		box-sizing: border-box;
		height: 100%;
	}
	.mobileMenuContent > div {
		gap: 4rem;
		display: flex;
		flex-direction: column;
	}
	.activeMenu .mobileMenuContent {
		left: 0rem;
	}
	footer .logo {
		width: 50%;
		margin-bottom: 1.5rem;
		text-align: left;
	}
	.footerContacts {
		width: 50%;
		text-align: left;
		padding-bottom: 1.5rem;
		margin-bottom: 1.5rem;
	}
	.footerContent {
		padding-bottom: 0rem;
		border-bottom: none;
		padding-top: 3.625rem;
	}
	.footerSocials {
		justify-content: flex-start;
		margin-top: 1.25rem;
	}
	.footerContacts > a {
		margin-top: 0rem;
		margin-bottom: 1.25rem;
		font-size: 1.125rem;
		line-height: 1.75rem;
		color: #FFFFFF;
		font-style: normal;
		font-weight: 600;
	}
	.footerContent > .container {
		align-items: normal;
	}
	.footerContacts span {
		font-style: normal;
		font-weight: 400;
		font-size: 0.875rem;
		line-height: 1.25rem;
		color: #FFFFFF;
	}
	footer nav {
		width: 48%;
		text-align: left;
		margin-bottom: 2rem;
	}
	footer .logo img {
		width: auto;
		height: 4rem;
	}
	footer .container {
		flex-wrap: wrap;
	}
	.error .container {
		padding-bottom: 4rem;
	}
	footer.absoluteFooter .footerCopyright {
		color: #EDEDED;;
	}
	.postBody {
		background-image: none;
	}
	.postHeading h1 {
		font-size: 2rem;
		line-height: 2.75rem;
	}
	.postHeading .postMainImage {
		height: 15.75rem;
		width: 26.875rem;
		margin-left: -1.5rem;
		border-radius: 0;
	}
	.postContent .container {
		display: flex;
		gap: 1.5rem;
		flex-direction: column;
	}
	.postContent .leftNavigation {
		width: 100%;
	}
	.postContent .rightContent {
		width: 100%;
	}
	.postContent .rightContent {
		padding-left: 0rem;
	}
	.contentPost .postMain {
		font-size: 1.125rem;
		line-height: 1.75rem;
	}
	.contentPost h3 {
		font-size: 1.25rem;
		line-height: 2rem;
	}
	.contentPost .textSingle p {
		font-size: 1.125rem;
		line-height: 1.75rem;
	}
	.postImages {
		gap: 1.5rem;
		flex-direction: row;
	}
	.postImage {
		height: 15.75rem;
		border-radius: 4px;
	}
	.blogPosts {
		flex-direction: column;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.blogPost {
		height: 14.25rem;
	}
	.topPost {
		display: block;
		opacity: 1;
	}
	.blogPost .bottomPost {
		width: 100%;
		max-width: 100%;
	}
	.notHovered.blogPost .bottomPost {
		width: 100%;
		max-width: 100%;
	}
	.blogPost:hover .bottomPost {
		width: 100%;
		max-width: 100%;
	}
	.blogPost .bottomPost {
		width: 100%;
	}
	.blog {
		padding: 4rem 0rem;
	}
	.contentPost li {
		font-size: 1.125rem;
		line-height: 1.75rem;
	}
	.postHeading {
		padding-top: 1.5rem;
	}
	.postsBlogContent article {
		flex-direction: column;
	}
	.postImageBlogContent {
		width: 100%;
		height: 11rem;
	}
	.postContentBlogContent {
		padding-left: 0rem;
	}
	.postsBlogContent {
		gap: 1.5rem;
	}
	.blogContent h1 {
		font-size: 2.75rem;
		line-height: 3.5rem;
	}
	.error .container > img {
		width: 18.1875rem;
	}
	.postsBlogContent article h4 {
		@supports (-webkit-line-clamp: 3) {
			-webkit-line-clamp: 3;
		}
	}
	.blogButton {
		width: 100%;
		text-align: center;
		box-sizing: border-box;
	}
	.hero h1 {
		font-weight: 400;
		font-size: 5rem;
		line-height: 5rem;
		margin-top: 0rem;
	}
	#mainSection .container {
		padding-top: 10rem;
		justify-content: flex-start;
	}
	.heroMainButton {
		padding: 2rem 0rem;
		width: 100%;
		display: block;
	}
	.description .containerLeftSide {
		order: 1;
	}
	.description .containerRightSide {
		order: 0;
	}
	.description > .container {
		flex-direction: column;
	}
	.description .textContent {
		padding-left: 0;
	}
	.description > .container > * {
		width: 100%;
	}
	.textContent > h3 {
		font-size: 2.25rem;
		line-height: 3rem;
	}
	.description .simpleText {
		font-size: 1rem;
		line-height: 1.5rem;
	}
	.imagesContainer > * {
		width: 11.6875rem;
		gap: 1rem;
	}
	.imagesData li {
		gap: 0rem;
		align-items: flex-start;
		flex-direction: column;
	}
	.imagesData strong {
		font-size: 2.25rem;
		line-height: 3rem;
	}
	.imagesData p {
		font-size: 1rem;
		line-height: 1.25rem;
	}
	.imagesData ul {
		gap: 1.5rem;
	}
	.imagesContainer {
		gap: 1rem;
	}
	.imagesData {
		padding: 1.0625rem 1.0625rem;
	}
	.description {
		margin-top: 4rem;
	}
	.partnership {
		overflow-x: hidden;
		padding-top: 3.5rem;
		margin-top: 4rem;
		margin-bottom: 0;
	}
	.partnership h3 {
		font-size: 2.25rem;
		line-height: 3rem;
		margin-bottom: 1rem;
	}
	.defaultButton {
		font-size: 1.25rem;
		line-height: 2rem;
	}
	.partnership > .container {
		flex-direction: column;
	}
	.partnership > .container > * {
		width: 100%;
	}
	.partnership > .container > .containerLeftSide {
		padding-right: 0rem;
	}
	.containerLeftSide .defaultButton {
		width: 100%;
		padding: 1rem 0rem;
		text-align: center;
	}
	.partnershipImages > img {
		border-top-right-radius: 0.5rem;
		border-top-left-radius: 0.5rem;
	}
	.partnershipImages > img:nth-child(1),
	.partnershipImages > img:nth-child(5) {
		width: 5.125rem;
	}
	.partnershipImages > img:nth-child(2),
	.partnershipImages > img:nth-child(3),
	.partnershipImages > img:nth-child(4) {
		width: 8.75rem;
	}
	.partnershipImages {
		gap: 0.5rem;
		height: 9.875rem;
		margin-top: 2rem;
	}
	.partnershipImages > img:nth-child(1) {
		margin-top: 1.625rem;
	}
	.partnershipImages > img:nth-child(3) {
		margin-top: 0.75rem;
	}
	.partnershipImages > img:nth-child(4) {
		margin-top: 1.875rem;
	}
	.partnership .simpleText {
		font-size: 1.25rem;
		line-height: 2rem;
	}
	.partnersSlider {
		width: 25rem;
	}
	.partnersSlider .partnersSlide img {
		width: 13.875rem !important;
		padding: 1.5rem;
	}
	.partnersSlider .partnersSlide {
		height: 12.5rem;
	}
	.partnersSliderContainer {
		margin: 0rem 0rem;
	}
	.partners {
		background: var(--Neutrals-n-200);
	}
	.error {
		background-image: url('../images/404_mobile.jpg');
		background-position: bottom center;
	}
	.error h1 {
		display: block;
		font-family: 'Rubik';
		font-style: normal;
		font-weight: 400;
		font-size: 14.625rem;
		color: #FFFFFF;
	}
	.questions .container {
		width: 23.875rem;
	}
	.questionsHeader > h3 {
		font-family: 'Rubik';
		font-style: normal;
		font-weight: 900;
		font-size: 2.75rem;
		line-height: 3.5rem;
		color: #FFFFFF;
		text-align: left;
		margin-bottom: 4rem;
	}
	.question > .questionHead {
		font-family: 'Rubik';
		font-style: normal;
		font-weight: 700;
		font-size: 1.25rem;
		line-height: 2rem;
	}
	.question > .questionAnswer {
		font-family: 'Inter';
		font-style: normal;
		font-weight: 400;
		font-size: 1.125rem;
		line-height: 1.75rem;
		color: #A7A7A9;
	}
	.questions {
		padding: 5rem 0rem 2rem 0rem;
	}
	.question > .questionAnswer > *:nth-child(1) {
		padding-top: 1rem;
	}
	.questionsHeader > span {
		padding: 0.625rem 1rem;
	}
	.blogHeading h3 {
		font-size: 2.25rem;
		line-height: 3rem;
	}
	.mainForm {
		background-image: url('../images/form_footer_main_mobile.jpg');
	}
	.formContainer {
		width: 100%;
		padding: 0rem 0.125rem;
		flex-direction: column;
		gap: 3rem;
	}
	.formData {
		width: 100%;
	}
	.formContent {
		width: 100%;
	}
	.form {
		height: auto;
		background-position: bottom center;
		background-size: contain;
		background-repeat: no-repeat;
		padding-bottom: 0rem;
	}
	.separator {
		width: 100%;
		height: 1px;
		margin-top: 1rem;
	}
	.formData span {
		padding: 0.5rem 1rem;
	}
	.formData h3 {
		font-family: 'Rubik';
		font-style: normal;
		font-weight: 800;
		font-size: 2rem;
		line-height: 2.75rem;
		color: #FFFFFF;
	}
	.formData a, .formData div {
		font-family: 'Inter';
		font-style: normal;
		font-weight: 600;
		font-size: 1rem;
		line-height: 1.5rem;
		color: #C4C4C5;
	}
	.formContent label {
		font-family: 'Inter';
		font-style: normal;
		font-weight: 600;
		font-size: 0.875rem;
		line-height: 1.25rem;
		color: #A7A7A9;
	}
	.formContent input[type=submit] {
		font-family: 'Rubik';
		font-style: normal;
		font-weight: 700;
		font-size: 1.125rem;
		line-height: 2rem;
		letter-spacing: 0.12em;
		color: #FCE9EA;
	}
	.formContent form {
		padding: 0 0 0.625rem 0;
	}
	.subcontentPost h4 {
		font-size: 1.125rem;
		line-height: 1.5rem;
	}
	.subcontentPost.subcontentPostPage h4 {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.subcontentPost.subcontentPostPage .textSingle {
		font-size: 1rem;
		line-height: 1.5rem;
	}
	.leftNavigation ul li.subLink a {
		font-size: 1rem;
		line-height: 1.5rem;
	}
	.contentPost .postMain.postPageMain {
		font-size: 1.25rem;
		line-height: 2rem;
	}
	.rightContent h1 {
		font-family: 'Rubik';
		font-style: normal;
		font-weight: 400;
		font-size: 2.875rem;
		line-height: 3.5rem;
	}
	.postContent.postPageContent {
		margin-top: 1rem;
	}
	.contentPost.contentPostPage h3 {
		font-size: 2.25rem;
		line-height: 3rem;
	}
	.pageLine {
		display: none;
	}
	.postMain.postPageMain {
		border-bottom: 1px solid var(--Neutrals-n-300);
		padding-bottom: 3.125rem;
		margin-bottom: 3.125rem;
	}
	.cerealForm {
		background-image: url('../images/form_footer_cereal_mobile.jpg');
	}
	.hero.commonPage h1 {
		font-style: normal;
		font-weight: 900;
		font-size: 3.5rem;
		line-height: 4rem;
	}
	.hero.commonPage p {
		font-family: 'Inter';
		font-style: normal;
		font-weight: 400;
		font-size: 1rem;
		line-height: 1.5rem;
		color: #C4C4C5;
	}
	.hero.commonPage .button.heroMainButton {
		font-family: 'Rubik';
		font-style: normal;
		font-weight: 700;
		font-size: 1.125rem;
		line-height: 2rem;
		letter-spacing: 0.12em;
		color: #FCE9EA;
		width: 100%;
		text-align: center;
		box-sizing: border-box;
	}
	.hero.commonPage .container {
		justify-content: flex-start;
		padding-top: 8rem;
	}
	.hero.commonPage {
		min-height: 60rem;
	}
	.aboutCereal .container > * {
		width: 100%;
	}
	.aboutCerealImage {
		width: 100%;
		height: 25rem;
	}
	.aboutCerealImage.imageOnLeft {
		margin-left: 0rem;
	}
	.aboutData {
		padding-left: 0rem;
	}
	.aboutCereal {
		padding-top: 4rem;
	}
	.aboutCereal .container > *:nth-child(1) {
		order: 0;
	}
	.aboutCereal .container > *:nth-child(2) {
		order: 1;
	}
	.aboutCereal .container > *:nth-child(3) {
		order: 3;
	}
	.aboutCereal .container > *:nth-child(4) {
		order: 2;
	}
	.aboutCereal .container > *:nth-child(5) {
		order: 4;
	}
	.aboutCereal .container > *:nth-child(3) > *:nth-child(1) {
		order: 1;
	}
	.aboutCereal .container > *:nth-child(3) > *:nth-child(2) {
		order: 0;
	}
	.aboutCereal .textContent h3 {
		font-size: 2.25rem;
		line-height: 3rem;
	}
	.aboutCereal .textContent .simpleText {
		font-size: 1rem;
		line-height: 1.5rem;
	}
	.aboutDataTable th {
		font-size: 1.5rem;
		line-height: 2rem;
		padding-bottom: 0.5rem;
	}
	.aboutDataTable tr > td:nth-child(1) {
		font-size: 1rem;
		line-height: 1.25rem;
	}
	.aboutDataTable tr > td:nth-child(2),
	.aboutDataTable tr > td:nth-child(3) {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.aboutDataTable tr > td:nth-child(2) span,
	.aboutDataTable tr > td:nth-child(3) span {
		font-size: 1rem;
		line-height: 1.5rem;
	}
	.aboutDataContent strong {
		font-size: 2.875rem;
		line-height: 3.5rem;
	}
	.aboutDataContent strong span {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.aboutDataContent p {
		font-size: 1rem;
		line-height: 1.25rem;
	}
	.aboutCereal .textContent h3 {
		font-size: 2.25rem;
		line-height: 3rem;
	}
	.aboutCereal .button.defaultButton {
		font-size: 1rem;
		line-height: 1.5rem;
		margin: 0.625rem 0rem 0.625rem;
	}
	.aboutCereal .textContent {
		padding: 0.375rem 1.5rem 1.25rem;
	}
	.aboutCereal .container {
		gap: 1rem;
	}
	.aboutDataTable {
		padding: 1.25rem 1rem 0.75rem;
	}
	.aboutCereal .containerLeftSide {
		gap: 1rem;
	}
	.aboutData {
		gap: 1rem;
	}
	.aboutDataContent {
		width: calc(50% - 0.5rem);
	}
	.aboutCereal {
		background-image: none;
		position: relative;
		padding-bottom: 16.5rem;
	}
	.mobileBackgroundCereal {
		display: block;
		background-image: url('../images/cereal_about_mobile.png');
		background-repeat: no-repeat;
		background-position: bottom center;
		background-size: contain;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 18.0625rem;
	}
	.aboutCerealProducts > .container > nav {
		display: none;
	}
	.aboutCerealProducts .contentProducts {
		padding: 1.25rem 1.5rem 2rem;
	}
	.aboutCerealProducts .contentProducts h3 {
		font-size: 2.875rem;
		line-height: 3.5rem;
	}
	.aboutCerealProducts .contentProducts .productsText {
		line-height: 2rem;
		font-size: 1.25rem;
	}
	.aboutCerealProducts .container {
		flex-direction: column;
	}
	.productsSelectOption {
		display: block;
		border: 1px solid #2D2D2D;
		border-radius: 0.5rem;
		flex: none;
		order: 0;
		align-self: stretch;
		flex-grow: 0;
		font-family: 'Inter';
		font-style: normal;
		font-weight: 400;
		font-size: 1rem;
		line-height: 1.5rem;
		background: #fefefe;
		outline: none !important;
		padding: 0.75rem 0.5rem;
	}
	.select {
		position: relative;
	}
	select::-ms-expand {
		display: none;
	}
	select {
		-webkit-appearance: none;
		-moz-appearance: none;
		text-indent: 1px;
		text-overflow: '';
		width: 100%;
	}
	.select::after {
		content: '';
		position: absolute;
		right: 0.75rem;
		top: 0.875rem;
		background-image: url('../images/expand_more.svg');
		background-size: contain;
		width: 1.5rem;
		height: 1.5rem;
		background-repeat: no-repeat;
	}
	.aboutCerealProducts {
		padding-top: 4rem;
	}
	.milkForm {
		background-image: url('../images/form_footer_milk_mobile.jpg');
	}
	.aboutMilk .mobileBackgroundCereal {
		background-image: url('../images/milk_about_mobile.jpg');
		margin-bottom: 3rem;
	}
	.aboutMilk {
		padding-bottom: 19.5rem;
	}
	.containerRightSide .aboutData {
		padding-right: 0rem;
	}
	.reverseOrder {
		gap: 1rem;
	}
	.reverseOrder > *:nth-child(1) {
		order: 1;
	}
	.reverseOrder > *:nth-child(2) {
		order: 0;
	}
	.aboutMilk .containerLeftSide .aboutCerealImage.imageOnLeft {
		height: 11.75rem;
	}
	.form.milkForm,
	.form.cerealForm {
		margin-top: -1.25rem;
	}
	.footerContent > .container > *:nth-child(1) {
		order: 0;
		border-bottom: 1px solid #312D2D;
	}
	.footerContent > .container > *:nth-child(2) {
		order: 2;
	}
	.footerContent > .container > *:nth-child(3) {
		order: 3;
	}
	.footerContent > .container > *:nth-child(4) {
		order: 1;
		border-bottom: 1px solid #312D2D;
	}
	.footerCopyright {
		padding: 1.5rem 0rem 2rem;
	}
	footer nav h5 {
		font-family: 'Rubik';
		font-style: normal;
		font-weight: 700;
		font-size: 1.25rem;
		line-height: 2rem;
	}
	footer nav a {
		font-family: 'Inter';
		font-style: normal;
		font-weight: 400;
		font-size: 0.875rem;
		line-height: 1.25rem;
	}
	footer.lightBackground {
		margin-top: 2.0625rem;
	}
	footer.lightBackground::before {
		background-image: url('../images/footer_light_mobile.jpg');
		height: 2.0625rem;
		top: -2rem;
	}
	.aboutList::after {
		background-image: url('../images/footer_light_mobile.jpg');
		height: 2.0625rem;
		bottom: -1px;
	}
	.aboutList::before {
		background-image: url('../images/header_light_mobile.jpg');
		height: 1.6875rem;
		top: -1px;
	}
	.aboutUs .container {
		flex-wrap: wrap;
	}
	.aboutUs .container > img {
		order: 1;
		width: 100%;
	}
	.aboutUs .aboutText {
		order: 0;
	}
	.aboutText {
		padding: 1.5rem;
	}
	.aboutText h3 {
		font-style: normal;
		font-weight: 900;
		font-size: 2.75rem;
		line-height: 3.5rem;
	}
	.aboutTextSingle {
		font-style: normal;
		font-weight: 400;
		font-size: 1rem;
		line-height: 1.5rem;
	}
	.aboutList li strong {
		font-style: normal;
		font-weight: 900;
		font-size: 2.75rem;
		line-height: 3.5rem;
	}
	.aboutList li p {
		font-style: normal;
		font-weight: 600;
		font-size: 1rem;
		line-height: 1.5rem;
	}
	.aboutList li {
		width: 45%;
	}
	.aboutList {
		gap: 1.5rem 7%;
	}
	.aboutUs {
		padding: 3.125rem 0rem 4.6875rem 0rem;
	}
	.productionTabs h3 {
		font-family: 'Rubik';
		font-style: normal;
		font-weight: 900;
		font-size: 2.75rem;
		line-height: 3.5rem;
		text-align: left;
		margin-top: 3rem;
		margin-bottom: 3rem;
	}
	.tabulationHeading li {
		font-style: normal;
		font-weight: 600;
		font-size: 0.875rem;
		line-height: 1.25rem;
		padding: 0.25rem;
		padding-bottom: 1rem;
		padding-top: 0.5rem;
	}
	.tabsList strong {
		font-style: normal;
		font-weight: 800;
		font-size: 2rem;
		line-height: 2.75rem;
	}
	.tabsList p {
		font-style: normal;
		font-weight: 600;
		font-size: 0.75rem;
		line-height: 1rem;
	}
	.tabDescription {
		font-style: normal;
		font-weight: 400;
		font-size: 1rem;
		line-height: 1.5rem;
	}
	.tabDescription .themeButton {
		font-style: normal;
		font-weight: 700;
		font-size: 1rem;
		line-height: 1.5rem;
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}
	.tabsScroller {
		width: 26.875rem;
		margin-left: -1.5rem;
		overflow-x: auto;
		overflow-y: hidden;
		padding: 0rem 1.5rem;
		padding-bottom: 1.25rem;
		box-sizing: border-box;
	}
	.mobilePadding {
		display: block;
		padding: 0.75rem !important;
	}
	.prodsImage {
		order: 0;
		height: 18.9375rem;
		width: 100%;
	}
	.prodsImage > img {
		height: auto;
		width: auto;
		max-height: 18.9375rem;
		max-width: 100%;
	}
	.tabsList {
		order: 1;
		flex-direction: row;
		padding: 0rem;
		width: 100%;
		gap: 2.5rem;
		margin-top: 1.5rem;
		margin-bottom: 1.5rem;
	}
	.tabDescription {
		order: 2;
		width: 100%;
	}
	.tabsContent {
		flex-direction: column;
		padding-right: 0rem;
	}
	.tabulationContent {
		margin-top: -1.125rem;
		background-color: #0B0A0F;
		z-index: 9;
		width: 100%;
		position: relative;
		margin-left: -1.5rem;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		min-height: 31.25rem;
	}
	.tabulationHeading > li > div {
		width: 5rem;
		height: 5rem;
		margin: 0 1rem 1rem;
	}
	.tabulationHeading > li > div > img {
		width: 5.125rem;
		height: 5.125rem;
	}
	.aboutUs::before {
		background-image: url('../images/header_light_mobile.jpg');
	}
	.aboutUs::after {
		background-image: url('../images/footer_light_mobile.jpg');
	}
	.saleContent h3 {
		font-style: normal;
		font-weight: 900;
		font-size: 2.75rem;
		line-height: 3.5rem;
	}
	.saleText {
		font-style: normal;
		font-weight: 400;
		font-size: 1rem;
		line-height: 1.5rem;
		margin-bottom: 1.5rem;
	}
	.saleContent .blackEmptyButton {
		font-style: normal;
		font-weight: 700;
		font-size: 1rem;
		line-height: 1.5rem;
		letter-spacing: 0.12em;
		box-sizing: border-box;
		width: 100%;
		text-align: center;
	}
	.saleSection > .container {
		flex-direction: column;
		gap: 2rem;
	}
	.saleContent {
		order: 0;
		max-width: 100%;
	}
	.saleSection {
		padding-top: 3.5rem;
		padding-bottom: 3.5rem;
	}
	.saleSection > .container > img {
		order: 1;
		max-width: 100%;
	}
	.saleSection::before {
		background-image: url('../images/header_light_mobile.jpg');
	}
	.saleSection::after {
		background-image: url('../images/footer_light_mobile.jpg');
	}
	.advantagesList strong {
		font-style: normal;
		font-weight: 800;
		font-size: 2rem;
		line-height: 2.75rem;
	}
	.advantagesList span {
		font-style: normal;
		font-weight: 600;
		font-size: 1rem;
		line-height: 1.5rem;
	}
	.advantagesList {
		flex-direction: column;
		margin: 3rem 0rem;
		align-items: center;
	}
	.productionText h3 {
		font-style: normal;
		font-weight: 900;
		font-size: 2.75rem;
		line-height: 3.5rem;
	}
	.productionTextSingle {
		font-style: normal;
		font-weight: 400;
		font-size: 1rem;
		line-height: 1.5rem;
	}
	.production > .container {
		flex-direction: column;
	}
	.production .productionSlider {
		width: 100%;
	}
	.production .productionSlider img {
		width: 100%;
	}
	.production img {
		width: 100%;
	}
	.productionText {
		width: 100%;
	}
	.production {
		padding: 3rem 0rem;
	}
	.process {
		padding: 0rem 0rem;
	}
	.process ul li .processTitle span {
		font-style: normal;
		font-weight: 700;
		font-size: 1.25rem;
		line-height: 2rem;
		margin-bottom: 0rem;
	}
	.process ul li .processTitle strong {
		font-style: normal;
		font-weight: 800;
		font-size: 2rem;
		line-height: 2.75rem;
		margin-top: 0rem;
	}
	.process ul li .processText {
		font-style: normal;
		font-weight: 400;
		font-size: 1rem;
		line-height: 1.5rem;
		width: 100%;
		padding-top: 0rem;
	}
	.process {
		background-color: rgba(11, 10, 15);
		background-image: none;
	}
	.process ul {
		margin-top: 3rem;
	}
	.process ul li .processTitle > span > i {
		display: none;
	}
	.process ul li {
		flex-direction: column;
		gap: 1rem;
		margin-bottom: 3rem;
	}
	.process ul li .processTitle {
		flex-direction: column;
		gap: 1rem;
		align-items: flex-start;
	}
	.questions .container .content {
		width: 100%;
	}
	.questionsList {
		width: 100%;
	}
	.questionsBackground {
		width: 11.5625rem;
		height: 15.8125rem;
		bottom: auto;
		top: -3.875rem;
		left: auto;
		right: 0rem;
	}
	.mobileHide {
		display: none;
	}
	.desktopHide {
		display: block;
	}
	.blogButton.blackEmptyButton.blogSection {
		margin-top: 3rem;
	}
	.blogPosts > .blogPost:nth-child(1) {
		width: 100%;
	}
	.blogPosts > .blogPost:nth-child(2),
	.blogPosts > .blogPost:nth-child(3) {
		width: calc(50% - 0.75rem);
	}
	.blogPosts > .blogPost:nth-child(2) .bottomPost p,
	.blogPosts > .blogPost:nth-child(3) .bottomPost p {
		display: none;
	}
	.blogPosts > .blogPost:nth-child(2) .topPost,
	.blogPosts > .blogPost:nth-child(3) .topPost {
		display: none;
	}
	.bottomPost h4 {
		@supports (-webkit-line-clamp: 3) {
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: initial;
			display: -webkit-box;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
		}
	}
	.blog::before {
		background-image: url('../images/header_light_mobile.jpg');
		height: 1.6875rem;
		top: -1px;
	}
	.blog {
		margin-top: -1px;
	}
	.partners::after {
		background-image: url('../images/partners_bottom_mobile.png');
		height: 1.5625rem;
	}
	.postContent .rightContent.pageContent h1 {
		font-size: 2rem;
		line-height: 2.75rem;
	}
	.saleDeer h3 {
		font-style: normal;
		font-weight: 900;
		font-size: 2.75rem;
		line-height: 3.5rem;
		margin-bottom: 2.5rem;
		text-align: left;
	}
	.tabsDeer > ul {
		margin-bottom: 2.5rem;
	}
	.tabsDeer li {
		font-style: normal;
		font-weight: 600;
		font-size: 1.125rem;
		line-height: 1.75rem;
	}
	.deerTabText .singleText {
		font-style: normal;
		font-weight: 400;
		font-size: 1rem;
		line-height: 1.5rem;
	}
	.deerTabText .themeButton {
		font-style: normal;
		font-weight: 700;
		font-size: 1rem;
		line-height: 1.5rem;
		letter-spacing: 0.12em;
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}
	.tabsDeerList .deerListItem strong {
		font-style: normal;
		font-weight: 800;
		font-size: 2rem;
		line-height: 2.75rem;
	}
	.tabsDeerList .deerListItem p {
		font-style: normal;
		font-weight: 400;
		font-size: 1rem;
		line-height: 1.5rem;
	}
	.tabsDeerSlider {
		width: 100%;
	}
	.deerTabText {
		margin-top: 2rem;
	}
	.tabsDeerList {
		margin-top: 3rem;
	}
	.deerListItem {
		width: 100%;
	}
	.tabsDeerList {
		gap: 3rem;
		flex-direction: column;
	}
	.tabsDeer {
		padding-bottom: 0rem;
	}
	.deerQuestions .questionsBackground {
		display: none;
	}
	.saleDeer::after {
		background-image: url('../images/footer_light_mobile.jpg');
		height: 2.0625rem;
		bottom: -1px;
	}
	.saleDeer::before {
		background-image: url('../images/header_light_mobile.jpg');
		height: 1.6875rem;
		top: -1px;
	}
	.saleDeer .container {
		padding-top: 3.5rem;
		padding-bottom: 3.5rem;
	}
	.processList h3 {
		font-style: normal;
		font-weight: 900;
		font-size: 2.75rem;
		line-height: 3.5rem;
	}
	.processList ul li > h4 {
		font-style: normal;
		font-weight: 700;
		font-size: 1.25rem;
		line-height: 2rem;
	}
	.processList ul li .processText {
		font-style: normal;
		font-weight: 400;
		font-size: 1rem;
		line-height: 1.5rem;
	}
	.processList {
		width: 100%;
		gap: 2.5rem;
	}
	.productionList {
		padding-top: 5rem;
		padding-bottom: 26rem;
		background-size: 49rem;
		background-repeat: no-repeat;
		background-position-x: calc(100% + 3.5rem);
		background-position-y: calc(100% + 15rem);
	}
	.catalog h3 {
		font-style: normal;
		font-weight: 900;
		font-size: 2.75rem;
		line-height: 3.5rem;
		text-align: left;
	}
	.productItem h4 {
		font-style: normal;
		font-weight: 700;
		font-size: 1.25rem;
		line-height: 2rem;
	}
	.productItem span {
		font-style: normal;
		font-weight: 600;
		font-size: 1.125rem;
		line-height: 1.75rem;
	}
	.desktopHideProduct {
		display: flex;
	}
	.mobileHideProduct {
		display: none;
		opacity: 0;
	}
	.whiteEmptyButton {
		padding: 1.6875rem 0rem;
		text-align: center;
		width: 100%;
	}
	.productItem {
		width: 100%;
	}
	.opacytyZeroMobile {
		opacity: 0;
	}
	.dropdown > span {
		font-style: normal;
		font-weight: 700;
		font-size: 1.25rem;
		line-height: 2rem;
	}
	.dropdown > button {
		font-style: normal;
		font-weight: 400;
		font-size: 1.125rem;
		line-height: 1.75rem;
	}
	.dropdownButton::after {
		margin-right: -1.25rem;
	}
	.dropdownMenu {
		right: -1rem;
	}
	.fancybox-button.fancybox-close-small {
		top: -3.4375rem;
		right: 0rem;
	}
	.productionList.meetPage {
		background-size: 49rem;
		background-position-x: calc(100% + 9.7rem);
		background-position-y: calc(100% + 9.5rem);
	}
	.productionList.cerealPage {
		background-size: 35.5rem;
		background-position-x: calc(100% + 4.5rem);
		background-position-y: calc(100% + 2.5rem);
	}
	.productIcon {
		left: 1.5rem;
		right: auto;
	}
	.tabulationContent.filterTabulation {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	.desktopHide.filterMobileButton {
		display: flex;
		font-family: 'Rubik';
		font-style: normal;
		font-weight: 700;
		font-size: 1.125rem;
		line-height: 2rem;
		letter-spacing: 0.12em;
		color: #FFFFFF;
		border: none;
		outline: none;
		background: transparent;
		align-items: center;
		gap: 0.625rem;
		margin: 0 auto;
		transition: opacity 0.5s ease;
	}
	.filters {
		margin-top: 3rem;
		margin-bottom: 3rem;
	}
	.filterMobileButton::after {
		content: '';
		display: block;
		background-image: url('../images/filter.svg');
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		width: 1.5rem;
		height: 1.5rem;
	}
	.desktopHide.filterMobileButton:active {
		opacity: 0.8;
	}
	.dropdownSelect {
		display: flex;
		gap: 0.5rem;
	}
	.dropdownSelect::before {
		content: '';
		background-image: url('../images/radio_checked.svg');
		background-size: contain;
		background-repeat: no-repeat;
		width: 1.1875rem;
		height: 1.1875rem;
		display: block;
	}
	.dropdownSelect.active::before {
		background-image: url('../images/radio.svg');
	}
	.mobileFilterPopUp h3 {
		font-family: 'Rubik';
		font-style: normal;
		font-weight: 800;
		font-size: 1.5rem;
		line-height: 2.75rem;
		color: #FFFFFF;
		padding: 2.5rem 1.5rem 1.5rem;
		margin: 0;
	}
	.filterMobile > span {
		font-family: 'Rubik';
		font-style: normal;
		font-weight: 700;
		font-size: 1.25rem;
		line-height: 2rem;
		color: #FFFFFF;
	}
	.filterMobile li,
	.filterMobile label {
		font-family: 'Inter';
		font-style: normal;
		font-weight: 600;
		font-size: 0.875rem;
		line-height: 1.25rem;
		color: #A7A7A9;
	}
	.filterMobile {
		padding: 1rem 1.5rem 0rem;
	}
	.filterMobile ul {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 1.5rem 2rem;
		margin-top: 1rem;
		border-bottom: 1px solid #312D2D;
		padding-bottom: 1rem;
	}
	.fancybox-content {
		width: 23.875rem;
	}
	.dropdownOrder.filterMobile ul {
		flex-direction: column;
		border-bottom: none;
		gap: 1rem;
		padding-bottom: 2.5rem;
	}
	.meetSelection h3 {
		font-style: normal;
		font-weight: 900;
		font-size: 2.75rem;
		line-height: 3.5rem;
		align-self: self-start;
	}
	.meetSlide h4 {
		font-style: normal;
		font-weight: 800;
		font-size: 2rem;
		line-height: 2.75rem;
	}
	.meetText {
		font-style: normal;
		font-weight: 400;
		font-size: 0.875rem;
		line-height: 1.25rem;
	}
	.meetSelection .pagination {
		font-style: normal;
		font-weight: 600;
		font-size: 1.125rem;
		line-height: 1.75rem;
	}
	.meetTab {
		flex-direction: column;
		margin-right: 0rem;
		gap: 3rem;
	}
	.meetImage.deerImage {
		margin-top: 0rem;
	}
	.meetImage {
		order: 0;
		width: 100%;
	}
	.meetImage svg {
		width: 100%;
		height: auto;
	}
	.meetSlider {
		order: 1;
	}
	.meetSelection {
		padding-bottom: 3rem;
	}
	.meetHeading {
		flex-direction: column;
		align-items: center;
		gap: 3rem;
		margin-top: 3rem;
		margin-bottom: 3rem;
	}
	.meetSlider {
		width: 100%;
	}
	.fancybox-content .button.heroMainButton.themeButton {
		text-align: center;
		box-sizing: border-box;
		width: calc(100% - 4rem);
	}
}
.themeButton {
	font-family: 'Rubik';
	color: #FCE9EA !important;
	background: #E31E2C !important;
	border-radius: 4px;
	transition: color 0.5s ease,
				background 0.5 ease !important;
}
.themeButton.hover,
.themeButton:hover {
	color: #FCE9EA !important;
	background: #EF3E4A !important;
}
.themeButton.active,
.themeButton:active {
	color: #FCE9EA !important;
	background: #CF1B28 !important;
}
.themeButton.disabled,
.themeButton:disabled {
	color: #F2989E !important;
	background: #EC6872 !important;
}
.blackEmptyButton {
	font-family: 'Rubik';
	color: #0B0A0F !important;
	border: 1px solid #E31E2C !important;
	border-radius: 4px;
	transition: color 0.5s ease,
				border 0.5 ease !important;
}
.blackEmptyButton.hover,
.blackEmptyButton:hover {
	color: #3B3A3F !important;
	border: 1px solid #EF3E4A !important;
}
.blackEmptyButton.active,
.blackEmptyButton:active {
	color: #0B0A0F !important;
	border: 1px solid #A1151F !important;
}
.blackEmptyButton.disabled,
.blackEmptyButton:disabled {
	color: #A7A7A9 !important;
	border: 1px solid #EC6872 !important;
}
.productPopup {
	margin-top: 3.4375rem;
}