@media (min-width: 300px) and (max-width: 1024px) {
	
	body {
		padding:0.5em;
	}
	
	.header {
		display: block;
		padding:1em;
		margin:0;
	}

	.header .logo img {
		max-width:280px;
		display:block;
		margin:0 auto;
	}
	
	.header .contacts {
		margin:1em 0 0 0;
		text-align: center;
		font-size: 1em;
	}
	
	.nav {
		border-top: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		padding: 0.5em 0 0 0;
		margin: 0 0 1em 0;
	}
	
	.nav ul {
		display: block;
		flex-direction: row;
		justify-content: flex-start;
		gap: 0em;
	}
	
	.nav ul li {
		display:inline-block;
		padding: 0 0.5em 0.5em 0;
	}
	
	.mainfield .section {
		border-radius: 1em;
		margin-bottom: 1em;
	}

	.mainfield .section .title {
		font-size: 1.2em;
		line-height: 1em;
		margin-bottom: 1em;
	}
	
	.mainfield .section .description {
		margin-bottom: 1em;
		max-width: 100vw;
		font-size:0.9em;
	}
	
	.mainfield .section-6 .content {
		width: 100%;
		order: 2;
		padding: 1em;
	}
	
	.mainfield .section-6 .pic {
		width: 100%;
		order: 1;
		height:1px;
	}
	
	.mainfield .section-6 .pic img {
		width: 100%;
		height:auto;
	}
	
	.mainfield .section-7 .content {
		width: 100%;
		order: 2;
		padding: 1em;
	}
	
	.mainfield .section-7 .pic {
		width: 100%;
		order: 1;
		height:1px;
	}
	
	.mainfield .section-7 .pic img {
		width: 100%;
		height:auto;
	}
	
	.mainfield .section-8 .content {
		width: 100%;
		order: 2;
		padding: 1em;
	}
	
	.mainfield .section-8 .pic {
		width: 100%;
		order: 1;
		height:1px;
	}
	
	.mainfield .section-8 .pic img {
		width: 100%;
		height:auto;
	}
	
	.mainfield .catalog {
		margin-top: 1em;
		margin-bottom: 1em;
	}
	
	.catalog .title {
		font-size: 1.2em;
		line-height: 1em;
		margin-bottom: 1em;
		text-align: center;
	}
	
	.catalog .content {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		gap: 1em;
	}
	
	.catalog .content .cat-section {
		width: 289px;
		background: #ffffff;
		text-align: center;
		padding: 1em;
		border-radius: 1em;
	}
	
	.ask-form {
		margin-top: 1em;
	}
	
	.ask-form .title {
		font-size: 1.2em;
		line-height: 1em;
		margin-bottom: 1em;
		text-align: center;
	}
	
	.ask-form .form {
		display: grid;
		gap: 0.5em;
		grid-template-areas:
			"data1 data1"
			"data2 data2"
			"submit submit";
		grid-template-columns: repeat(2, 1fr);
	}
	
	.ask-form .form .data1 input {
		font-size: 1em;
		padding: 0 0.5em;
		display: block;
		margin-bottom: 0.5em;
	}
	
	.ask-form .form .data2 textarea {
		font-size: 1.2em;
		border: 1px solid #000000;
		padding: 0.5em;
		display: block;
		margin-bottom: 1em;
		width: 100%;
		border-radius: 1em;
		height: 200px;
	}
	
	.about {
		margin-top: 2em;
	}
	
	.about .title {
		font-size: 1.2em;
		line-height: 1em;
		margin-bottom: 1em;
		text-align: center;
	}
	
	.benefits {
		margin-top: 2em;
	}
	
	.benefits .title {
		font-size: 1.2em;
		line-height: 1em;
		margin-bottom: 1em;
		text-align: center;
	}
	
	.benefits .benefits-list .benefit {
		padding-top: 1em;
	}
	
	
	
	
	
	
	.innerfield .text-field {
		line-height: 1.7em;
		padding: 1em;
		border-radius: 1em;
		background: #ffffff;
	}
	
	.innerfield .text-field img {
		display: block;
		margin: 1em auto;
		border-radius: 1em;
		border: 1px solid #E6E6E6;
		padding: 0.5em;
		width:100%!important;
		height:auto!important;
	}
	
	.innerfield .catalog {
		margin-top: 1em;
		margin-bottom: 2em;
	}
	
	.innerfield .catalog .box {
		padding: 1em;
		background: #ffffff;
		border-radius: 1em;
		
	}
	
	.innerfield .catalog .box .items-field {
		overflow-x:scroll;
	}
	
	.innerfield .catalog .list-header {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
		gap: 0.5em;
		margin: 0 0 0.5em 0;
		background: #ffffff;
		padding: 0.5em;
		border-radius: 0em;
		color: #3781CF;
		font-size: 0.8em;
	}
	
	.innerfield .catalog .item {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
		gap: 0.5em;
		padding: 0.5em;
		font-size: 0.8em;
	}
	
	.innerfield .catalog .box .data-0 {
		width:100px;
	}
	.innerfield .catalog .box .data-1 {
		width:100px;
	}
	.innerfield .catalog .box .data-2 {
		width:100px;
	}
	.innerfield .catalog .box .data-3 {
		width:100px;
	}
	.innerfield .catalog .box .data-4 {
		width:100px;
	}
	.innerfield .catalog .box .data-5 {
		width:100px;
	}
	
	
	.innerfield .catalog .description-field {
		display: grid;
		grid-template-areas: "pic pic pic"
							"descr descr descr";
		grid-template-columns: repeat(3, 1fr);
		gap: 1em;
		padding-top: 1em;
		margin-top: 2em;
		border-top: 1px solid #cccccc;
	}
	
	
	.innerfield .catalog .description-field .description {
		grid-area: descr;
		padding-left: 0em;
		border-left: 0px solid #cccccc;
		line-height: 1.7em;
	}
	
	
	.bredcrumbs {
		margin-bottom: 1em;
		margin-left: 0em;
		color: #999999;
	}
	
	
	
	
	
	.item-page .item {
		display: grid;
		grid-template-areas:
			"itempic itempic itempic"
			"itemspec itemspec itemspec"
			"itemdescr itemdescr itemdescr";
		grid-template-columns: repeat(3, 1fr);
		gap: 1em;
		padding: 1em;
		background: #ffffff;
	}
	
	.item-page .item .spec {
		grid-area: itemspec;
		border-left: 0px solid #cccccc;
		padding-left: 0em;
	}
	
	.articls h1.title {
		font-size:1.2em;
		text-align:center;
	}
	
	
	.articls .list {
		padding: 1em;
		border-radius: 1em;
		background: #ffffff;
	}
	
	.articls .list .post {
		margin-bottom: 2em;
	}
	
	.articls .list .post .box {
		display: grid;
		grid-template-areas: 	"artpic artpic artpic"
								"artdescr artdescr artdescr";
		grid-template-columns: repeat(3, 1fr);
		gap: 1em;
	}
	
	.articls .list .post .box .descript {
		grid-area: artdescr;
		padding: 0 0em;
		border-left: 0px solid #cccccc;
		line-height: 1.5em;
	}
	
	
	
	.articl article {
		padding: 1em;
		border-radius: 1em;
		background: #ffffff;
	}
	
	.articl article .title {
		line-height: 1.5em;
		font-size: 1.2em;
	}
	
	.kontakty h1.title {
		font-size:1.2em;
		text-align:center;
	}
	
	.kontakty .content {
		padding: 1em;
		border-radius: 1em;
		background: #ffffff;
	}
	
	.kontakty .content iframe {
		padding: 1em;
		margin: 1em 0;
		border: 1px solid #E6E6E6;
		border-radius: 1em;
		width: 100%;
	}
	
	
	.footer {
		margin-top: 2em;
		padding-top: 1em
	}

}