@media screen and (max-width:767px){
	.provider-history p,
	.provider-history div
	{
		font-size: 12px;
	}
	.provider-history
	{
		margin-top: 2em;
	}
	.provider-history h2
	{
		font-size: 24px;
	}
	.list-element .list-element-head
	{
		display: block;
		white-space: inherit;
		padding: 6px 0;
	}
	.list-element-head > div
	{
		display: inline-block;
		width: auto !important;
		min-width: min-content;
		font-weight: bolder;
		margin: 0 10px 10px 0 !important;
		padding: 0 !important;
		clear: both;
	}
	.list-element-head > div:nth-of-type(1)
	{
		margin-left: 0 !important;
	}
	.list-element-head > div > div
	{
		max-width: calc(100% - 155px);
		min-width: fit-content;
		font-size: 12px;
		padding: 3px 5px;
		line-height: inherit;
		align-self: center;
		white-space: pre;
		border: 1px solid #f5f5f5
	}
	.list-element-body .trade {
		display: block;
		padding: 0 20px;
		white-space: inherit;
	}
	.list-element-body .trade > div:nth-of-type(1),
	.list-element-body .trade > div:nth-of-type(2),
	.list-element-body .trade > div:nth-of-type(3),
	.list-element-body .trade > div:nth-of-type(4),
	.list-element-body .trade > div:nth-of-type(5),
	.list-element-body .trade > div:nth-of-type(6),
	.list-element-body .trade > div:nth-of-type(7),
	.list-element-body .trade > div:nth-of-type(8),
	.list-element-body .trade > div:last-of-type
	{
		width: 100%;
		padding-left: 15px;
		text-align: left;
	}
	.list-element-body .trade > div:before
	{
		content: attr(data-prename);
		display: inline-block;
		width: 130px;
		max-width: 70%;
		color: #131313;
	}
	.list-element-body .total > div,
	.list-element-body .total > div:first-of-type,
	.list-element-body .total > div:nth-of-type(2)
	{
		display: block;
		width: 100%;
	}
	.list-element-body .total > div:not(:first-of-type):before
	{
		content: attr(data-prename);
		display: inline-block;
		width: 150px;
		max-width: 60%;
	}
	.list-element-body .trade > div:nth-of-type(5),
	.list-element-body .trade > div:nth-of-type(7)
	{
		padding-right: 0;
	}
	.m-datepicker + .provider-history .btn
	{
		margin: 2px 5px 2px 0;
	}
	.m-datepicker form
	{
		max-width: min-content;
	}
	.m-datepicker input
	{
		padding: 13px 22px;
	}
	.m-datepicker,
	.m-datepicker + div
	{
		margin: 5px auto;
		float: left !important;
		clear: left;
	}
	.m-datepicker + div .btn
	{
		margin: 0 4px 3px 0px;
	}
}
@media screen and (max-width:540px){
	.provider-history .header > *
	{
		width: 100%;
		margin: 0 0 1em;
	}
	.provider-history .header h2
	{
		margin-top: 2em;
	}
	.list-element-body .trade > div
	{
		padding: 6px 0;
	}
}