@media screen and (max-height: 720px) {
	body { font-size: 18px !important; }
	.main-page .logo .slogan { display: none; }
}
@media screen and (max-height: 640px) {
	#menu-button { top: 5%; right: 5%; }
	.main-page .logo { top: 10%; }
	.main-page .services { bottom: 10%; }
}
@media screen and (max-height: 480px) {
	.main-page .logo { top: 5%; }
	.main-page .services { bottom: 5%; }
}
@media screen and (max-width: 1200px) {
	body { font-size: 18px !important; }
	.box-center {
		padding-left: 15px;
		padding-right: 15px;
	}
	.col-page { width: 75%; }
	.col-page.image { width: 25%; }
}
@media screen and (max-width: 980px) {
	.col-content-in { padding: 0; }
	.col-right { position: relative; width: 100%; min-height: auto; }
}
@media screen and (max-width: 860px) {
	.contacts__email {
		display: none;
	}
	.col-page-in h3 { padding: 0 0 1em 0; }
	.page { height: auto; }
	.page.main-page { height: 100vh; }
	.page .col-page, .page .wide-page, .page .wide-page, .page .box-center {
		width: 100%;
		overflow: none;
		height: auto;
	}
	.wide-page .box-center .company-block { left: 0; top: 0; transform: none; margin: 2em 0; }
	.image-item .image-item-block .image-item-info { padding: 0.5em; }
	.col-page.image { width: 100%; height: 50vh; }
	.article-page .gallery { height: 50vh; }
	.page .col-page-in { left: 0; top: 0; width: 100%; padding: 15% 5%; transform: none; }
	.article-page .col-page.image { position: relative; width: 100%; height: 50vh; }
	.article-page .col-page.text .col-page-in { padding: 5%; }
	.image-item .image-item-block .image-item-info { opacity: 1; }
	.form-callback.col { padding: 0; }
	
	.page-heading, .page-content { padding: 0 1em; }
	.news-item .news-image { display: none; }
	.news-item .news-content { float: none;	}
	.news-item .news-content .news-content-in { padding: 0; }
	
	.content img { margin: 0 !important; padding: 10px 0 !important; max-width: 100% !important; height: auto !important; float: none !important; clear: both !important; }
}
@media screen and (max-width: 740px) {
	.main-page .logo .slogan { display: none; }
}
@media screen and (max-width: 640px) {
	h1 { font-size: 2em; }
	h2 { font-size: 1.5em; }
	h3 { font-size: 1.2em; color: #ce8575; }

	nav .nav-logo { display: none; }
	.head .logo { padding-left: 3em; }
	.page-heading { padding: 3em; }
	ul.breadcrumb { padding: 0 3em; }
	.page-heading h1 { font-size: 2em; }
	.image-item { width: 100%; height: 50vh; }
}
@media screen and (max-width: 480px) {
	.contacts__phone {
		display: none;
	}
}