html, body, form {
	padding:0;
	margin:0;
}
[class^="adaptive-"] {
	display:none;
}
#CatList div a {
	display:inline-block;
	white-space: normal;
	vertical-align:text-top;
}
.ImgList img {
	max-width:100%;
	height:auto;
}

@media screen and (max-width: 1100px) {
	* {
		box-sizing:border-box;
		max-width:100%;
	}
	html, body {
		font-size:16px;
		width:100%;
		overflow-x: hidden;
	}
	body > div:first-child {
		display:none;
	}
	blockquote {
		display:block;
		padding:0;
		margin:0;
	}
	ul {
		padding-left:1em;
	}
	pre {
	    white-space: pre-wrap;
	}
	.hide-adaptive,
	.hide-adaptive-1100px {
		display:none;
	}
	.SearchForm {
		display:block;
		box-sizing:border-box;
		max-width:100%;
		overflow:hidden;
		padding: 15px;
		margin-bottom: 15px;		
	}
	.SearchForm tbody {
		display:block;
	}
	.SearchForm * {
		box-sizing:border-box;
		font-size:16px;
	}
	.SearchForm tr {
		display:flex;
		flex-flow:row wrap;
	}
	.SearchForm th {
		flex:0 0 30%;
		padding:7px;
	}
	.SearchForm td {
		flex:1 1 70%;
		padding:7px;
	}
}

@media screen and (max-width: 900px) {
	.hide-adaptive-900px {
		display:none;
	}
	.maintable, .maintable > tbody {
		display:block;
		width:100%;
	}
	.maintable > tbody > tr {
		display:flex;
		flex-flow:row nowrap;
	}
	.maintable > tbody > tr > td {
		flex:1 1 auto;
		padding:15px;
	}
	.maintable tr.header-row {
	}
	.maintable tr.header-row .Logo {
		width:150px;
		padding-left:50px;
	}
	.maintable tr.header-row .Logo p {
		padding:0;
		margin:0;
	}
	.maintable tr.header-row .Logo img {
		width:100%;
		height:auto;
	}
	.maintable tr.content-row > td {
		width:100%;
		padding-left: 50px;
		font-size:16px;
	}
	#CatList {
		padding:0 0 0 1em;
	}

	#CatList, #CatList * {
		font-size:16px;
		white-space: normal;
	}
	.maintable tr.content-row td.Yandex {
		display:none;
	}
}
@media screen and (max-width: 750px) {
	.hide-adaptive-750px {
		display:none;
	}
	.table-block-750px, 
	.table-block-750px > tbody, 
	.table-block-750px > tbody > tr, 
	.table-block-750px > tbody > tr > td, 
	.table-block-750px > tbody > tr > th {
		display:block;
		width:100%;
	}
	.table-block-750px td:empty {
		border:none;
	}
	.maintable tr.header-row {
		flex-flow:row wrap;
	}
	.maintable tr.header-row > td {
		flex: 0 0 100%;
		text-align:center;
		padding:15px 15px 15px 50px;
	}
	.maintable tr.header-row > td.Logo {
		padding-top:30px;
	}
	.maintable tr.header-row > td.Logo img {
		width:150px;
		height:auto;
	}
	.ListGost, .ListGost > tbody {
		display:block;
	}
	.ListGost, .ListGost > tbody > tr {
		display:flex;
		flex-flow:row wrap;
	}
	.ListGost, .ListGost > tbody > tr.r02,
	.ListGost, .ListGost > tbody > tr.r12
	{
		border-bottom:2px solid #333;
		padding-bottom:1rem;
	}
	.ListGost, .ListGost > tbody > tr > td{
		flex: 0 0 100%;
		text-align:left !important;
	}
	.ListGost, .ListGost > tbody > tr:first-child {
		display:flex;
		flex-flow:row nowrap;
	}
	.ListGost, .ListGost > tbody > tr > th{
		flex: 1 1 20%;
	}
	.ttxtable, .ttxtable > tbody {
		display:block;
	}
	.ttxtable > tbody > tr  {
		display:flex;
		flex-flow:row wrap;
	}
	.ttxtable > tbody > tr > th {
		width:100%;
		text-align:left;
		font-weight:bold;
	}
	.ttxtable > tbody > tr > td {
		width:100%;
	}
}

@media screen and (max-width: 500px) {
	html, body {
		font-size:12px;
	}
	.hide-adaptive-500px {
		display:none;
	}
	.SearchForm th {
		flex:0 0 100%;
		padding:7px;
		text-align:left;
		font-weight:bold;
	}
	.SearchForm td {
		flex:1 1 100%;
		padding:7px;
	}
	.maintable tr.content-row > td {
		padding-left: 0;
	}
	body {
		background:#fff;
	}
	.Content {
		padding:0 10px !important;
	}
}

