html, body {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input[type=button], input[type=submit] {
    -webkit-appearance: none;
}

@media (max-width: 1280px) {
}
@media (max-width: 1024px) {
}


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


@media (max-width: 640px) {

  /*.wrap {box-shadow:0 0 1px red inset}
  .wrap div, .wrap span, .wrap a {box-shadow:0 0 1px blue inset}
  */
  body { min-width:320px}
  .wrap {width:300px}
  h1 {font:300 20px/26px Roboto;padding:0 0 15px 0;}
  h2 {font:300 18px/20px Roboto}
  h3 {font:300 16px/20px Roboto}

  #content {padding:20px 0; font:13px/18px Roboto; min-height:400px;}
  #content_l {float:none; width:auto; margin:0 0 20px 0}
  #content_r {float:none; width:auto; margin:0 0 20px 0}

  #picture {background-size:cover; min-height:160px; padding:0 0 40px 0; height:auto}
  #picture #filter_form {display:none; width:auto; padding:20px 20px; height:auto; opacity:0; transition:opacity 0.5s ease; -webkit-transition:opacity 0.5s ease}
  #picture #filter_form h3 {color:#fff;}
  #picture #filter_form h3 .ico {margin:-8px 14px -8px 0;}
  #picture #filter_form form {padding:16px 0 0 0;}
  #picture #filter_form .sel {margin:0 0 10px 0; position:relative; height:27px; background:#fff}
  #picture #filter_form .button_custom { display:block; margin:24px auto 0; color:#fff; width:110px; text-decoration:none; font:18px/34px Roboto; border:1px solid #fff; border-radius:2px;}
  #picture #filter_form .button_custom .ico {margin:-3px 3px -3px -3px}

  #header {height:48px; padding:10px 0; }
  #header .wrap {height:38px;}
  #header_pre {height:73px;}
  #header .logo  {transform:scale(0.5,0.5);-webkit-transform:scale(0.5,0.5); margin:-24px -50px;}
    
  #menu {display:none}

  #home_news {height:auto}
  #home_news.catalog_news {background:none; padding:15px 0 0 0; border-radius:0; border-top:3px solid #FF4D2C}
  #home_news #news {float:none; width:auto}
  #home_news h2 {padding:0 0 15px 0; text-align:center}
  #home_news #news .inw {position:relative; height:360px; overflow:hidden}
  #home_news #news .item {float:left; width:145px; margin:0 10px 0 0; font:300 12px/16px Roboto; overflow:hidden}
  #home_news #news .item .img {-webkit-transform: scale(0.5,0.5); transform: scale(0.5,0.5); margin:-60px -70px -50px;}
  #home_news #news .item .date {font:12px Roboto; color:#555;}
  #home_news #news .item a.t {font:16px/20px Roboto; padding:5px 0 10px; margin:0;border-bottom:1px solid #eee}
  #home_news #news .pages {text-align:center;}
  #home_news #news .pages .ico {width:20px; height:20px; float:none; display:inline-block; margin:0 5px;}
  #home_news .features {float:none; height:300px; width:auto; border-bottom:none; padding:20px 0 0 0}
  #home_news .features .item {float:left; width:130px; font:16px/20px Roboto; text-align:center; padding:10px; border-bottom:none}
  #home_news .features .ico {float:none; display:block; margin:0 auto 10px auto}
        
  #content #news_ .item .date {font:12px Roboto}
  #content #news_ .item a.t {font:16px/20px Roboto}
    
  #map {height:auto; }
  #map #contact {margin:0; width:auto; padding:20px; height:auto;font:16px/30px Roboto}      
  #map #contact h2 {text-align:left;font-size:20px; padding:0 0 30px 0;}
  #map #contact .ico {margin:-5px 5px -5px -5px;-webkit-transform: scale(0.7,0.7); transform: scale(0.7,0.7);}
  #map #contact .item {}
  #copy {font-size:12px;}
  #copy span {display:block; margin:0 0 5px;}
  #copy a {margin:0 ;}

  a.help_big, a.chat_big {display:none}
    
  .tree {font:12px/16px Roboto;margin:0}
  .tree .ico_r {display:none}


  #model_sel {padding:10px 0}
  #model_sel a {width:135px}
  a.but_back {font:300 13px/20px Roboto}
  .your_auto .img { margin:0;}
  .your_auto .in { margin:0 0 0 110px;}
  .your_auto {padding:0 0 20px 0; font-size:13px; border-bottom:1px solid #eee; margin:0 0 50px 0;}
  #your_auto {text-align:center; padding:0 0 15px 0; margin:0 0 20px 0}

  #car_logo {margin:0 -3px}
  #car_logo h3 {padding:0 0 20px 0}
  #car_logo a {margin:-20px;-webkit-transform: scale(0.5,0.5); transform: scale(0.5,0.5)}
  #car_logo a span {display:block; border:2px solid #ddd; padding:10px; text-align:center}

  img.left, img.right {float:none; max-width:100%; height:auto; margin:0 0 10px 0}

  #form th, #form td {display:block; width:auto}
  #form { margin:15px 20px; width:260px;}
  #form th, #form td { display:block; width:auto !important; font:300 14px/20px Roboto; text-align:left; padding:5px;}
  #form th {padding:5px 5px 0}
  #form input.button, input.button { font-size:12px; color:#A00303; text-align:center; line-height:18px; text-decoration:none; height:24px; margin-right:5px; padding:2px 6px; background:url(/images/button2.gif) repeat-x; border:1px solid #FFAE00;}
  .buttonr { float:right;}
  input.input2, input.input { border:1px solid #CBCBCB; padding:3px; }
  #form textarea { width:240px}
  #form input.input { width:240px;}
  #form select { border:1px solid #D6DBE2; width:250px; padding:2px;}
  #form textarea { height:120px;}
  #form h3 { margin:5px 0; padding:0; font:14px/16px Roboto}
  #form h3 label {display:block; padding:0 0 0 30px;}
  #form h3 label input {float:left; margin:3px 0 0 -25px;}
  #form .novin {font-size:11px;}
  .need, .req { font-weight:bold; color:#F73E23; font-family:Tahoma, Arial}
  .need2, .req2 { font-weight:bold; color:#F73E23; font-family:Tahoma, Arial}
  #form a.button {background:#F73E23; color:#fff; text-decoration:none; padding:5px 15px;}

.home_block {padding:20px 0 40px}
.home_block .in, .home_block2 .in {padding:0;}
.home_block .in img, .home_block .in2 img {margin:0 0 20px; float:none; width:100%}


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


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

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (   min--moz-device-pixel-ratio: 1.5),
only screen and (     -o-min-device-pixel-ratio: 15/10),
only screen and (        min-device-pixel-ratio: 1.5),
only screen and (                min-resolution: 144dpi),
only screen and (                min-resolution: 1.5dppx) {
}