* { -webkit-tap-highlight-color: rgba(0,0,0,0); }
@viewport{user-zoom: fixed;}


@media only screen and (max-width: 890px) {

#menu5,
#fixmessage button i { display: none; }

#logo { font-size: 260%; }
#top-phone { font-size: 80%; }
#main-img img { width: 90%; }
#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; }

#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%; }

#contacts-table { width: 100%; }
#contacts-map { width: 100%; height: 10em; margin: 2em 0 6em 0; }

}


@media only screen and (max-width: 685px) {

#fixmessage { display: none; }

#logo { 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; }
#callback p { font-size: 150%; background: none; }
#cb-form { width: 100%; margin-right: 0; }

#achievments { margin-top: 1em; }
#achievments li { width: 50%; margin-top: 2em; }

#contacts { width: 65%; }
#footer-menu { width: 35%; }
#footer-phone { width: 100%; }

#working { font-size: 100%; }

#about-photo li { width: 30%; margin: 0 3.3% 3.3% 0; }

.price-page { font-size: 80%; }
#pp-table { font-size: 80%; }
#pp-table label { float: left; font: bold 100%/2 Play, Arial; color: #444; padding: 0 1em 0 1em; border: 1px solid #aaa; border-radius: .25em; margin: 0 1em 1em 0; cursor: pointer; }

#oc-type { font-size: 85%; }
.oc-form-l, .oc-form-r { width: 100%; margin-bottom: 1.5em; }
#oc-form button, #oc-form p, #snx-oc-form { width: 100%; text-align: center; }

#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; }

}




@media only screen 
and (max-width : 648px) and (min-width : 481px) {

}


@media only screen 
and (max-width : 480px) {

#callback p br,
#achievments br,
#menu-more:after,
#menu-more i { display: none; }

#logo { font-size: 230%; padding-left: .5em; }
#top-phone { font-size: 85%; }
#main-img img { width: 100%; margin-top: 2em; }
#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%; }

#achievments { font-size: 75%; }

#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; }

#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%; }

#content { font-size: 85%; }

.price-page { font-size: 90%; }
#pp-table { font-size: 90%; }
.pp-col { width: 8em; }

.ct-col { width: 8.5em; }
#contacts-map { width: 100%; height: 10em; margin: 2em 0 3em 0; }

#oc-type { font-size: 100%; margin-bottom: 3em; }
#oc-type li:first-child { display: none; }
#oc-type li { width: 50%; }
#oc-type img { width: 90%; }

#catalog { font-size: 80%; }

#other-firm li { width: 100%; margin: 0; }
}