@media (min-width: 768px) {
	.container{
		width:750px;
	}
}

@media (min-width: 992px) {
	.container{
		width:970px;
	}
}

@media (min-width: 1200px) {
	.container{
		width:1170px;
	}
}

@media (max-width: 1440px) {
	header{
		background-position:0 50%;
	}
}

@media (max-width: 1400px) {
	#links{
		width:100px;
		left:-50px;
	}
	
	#links > img{
		width:100px;
	}
	
	#links ul li a{
		height:75px;
	}
}
	
@media (max-width: 1200px) {
	nav .container.mini{
		background-position:20px 50%;
	}
	
	nav .container{
		padding-right:0;
	}
	
	nav ul > li{
		margin-right:40px;
	}
	
	nav ul .number{
		font-size:22px;
	}
	
	header{
		background-position:10% 50%;
	}
	
	.advant > li{
		width:33.33%;
		height:188px;
		padding:20px 40px;
	}
	
	#about p{
		margin-bottom:40px;
	}
	
	#products .image{
		width:300px;
	}
	
	#products .desc{
		margin-left:340px;
	}
	
	#products > div:nth-child(2n) .desc{
		margin-right:340px;
	}
	
	#products .buttons > div:first-child{
		width:340px;
	}
	
	#tguarant ul{
		display:block;
	}
	
	#tguarant ul li{
		width:226px;
		margin:0;
	}
	
	#tguarant ul li p{
		width:100%;
	}
	
	#tguarant ul li:first-child{
		float:left;
		margin-left:65px;
	}
	
	#tguarant ul li:last-child{
		float:right;
		margin-right:65px;
	}
	
	#tguarant ul li p{
		width:226px;
	}
	
	#contacts > .container{
		margin-left:-485px;
	}
	
	footer > .container{
		padding-left:20px;
	}
	
	footer .logo-f{
		width:150px;
		height:auto;
		margin:40px 60px 0 0;
	}
	
	footer .logo-f img{
		width:100%;
	}
}

@media (max-width: 991px) {
	nav .container.mini{
		background-position:0 50%;
	}
	
	.container{
		padding:0 20px;
	}
	
	#links{
		left:-80px;
	}
	
	nav .container{
		padding-left:130px;
	}
	
	nav .logo{
		width:200px;
		left:20px;
	}
	
	nav ul > li{
		margin-right:30px;
	}
	
	nav ul .number{
		font-size:18px;
	}
	
	nav ul .number img{
		height:20px;
		margin-top:20px;
	}
	
	nav ul > li > a{
		font-size:14px;
	}
	
	header{
		background-position:40% 50%;
	}
	
	header .short p{
		font-size:18px;
	}
	
	#about p{
		font-size:14px;
	}
	
	#products .full .desc > img{
		width:200px;
	}
	
	#tguarant ul li:first-child{
		margin-left:10px;
	}
	
	#tguarant ul li:last-child{
		margin-right:10px;
	}
	
	#contacts > .container{
		margin-left:-375px;
	}
	
	#contacts .info{
		width:340px;
		padding:0;
		right:40px;
	}
	
	#contacts .info > div{
		padding:20px;
	}
	
	#contacts .info .social{
		padding:0 20px;
	}
	
	#contacts .info .social .ttl{
		padding:0 8px;
	}
	
	#contacts div.title{
		padding:40px 20px 0;
		margin-bottom:0;
	}
	
	footer{
		height:auto;
		padding-bottom:40px;
	}
	
	footer .container .info{
		padding-top:40px;
		float:left;
	}
	
	footer .container .info > div{
		float:none;
	}
	
	footer .logo-f{
		margin-top:0;
	}
	
	footer .form{
		width:340px;
		padding:40px 40px 40px 0;
	}
}

@media (max-width: 940px) {
	#links{
		display:none !important;
	}
	
	#products .full .desc,
	#products .full .bold{
		font-size:14px;
		line-height:22px;
	}
}
	
@media (max-width: 800px) {
	
}

@media (max-width: 768px) {
	nav .container{
		padding-left:20px;
		background:url(../images/logo-mini.png) 20px 50% no-repeat;
	}
	
	nav .container.mini{
		background-position:10px 50%;
	}
	
	nav .logo{
		display:none !important;
	}
	
	nav ul{
		display:table !important;
		margin:0 auto !important;
		padding-left:40px;
	}
	
	nav ul li > a{
		font-size:12px;
	}
	
	header .short{
		padding-top:40px;
	}
	
	header{
		background-position:40% 50%;
	}
	
	header .container{
		padding-bottom:80px;
	}
	
	header .short p{
		font-size:16px;
	}
	
	.advant > li{
		padding:20px;
	}
	
	#about{
		height:auto;
		padding-bottom:80px;
		background-size:cover;
	}
	
	#about p{
		padding:0 40px;
	}
	
	#tguarant{
		height:auto;
		padding:60px 0;
	}
	
	#tguarant > .container{
		padding-top:0;
		min-height:auto;
		background:none;
	}
	
	#tguarant .ttl{
		margin-bottom:60px;
	}
	
	#tguarant ul li{
		width:50%;
		margin:0;
	}
	
	#tguarant ul li:first-child,
	#tguarant ul li:last-child{
		margin:0;
	}
	
	#tguarant ul li img,
	#tguarant ul li p{
		margin:0 auto;
	}
	
	#contacts > .container,
	#contacts .info{
		position:static;
		margin:0;
	}
	
	#contacts div.title{
		padding-top:20px;
	}
	
	#contacts .info{
		width:auto;
		height:auto;
		text-align:center;
		border-top:none;
	}
	
	#contacts .info .social{
		padding-bottom:20px;
	}
	
	#contacts .social .list{
		margin:0 auto;
	}
	
	#contacts .street{
		margin-bottom:0;
	}
}

