:root {
	--columns: 1;
	--items_width: 24px;
  }
  
  @media (min-width: 501px) {
	:root {
	  --columns: 2;
	}
  }

/*========== MEDIA MAX-WIDTH 768PX START ==========*/
@media (max-width: 768px) {

	/*========== HEADER START ==========*/


	.header_box{
		width: 100%;
	}

	.header {
		padding: 10px;
		grid-template-columns: 0.5fr 150px 1fr;
    	grid-template-rows: 1fr;
		justify-content: space-between;
		align-items: flex-end;
		column-gap: 10px;
		width: 100%;
	}

	.header_logo_block {
		grid-row: 1;
	}

	.header_logo_block > a > img {
		max-width: 150px;
		height: auto;
	}

	.lang_swich_block {
		justify-content: center;
	}

	.globus_img {
		display: none;
	}

	.dropdown_lang_item {
		display: flex;
		justify-content: center;
		padding: 3px;
		border-radius: 3px;		
	}

	.actived {
		background-color: rgba(0, 132, 119, 0.6);
		color: #fff;
	}

	.actived a:before {
		display: none;
	}

	.lang_swich_block_down:hover {
		background-color: transparent;
	}

	.dropdown_lang_item:nth-child(2n) {
		display: block;
	}

	.wpglobus-language-switcher {
		flex-direction: row;
		align-items: flex-end;
		gap: 0.3em;
		height: auto;
		width: auto;
		padding: 0.3em;
	}

	

	/* =================Header_menu Start==============*/
	.header__menu_wrap {
		grid-row: 1;
	}
	
	.heaeder__menu {
		padding: 0;
		user-select: none;
		border-bottom: none;
	}

		/* =================Burger Start==============*/
	.burger {
		position: relative;
	    display: block;
	    width: 30px;
		height: 20px;
		overflow: hidden;
	}

	.burger .burger_line {
	    display: block;
	    margin: 0px auto;
	    width: 30px;
		height: 4px;
		border-radius: 2px;
		background: linear-gradient(to bottom, rgba(0, 132, 119, 0.2) 0%,
												rgba(0, 132, 119) 50%,
												rgba(0, 132, 119, 0.2) 100%);
		
		z-index: 21;
		position: absolute;
		top: calc(50% - 2px);
		left: 0;
		transition: opacity 500ms ease-in-out, left 500ms ease-in-out;
	}

	.burger::after {
		content: '';
	    display: block;
	    margin: 0px auto;
	    width: 22.5px;
		height: 4px;
		border-radius: 2px;
		background: linear-gradient(to bottom, rgba(0, 132, 119, 0.2) 0%,
												rgba(0, 132, 119) 50%,
												rgba(0, 132, 119, 0.2) 100%);
		overflow: hidden;
		z-index: 21;
		position: absolute;
		top: 0;
		left: 0;
		transition: opacity 500ms ease-in-out, left 500ms ease-in-out;
	}

	.burger::before {
		content: '';
	    display: block;
	    margin: 0px auto;
	    width: 15px;
		height: 4px;
		border-radius: 2px;
		background: linear-gradient(to bottom, rgba(0, 132, 119, 0.2) 0%,
												rgba(0, 132, 119) 50%,
												rgba(0, 132, 119, 0.2) 100%);
		overflow: hidden;
		z-index: 21;
		position: absolute;
		bottom: 0;
		left: 0;
		transition: opacity 500ms ease-in-out, left 500ms ease-in-out;
	}

	.active.burger::before {
		opacity: 0;
		left: 31px;
	}

	.active.burger::after {
		opacity: 0;
		left: -22.5px;
	}

	.active .burger_line {
		opacity: 0;
	}

	.burger_close_top_left {
		display: flex;
		justify-content: flex-end;
		width: 15px;
		height: 10px;
		background-color: #fff;
		position: absolute;
		top: -10px;
		left: -15px;
		opacity: 0;
		transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
	}

	.burger_close_top_left::after {
		content: '';
		display: block;
		width: 10px;
		height: 10px;
		background: linear-gradient(45deg, #fff 35%, #008477 50%, #fff 65%);
	}


	.burger_close_top_right {
		display: flex;
		justify-content: flex-end;
		width: 15px;
		height: 10px;
		background-color: #fff;
		position: absolute;
		top: -10px;
		right: -15px;
		opacity: 0;
		transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
	}

	.burger_close_top_right::after {
		content: '';
		display: block;
		width: 10px;
		height: 10px;
		background: linear-gradient(45deg, #fff 35%, #008477 50%, #fff 65%);
	}
	

	.burger_close_bot_left {
		display: flex;
		justify-content: flex-end;
		width: 15px;
		height: 10px;
		background-color: #fff;
		position: absolute;
		bottom: -10px;
		left: -15px;
		opacity: 0;
		transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
	}	

	.burger_close_bot_left::after {
		content: '';
		display: block;
		width: 10px;
		height: 10px;
		background: linear-gradient(45deg, #fff 35%, #008477 50%, #fff 65%);
	}

	.burger_close_bot_right {
		display: flex;
		justify-content: flex-end;
		width: 15px;
		height: 10px;
		background-color: #fff;
		position: absolute;
		bottom: -10px;
		right: -15px;
		opacity: 0;
		transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
	}

	.burger_close_bot_right::after {
		content: '';
		display: block;
		width: 10px;
		height: 10px;
		background: linear-gradient(45deg, #fff 35%, #008477 50%, #fff 65%);
	}

	.active .burger_close_top_left {
		opacity: 1;
		transform: translate(15px, 10px);
	}

	.active .burger_close_top_right {
		opacity: 1;
		transform: scale(-1, 1) translate(15px, 10px);		
	}

	.active .burger_close_bot_left {
		opacity: 1;
		transform: scale(1, -1) translate(15px, 10px);		
	}

	.active .burger_close_bot_right {
		opacity: 1;
		transform: scale(-1, -1) translate(15px, 10px);	
	}
	
		/* =================Burger END==============*/

		/* =================Menu 1 level Start==============*/

	.header__menu_wrap {
		padding: 0;		
		grid-column: 1;	
		
	}

	.heaeder__menu ul.flex-start-between {
		position: absolute;
	    display: flex; 
	    background: #008477;
	    flex-wrap: nowrap;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		gap: 2rem;
		height: 450px;
		padding: 2rem;
	    width: 100%;
	    left: -100%;
		top: var(--header_height);
		transition: left 0.5s ease-in-out;
		box-shadow: 0px 2px 4px 0px rgba(0, 132, 119, 0.15), 
					0px 6px 6px 0px rgba(0, 132, 119, 0.13), 
					0px 15px 9px 0px rgba(0, 132, 119, 0.08), 
					0px 26px 10px 0px rgba(0, 132, 119, 0.02), 
					0px 41px 11px 0px rgba(0, 132, 119, 0.00);
	}

	.heaeder__menu ul.flex-start-between li {
		width: 100%;
		justify-content: space-between;
		width: 100%;
	    padding: 4px 10px !important; 
		cursor: none;
    	height: fit-content;   
	}

	.list_number0 {
		cursor: none;
	}

	.menu_arrow_0::after { 
		position: relative;
	    border-color: #fff transparent transparent transparent;
		border-width: 7px;
		rotate: -90deg;
		top: auto;
	}

	.heaeder__menu ul.flex-start-between li a {
		font-size: 1.6rem;	
		color: #fff;
	}

	.heaeder__menu ul.flex-start-between li:hover,
	.heaeder__menu ul.flex-start-between li:focus {
		font-size: 1.6rem;	
		color: #fff;
		border-bottom: 0;
		padding-bottom: 0; 
	}

		/* =================Menu 1 level END==============*/

		/* =================Menu 2 level Start==============*/
	
	.header__menu_dropdown_col_1,
	.header__menu_dropdown_col_3,
	.header__menu_dropdown_col_down {
		display: none;
	}
	
	.header__menu_dropdown_wrap {
		height: 410px;
		left: -100%;
		top: var(--header_height);
		max-height: fit-content;
		transition: left 0.5s ease-in-out;
	}

	.header__menu_dropdown,
	.header__menu_dropdown_col_up {
		height: 100%;
	}

	.header__menu_dropdown_col_2 {
		padding: 10px 10px 10px 25px;
		align-items: center;
		gap: 10px;		
		max-width: 768px;
		width: 100%;
		height: 100%;
		margin: 0 auto;
		background: linear-gradient(to right, #008477 0 15px, #fff 15px);	
		overflow-y: scroll;	
	}

	.arrow_back,
	.arrow_backs {		
		display: flex;
		flex-direction: row-reverse;
		flex-wrap: nowrap;
		justify-content: flex-end;
		align-items: center;
		gap: 20px;
		padding: 0;
		width: 100%;
		height: auto;
		color: #008477;
		font-size: 1.4rem;	
		user-select: none;	
		margin-bottom: 10px;
	}

	.arrow_back::after,
	.arrow_backs::after {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-top: 7px solid transparent;
		border-left: 7px solid transparent;
		border-right: 7px solid #008477;
		border-bottom: 7px solid transparent;
	}

	.header__menu_dropdown_category {
		display: grid;
		grid-template-columns: 30px 1fr 20px;
		grid-template-rows: 1fr;
		align-items: center;
		gap: 20px;
		width: 100%;
		padding: 0;
		height: auto;
	}

	.header__menu_dropdown_col_1_hid,
	.header__menu_dropdown_child_col_1_hid {
		display: block;
		height: 30px;
		width: 30px;
		left: 0;
		opacity: 1;
		padding: 0;
		border-radius: 5px;
		overflow: hidden;
		position: relative;
		grid-column: 1;
		grid-row: 1;
	}

	.header__menu_dropdown_category_link_2,
	.header__menu_dropdown_category_link_2 {
		display: block;
		height: 100%;
		width: 100%;
	}

	.header__menu_dropdown_title_col_1,
	.header__menu_dropdown_col_1_description {
		display: none;
	}

	.header__menu_dropdown_category_image {
		width: 100%;
		height: 100%;
	}

	.header__menu_dropdown_category_image_0_element {
		display: block;
		height: 30px;
		width: 30px;
		left: 0;
		border-radius: 5px;
		overflow: hidden;
		grid-column: 1;
		grid-row: 1;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	.header__menu_dropdown_title,
	.header__menu_dropdown_childtitle {
		color: #008477;
		font-size: 1.4rem;

	}

	.header__menu_dropdown_link_1,
	.header__menu_dropdown_childlink_1 {
		display: block;
		width: fit-content;
		padding-right: 10px;
		grid-column: 2;
		grid-row: 1;
	}

	.arrow_category {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 20px;
		height: 20px;
		grid-column: 3;
		grid-row: 1;
	}
	
	.arrow_category::after {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-top: 7px solid transparent;
		border-left: 7px solid #008477;
		border-right: 7px solid transparent;
		border-bottom: 7px solid transparent;
	}

	.header__menu_dropdown_category_hov {
		display: none;
	}

	.actived_nav {
		z-index: 5;
	}

	.actived_menu {
		z-index: 6;
	}

	.active_menu_2 {
		z-index: 7;
	}

	.heaeder__menu ul.flex-start-between.actived_nav,
	.header__menu_dropdown_wrap.actived_menu {
		left: 0;
	}

		/* =================Menu 2 level END==============*/
		
		/* =================Menu 3 level Start==============*/

	.header__menu_dropdown_child_category_col_3_hid {
		display: flex;
		padding: 10px 10px 10px 25px;
		align-items: center;
		gap: 10px;		
		max-width: 768px;
		width: 100%;
		height: 410px;
		margin: 0 auto;
		background: linear-gradient(to right, #008477 0 15px, #f5f5f5 15px);
		overflow-y: scroll;
		opacity: 0;
		top: 0;
		left: -100%;
		transform: scale(1, 1);
		transition: left 500ms ease-in-out, opacity 500ms ease-in-out;
	}

	.header__menu_dropdown_child_category {
		display: flex;
		flex-direction: row-reverse;
		flex-wrap: nowrap;
		gap: 20px;
		justify-content: flex-end;
		align-items: center;
		width: 100%;
		height: auto;
		padding: 0;		
	}

	.header__menu_dropdown_childtitle_col_1,
	.header__menu_dropdown_col_1_description {
		display: none;
	}

	.header__menu_dropdown_child_category_col_3_hid.active_menu_2 {
		display: flex;
		left: 0;
		opacity: 1;
	}

	

		/* =================Menu 3 level END==============*/

	/* hovers*/

	.header__menu_dropdown_link_1:hover .header__menu_dropdown_title {
		text-shadow:none;
	}
	
	.header__menu_dropdown_link_1:hover .header__menu_dropdown_category_hov {
		display: none;
	}
	
	.header__menu_dropdown_childlink_1:hover .header__menu_dropdown_childtitle {
		text-shadow: none;
	}
	
	.header__menu_dropdown_category:hover .header__menu_dropdown_col_1_hid {
		opacity: 1;
		transform: translateX(0);
	}
	
	.header__menu_dropdown_category:hover .header__menu_dropdown_child_category_col_3_hid {
		opacity: 1;
	}
	
	.header__menu_dropdown_child_category:hover .header__menu_dropdown_child_col_1_hid {
		transform: translateX(0);
	}

	.header_search_block {
		display: flex;
		flex-direction: row;
		align-items: center;
		width: 100%;
		justify-content: flex-end;
		height: fit-content;
		gap: 10px;
		padding-right: 10px;
		grid-row: 1;
		grid-column: 3;
	}

	.header_search_buton_mobi {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 30px;
		height: 30px;
		border-radius: 5px;
		background-color: rgba(0, 132, 119, 0.6);		
	}

	.header_search_buton_mobi img {
		min-height: 10px;
		min-width: 10px;
		height: 15px;
		width: 15px;
		z-index: 1;
		filter: brightness(0) invert(1);
	}
	
	.shadow_btn {
		box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.20) inset, 
					2px 3px 4px 0px rgba(0, 0, 0, 0.17) inset, 
					5px 7px 5px 0px rgba(0, 0, 0, 0.10) inset, 
					9px 13px 6px 0px rgba(0, 0, 0, 0.03) inset, 
					14px 21px 7px 0px rgba(0, 0, 0, 0.00) inset;
	}
	
	.header__search {
		width: 100%;
		height: 40px;
		position: absolute;
		left: 0;
		transform: translateX(-100%);
		transition: transform 500ms ease-in-out;
		top: var(--header_height);
		border: 1px solid #008477;
		overflow: hidden;
		border-radius: 0;
		background: #FFF;
		z-index: 5;
		box-shadow: none; /*0px 1px 2px 0px rgba(0, 0, 0, 0.03),
					0px 4px 4px 0px rgba(0, 0, 0, 0.03), 
					0px 9px 6px 0px rgba(0, 0, 0, 0.02), 
					0px 17px 7px 0px rgba(0, 0, 0, 0.00), 
					0px 26px 7px 0px rgba(0, 0, 0, 0.00);*/
	}

	.header__search.actived_nav {
		transform: translateX(0);
	}
	
	.header__search_field {
		display: block;
		max-width: 768px;
		background-color: transparent;
	}	
	
	.header_search_buton {
		max-width: 768px;
		max-height: 30px;
		background-color: transparent;
	}

	.header_search_buton img {
		height: 15px;
		width: 15px;
	}
	
	.header__search_field:focus::placeholder {
		color: transparent;
	}
	
	.header__search:focus-within {
		border-radius: 0;
		box-shadow: none;
		border: 1px solid #008477;
	}
	
	.header__search_field:focus {
		border-radius: 0;
		border: 0;
		background: #FFF;
		box-shadow: none; /*-1px 0px 2px 0px rgba(0, 0, 0, 0.05) inset, 
					-4px 0px 4px 0px rgba(0, 0, 0, 0.04) inset, 
					-10px 0px 6px 0px rgba(0, 0, 0, 0.03) inset, 
					-18px 0px 7px 0px rgba(0, 0, 0, 0.01) inset, 
					-28px 0px 8px 0px rgba(0, 0, 0, 0.00) inset;*/
	}
	
	.header__search_field:focus + .header_search_buton {
		border-radius: 0;
		background: transparent;
		box-shadow: none;/*0px 0px 2px 0px rgba(0, 0, 0, 0.20), 
					0px 0px 4px 0px rgba(0, 0, 0, 0.17), 
					0px 0px 5px 0px rgba(0, 0, 0, 0.10),
					0px 0px 6px 0px rgba(0, 0, 0, 0.03), 
					0px 0px 7px 0px rgba(0, 0, 0, 0.00);*/
	}
	
	.header__search_field:focus + .header_search_buton img {
		filter: none;
	}

	.heder_consultation_btn {
		padding: 5px;
		border-radius: 5px;
	}

	.heder_consultation_btn p {
		display: none;
	}
	
	.heder_consultation_btn svg {
		display: none;
	}
	
	.heder_consultation_btn img {
		display: block;
		width: 20px;
		height: 20px;
		
	}
	
	.heder_consultation_btn:hover {
		border: 2px solid #008477;
		background-color: transparent;
	}
	

	
	/* =================Header_menu END==============*/



	/*main_top_banner START*/

		.main_top_banner_wrap {
			width: 100%;		
			margin: 0 auto;
		}

		:root {
			--height_btn_box: calc((max(14px, 0.6rem) + 10px * 2));
			--height_text_box: calc(1.2 * 5 * max(14px, 0.8rem));
		}

		.main_top_banner__item_box {
			grid-template-columns: 1fr;
			grid-template-rows: 15% 40% 20% 20%;
			justify-content: space-between;
			align-content: stretch;
		}

		.main_title_ban_box {
			display: block;
			position: relative;
			height: 100%;
			width: 90%;
			margin: 0 auto; 
			padding: 10px 0;
			border-bottom: 0.5px solid #008477;
			grid-column: 1;
			grid-row: 1;
			overflow: hidden;
		}
		
		.main_title_ban {
			flex-direction: row;
			justify-content: center;
			gap: 10px;
			width: 100%;
			padding: 10px 0;
			margin: 0 auto;			
		}
		
		.main_top_banner__item_icon img {
			height: 100%;
			width: auto;
		}
		
		.main_top_banner__item_title {
			text-align: center;
		}

		.main_top_banner__item_text_box {	
			height: 100%;
			width: 90%;
			position: relative;
			grid-row: 3;
			grid-column: 1;
			overflow: hidden;
			margin: 0 auto;
			padding: 20px 0;
		}

		.main_top_banner__item_text {			
			max-height: var(--height_text_box);
			overflow: hidden;
			top: 30px;
		}
		
		.btn_block {
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
			align-items: center;
			gap: 10px;
			width: 90%;
			margin: 0 auto;
			grid-row: 4;
			grid-column: 1;
			padding: 0;
			height: 100%;
			margin-bottom: 20px;
		}

		.main_top_banner__item_btn_box {
			display: block;
			position: relative;
			width: 100%;
			overflow: hidden;
			height: var(--height_btn_box);
		}
		
		.main_top_banner__item_btn {
			width: 100%;			
			margin-bottom: 0;
			z-index: 5;
		}
		
		.main_top_banner__item_btn:active {
			background-color: #006060;
			color: white!important;
			border-radius: 5px 5px 0 0;
			border-bottom: 2px solid #FFF;	
		}
		
		.main_top_banner__item_btn:active svg {
			animation: move_arrow 500ms forwards;
			fill: #fff;
		}

		.main_top_banner__item_btn_anim {
			transform: translateY(-100%);
			transition: transform 500ms ease-in-out;
		}
		
		
		.image_box {
			height: 100%;
			grid-row: 2;
			grid-column: 1;
		}
		
		.line_left {
			
			height: 95%;
			width: 3px;
			bottom: 0;
			left: 10%;
		}
		
		.line_top {
			width: 85%;
			height: 3px;
			top: 10%;
			left: 10%;
		}
		
		.line_right {
			height: 95%;
			width: 3px;
			bottom: -5%;
			right: 10%;
		}
		
		.line_botom {
			width: 85%;
			height: 3px;
			bottom: 0px;
			left: 5%;
		}
		
		.image {
			left: 10%;
			top: 10%;
			right: 10%;
			bottom: 0;
		}
		
		.image_desc {
			bottom: -2%;
			right: 15%;
		}
		
		.top_banner_pag {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 5px;
		}
		
		.const_line {
			height: 5px;
		}
		
		.dinamic_line {
			height: 5px;
		}

				/* Dots */
		.main_top_banner__carousel .slick-dots
		{
			height: 15px;
			bottom: 0px;
			left: 0;
			align-items: flex-start;
		}

		
		
	/*main_top_banner END*/

	


	.main_news__slider .slick-track,
	.recomendet_product_slider_box .slick-track {
		gap: 0;
	  }




	.slick-prev {
		display: none !important;
	}

	.slick-next {
		display: none !important; 
	}
	

	/*About slider*/
	.main_abots {
		flex-direction: column;
		justify-content: center;
		width: 100%;
		height: fit-content;
		position: relative;
		margin-top: 50px;
	}

	.main_abouts_image {
		width: 100%;
		height: auto;
		position: relative;
		z-index: 2;
		aspect-ratio: 1/1;
	}

	.main_abouts_desc {
		width: 100%;
		height: fit-content;
		padding: 10px;		
		margin-top: 0;
	}

	/*About slider END*/

	.recomendet_product {
		width: 90%;
	}

	.foo {
		margin-top: 30px;
		height: fit-content;
		justify-content: flex-end;
		
	}

	.foo_content {
		display: grid;
	    grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto;
		padding: 10px;
		height: fit-content;
		gap: 15px;
		grid-auto-flow: dense;
	} 

	.foo_vertical_line,
	.foo_horizontal_line
	 {
		display: none;
	}

	.foo_left_container,
	.foo_right_container
	 {		
		height: fit-content;
		width: 45vw;
		gap: 10px;
	}
	.foo_right_container {
		grid-row: 2;
		grid-column: 1;
	}


	.foo_nav_menu {
		display: block;
		width: 45vw;
		height: fit-content;
	}


	/*================= PAGE 2 News START =================*/

	.news_title__wrap,
	.categories__first_screen {
		height: 100px;
	}
	
	.categories__first_screen {
		margin-bottom: 30px;
	}

	.m_0 {
		margin-bottom: 5px;
	}
	
	.news_title,
	.categories__first_screen_title {
		margin: auto;
	}
	
	.news_title_block,
	.categories__first_screen_title_wrap {
		width: 90%;				
		background: rgba(255, 255, 255, 0.6);
		right: 5%;
	}
	
	.top_news {
		grid-template-columns: repeat(2, minmax(125px,90vw));
		grid-template-rows: repeat(4, minmax(125px,45vw));
	}

	.top_news_box {
		max-width: 90vw;
		max-height: 600px;  
	}

	.top_newis_box {
		max-width: 45vw;
		max-height: 45vw;
	}
	
	.all_news {
		grid-template-columns: repeat(var(--columns), minmax(280px, 320px));
	}

	.main_news__slider_item {
		max-width: 359px;
		min-width: 250px;
	}
	
	.name_post {
		flex-direction: column;
		gap: 0;
		max-height: 500px;
		padding: 0;
		margin-bottom: 20px;
	}
	
	.post-image {
		display: block;
		width: 95%;
		height: 100%;
		margin: 0 auto;
		max-width: 450px;
		min-width: 250px;
		max-height: 450px;
		min-height: 250px;
	}
	
	.name_post_txt_block {
		gap: 10px;
		padding: 10px;
		height: fit-content;
		background-color: #fff;
		max-width: 100vw;
	}
	
	.name_post_txt_tag {
		padding: 0;
	}
	
	.name_post_txt {
		padding: 0;
	}
	
	.default_page_content{
	   
	   border: 0px solid #00584F;
	}


	/*================= PAGE 3 About Us START =================*/

.about_us {
    display: flex;
    flex-direction: column;
	justify-content: center;
	align-items: center;
    height: fit-content;
}

.about_us_description {
	display: block;
    width: 100%;
    height: fit-content;
    padding: 15px;
}

.d_1 {
    position: relative;
    right: 0;    
}

.about_us_bkgd {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}

.d_2 {
    position: relative;
}

.about_us_title {
    padding: 0px 10px 10px 10px;
}

.about_us_feature_color {
    gap: 16px;
    padding: 10px;
	flex-direction: column;
	align-items: center;
    flex-wrap: nowrap;
    width: 100%;
}

.d_3 {
    padding: 0;
}

.title_flexbox {
    width: 100%;
}

.about_us_feature_box_item {
    width: 100%;    
}

/*================= PAGE 3 About Us END =================*/

/*================= PAGE 4 Contact Start =================*/

.contacts__wrap {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 1fr;

    background: linear-gradient(5deg, rgba(0, 132, 119, 0.05) 0.05%, rgba(0, 132, 119, 0.30) 100.05%), #FFF;
}

.adress {
    border-right: 0;
	border-bottom: 3px solid #008477;
}

.mail {
    border-left: 0;
	border-top: 3px solid #008477;
}

/*================= PAGE 4 Contact END =================*/


/*================= PAGE 5 CATEGORIES START =================*/



.categories__first_screen_title_wrap_prod {
   
    width: 90%;
   
    right: 5%;
    background: rgba(0, 132, 119, 0.6);
}

.categories__first_screen_title_prod {
    margin: auto;
}

/*breadcrupms START*/
.breadcrupms_wrap,
.breadcrupms_wrap_prod {
    margin-top: 5px;
}

.breadcrupms_wrap ul,
.breadcrupms_wrap_prod>div {    
    flex-wrap: wrap;
    max-width: 90%;    
}

.breadcrupms_wrap_prod>div {
    max-width: 90%;
}


.breadcrupms_wrap_txt,
.txt_link,
#breadcrupms span {
    padding-right: 10px;
}

#breadcrupms>span {
    flex-wrap: wrap;
} 
/*breadcrupms END*/

.category {
    margin: 20px auto 0 auto;
}

.category_box_child_category {
    grid-template-columns: 1fr;
	
	justify-items: center;
}

.child_category_item_title p {
	padding: 5px;
}

.child_category_item_text p {
    padding: 5px;
}

.child_category_item:hover {
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.05), 
                2px 3px 4px 0px rgba(0, 0, 0, 0.04), 
                5px 6px 5px 0px rgba(0, 0, 0, 0.03), 
                9px 11px 6px 0px rgba(0, 0, 0, 0.01), 
                14px 18px 6px 0px rgba(0, 0, 0, 0.00);
    z-index: 5;
}

.category_box_prod {
    grid-template-columns: 1fr;
	justify-items: center;
    padding: 10px;
    gap: 10px;
}

.category_description {
    padding: 5px;
}


/*================= PAGE 5 CATEGORIES END =================*/

/*================= PAGE 6 Single product START =================*/

.produkt_short_description {
    margin: 30px auto 0 auto;
	padding: 0 10px;
}

.product_present {
    flex-direction: column-reverse;
	gap: 30px;
}

.img_and_link {
    width: 100%;
	gap: 30px;
}

.image_prod {
    width: 100%;
    height: auto;
	box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.20),
				4px 4px 6px 0px rgba(0, 0, 0, 0.17),
				9px 9px 8px 0px rgba(0, 0, 0, 0.10), 
				15px 15px 9px 0px rgba(0, 0, 0, 0.03), 
				25px 25px 10px 0px rgba(0, 0, 0, 0.00);
}

.prod_link {
	width: 100%;
    margin: 0 auto;
}

.button_link:active,
.info_link:active {
    background-color: rgba(0, 132, 119, 0.1);
    border-bottom: 1px solid #00584F;
}

.button_link:active .button_link_txt,
.info_link:active .button_link_txt {
    border-bottom: 0;
}

.info_link:active .button_link_txt_block {
    opacity: 1;
    transform: scale(1, 1);
}

.present_info {
	padding: 0;
    flex: 0;
    width: 100%;
}

.present_prod_title {
    padding: 10px;
}

.present_prod_short_desc {
    padding: 20px 10px;
}

.present_prod_short_desc_bkgd {
    left: 0;
	right: 0;
	width: 100%;
}

/*PRODUCT TAB START*/

.many_drawing {
    grid-template-columns: 1fr;
}

.product_tab__buttons_wrap { 
	margin-top: 16px;
	flex-wrap: wrap;
	align-items: stretch;
}

.product_tab__button {
    border-radius: 0.33rem 0.33rem 0px 0px;
    margin-right: 0;
	margin-bottom: 2px;
	width: 100%;
}

.product_tab__button.active {
	margin-bottom: 2px;
}

.product_parametrs__table_item {
	grid-template-columns: repeat(auto-fit, minmax(var(--items_width), 1fr));
}

.product_parametrs__table_option {
    grid-column: 1 / -1;
	width: 100%;
	justify-content: center;
	padding: 1px;
	text-align: center;
	border-bottom: 2px solid #E6F3F2;
}

.product_parametrs__table_bool {
	justify-content: center;
	padding: 1px;
	width: 100%;
}



/*PRODUCT TAB END*/

/*================= PAGE 6 Single product END =================*/

/*================= PAGE 7 Search START =================*/

.search_box {
	padding: 0 5px;
	margin-top: 0;
    margin-bottom: 30px;   
}

.search_image {
    grid-row: 2;
	grid-column: 1;
}

.search_title {
grid-column-start: 1;
grid-row: 1;
grid-column: span 2;
}

/*================= PAGE 7 Search END =================*/


/*================= PAGE 8 Conult order START =================*/

.consult_banner__wrap {
    height: 100px;
}

.consult_title {
    padding: 5px;
	text-align: center;
}

.block_consultation {
    width: 95%;
    height: fit-content;
    flex-direction: column;
    margin-top: 20px;
	border-radius: 15px;
}

.twenty_block {
	border-bottom: 3px solid #008477;
}

.block_consultation_item {
    display: grid;
    grid-template-columns: 1fr;
	grid-template-rows: repeat(auto-fit, minmax(0,1fr));
    width: 100%;
    height: fit-content;
    padding: 25px;
}

.twenty_block .block_consultation_item {
	grid-template-columns: 1fr 1fr;
}

.name_block_consultation {
    grid-column: 1;
}

.twenty_block .name_block_consultation {
	grid-column: 1/span 2;
}

.sub_block_item {
	align-items: center;
}

.sub_block_item p {
	text-align: center;
}

.block_form {
    width: 100%;
    height: fit-content;
    padding: 5px;
}

.answer_good,
.answer_not_ok {
    border-radius: 10px;
}

.block_form_item {    
    padding: 25px;
    border-radius: 10px;
}

.block_consultation_item_faq {
    width: 100%;
    padding: 20px;
}

.sub_block_faq_item {
    padding: 5px 10px;
	border-radius: 5px;
}

.sub_block_faq_item.open_answer {
    max-height: 20rem;
}




/*================= PAGE 8 Conult order END =================*/

















	
	.categories__first_screen_content { 
		padding: 0 10px;
		width: 100%;
	}

	.categories__first_screen_subtitle {
	    font-size: 18px;
	    padding-top: 8px; 
	}

	.category__items.subcategory .whats_new__item {
		width: 100%;
	}

	

	.about_us__row {
	    flex-direction: column;
	    align-items: center;
	}

	.about_us__item {
		width: 100%;
		margin-top: 12px;
	}

	.about_us__title { 
	    padding: 6px;
	    font-size: 14px; 
	    margin: 10px 0 0px;
	}

	.about_us__img { 
	    margin: 8px 0 0 0;
	}

	.about_us__item_title {
	    font-size: 20px;
	    line-height: 18px;
	}

	.about_us__item_link_list {
		justify-content: space-around;
	}

}
/*========== MEDIA MAX-WIDTH 768PX END ==========*/ 

/*========== MEDIA MAX-WIDTH 580PX START ==========*/
@media (max-width: 580px) {

	.category__content {
		flex-direction: column;
		align-items: center;
	}

	.category__items_wrap {
		padding-left: 0;
	}

	.product__wrap { 
	    flex-direction: column;
	    align-items: center;
	}

	.product__col_img {
		margin-bottom: 20px;
	}

	.contacts__col { 
	    padding: 16px 8px; 
	    flex-direction: column;
	    align-items: center;
	}

	.contacts__form { 
	    padding: 10px 8px;  
	}

	.contacts__form_select_list div textarea {
		min-height: 140px;
	}

	.contacts__form_select_list div {
		max-width: unset;
	}

	.contacts__form select, .contacts__form input, .contacts__form textarea {
		max-width: unset;
	}

	.product_tab__button {
		max-width: 100%;
		width: 100%;
	}

	.page404__content {
		flex-direction: column-reverse;
	}

	.page404__content .contacts__col {
		min-height: unset;
	}

	.whats_new__carousel_control_wrap {
		flex-wrap: wrap;
	}

	.whats_new__title, .main_bot__title {
		width: 100%;
		font-size: 18px;
	}

	.header__menu_dropdown_col {
		max-width: 100%;
	}

	.whats_new__item {
		margin-left: auto;
		margin-right: auto;
	}

	.main_bot__item:last-child {
	    margin-right: auto;
	}

}
/*========== MEDIA MAX-WIDTH 580PX END ==========*/ 

@media (min-width: 769px) {
	.heaeder__menu ul.flex-start-between {
		display: flex !important;
}
}