@media screen and (max-width: 1000px) {
	h1, .h1{
		font-size: 20px;
	}
	h2, .h2{
		font-size: 14px;
	}
	.columns > *, .columns > .s2 {
		grid-column: span 3;
	}
}

@media screen and (max-width: 900px) {
	footer .info{
		flex-direction: column;
		grid-gap: 8px;
	}
}

@media screen and (max-width: 780px) {
	body {
		font-size: 12px;
	}
	#auth > img{
		max-width: 220px;
	}
	header ul.flx {
		width: calc(100% - 140px);
		justify-content: flex-end;
		flex-wrap: nowrap;
		align-items: center;
		grid-gap: 2px;
	}
	header #logo img:first-child{
		display: none;
	}
	footer .logo img{
		max-width: 195px;
	}
	#auth .desc {
		font-size: inherit;
	}
	nav {
		order: 1;
		display: flex;
		grid-gap: 10px;
		width: auto;
		height: 50px;
	}
	nav a{
		font-size: inherit;
	}
	nav > a {
		padding: 0;
		margin: 0;
		width: 50px;
		border-radius: 50%;
		height: 50px;
	}
	nav > a .ma {
		left: 50%;
		transform: translate(-50%, -50%);
	}
	nav > a > span:not(.ma){
		display: none;
	}
	nav .menu {
		margin: 0;
		padding: 0 14px;
		display: inline-flex;
		align-items: center;
		border-radius: 30px;
	}
	nav .menu ul{
		margin: 0;
		display: flex;
		align-items: center;
	}
	/*nav .menu ul:last-child,*/
	nav .menu ul:first-child li:last-child{
		display: none;
	}
	.menu li {
		margin-bottom: 0;
		padding: 0 15px;
		position: relative;
	}
	.menu li:after{
		position: absolute;
		content: '';
		width: 1px;
		height: 30px;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		background-color: #fff;
	}
	.menu ul:last-child li{
		text-indent: -9999px;
	}
	.menu ul:last-child li svg{
		margin: 0;
	}
	.menu ul:last-child li:after{
		display: none;
	}
	.menu a {
		padding: 0;
	}
	.menu a.active, .menu a:hover {
		background-color: transparent;
	}
	#content{
		width: 100%;
		margin: 0 0 50px;
	}
	.menu a.active {
		text-shadow: none;
		font-weight: bold;
	}
}

@media screen and (max-width: 640px) {
	#order .top > .status + *, #order .top > .hd_form + * {
		width: 100%;
		max-width: none;
		margin: 30px 0 0;
	}
	#order .top {
		margin-left: 0 !important;
		justify-content: flex-end;
	}
	.popup form.sm {
		width: 100%;
	}
}

@media screen and (max-width: 480px) {
	body{
		font-size: 11px;
	}
	h1, .h1{
		font-size: 18px;
	}
	h2, .h2{
		font-size: 11px;
	}
	.btn{
		width: 100%;
	}
	#auth form, #auth .form {
		padding: 30px 20px 35px 20px;
	}
	#auth.login .tabs-control{
		display: inline-flex;
	}
	body .ui-tabs .tabs-control li a {
		font-size: 10px;
		padding: 10px 24px 8px;
	}
	header {
		padding: 20px 0 30px;
	}
	header ul.flx {
		grid-gap: 10px;
	}
	header ul a {
		padding: 0;
	}
	header ul a > span{
		display: none;
	}
	header ul a > img{
		width: 26px;
	}
	footer .info{
		font-size: 9px;
	}
	#content{
		margin: 0 -15px 30px;
		width: calc(100% + 30px);
		padding: 15px 15px 35px 15px;
	}
	#content:before{
		width: calc(100% - 50px);
	}
	#content > .corner-radius:before {
		left: 30px;
	}
	#content > .corner-shadow-line {
		width: calc(100% - 52px);
	}
	#content > .ic{
		left: 10px;
	}
	#content .top {
		margin-left: 50px;
	}
	#documents .preview{
		padding: 30px;
		margin: 0 -15px;
		width: calc(100% + 30px);
		max-height: none;
	}
	.article > h2 {
		padding: 13px 50px 11px 15px;
	}
	.popup{
		padding: 20px;
	}
	nav a {
		font-size: 9px;
	}
	footer {
		margin: 30px 0 0;
	}
}

@media screen and (max-width: 380px) {
	nav .menu {
		padding: 0 5px;
	}
	.menu li {
		padding: 0 10px;
	}
}