@media (max-width: 734px) {
	
}

@media (max-width: 720px) {
	
}

@media (max-width: 700px) {
	
}

@media (max-width: 676px) {
	nav .container.mini{
		background-position:20px 50%;
	}
	
	.advant > li{
		padding:20px 0;
	}
	
	nav .container{
		height:60px;
		padding-right:20px;
	}
	
	#menu, nav .phone{
		display:block;
	}
	
	nav .phone img{
		display:block;
		float:left;
		height:20px;
		margin-top:20px;
		margin-right:10px;
	}
	
	nav ul{
		display:none !important;
		position:absolute;
		top:60px;
		left:0;
		width:100%;
		padding:0;
		z-index:6;
	}
	
	nav ul li{
		width:100%;
		float:none;
		background-color:#231F1A;
	}
	
	nav ul li a{
		font-size:16px;
		line-height:50px;
		text-align:center;
	}
	
	#menu:hover + ul{
		display:block !important;
	}
	
	nav ul li:last-child{
		display:none;
	}
	
	.advant{
		padding:60px 0;
	}
	
	#about p{
		line-height:24px;
	}
	
	#products .full .desc{
		padding:20px 40px;
	}
	
	#products .full .close{
		top:20px;
		right:20px;
	}
	
	#products .image{
		width:380px;
		height:300px;
		float:none !important;
		margin:0 auto;
	}
	
	#products .image img{
		width:380px;
	}
	
	#products .desc h3.ttl{
		text-align:center;
		padding-top:20px;
	}
	
	#products .desc{
		margin:0 !important;
	}
	
	#products .buttons > div{
		float:left !important;
		width:50% !important;
		margin:0 !important;
		padding:0 !important;
	}
	
	#products .buttons > div > div{
		float:none !important;
		margin:0 auto !important;
	}
	
	footer{
		padding:40px 0;
		height:auto;
	}
	
	footer .container .info{
		float:none;
		width:100%;
	}
	
	footer .container .info > div{
		width:60%;
		margin:0;
		padding:0;
		float:left;
	}
	
	footer .info div.logo-f{
		width:40%;
	}
	
	footer .logo-f img{
		width:80%;
	}
	
	footer .form{
		float:none;
		width:100%;
		padding:20px;
		margin:0;
		text-align:center;
	}
}

@media (max-width: 610px) {
	
}

@media (max-width: 590px) {
	.advant > li{
		font-size:14px;
	}
	
	#products .full ul,
	#products .full ol{
		padding:0;
	}
}

@media (max-width: 520px) {	
	header{
		background-position:30% 50%;
	}

	header .short{
		float:none;
		padding:40px 0 0 0;
		margin:60px auto 0;
		text-align:center;
	}
	
	header .short form{
		float:none;
		width:100%;
	}
	
	header .short input{
		width:100% !important;
	}
	
	header .short input[type="text"]{
		font-size:16px;
	}

	.advant > li{
		width:50%;
	}
	
	#products .full .title{
		line-height:25px;
	}
	
	#products .image{
		width:100%;
		padding:0 20px;
	}
	
	#products .image img{
		width:inherit;
	}
	
	#products .buttons > div{
		padding:0 20px !important;
		width:100% !important;
		margin-bottom:20px !important;
	}
	
	#products .buttons > div:last-child{
		margin-bottom:0 !important;
	}
	
	#products .buttons > div > div{
		width:100%;
	}
	
	#tguarant ul li{
		float:none !important;
		width:100% !important;
	}
	
	#tguarant ul li:first-child{
		margin-bottom:40px;
	}
	
	#tguarant ul li img{
		width:160px;
	}
}

@media (max-width: 464px) {	
	header h1{
		font-size:36px;
	}
	
	header .short p{
		font-size:14px;
	}
	
	header .short p br{
		display:none;
	}
	
	nav .phone{
		font-size:14px;
	}
	
	#products .full .close{
		right:10px;
	}
	
	#contacts .info{
		padding:20px 0;
	}
}

@media (max-width: 445px) {
	nav .phone img{
		display:none;
	}
	
	#contacts > .container{
		padding:0;
	}
	
	#products .image{
		height:200px;
	}
	
	#products .full .desc > img{
		float:none;
	}
	
	footer .logo-f img{
		margin:0 auto;
	}
	
	footer .logo-f > img{
		width:150px;
		margin:0 auto 40px;
	}
	
	footer, footer .container .info{
		padding-top:0;
	}
	
	footer .container .info{
		text-align:center;
	}
	
	footer .container .info > div{
		width:100%;
		padding:40px 20px 0;
		float:none;
	}
	
	#feedback .close{
		top:-60px;
		right:auto;
		left:50%;
		margin-left:-16px;
	}
	
	#feedback .form{
		width:100%;
		padding:0 40px;
	}
}

@media (max-width: 380px) {
	header h1{
		font-size:30px;
	}
}

@media (max-width: 345px) {
	
}

@media (max-width: 300px) {
	
}