@media screen and (max-width: 768px) {
	.posts {
		flex-direction:column;
	}  
	.posts__info {
		width:100%;
		margin-bottom:15px;
	}
	.posts__items p {
		font-size: 16px;
	}
	.posts__items img {
		border-radius:0;
	}
	table {
		width: 100%;
		overflow: auto;
		display: block;
	}
	body {
		padding: 0;
	}
	.header .container {
		border-radius: 0px;
	}
	.container {
		padding: 0 25px;
		max-width: 100%;
	}
	.header {
		top: 0px;
		transition: 0.4s all linear;
	}
	.header .row {
		padding: 15px 0;
		border-bottom: 2px solid rgba(255, 255, 255, 0.05);
	}
	.header .logo {
		margin: 0;
		height: 30px;
	}
	.header ul {
		position: fixed;
		top: -100%;
		left: 0;
		padding: 25px;
		width: 100%;
		flex-direction: column;
		transition: 0.4s all linear;
		background: none;
		z-index: 1;
	}
	.header.active ul {
		top: 7%;
		left: 0;
		background: #fff;
	}
	.header ul li {
		color: #171717;

		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;
		z-index: 2;
	}
	.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);
	}
	.inner .row .button span {
		font-size: 18px;
	}
	.footer .container {
		border-radius: 0px;
	}
	.footer .row {
		flex-direction: column;
		padding: 15px 0;
		border-top: 2px solid rgba(255, 255, 255, 0.05);
	}
	.footer .logo {
		margin: 0;
		height: 35px;
		width: 100%;
		align-self: flex-start;
	}
	.footer ul {
		/* margin: 43px 0 0 0; */
	}
	.footer ul li {
		width: 100%;
		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);
	}

	.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;
	}
	.showcase {
		flex-direction: column;
		border-radius: 22px;
		padding: 0;
		background-color: #ededed;
	}
	.showcase__item {
		height: 65px;
		gap: 0;
		border-radius: 22px !important;
		padding: 10px;
	}
	.showcase__title span {
		font-size: 16px;
		margin: 0;
	}
	.showcase__title {
		padding: 0 0 0 13px;
		font-size: 14px;
	}
	.showcase__img {
		min-width: 215px;
		height: 100%;
		padding: 0 0 0 18px;
	}
	.showcase__img::before {
		top: 30px;
		width: 20px;
		border-radius: 22px;
		font-size: 14px;
		height: 60px;
	}
	.showcase__img img {
		height: 60px;
		border-radius: 0;
		margin: 0 !important;
	}
	.showcase__img p {
		margin: 0 !important;
		height: 100%;
	}
	.showcase__rating {
		display: flex;
		justify-content: center;
		min-width: 215px;
		padding: 0 15px;
	}
	.showcase__btn {
		padding: 16px 5px;
		font-size: 14px;
		width: 100%;
		height: 100%;
		text-align: center;
	}
	.showcase__title .showcase__rating {
		display: none;
	}
	.inner .row.not-found h1 {
		font-size: 99px;
		line-height: 100px;
	}
	.inner .row.not-found h2 {
		font-size: 26px;
		line-height: 30px;
	}
}

@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;
	}
	.inner .row .button span {
		font-size: 14px;
	}
	.content h2 {
		margin: 0 0 30px 0;
		font-size: 28px;
		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%;
	}

	.flag {
		width: 25px;
		height: 15px;
	}
	.inner::before {
		background: url('../img/mob.png') top / cover no-repeat;
	}
	.showcase__img {
		max-width: 150px;
		min-width: 150px;
	}
	.showcase__img p {
		height: 63px;
	}
	.showcase__rating {
		max-width: 150px;
		min-width: 150px;
	}
}