@media screen and (max-width: 950px){
	header{
		height: 95px;
	}
	.logo {
		width: 180px;
		padding: 18px 0 0 9.5%;
	}
	.burger {
		right: 50px;
	}
	nav{
		overflow: auto;
		position: fixed;
		top: 95px;
		left: 0;
		display: none;
		width: 100%;
		height: calc(100vh - 95px);
		z-index: 1000;
		background: #797979;
	}
	nav ul {
		float: none;
		width: 100%;
		list-style: none;
		display: inline-block;
		text-align: left;
		margin: 0;
		padding: 20px 0 20px 25px;
		line-height: 2.5;
		box-sizing: border-box;
	}
	nav ul li {
		display: inline-block;
		margin-right: 0px;
		text-transform: uppercase;
	}
	.burger {
		display: block;
	}
	.burger span, .burger:after, .burger:before {
		position: relative;
		display: block;
		height: 4px;
		background-color: #797979;
		opacity: 1;
		transition: all 0.5s ease;
	}
	.burger:after, .burger:before {
		content: '';
		top: 0;
	}
	.burger span {
		margin-top: 4px;
		margin-bottom: 4px;
	}
	.burger.act span {
		opacity: 0;
	}
	.burger.act:before {
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 8px;
	}
	.burger.act:after {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: -8px;
	}
	nav ul li {
		display: block;
	}
	ul li ul {
		visibility: visible;
		width: 100%;
		margin-top: 0;
		background: none;
		padding: 0 0 0 20px;
		position: relative;
		left: 0;
		box-shadow: none;
		opacity: 1;
		display: none;
   		overflow: hidden;
		line-height: 1.8;
	}
	ul li > ul li > ul {
		width: 100%;
		margin: 0 0 0 15px;
		padding: 0;
		display: none;
   		overflow: hidden;
	}
	ul li > ul li a {
		color: #fff;
	}
	nav > ul > li > ul > li > ul > li > a {
		letter-spacing: 0px;
	}
	.tape {
		margin-top: 95px;
	}
}
@media screen and (max-width: 480px){
	.logo {
		width: 150px;
	}
	.burger {
		right: 20px;
	}
	.slider {
		margin-top: 95px;
	}
	h1 {
		font-size: 1.5em;
		padding: 15px 10%;
	}
	.text-product p {
		width: 100%;
	}
	.slide-top:nth-child(2n+1) p:nth-of-type(2n+1) {
		float: none;
		width: 100% !important;
	}
	.slide-top:nth-child(2n) p:nth-of-type(2n+1) {
		float: none;
		width: 100% !important;
	}
	.slide-top:nth-child(2n) > p {
		margin-left: 0;
	}
	.image {
		width: 100%;
		margin-top: 0;
		float: none;
	}
	.text, .contacts {
		width: 100%;
		float: none;
	}
	.map{
		display: none;
	}
	.left {
		float: none;
		width: 100%;
	}
	.left p {
		padding: 12px 10% 0;
		text-align: right;
	}
	.right {
		float: none;
		width: 100%;
	}
	.right p {
		padding: 12px 10% 17px;
	}
}