@media screen and (min-width: 1340px) {
   
}

@media screen and (max-width: 1340px) and (min-width: 961px) {
	header {
		height: auto;
	}
	header .slogan {
		padding-top: 22%;
	}
	section {
		width: 868px;
	}
	.loading-state li {
		width: 286px;
	}
}

@media screen and (max-width: 960px) {
	header {
		height: auto;
		}
		header .slogan {
			padding-top: 30%;
			font-size: 25px;
			padding-left: 4%;
			padding-right: 4%;
		}
		header nav a {
			margin-right: 25px;
			font-size: 15px;
		}
		header nav a.lang {
			font-size: 12px;
			margin-right: 10px;
		}
		header .logo {
			top: 50px;
		}
		header .logo img {
			width: 113px;
			height: 71px;
		}
		header .object {
			margin-top: 0;
		}

	section, #contacts {
		width: 434px;
	}
	#contacts h1 {
		font-size: 30px;
	}
	.contacts-text {
		display: block;
		margin-bottom: 45px;
		width: auto;
		}
		.contacts-text .br, #about .br {
			display: none;
		}
	.contacts-info {
		display: block;
		margin: 0 auto 35px auto;
	}

	#about h2 {
		font-size: 25px;
	}

}

@media screen and (max-width: 640px) {

	header .slogan {
		padding-top: 210px;
	}
	header .slogan .br {
		display: none;
	}
	header nav {
		top: 44px;
		text-align: right;
	}
	header nav a {
		margin-right: 0;
		font-size: 20px;
	}
	header nav .br {
		display: block;
		margin-bottom: 6px;
	}
	header nav .br.l {
		margin-bottom: 20px;
	}
	header nav a.lang {
		font-size: 17px;
		margin-right: 20px;
	}

	header .object {
		min-width: 622px;
		height: 350px;
	}

}

@media screen and (max-width: 480px) {
	body, html {
		min-width: 440px;
	}
	html {
		-webkit-text-size-adjust: none;
	}
}