@media screen and (min-width: 776px) {
#header .login-form {display: block !important;}
#nav_hover #navigation2 {display: block !important;}
}


@media screen and (max-width: 775px) {
img {max-width: 100% !important; height: auto !important;}
iframe, textarea, input, button, submit, select, video, object, embed {max-width: 99% !important;}
table, span, div, ins {max-width: 100% !important;}

.dillers-table .name {width: 45% !important;}
.dillers-table .address {width: 40% !important;}
.dillers-table .address2 {width: 50% !important;}
.dillers-table .rating {width: 55px !important;}
.dillers-table .comment {width: 55px !important;}
.dillers-table .evaluation {width: 55px !important;}
.table-type .category {width: 60% !important;}

.dillers-table thead td, .table-type thead td {font-size: 12px !important;}
.dillers-table address {font-size: 12px !important;}
.dillers-table td.name div {font-size: 12px !important;}
.dillers-table tbody .rating span.false {font-size: 12px !important;}
.comment-box .title .date {font-size: 12px !important;}
.aside .news-box .date {font-size: 12px !important;}
.aside .best-list address {font-size: 12px !important;}
.aside .best-list .brand {font-size: 12px !important;}
.aside .users-list .name {font-size: 13px !important;}
.aside .users-list .city {font-size: 12px !important;}
#footer .rights span {font-size: 12px !important;}
.dillers-table .text {font-size: 12px !important;}
.aside .note {font-size: 12px !important;}
#content .alert {font-size: 12px !important;}
div.dealernews .date {font-size: 12px !important;}


#nav_hover {display: none; position: fixed !important; left: 0px !important; top: 0px !important; z-index: 9999 !important; width: 100% !important; height: 100% !important; background: rgba(0, 0, 0, 0.78) !important;}
#nav_hover #navigation2 {min-width: 250px !important; box-shadow: 4px 0 4px rgba(0,0,0,0.5),8px 0px 4px rgba(0,0,0,0.5) !important; width: 70% !important; height: 100% !important; overflow: auto !important; z-index: 10000 !important; background-color: #FFFFFF !important; margin-left: 0px !important;}

#content .adsense_item {padding-left: 0px !important;}

#close {display: block !important; width: 27px; height: 27px; color: #ffffff !important; font-size: 27px !important; line-height: 27px !important; cursor: pointer; position: absolute; z-index: 10001; right: 24%;}
#close:hover {color: #3292be !important;}
#buter {display: block !important; z-index: 9000; position: absolute !important; width: 32px; height: 32px; margin-top: 4px !important; background: url('/_design/user/images/buter.png') no-repeat center; cursor: pointer;}
#buter_avt {display: block !important; cursor: pointer !important; float: right !important; color: #3292BE !important; line-height: 40px !important; margin-right: 7px !important; text-decoration: none !important;}
#buter_avt span {border-bottom: 1px dotted #3292BE;}
#buter_avt span:hover {border-bottom: 1px dotted #000;}

#nav {display: block !important; height: 40px !important; background-size: 100% 100% !important;}
#nav li {display: none !important;}
#nav2 {display: block !important; width: 99% !important;}
#nav2 li a {margin-bottom: 8px !important; color: #333 !important; font-size: 16px !important; letter-spacing: -1px !important; text-decoration: none !important; font-weight: bold !important;}


table {display: block !important; border-collapse: inherit !important; border: 1px solid #B5B1B1 !important; width: 99% !important; overflow: auto !important;}
table:before {content: ""; display: table-cell !important; overflow: auto !important; width: 1% !important; }

.dillers-table {display: block !important; border-collapse: inherit !important; border: 1px solid #B5B1B1 !important; width: 99% !important; overflow: auto !important;}
.dillers-table td {padding: 3px !important;}
.dillers-table:before {content: ""; display: table-cell !important; overflow: auto !important; width: 1% !important; }

.tablebrands {display: block !important; border: 1px solid #B5B1B1 !important; width: 99% !important; overflow: auto !important;}
.tablebrands td {padding: 3px !important; width: 1% !important}
.tablebrands:before {content: ""; display: table-cell !important; overflow: auto !important; width: 1% !important; }

#main #twocolumns #content .news-box table[align="center"] td[style="width: 140px;"] {width: 50% !important;}
.marks-anchor a {margin-top: 6px !important; margin-bottom: 6px !important; margin-left: 6px !important; display: inline-block !important;}

#header {padding-top: 0px !important; height: 94px !important;}
#header .login-form {margin-top: 16px !important; display: none; z-index: 11 !important;}

#header .logo {margin-top: 33px !important; max-width: 100% !important; background-size: contain !important;}
#wrapper {width: 100% !important;}
#main {width: 96% !important; padding-left: 2% !important; padding-right: 2% !important; padding-bottom: 20px !important;}
#main .aside {width: 100% !important;}
.content-box {overflow: visible !important; width: 96% !important; padding-left: 2% !important; padding-right: 2% !important;}
.content-box .rating-holder .text-box {overflow: visible !important;}
#main .content-box {padding-bottom: 10px !important;}
#twocolumns {width: 100% !important;}
#content {width: 100% !important; padding-bottom: 10px !important;}
#content .page-nav {padding-bottom: 10px !important;}
#content .news-box {display: block !important; float: left !important; padding-bottom: 20px !important;}
#content .tabbox .inner {padding: 2% !important; overflow: visible !important;}
#content .tabbox .inner table {width: 97% !important;}
#content .tablebrands td {padding-bottom: 7px !important;}
#sidebar {width: 100% !important;}
#sidebar .direct {margin-top: 0px !important;}
#sidebar .choice-form {text-align: center !important;}
#sidebar .choice-form .title {text-align: left !important;}
#sidebar .choice-form ul {display: inline-block !important; text-align: left !important;}
#sidebar .select-form {height: auto !important; margin-bottom: 0px !important;}
#sidebar .select-form .select {width: 98% !important;}
#sidebar .statistic-box ul li {width: 25% !important;}
.navigation ul {width: 49% !important; margin: 0px !important;}
.navigation ul a {display: block;}
.breadcrumbs {padding-top: 2px !important; padding-bottom: 12px !important;}
.breadcrumbs li {margin-top: 6px !important; margin-bottom: 6px !important;}

.comment-title {padding-top: 0px !important; padding-bottom: 24px !important;}
.comment-title li {margin-top: 6px !important; margin-bottom: 6px !important; margin-left: 0px !important;}
.comment-box .image {margin-right: 2% !important;}

.content-box .sort-box {padding-top: 4px !important; padding-bottom: 6px !important;}
.content-box .sort-list li {margin-top: 6px !important; margin-bottom: 6px !important;}
.content-box .holder {overflow: visible !important; display: inline-block !important;}
.content-box .holder .personal-box {width: 94% !important; padding: 2% !important; margin: 1% !important; float: right !important;}
.content-box .holder .review-list {margin-bottom: 15px !important; width: 96% !important; max-width: 272px !important; padding: 2% !important;}
.content-box .photo-box {margin-bottom: 20px !important; width: auto !important; max-width: 205px !important; display: block !important;}
.content-box .photo-box .photo {margin-bottom: 1% !important; float: none !important; width: auto !important; display: inline-block !important;}
.content-box .edit-form .row {overflow: visible !important; height: auto !important; display: inline-block !important;}
.content-box .edit-form textarea {width: 100% !important;}
.content-box .edit-form {width: 100% !important; float: none !important;}
.content-box .edit-form label {text-align: right !important; width: 37% !important; padding-right: 1% !important;}
.content-box .edit-form .form-box {max-width: 58% !important; margin-right: 0px !important; width: 58% !important;}
.content-box .edit-form .error {width: 66% !important; text-align: center !important; float: right !important;}
.content-box .edit-form .text {width: 96% !important;}
.content-box .edit-form .submit {margin-right: 5% !important;}
.user-subscribes {margin-top: 1% !important; width: 95% !important; padding: 2% !important;}

#overlay .call-form label {width: 37% !important; padding-right: 1% !important;}
#overlay .call-form .form-box {width: 58% !important; padding-right: 0px !important;}
#overlay .call-form .text {width: 95% !important;}
#overlay .call-form .capcha-box {width: auto !important;}
#overlay .call-form .row.note {padding-left: 0px !important; text-align: center !important;}
#overlay .call-form .row.submit {padding-left: 0px !important; text-align: center !important;}
#overlay .call-form img.submit {float: none !important;}

.tabset {height: auto !important; margin: 0px !important; max-width: 100% !important; width: 100% !important;}
.tabset li {display: inline-block !important; float: none !important; float: none !important; min-width: 19% !important; margin-bottom: 0px !important;}
.tabset a {border-width: 1px !important; width: 100% !important;}
.tabset a:hover, .tabset .active {height: 27px !important;}

.comment-info .comment-type {position: static !important; float: right !important; padding-top: 29px !important; margin-top: 0px !important;}
.comment-info .option {margin-top: 10px !important;}
.comment-info .date-list {display: inline-block !important; width: 160px !important; max-width: 99% !important;}
.register-form .check-holder {width: auto !important; float: none !important; padding: 0px !important;}
.register-form .capcha-box {width: 96% !important; margin-left: 1% !important; margin-right: 1% !important; padding: 1% !important;}
.register-form .error {margin-top: 2px !important; width: 96% !important; margin-left: 1% !important; margin-right: 1% !important; padding: 1% !important;}
.register-form .submit {float: none !important; margin-right: 0px !important; margin: 0 auto !important; display: block !important;}
.register-form .capcha label {padding-top: 0px !important;}
.register-form .row {padding-bottom: 10px !important;}

.aside .best-list .info {width: auto !important; max-width: 85% !important;}
.aside .users-list .info {width: auto !important; max-width: 85% !important;}

#content .tabbox .tabs {position: static !important;}
#content .tabbox .separator {display: inline-block !important;}

.comment-form textarea {width: 96% !important; padding: 1% !important;}
.comment-form .text {width: 96% !important; padding: 1% !important;}
#response_form_date {width: 57% !important; width: calc(100% - 129px) !important;}
.comment-info .info-text ul li, .comment-form .info-holder ul li {margin-top: 5px !important; margin-bottom: 5px !important;}

#overlay .container {width: 96% !important; margin-left: 1% !important; margin-right: 1% !important; padding: 1% !important;}
#overlay .container div.close {margin: 0px !important;}

#content .tabbox .tabs a {border: 1px solid #E4E4E4 !important; width: 19% !important; margin-bottom: -2px !important; text-align: center !important; margin: 2px !important; padding-left: 0px !important; padding-right: 0px !important; border-radius: 5px !important;}
.content-box .rating-holder .all-count {display: inline-block !important; float: right !important; min-height: 28px !important; height: auto !important;}

.message-table tbody .date {width: 70px !important; min-width: 70px !important;}
.message-table tbody .checkbox {width: 20px !important; min-width: 20px !important;}
.message-table tbody .title {width: 90% !important;}
.message-table .title {width: auto !important; padding-left: 10px !important;}
.open-message {width: 100% !important;}
.message-box {padding: 5% !important; width: 89% !important; background-position-x: 50% !important;}
.message-box .text-box {width: 45% !important;}
.message-box .info-box {width: 45% !important;}
.message-form .message-table {border-collapse: separate !important;}

.register-form .submit-autor {display: block !important; margin: 0 auto !important; float: none !important;}
.register-form .submit-go {display: block !important; margin: 0 auto !important; float: none !important;}

#footer {padding-bottom: 13px !important; margin: 0px !important; width: 100% !important; height: auto !important; padding-left: 0px !important; background-size: 100% 100% !important;}
#footer .footer-nav {width: 100% !important; padding-left: 0px !important; text-align: center !important;}
#footer .footer-nav li {display: inline-block !important; padding: 6px 13px 6px 16px !important;}
#footer .rights {width: auto !important; padding-left: 7px !important;}
#footer .counters {padding-right: 0px !important; margin-left: 7px !important;}

.content-box .parametr-form {width: 90% !important; max-width: 240px !important;}
.content-box .parametr-form .parametr {width: 100% !important;}
.dealer-gallery table.photo {max-width: 110px !important;}
#google_map * {max-width: 1000px !important;}
}
@media screen and (max-width: 720px) {
#nav li {width: 33.333% !important;}
}
@media screen and (max-width: 630px) {
#content .tabbox .tabs a {margin-bottom: 2px !important; width: 32% !important;}
#header .login-form {position: absolute !important; right: 0px !important; left: auto !important; top: 137px !important; border: 1px solid #B5B1B1 !important;}
}
@media screen and (max-width: 580px) {
#close {right: 22%;}
.tabset li {min-width: 30% !important; margin-bottom: 0px !important;}
}
@media screen and (max-width: 500px) {
body, tbody, .dillers-table .review-title {-moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
#sidebar .statistic-box ul strong {display: block !important;}
}
@media screen and (max-width: 490px) {
#content .tabbox .tabs a {margin-bottom: 2px !important; width: 47% !important;}
}
@media screen and (max-width: 470px) {
#nav li {width: 50% !important;}
}
@media screen and (max-width: 450px) {
#send_pm_form {width: 95% !important; padding: 2% !important;}
.comment-info .comment-type {float: none !important; padding-top: 6px !important; display: block !important;}
}
@media screen and (max-width: 420px) {
#content .tabbox .options {width: 100% !important; float: right !important;}
#content .tabbox div.overall-rating {width: 100% !important;}
#content .tabbox div.overall-rating table td.category {text-align: center !important; width: 90% !important;}
#content .tabbox div.overall-rating table td.rating2 {text-align: left!important;}
.register-form label {text-align: left !important;}
.register-form .text {width: 96% !important; padding: 1% !important;}
.register-form .form-box {width: 100% !important; padding-right: 0px !important;}
}
@media screen and (max-width: 400px) {
.message-box .text-box {word-break: break-all;}
#content .comment-box .all-comments {float: left !important; min-width: 61% !important; margin-top: 7px !important;}
}
@media screen and (max-width: 357px) {
#close {right: auto; left: 255px;}
#content .tablebrands td {display: inline-block !important; width: 47% !important; vertical-align: top !important;}
#content .tablebrands tr {display: inline !important;}
}
@media screen and (max-width: 340px) {
.tabset li {min-width: 48% !important;}
.dillers-table thead .odd .first {white-space: nowrap;}
.dillers-table thead .odd .rating {white-space: nowrap;}
.dillers-table thead .odd .comment {white-space: nowrap;}
}
@media screen and (max-width: 330px) {
#nav li {width: 100% !important;}
}
@media screen and (max-width: 310px) {
#footer .rights {width: 50% !important;}
#content .tablebrands td { width: 98% !important;}
#content .comment-form fieldset #choose_review_type {top: -30px !important; position: relative !important; min-width: 60% !important; margin-top: 7px !important;}
#content .comment-form fieldset #submit_response_button {top: 30px !important; position: relative !important; margin-top: 7px !important; float: left !important;}

.comment-info .info-text {overflow: visible !important;}
.comment-info .date-list {padding-top: 13px !important; display: block !important; margin: 0 auto !important;}
.comment-info .comment-type {text-align: center !important;}
}