@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 850px){
	header h1{float:none; margin:0px auto 15px auto;}
	header nav{float:none;}
	header nav ul{width:100%; text-align:center;}
	header nav ul li{padding:0px 15px;}
	
	section.services article{width:-moz-calc(25% - 21px); width:-webkit-calc(25% - 21px); width:-o-calc(25% - 21px); width:calc(25% - 21px); padding:20px 10px;}
	section.services article:first-child{width:-moz-calc(25% - 20px); width:-webkit-calc(25% - 20px); width:-o-calc(25% - 20px); width:calc(25% - 20px);}
	
	.fancybox-inner{font-size:12px;}
	.fancybox-inner h2{font-size:24px; line-height:24px;}
	.fancybox-inner h3{font-size:14px; line-height:14px;}
	.fancybox-inner strong{font-size:14px;}
}

@media only screen and (max-width: 800px){
	section.about img{margin:0px 0px 0px 20px;}
	
	section.products a{width:-moz-calc(33.3334% - 20px); width:-webkit-calc(33.3334% - 20px); width:-o-calc(33.3334% - 20px); width:calc(33.3334% - 20px);}
	section.products a:nth-child(4n+3){clear:none;}
	section.products a:nth-child(3n+3){clear:both;}
}

@media only screen and (max-width: 750px){
	.fancybox-inner div.media{width:auto; float:none; margin:0px auto 40px auto;}
	.fancybox-inner div.media .thumbs{text-align:center;}
	.fancybox-inner div.info{width:auto; float:none;}
}

@media only screen and (max-width: 700px){
	section.home article{font-size:14px; text-align:center;}
	section.home article h2{font-size:24px; line-height:28px;}
	section.home article a.button{max-width:100px; display:block; float:none; margin:20px auto 0px auto;}
	
	section.services article{width:-moz-calc(50% - 21px); width:-webkit-calc(50% - 21px); width:-o-calc(50% - 21px); width:calc(50% - 21px);}
	section.services article:first-child,
	section.services article:nth-child(3){width:-moz-calc(50% - 20px); width:-webkit-calc(50% - 20px); width:-o-calc(50% - 20px); width:calc(50% - 20px); border-left:none;}
	section.services article big.icon1{margin:27px auto;}
	section.services article big.icon2{margin:27px auto;}
	section.services article big.icon3{margin:20px auto;}
	section.services article big.icon4{margin:33px auto;}
}

@media only screen and (max-width: 650px){
	header nav ul li{padding:0px 0px 0px 10px;}
	
	section.request aside{width:auto; max-width:none; float:none; margin:0px 0px 20px 0px;}
	section.request article{width:auto; max-width:none; float:none; margin:0px;}
	section.request article aside,
	section.request article aside:first-child{width:auto; float:none; margin:0px;}
	
	section.contacts aside{width:auto; float:none; margin:0px 0px 40px 0px;}
	section.contacts article{width:auto; float:none;}
}

@media only screen and (max-width: 600px){
	section.about img{float:none; margin:0px auto 20px auto;}
}

@media only screen and (max-width: 550px){
	header nav ul li:last-of-type{display:block; padding:0;}
	
	section.products a{width:-moz-calc(50% - 10px); width:-webkit-calc(50% - 10px); width:-o-calc(50% - 10px); width:calc(50% - 10px); padding:0px 5px 20px 5px;}
	section.products a:nth-child(3n+3){clear:none;}
	section.products a:nth-child(2n+1){clear:both;}
	
	footer{text-align:center;}
	footer aside{float:none; padding:10px 0px 0px 0px;}
	
	.fancybox-inner h2{font-size:18px; line-height:18px;}
	.fancybox-inner h3{font-size:12px; line-height:12px;}
	.fancybox-inner strong{font-size:12px;}
}

@media only screen and (max-width: 500px){
	h3{font-size:18px; line-height:18px; margin:0px 0px 20px 0px;}
	strong{font-size:12px;}
	
	section.home article,
	section.about,
	section.services,
	section.products,
	section.request,
	section.contacts{padding:20px 0px;}
}

@media only screen and (max-width: 450px){
	header nav ul li{padding:0px 10px;}
	header nav ul li a{font-size:14px;}
}

@media only screen and (max-width: 400px){
	header nav ul li a{font-size:12px;}
	
	section.services article,
	section.services article:nth-child(3){width:100%; border-left:none; border-top:1px solid #444; float:none; padding:20px 0px;}
	section.services article:first-child{width:100%; border-left:none; border-top:none; float:none; padding:20px 0px;}
	section.services article big.icon1,
	section.services article big.icon2,
	section.services article big.icon3,
	section.services article big.icon4{margin:15px auto;}
}

@media only screen and (max-width: 350px){
	header nav ul li{padding:0px 5px;}
	
	section.products a{width:100%; float:none; clear:both; padding:0px 0px 20px 0px;}
	section.products a:nth-child(3n+3){clear:none;}
	section.products a:nth-child(2n+1){clear:none;}
	
	section.request div.select.long{width:100%; float:none;}
	section.request div.select.small{width:100%; float:none; margin:0px 0px 20px 0px;}
}