body {
    width: 100%;
    text-align: center;
    font-family: 'Proxima Nova', serif;
    font-size: 12px;
    color: #545454;
    margin: 0;
    background-color: #f7f7f7;
}
@media (min-width: 1267px){	
	
		.slider, .vedomstvo, .w100, .tittle, .prise, .gallery-block, .title-vtor, .production-page, .content, #links, .gallery-vtor{
			width: 100%;
		}
		header, .client, .production, .work, .gallery, footer, .name-page, .content-position{
			width: 96%;
		}
			
		.menu, .prise-img, .prise-text, .menu-footer, .info, .copyrite, .client-right, .client-left {
			width: 50%;
		}
		.tovar{
			width: calc(100% / 3);
			margin: 2% auto;
			}
		.logo, .header-phone, .etap1, .etap2, .etap3, .etap4, .footer-phone, .footer-adress {
			width: 25%;
		}
		header, .client, .production, .work, .prise, .gallery, .gallery-block, footer, .title-vtor, .name-page, .production-page, .content-position, #links, .gallery-vtor{
				margin: 0 auto;
				min-height: 100px;
				display: flex;
				flex-flow: row wrap;
				position: relative;
		}
		.logo, .menu, .header-phone, .slider, .vedomstvo, .tittle, .etap1, .etap2, .etap3, .etap4, .prise-img, .prise-text, .menu-footer, .footer-phone, .footer-adress, .info, .copyrite, .content, .client-right, .client-left {
			box-sizing: border-box;
		}
}
@media (min-width: 760px) and (max-width: 1267px) {	
	
	.slider, .vedomstvo, .w100, .tittle, .prise, .gallery-block, .title-vtor, .production-page, .content, .prise-text, #links, .client-right, .client-left, .gallery-vtor {
		width: 100%;
	}
	header, .client, .production, .work, .gallery, footer, .name-page, .content-position{
		width: 96%;
	}
	.menu {
		width: 75%;
	}	
	.tovar, .info, .copyrite, .etap1, .etap2, .etap3, .etap4, .footer-phone, .footer-adress {
		width: 50%;
	}
	.logo {
		width: 25%;
	}
	header, .client, .production, .work, .prise, .gallery, .gallery-block, footer, .title-vtor, .name-page, .production-page, .content-position, #links, .gallery-vtor{
			margin: 0 auto;
			min-height: 100px;
			display: flex;
			flex-flow: row wrap;
			position: relative;
	}
	.logo, .menu, .header-phone, .slider, .vedomstvo, .tittle, .etap1, .etap2, .etap3, .etap4, .prise-img, .prise-text, .menu-footer, .footer-phone, .footer-adress, .info, .copyrite, .content, .client-right, .client-left {
		box-sizing: border-box;
	}
	.header-phone, .prise-img, .menu-footer {
		display: none;
	}
}

@media (max-width: 760px) {	
	
	.slider, .vedomstvo, .w100, .tittle, .prise, .gallery-block, .title-vtor, .production-page, .content, .prise-text, .tovar, .etap1, .etap2, .etap3, .etap4, .copyrite, #links, .client-right, .client-left, .gallery-vtor {
		width: 100%;
	}
	.logo {
		width: 80%;
	}
	header, .client, .production, .work, .gallery, footer, .name-page, .content-position{
		width: 96%;
	}
	
	.footer-phone, .footer-adress {
		width: 50%;
	}
	.menu {
		width: 100%;
	}	
	header, .client, .production, .work, .prise, .gallery, .gallery-block, footer, .title-vtor, .name-page, .production-page, .content-position, #links, .gallery-vtor{
			margin: 0 auto;
			min-height: 100px;
			display: flex;
			flex-flow: row wrap;
			position: relative;
	}
	.logo, .menu, .header-phone, .slider, .vedomstvo, .tittle, .etap1, .etap2, .etap3, .etap4, .prise-img, .prise-text, .menu-footer, .footer-phone, .footer-adress, .info, .copyrite, .content, .client-right, .client-left {
		box-sizing: border-box;
	}
	.info, .header-phone, .prise-img, .menu-footer {
		display: none;
	}
}