@charset "utf-8";
/* CSS Document */

@media (min-width:1px) and (max-width:767px){
	.nonMobile{display:none;}
	.mobile{display: block;}
	.h1{font-size: 9vw;}

	header .menu_wrapper .menu_holder {position: fixed;right: 0;top: 0;bottom: 0;background: white;z-index: 99999;width: 80%;transform-origin: right;transform: scaleX(0);transition: .4s all;flex-flow: column;justify-content: center;gap: 15px;height: 100vh;}
	header .menu_wrapper .menu_holder.open {transform: scaleX(1);}
	header .menu_wrapper .menu_holder .close {position: absolute;top: 80px;right: 30px;font-size: 40px;}
	header .menu_wrapper .menu_holder .subMenu {display: block;position: unset;min-width: unset;box-shadow: unset;background: unset;padding: 0;text-align: center;}
	header .menu_wrapper .menu_holder > li > a {font-size: 22px;font-weight: 600;}
	header .menu_wrapper .menu_holder .subMenu li:not(:last-of-type){margin-bottom: 5px;}
	header .menu_wrapper .menu_holder > li{text-align: center;}
	.menu_holder > li:hover::after {display: none;}

	.flexHolder{flex-flow: column;}
	#about .flexHolder .text, #about .flexHolder .image,#about1 .flexHolder .text, #about1 .flexHolder .image,#about2 .flexHolder .text, #about2 .flexHolder .image,#about3 .flexHolder .text, #about3 .flexHolder .image,#about4 .flexHolder .text, #about4 .flexHolder .text2,.pageContent .image-text .image,.pageContent .image-text .text{width: 100%;}

	.pageContent .image-text{flex-flow: column;}
	.drva .drvo{width: calc(calc(100% - 45px)/4);text-align: center;}
	.drva .drvo picture img{width: 100%;}
	table, th, td {font-size: 12px;padding: 5px;}
	.pageContent table th, .pageContent table td{padding: 5px;}
	.tab-header{width: 32%;padding: 15px 0;font-size: 14px;min-width: unset;}
	.pageContent .image-text .text .iconsHolder .icon{width: calc(100% / 3);}
	.pageContent .image-text .text .iconsHolder .icon img{width: 60px;}
	.pageContent .image-text .text .iconsHolder .icon p{font-size: 14px;}
	
}