@media screen and (max-width: 768px) {
	.container {
		padding: 0 25px;
		max-width: 100%;
	}
	.header {
		transition: 0.4s all linear;
	}
	.header.active {
		background: url("../img/mob-1.png") top center / cover no-repeat;
	}
	.header .row {
		padding: 15px 0;
		border-bottom: 2px solid rgba(255, 255, 255, 0.05);
	}
	.header .logo {
		margin: 0;
		height: 30px;
	}
	.header ul {
		position: absolute;
		top: -2000%;
		left: 0;
		padding: 25px;
		width: 100%;
		flex-direction: column;
		transition: 0.4s all linear;
		background: url("../img/mob-2.png") top center / cover no-repeat;
	}
	.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.png") center / contain no-repeat;
		outline: none;
		border: none;
		cursor: pointer;
		transition: 0.4s all ease-in-out;
	}
	.burger.active {
		background: url("../img/close.png") 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: 20px;
		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, .menu__title  {
		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;
	}
	.content ul li a {
		font-size: 12px;
	}
	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);
	}

	.flag {
		margin: 0 20px 0 0;
		width: 35px;
		height: 25px;
	}
	.header__buttons {
		gap: 5px;
	}
	.header__buttons a {
		font-size: 12px;
		padding: 5px 8px;
		border-radius: 100px;
	}
	.faq__item {
		flex-direction: column;
	}
	.faq__content {
		width: 100%;
	}
	.content h3, .menu__title  {
		width: 100%;
	}
	.content h2 {
		width: 100%;
	}
}

@media screen and (max-width: 600px) {
	.container {
		padding: 0 15px;
	}
	.header .logo {
		/* height: 15px; */
	}
	.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, .menu__title  {
		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 .logo {
		height: 15px;
	}
	.footer ul li {
		margin: 0 0 20px 0;
		font-size: 12px;
		line-height: 160%;
	}

	.flag {
		width: 25px;
		height: 15px;
	}
	.inner::before {
		background: url("../img/mob.png") top / cover no-repeat;
	}
}