@media screen and (max-width: 1200px) {
	.main ul li {
		font-size: 4vw;
	}
}

@media screen and (max-width: 900px) {
	.logo {
		max-width: 181px;
		max-height: 86px;
	}

	.main {
		padding-top: 28vh;
	}

	.main ul li {
		text-align: center;
		padding: 60px 10px 2px;
		font-size: 5vw;
	}

	.main ul li:before {
		background-image: url('../img/li-bg.svg');
		width: 75px;
		height: 67px;
		margin: auto;
		bottom: auto;
		top: -10px;
		right: 0;
	}

	.footer__payment img {
		height: 20px;
	}
}

@media screen and (max-width: 600px) {
	body {
		background-image: url('../img/bg-mob.jpg');
		background-position: top center;
	}

	body::before {
		background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 21.62%, rgba(0, 0, 0, 0.7) 60.81%);
		background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 21.62%, rgba(0, 0, 0, 0.7) 60.81%);
		background: -o-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 21.62%, rgba(0, 0, 0, 0.7) 60.81%);
		background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 21.62%, rgba(0, 0, 0, 0.7) 60.81%);
	}

	.header {
		padding-top: 1.5vh;
	}

	.main ul li {
		font-size: 22px;
	}

	.footer {
		padding-bottom: 1.5vh;
	}

	.footer__payment img {
		height: 14px;
	}

	.footer__copy img {
		width: 24px;
	}

	.footer__copy p {
		font-size: 12px;
	}
}

@media screen and (max-width: 400px) {
	.main ul li {
		font-size: 18px;
	}
}