@media screen and (max-width: 650px){
@charset "utf-8";
/* основной блок */
#container {margin:0 auto 25px;max-width:100%;min-width:481px;position:relative;width:100%;overflow:hidden;}
/* шапка сайта */
#page_header{overflow:hidden;position:relative;height:200px;z-index:10;}
/* логотип */
a#logo {background: url("images/logo-17.png") no-repeat scroll center 100% / 345px 180px/*230px 120px*/ rgba(0, 0, 0, 0);height: 80px;width: 100%;border: 0 none;display: block;overflow: hidden;text-indent: -9999px;position:absolute;left:0px;top:-5px;}

/*  средняя часть шапки*/
div.header_top_center {position:relative;left: 0px;top:60px;max-width:650px;min-width:481px;margin: 0 auto;text-align:center;}
/* правая часть шапки */
div.header_top_aside {position:relative;left:40px;top:65px;width: 156px;}
div.header_order {position:relative;top:-120px;float:right;white-space:pre-line;line-height:0.3;left:70px}/* 470px при трЄх кнопках */
div.footer_copyright {
    float: left;
    margin: 7px 0 0 15px;
	position: relative;
	color:#fff;
}
div.mp_bottom {
    margin: 0 auto;
}
div.mp_clients_item {
    float: left;
    width: 50%;
}
nav.header_menu ul li a, nav.header_menu ul li span {font: normal normal 20px Arial, sans-serif;white-space: nowrap;}
nav.bottom_menu li {
	display:inline;
	float:none;
	white-space:nowrap;
	height:37px;
	width:100px;
	text-align: center;
	margin-top: 5px;
	line-height:2;
	margin-left: 2%;
}
.ul_cat{overflow:hidden;width:448px;left: -15px;position:relative;list-style:none;margin:0 auto;padding:0;font-size: 15px;}
#tel {
display:inherit;
border-bottom: beige;
font-size: 25px;
}
/* Убираем лишние элементы*/
#contact{
display:none;
}
#more_portfolio{
display:none;
}
}

@media screen and (max-width:480px){
/* основной блок */
#container {margin:0 auto 25px;max-width:100%;min-width:0px;position:relative;width:100%;overflow:hidden;}
/* шапка сайта */
#page_header{height: 140px; }
/* логотип */
a#logo {background: url("images/logo-17.png") no-repeat scroll center 100% / 320px 180px rgba(0, 0, 0, 0);height: 80px;width: 100%;border: 0 none;display: block;overflow: hidden;text-indent: -9999px;position:absolute;left:0px;top:-5px;}
.bline{
background:none;
}
.blinest {
display:none;
}
.blinend {
display:none;
}
.slogan{
display:none;
}
.under_footer_right,.under_footer_left{
display:none;
}
.header_top_aside
{display:none;}
/* Новая кнопка написать письмо*/
a.send_an_order{
display:none;
}
div.header_order{
top:0px;
width: 100%;
left: 0px;
height:67px;
line-height:0;
}
.header_top_center{
display:none;
}
.sp{
display:none;
}
h1{
display:none;
}
#tel{
display:none;
}
.mobile_h2, .mobility, .mobiltel{
width: 50%;
height: 100%;
float:left;
display:inherit;
border: 0 none;
text-align:center;
font-size:30px;
}
.mobile_h2{
width:100%;
margin:0px;
}
.mobility{
line-height:30px;
background: #7E71B1;
font-size: 50px;
color: greenyellow;
vertical-align:middle;
}
.mobiltel{
line-height:35px;
font-size: 50px;
color: white;
background: #1d7add;
vertical-align:middle;
}
.h2{
display:none;
}
.ul_mine{
display:none;
}
.header_inner{
margin-right:0px;
}
.ul_cat{
width:100%;
left: 0px;
text-align: center;
}
div#main-content{
padding:0;
width:100%;
}
.ul_cat li{
width:100%;
background:none;
padding: 0;
height:100%;
font-size:20px;
margin-top:3px;
}
.a_cat {
background: deepskyblue;
}
.a_cat a {
color:#1d7add;
font-size:20px;
border-bottom: none;
}
span.send_an_order{
display:none;
}
#page_footer{
display:none;
}
}