#wrapper{width:965px;} 
#sub_5 {float:left;}
#sub_5 ul {list-style-type:none; margin:0; padding:0;}
#sub_5 ul .style9 {display:block; margin-top:30px;}
#sub_5 ul .style9.first {display:block; margin-top:0px;}

#article_5 {margin-bottom:20px;}
#index_footer_vnutryak {position:relative !important;}
#Div1 {float:left;}
.clearfix {clear:both;}

#mobile-header {display:none}
#mobile-menu {}
.mobile-only {display:none}


.logo-work {width:660px; float:left; display:block; position:relative; padding:0;}
.logo-work img {width:100%; display: block; position:relative; max-width: 100% !important; padding:0; margin:0;}
.logo-work .p { float:left; margin:10px 10px 0 10px; color:#222; font-size:100% !important;}
.logo-work .how-much {float:right; height:30px; width:200px; margin-top:10px; border:2px solid red; text-align:center; cursor:pointer; line-height:1; color:#000}





/* 24" Screen 1600 or larger (browsers) */
@media only screen and (min-width: 1600px) {}
/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 960px) {}



/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 965px) {
#wrapper{width:710px;float:none; margin:0 auto;}
#apDivtel{margin:14px 15px 0 0; height:20px; float:right; position:relative; padding:0;}

#menu{display:none }
#sub_5 {display:none }
#article_5 {float:none; margin:0 auto;}

#mobile-header {display:block; float:left;}
#mobile-logo {float:left;  width:185px; height:59px; background:url(i/menu_new.gif) 0px 0px no-repeat; margin:-5px 0 0 -7px;}
#responsive-menu-button {float:left; width:85px; margin:6px 0 0 2px; padding:9px 20px 10px 20px;  font-family: 'PT Sans Narrow', sans-serif; font-size: 17px; background:#666; text-decoration:none; color:#fff; font-weight:normal}
#mobile-menu {display:block; float:left;}
#mobile-menu li a{ font-family: 'PT Sans Narrow', sans-serif; font-size: 17px; background:#666; padding:10px 20px ; line-height:1; text-decoration:none; color:#fff; font-weight:normal}
.sidr ul span {display:block; width:100%; box-shadow: none !important; background: #fefefe  !important; font-size: 20px; color: #000; cursor:none; padding:6px 10px 8px 15px;}

#index_footer_vnutryak {width:710px;float:none; margin:0 auto;}
#index_footer_vnutryak h2{font-size:20px;}
#more_{width:220px; margin-right:0px; margin-left:20px; float:left;}
#more_2{width:200px; margin-right:0px; margin-left:0px; float:left;}
#Div1{width:240px;}
}



/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 767px) 
{
#wrapper{width:100%;float:none; margin:0 auto;}
#apDivtel{margin:14px 0px 0 0; height:20px; float:right; position:relative; padding:0;}
#apDivtel img {margin-left: -20px;}

#menu{display:none }
#sub_5 {display:none }
#article_5 {width:100%; float:none; margin:0 auto;}

#article_5 table {width:100%;}
#article_5 table.argument td {width:50%;}

.logo-work {width:95%; float:none; display:block; position:relative; }
.logo-work img {width:100%; display: block; position:relative; max-width: 100% !important; padding:0; margin:0;}
.logo-work .p { float:left; width:60%; margin:10px 0px 10px 0px; color:#222; font-size:100% !important;}
.logo-work .how-much {float:right; height:30px; width:100px; margin:20px 0 20px 0; border:2px solid red; text-align:center; cursor:pointer; line-height:1; color:#000}


#article_5 table.zakaz .td1 {width:40%;}
#article_5 table.zakaz input {width:80%;}
#article_5 table.zakaz #msg {width:80%;}

#mobile-header {display:block; float:left;}
#mobile-logo {float:left;  width:185px; height:59px; background:url(i/menu_new.gif) 0px 0px no-repeat; margin:-5px 0 0 -7px;}
#responsive-menu-button {float:left; width:85px; margin:6px 0 0 2px; padding:9px 20px 10px 20px;  font-family: 'PT Sans Narrow', sans-serif; font-size: 17px; background:#666; text-decoration:none; color:#fff; font-weight:normal}
#mobile-menu {display:block; float:left;}
#mobile-menu li a{ font-family: 'PT Sans Narrow', sans-serif; font-size: 17px; background:#666; padding:10px 20px ; line-height:1; text-decoration:none; color:#fff; font-weight:normal}
.sidr ul span {display:block; width:100%; box-shadow: none !important; background: #fefefe  !important; font-size: 20px; color: #000; cursor:none; padding:6px 10px 8px 15px;}


#index_footer_vnutryak {width:100%; height:auto; float:none; margin:0 auto;}
#index_footer_vnutryak h2{font-size:20px;}
#more_{width:50%; margin-right:0px; margin-left:0px; float:left;  display:none; }
#more_ div {margin-left:20px;}
#more_2{width:49%; margin-right:0px; margin-left:0px; float:left;  display:none; }
#Div1{width:100%}
#Div1 div {padding: 10px 20px 20px 10px}
#Div1 div br { display:none; }
#Div1 div .style151 {padding:0; margin:0;}


}


/* Mobile Portrait Size to Mobile Landscape Size (devices) */
@media only screen and (max-width: 479px) 
{
#apDivtel{display:none}
h1 {margin:0;padding:10px 0 0 0;}
#article_5 table.argument td  ul{margin:0;padding:0 0 0 10px;}

.logo-work .p { float:left; width:50%; margin:10px 0px 10px 0px; color:#222; font-size:90% !important;}
.logo-work .how-much {float:right; height:30px; width:100px; margin:20px 0 20px 0; border:2px solid red; text-align:center; cursor:pointer; line-height:1; color:#000}

#logo-price {font-size:90% !important; }
#logo-price b{font-size:90% !important; }
#logo-price p strong{font-size:85% !important; }
}