@media screen and (max-width: 1200px) {
	.vcr-search-block
	{
		max-width: calc(100% - 365px);
		margin-right: 0;
	}
	.vcr-archived .archived-elements
	{
		padding: 1em 1.5em;
	}
	.vcr-search-block,
	.archived-elements .vcr-body .bottom .winners-list .header > div:nth-of-type(1),
	.archived-elements .vcr-body .bottom .winners-list .body .winner > div:nth-of-type(1)
	{
		padding-left: 1em;
	}

	.archived-elements .vcr-body .bottom .winners-list .header > div:nth-of-type(1),
	.archived-elements .vcr-body .bottom .winners-list .body .winner > div:nth-of-type(1)
	{
		width: 15%;
	}
	.archived-elements .vcr-body .bottom .winners-list .header > div:nth-of-type(2),
	.archived-elements .vcr-body .bottom .winners-list .body .winner > div:nth-of-type(2)
	{
		width: 20%;
	}
	.archived-elements .vcr-body .bottom .winners-list .header > div:nth-of-type(3),
	.archived-elements .vcr-body .bottom .winners-list .body .winner > div:nth-of-type(3)
	{
		width: 25%;
	}
}
@media screen and (max-width: 768px) {
	.vcr-archived
	{
		padding-top: 90px;
	}
	.vcr-archived > .header
	{
		background: url("/images/content/vcr/archived_header_mobile.jpg") no-repeat center center / cover;
	}
	.archived-elements .vcr-head
	{
		padding: 10px 18px;
		height: 66px;
	}
	.archived-elements .vcr-head:after
	{
		position: relative;
		bottom: 15px;
	}
	.archived-elements .vcr-head > div
	{
		font-size: 16px;
		float: left;
		clear: left;
	}
	.archived-elements .vcr-head > div.vcr-date
	{
		padding-left: 0;
	}
	.archived-elements .vcr-body .top
	{
		display: grid;
		padding: 16px;
	}
	.archived-elements .vcr-body .top .btn
	{
		float: none !important;
		display: block;
		width: 265px;
		min-width: fit-content;
		max-width: 100%;
		margin: 10px auto !important;
	}
	.vcr-search-block
	{
		float: none;
		max-width: 100%;
		padding-left: 0;
		margin-right: 0;
	}
	.archived-elements .vcr-body .top .btn,
	.archived-elements .vcr-body .top [type="search"]
	{
		display: block;
		width: 100%;
		max-width: 100%;
		margin: 10px auto !important 0;
		min-width: inherit;
	}
	.archived-elements .vcr-body .top [type="search"]
	{
		order: 4;
	}
	.share-block
	{
		width: 100%;
		order: 3;
		float: none;
		margin: 0 auto;
	}
	.vcr-archived > .header
	{
		height: 128px;
		background-position: top center;
	}
	.archived-elements .vcr-body .bottom
	{
		max-height: inherit;
	}
	.archived-elements .vcr-body .bottom .winners-list .header
	{
		display: none;
	}
	.archived-elements .vcr-body .bottom .winners-list
	{
		padding: 10px;
	}
	.archived-elements .vcr-body .bottom .winners-list .body .winner
	{
		display: block;
		padding: 10px 15px;
	}
	.archived-elements .vcr-body .bottom .winners-list .body .winner > div:last-of-type
	{
		width: 100%;
	}
	.vcr-body .bottom .winners-list .body .winner > div,
	.archived-elements .vcr-body .bottom .winners-list .body .winner > div:nth-of-type(1),
	.archived-elements .vcr-body .bottom .winners-list .body .winner > div:nth-of-type(2),
	.archived-elements .vcr-body .bottom .winners-list .body .winner > div:nth-of-type(3)
	{
		width: 100%;
		padding: 0;
		font-size: 14px;
	}
	.vcr-body .bottom .winners-list .body .winner > div
	{
		align-items: center;
		display: flex !important;
		margin: 5px 0;
	}
	.vcr-body .bottom .winners-list .body .winner > div:before {
		content: attr(data-prename);
		display: inline-block;
		width: 70%;
		max-width: 40%;
		font-weight: normal;
	}
	.vcr-body .bottom .winners-list .body .winner > div:nth-of-type(2) a
	{
		text-decoration: underline;
	}
	.vcr-body .bottom .winners-list .body .winner > div:last-of-type:before
	{
		color: #333333;
	}
	.pagination > li > a,
	.pagination > li > span
	{
		padding: 4px 8px;
	}
}
@media screen and (max-width: 540px) {
	.vcr-body .bottom .winners-list .body .winner > div:before
	{
		width: 300px;
	}
	.archived-elements .vcr-head
	{
		height: 60px;
	}
	.archived-elements .vcr-head:after
	{
		bottom: 18px;
		left: 8px;
	}
	.archived-elements .vcr-body .top .btn
	{
		width: 100% !important;
		min-width: initial;
		margin: 5px auto;
		font-size: 14px;
	}
	.archived-elements .vcr-head > div
	{
		font-size: 14px;
	}
	.archived-elements .vcr-body .bottom .winners-list .body .winner > div,
	.vcr-body .bottom .winners-list .body .winner > div,
	.archived-elements .vcr-body .bottom .winners-list .body .winner > div:nth-of-type(1),
	.archived-elements .vcr-body .bottom .winners-list .body .winner > div:nth-of-type(2),
	.archived-elements .vcr-body .bottom .winners-list .body .winner > div:nth-of-type(3),
	.archived-elements .vcr-body .bottom .winners-list .body .winner > div:nth-of-type(4)
	{
		font-size: 12px;
	}
	.vcr-body .bottom .winners-list .body .winner > div:before
	{
		max-width: 45%;
	}
	.pagination > li > a,
	.pagination > li > span
	{
		padding: 4px 6px;
	}
	.archived-elements .vcr-head.active + .vcr-body
	{
		position: relative;
		top: -3px;
	}
}
