@media screen and (max-width: 768px) {
	.container {
		padding: 0 25px;
		max-width: 100%;
	}
	.header {
		border-bottom: 1px solid rgba(27, 89, 146, 0.17);
		transition: 0.4s all linear;
	}
	.header.active {
		background: url('../img/mob-1.webp') bottom right / cover no-repeat;
	}
	.header .row {
		padding: 15px 0;
		border-bottom: 2px solid rgba(255, 255, 255, 0.05);
	}
	.header .logo {
		margin: 0;
		height: 25px;
	}
	.header ul {
		position: absolute;
		top: -2000%;
		left: 0;
		padding: 25px;
		width: 100%;
		flex-direction: column;
		background: url('../img/mob-2.webp') top right / cover no-repeat;
		transition: 0.4s all linear;
	}
	.header.active ul {
		top: 100%;
	}
	.header ul li {
		text-align: left;
		align-self: flex-start;
		margin: 0 0 25px 0;
		font-size: 18px;
		line-height: 27px;
	}
	.burger {
		display: block;
		width: 40px;
		height: 40px;
		background: url('../img/burger.svg') center / contain no-repeat;
		outline: none;
		border: none;
		cursor: pointer;
		transition: 0.4s all ease-in-out;
	}
	.header.active .burger {
		background: url('../img/close.svg') center / cover no-repeat;
		transition: 0.4s all ease-in-out;
	}
	.inner .row {
		max-width: 100%;
	}
	.inner .row h1 {
		margin: 0 0 25px 0;
		font-size: 66px;
		line-height: 75px;
	}
	.inner .row p {
		margin: 0 0 25px 0;
		font-size: 18px;
	}
	.inner .row .button {
		padding: 23px 73px;
		box-shadow: inset 0px 4px 6px rgba(255, 255, 255, 0.31);
		border-radius: 19px;
	}
	.inner .row .button span {
		font-size: 18px;
	}

	.footer .row {
		flex-direction: column;
		padding: 30px 0;
		border-top: 2px solid rgba(255, 255, 255, 0.05);
	}
	.footer .logo {
		margin: 0;
		height: 25px;
		align-self: flex-start;
	}
	.footer ul {
		margin: 43px 0 0 0;
	}
	.footer ul li {
		width: 50%;
		text-align: left;
		align-self: flex-start;
		margin: 0 0 25px 0;
		font-size: 18px;
		line-height: 27px;
	}
	.content .block,
	.content .row {
		flex-direction: column;
		flex-wrap: nowrap;
	}
	.content .head,
	.content .text,
	.content img {
		width: 100%;
	}
	.content h2 {
		margin: 0 0 40px 0;
		font-size: 44px;
	}
	.content img {
		margin: 0 0 40px 0;
		border-radius: 20px;
	}
	.content .text {
		margin: 0 0 30px 0;
	}
	.content p {
		margin: 0 0 30px 0;
		font-size: 16px;
		line-height: 26px;
	}
	.content h3 {
		margin: 0 0 40px 0;
		font-size: 33px;
	}
	.content ul,
	.content ol {
		margin: 0 0 30px 0;
		padding: 0 0 0 20px;
	}
	.content ol li,
	.content ul li {
		font-size: 16px;
		line-height: 26px;
	}
	td,
	th {
		font-size: 16px;
		line-height: 26px;
	}
	.content .img-text {
		width: 100%;
	}
	header {
		border-bottom: 1px solid rgba(27, 89, 146, 0.17);
	}
	header ul {
		border-top: 1px solid rgba(27, 89, 146, 0.17);
	}
}

@media screen and (max-width: 600px) {
	.container {
		padding: 0 15px;
	}
	.header .logo {
		height: 20px;
	}
	.header .burger {
		height: 30px;
		width: 30px;
	}
	.header ul {
		padding: 29px 15px;
	}
	.header ul li {
		margin: 0 0 20px 0;
		font-size: 12px;
		line-height: 160.02%;
	}
	.inner .row h1 {
		margin: 0 0 25px 0;
		font-size: 48px;
		line-height: 87.02%;
	}
	.inner .row p {
		font-size: 14px;
		line-height: 160%;
	}
	.inner .row .button {
		width: 100%;
		padding: 18px;
		border-radius: 13px;
	}
	.inner .row .button span {
		font-size: 14px;
	}
	.content h2 {
		margin: 0 0 30px 0;
		font-size: 32px;
		line-height: 87.02%;
	}

	.content h3 {
		margin: 0 0 30px 0;
		font-size: 22px;
		line-height: 87.02%;
	}
	.content img {
		margin: 0 0 30px 0;
	}
	.content .text {
		margin: 0 0 20px 0;
	}
	.content p {
		margin: 0 0 20px 0;
		font-size: 12px;
		line-height: 19.2px;
	}
	.content ol,
	.content ul {
		margin: 0 0 20px 0;
		padding: 0 0 0 20px;
	}
	.content ol li,
	.content ul li,
	td {
		font-size: 12px;
		line-height: 19.2px;
	}

	.footer ul {
		margin: 43px 0 0 0;
	}
	.footer ul li {
		margin: 0 0 20px 0;
		font-size: 12px;
		line-height: 160%;
	}
}