﻿* { -webkit-tap-highlight-color: rgba(0,0,0,0); }
@viewport{user-zoom: fixed;}


@media only screen and (max-width: 890px) {

#message br,
#calc-type-auto b br,
#menu5,
#working br,
#fixmessage button i { display: none; }

h1 { font-size: 260%; }
#top-phone { font-size: 80%; }
#message { font-size: 170%; }
#main-img img { width: 90%; }
#type-auto { font-size: 80%; }
#type-auto img { width: 75%; }
#callback { background-position: 50%; padding: 1em 0 2em 0; }
#callback p { width: 100%; text-align: center; padding: 0; }
#cb-form { width: 55%; margin-right: 22.5%; margin-top: 1.5em; }
.benefit { font-size: 90%; height: 11em; }
.benefit img { width: 4.5em; height: 4.5em; margin: 0 1.5em .5em 0; }

#calc { width: 43%; }
#calc-type-auto b { width: 100% !important; margin-top: 0; padding: 0; }
#calc-type-auto div { width: 100%; margin: 1em 0 0 0; text-align: left; }
#calc-type-auto img { width: 4em; vertical-align: middle; margin: 0 .5em 0 0; }
#calc-type-auto label { padding-left: 2em; font-size: 95%; }
#calc-type-auto label:before { top: .35em; margin-top: 0; }
#calc-block-wheels { margin-top: 2em; }
#calc-block-wheels label { width: 33.333%; margin-bottom: 1em }
#ls-check { margin-top: 1em; }
#calc-total i { display: block; }
#calc-total:after { content: ""; }
#calc-total i:after { content: " руб."; }
#calc button { font-size: 110%; line-height: 1.2; padding: .3em 0 .3em 0;}

#price { margin-top: 3em; }
.evak-price { width: 100%; }
#price-city-out { margin-top: 2em; }

#footer-phone { font-size: 95%; }
#contacts { font-size: 75%; }
#footer-menu { font-size: 80%; }

#menu > li { width: 16.66%; }

#fixmessage { padding: 1.2em 0 1.2em 0; font-size: 85%; }
#fixmessage button { width: 3em; height: 2.5em; }
#fixmessage button:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../i/ic-phonew.png) no-repeat 50%; }

}


@media only screen and (max-width: 685px) {

#price-phone br,
#step br,
#fixmessage { display: none; }

h1 { width: 100%; text-align: center; margin-top: .35em; }
#header { border-top: none; background: #ffd618; }
#top-phone { width: 100%; padding: 0; font-size: 100%; margin: 1em 0 1.5em 0; }
#type-auto { text-align: center; margin: 2em 0 2em 0; }
#type-auto li { width: 33.333%; margin-top: 1.5em; }
#callback p { font-size: 150%; background: none; }
#cb-form { width: 100%; margin-right: 0; }
#benefits { margin: 4em 0 1em 0; }
.benefit { height: auto; width: 100%; padding: 0; margin-bottom: 4em; }
.benefit img { margin: 0 1.5em .5em 0; }

#calc, #cheap-text { width: 100%; }
#cheap-text { margin-bottom: 3em; font-size: 90%; }
#calc-block-wheels label { width: 20%; }
#price { font-size: 90%; }
#calc-distance { width: 100%; }

#achievments { margin-top: 1em; }
#achievments li { width: 50%; margin-top: 2em; }

#wrecker-text img { width: 90%; }
#wrecker-text h2, #wrecker-text h3, #wrecker-text p, #wrecker-text li { float: left; width: 100%; }
#step i { font-size: 75%; }

#reviews { padding-top: 2em; }
#reviews h2 { width: 100%; text-align: center; }
#reviews button { width: 100%; margin-top: 1em; }

.review { margin-top: 2.5em; font-size: 85%; }
.review p { width: 100%; border-left: none; padding-left: 0; font-size: 95%; }

.user { width: 100%; border-bottom: 2px dotted #aaa; padding-bottom: 1.5em; margin-bottom: 1.5em; }

#contacts { width: 65%; }
#footer-menu { width: 35%; }
#footer-phone { width: 100%; }

#working { font-size: 100%; }

}




@media only screen 
and (max-width : 648px) and (min-width : 481px) {

}


@media only screen 
and (max-width : 480px) {

#callback p br,
#price-phone br,
#achievments br,
#step ol:after,
#menu-more:after,
#type-auto li:first-child,
#menu-more i { display: none; }

h1 { font-size: 230%; padding-left: .5em; }
#top-phone { font-size: 85%; }
#main-img img { width: 100%; margin-top: 2em; }
#message { font-size: 112%; margin-top: .5em; }
#type-auto { margin: 2em 0 2em 0; }
#type-auto li { width: 50%; margin-top: 1.5em; }
#callback { background-image: none; }
#callback p { font-size: 139%; background: url(/i/24hour.png) no-repeat 50% 0; padding-top: 3.8em; }
#callback i { font-size: 160%; }

.benefit { margin-bottom: 3em; font-size: 85%; }
#cheap h2, #price h2 { font-size: 140%; }
#calc { font-size: 90%; }
#price-phone { font-size: 130% !important; }


#achievments { font-size: 75%; }

#step { margin: 2em 0 0 0; }
#step ol li { width: 100%; margin-top: 2em; }
#step i {  font-size: 100%; }

#contacts, #footer-menu, #footer-phone { width: 100%; }

#shim { background: #fff url(/i/bg-sh.png); }
.wrap-mod { padding-top: 0; font-size: 90%; }
.wrap-mod > div { margin-bottom: 0; box-shadow: none; }

.menu { overflow: hidden; }
.menu #subhead { display: block; }
#subhead { display: none; padding-top: 1em; z-index: 5; overflow: auto; position: fixed; left: 0; top: 0; bottom: 0; background: rgba(0,0,0,.9) url(../i/bg-footer.png); -webkit-overflow-scrolling: touch; }
#menu ul { display: block; background: none; box-shadow: none; padding: 0; }
#menu li { width: 100%; text-align: left; font: 100%/1.5 Arial; }
#menu a, #menu ul a { font: 100%/2.2 Play, Arial; color: #fff; text-decoration: none !important; }
#menu ul a:hover { color: #fff; }

#close-menu { display: block; position: absolute; z-index: 6; right: 0; top: 0; width: 1.2em; text-align: center; font: 350%/1.2 Arial; color: #fff; }

#mobile-menu { display: block; position: absolute; top: 1em; left: .45em; width: 30px; height: 30px; }

#working { margin: 1em 0 0 0; font: 110%/1.4 Play, Arial; background-size: 70%; }
#working br { display: block; }
#working b { float: left !important; margin: 0 .35em 0 0 !important; }
#working span { width: 100%; text-align: left; }
#work-today { margin-bottom: 8em; }

#wrecker-text #pravila li { padding-left: 4.5em; }
#wrp-m { display: none; width: 100%; }
#wrecker-text button { float: left; display: block; width: 100%; font: 100%/1.8 Play, Arial; margin-top: 1em; }

#call { display: block; position: fixed; border-radius: 5em; bottom: 1em; right: 1em; border: 3px solid #fff;width: 100%; height: 100%; width: 4em; height: 4em; background: #2dc149 url(/i/ic-phonewb.png) no-repeat 50%; }


}




