/* responsive */

@media screen and (max-width: 900px) {
	#header .logo{padding-left: 2%;}
	#header .nav{width: 60%;}
	#header .nav a{margin-top: 1%;}
	#header .nav .social{display: none;}
	
	.people .person .cont .info{display: none;}
	
	.mobilepadding{padding-left: 3% !important;}
}

@media screen and (max-width: 820px) {
	#header .nav{top: 40px;}
	#footer .inner_footer .l1{display: none;}
	#footer .inner_footer .l2{width: 65%; font-size: 14px;}
	#footer .inner_footer .l3{width: 35%; font-size: 14px;}
	
	.block.small{width: 90%;}
	.block.searchblocksmall{width: 80%;}
	.links .l{display: none;}
	.links .r{width: 100%; text-align: center;}
	
	.catalog .catalog_e .name {padding: 1%; width: 50%; font-size: 14px;}
	.catalog .catalog_e .pack {padding: 1%; width: 12%; font-size: 14px;}
	.catalog .catalog_e .netto {padding: 1%; width: 15%; font-size: 14px;}
	.catalog .catalog_e .brutto {padding: 1%; width: 15%; font-size: 14px;}
}

@media screen and (max-width: 620px) {
	#header .nav{top: 20px;}
	#header .nav a{margin: 2% 2% 0 0;}
	.block{width: 90%; margin-left: auto; margin-right: auto;}
	.hide620{display: none;}
	.center620{text-align: center;}
	.block .l{width: 100%;}
	
	.people .person .name{font-size: 14px;}
	
	
	
	.gallery .g{width: 46%;}
	
	.gallery .gallery_img{width: 22%;}
}

@media screen and (max-width: 550px) {
	.catalog .catalog_e .name{width: 54%;}
	.catalog .catalog_e .pack{display: none;}
	.catalog .catalog_e .netto{width: 20%;}
	.catalog .catalog_e .brutto{width: 20%;}
	
	.gallery_select .theme{width: 70%; margin: 20px auto 0 auto; float: none;}
}

@media screen and (max-width: 420px) {
	#header .logo{width: 50%; margin: auto; float: none;}
	#header .nav{float: none; top: 0px; margin: auto auto 4%; width: 100%;}
	#header .nav a{text-align: center; width: 100%; margin:0; /*border-style: solid; border-color: #b9c0cb; border-width: 0 0 1px 0;*/}
	#header .nav a:nth-child(2n){background-color: #dcd4c7;}
	.roundedMenu{-webkit-border-radius: 0px; border-radius: 0px;}
	#header .navicon{display: block;}
	#header .nav{display: none;}
	
	#footer .inner_footer .l2{width: 100%; font-size: 12px;}
	#footer .inner_footer .l3{display: none;}
	
	.people .person .name{font-size: 12px; font-weight: bold;}
	
	.gallery .gallery_img{width: 43%; margin: 2.5%;}
	
	.catalog .catalog_e .name {width: 70%;}
	.catalog .catalog_e .netto {display: none;}
	.catalog .catalog_e .brutto {width: auto;}
	
	.search div:nth-child(1){width: 60%;}
	.search div:nth-child(2){width: 30%;}
}