@media (max-width: 1600px) {
	._b-standards > .filters > .list{
		flex-wrap: wrap;
	}

	._b-standards > .filters > .controls{
		align-items: end;
	}
}

@media (max-width: 1420px) {
	._b-standards > .table > div > div > div{
		padding: 10px 15px;
	}
}

@media (max-width: 1280px) {
	._b-standards > .table > div{
		grid-template-columns: repeat(auto-fill, 450px);
		gap: 40px 20px;
	}

	._b-standards > .table > div > div{
		display: flex;
		max-width: 600px;
		width: 100%;
		flex-direction: column;
	}
	._b-standards > .table > div > div:hover{
		background-color: var(--green-5);
	}

	._b-standards > .table > div > div > div{
		background-color: transparent;
	}
	._b-standards > .table > div > div:hover > div{
		background-color: transparent;
	}

	._b-standards > .table > div > div > div.marker{
		width: 100%;
		height: 0;
		border: none;
		border-top: 8px solid black;
		border-radius: var(--r-1) var(--r-1) 0 0;
	}

	._b-standards > .table > div > div .header{
		width: auto;
		align-items: center;
	}

	._b-standards > .table > div > div .header > div > a,
	._b-standards > .table > div > div .header > span{
		text-align: center;
	}

	._b-standards > .table > div > div .buttons{
		flex-direction: row;
	}

	._b-standards > .table > div > div .text:not(:last-child){
		border-bottom: 1px solid var(--bgrey-140);
	}
}

@media (max-width: 800px) {
	._b-standards > .filters{
		flex-direction: column;
	}

	._b-standards > .filters:not(.opened) > .list{
		display: none;
	}

	._b-standards > .filters > .controls{
		justify-content: space-between;
	}

	._b-standards > .filters:not(.opened) > .controls > .open{
		display: flex;
	}

	._b-standards > .filters:not(.opened) .apply{
		display: none;
	}

	._b-standards > .filters.opened > .controls > .close{
		display: flex;
	}
}

@media (max-width: 600px) {
	._b-standards > .table > div{
		grid-template-columns: 100%;
	}
}