/* Copyright 2012 megagroup.ru */
@media only screen and (min-width: 920px) {
html.mobile #main { width: 100%; }
html.mobile nav ul { -moz-border-radius:0; -webkit-border-radius:0; -khtml-border-radius:0; border-radius:0; }
html.mobile nav li a { padding:15px 15px 0; }
html.mobile footer.footer { -moz-border-radius:0; -webkit-border-radius:0; -khtml-border-radius:0; border-radius:0; margin-bottom:0; }
html.mobile footer.footer .right { width:48%; }
html.mobile footer.footer .left { width:48%; }
html.mobile footer.footer .right .map { float:left; width:auto; padding-top:15px; }
html.mobile footer.footer textarea { min-height:185px; }
}
@media only screen and (max-width: 920px) {
#main { width: 100%; }
}
@media only screen and (min-width: 501px) and (max-width: 920px) {
#main { width: 100%; }
header { height:auto; }
header h1 { }
.phone { height:auto !important; }
nav ul { -moz-border-radius:0; -webkit-border-radius:0; -khtml-border-radius:0; border-radius:0; }
nav li a { padding:15px 10px 0; font-size:14px; }
footer.footer { -moz-border-radius:0; -webkit-border-radius:0; -khtml-border-radius:0; border-radius:0; margin-bottom:0; }
footer.footer .right { width:48%; }
footer.footer .left { width:48%; }
footer.footer .right .map { float:left; width:auto; padding-top:15px; }
footer.footer .right .contacts { width:auto; }
footer.footer textarea { min-height:185px; }
}
@media only screen and (min-width: 501px) and (max-width: 650px) {
nav li a { padding:24px 15px 0; height:44px; }
nav li a strong { display:none; }
header h1.logo { line-height:90px !important; height:auto !important; font-size:20px !important; }
header .phone { height:auto; line-height:90px !important; font-size:18px !important; }
footer.footer .right .contacts { width:auto; }
}
@media only screen and (min-width:0px) and (max-width: 500px) {
header { height:auto; }
header h1.logo { height:auto; line-height:75px; float:none; font-size:20px; }
header h1.logo span.slogan { font-size:11px; }
header .phone { height:auto; float:none; line-height:normal; padding-right:0; padding-left:30px; padding-bottom:10px; }
nav ul { -moz-border-radius:0; -webkit-border-radius:0; -khtml-border-radius:0; border-radius:0; background:#333745 url(footer-gr.png) top left repeat-x; padding:10px 30px; }
nav li { display:block; margin-bottom:2px; height:auto; background:none !important; margin-left:0; padding-left:0; }
nav li a { display:block; padding:8px 5px 8px 20px; height:auto; color:#333745; font-size:16px; text-shadow:1px 1px #FFF; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; border-radius:8px; background:#daede2; background:-moz-linear-gradient(top, #daede2 15%, #bbdcc9 90%); background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#daede2), color-stop(90%,#bbdcc9)); background: -o-linear-gradient(#daede2,#bbdcc9); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#daede2', endColorstr='#bbdcc9',GradientType=0 ); text-align:left; }
nav li a:hover { color:#333745; background:#daede2; background:-moz-linear-gradient(top, #daede2 15%, #bbdcc9 90%); background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#daede2), color-stop(90%,#bbdcc9)); background: -o-linear-gradient(#daede2,#bbdcc9); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#daede2', endColorstr='#bbdcc9',GradientType=0 ); text-shadow:1px 1px #FFF; }
nav li a strong { display:none; }
nav li.mend { display:none; }
article.block .title h2 { font-size:24px; padding:20px 0 0 30px; float:left; }
footer.footer { -moz-border-radius:0; -webkit-border-radius:0; -khtml-border-radius:0; border-radius:0; margin-bottom:0; }
footer.footer .right { width:100%; padding-bottom:20px; }
footer.footer .right .contacts { width:auto; }
footer.footer .left { width:100%; }
table { display:block; overflow-x:auto; word-break:normal; }
footer.footer .right .map { float:left; width:auto; padding-top:15px; }
article.block .body { font-size:100%; }
}
@media only screen and (min-width:0px) and (max-width: 320px) {
header { height:auto; } 
header h1.logo { line-height:3em; }
}