@media screen and (min-width: 775px) {
header nav {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;}

#buter {display: block !important; z-index: 9000; position: absolute !important; width: 32px; height: 56px; background: url('/_assets/images/buter.png') no-repeat center; cursor: pointer;}
#close {display: block !important; width: 27px; height: 27px; background: url('/_assets/images/popup-cross.png') no-repeat 0px 0px; cursor: pointer; position: absolute; z-index: 10001; right: 24%;}
#close:hover {background-position: 0px -27px !important;}
#mob {margin-top: -3px !important;}

.ad-container {margin-top: 0px !important; position: static !important;}
.ad-container #yandex_ad1 {margin-top: 0px !important; width: 100% !important; position: static !important;}
.ad-container #yandex_ad1_brick {display: none !important;}

#main table td img[src*="-preview-"] {max-width: 120px !important;}
#main table.wdtbl.previews td img[width="116"] {max-width: 116px !important;}
#main table.wdtbl.previews td img[width="115"] {max-width: 115px !important;}
#main table.wdtbl.previews td img[src$="-115.jpg"] {max-width: 115px !important;}
#main table.wdtbl.previews td img[width="114"] {max-width: 114px !important;}
#main table.wdtbl.previews td img[width="120"] {max-width: 120px !important;}
#main table.wdtbl.previews tr td a.lightbox img[src$="alocasia-2.jpg"] {width: 60% !important; max-height: 30% !important;}
table.wdtbl.previews td {width: auto !important;}
#main table.wdtbl.previews td.img2 {width: 33% !important;}
#main table.wdtbl.previews td.img2 img {width: 100% !important; height: auto !important;}
#main table.wdtbl.previews td.img3 {width: 33% !important;}
#main table.wdtbl.previews td.img3 img {width: 100% !important; height: auto !important;}
#main table.wdtbl.previews td.img4 {width: 33% !important;}
#main table.wdtbl.previews td.img4 img {width: 100% !important; height: auto !important;}
#main table.wdtbl.previews td div {width: auto !important;}


header {position: relative !important; min-width: 100px !important; height: auto !important; background-repeat: repeat !important;}
.container {width: 100% !important;}
.main-container {padding-top: 30px !important; padding-bottom: 30px !important;}
header nav {display: none; position: fixed !important; top: 0px !important; left: 0px !important; z-index: 9999 !important; width: 100% !important; height: 100% !important; background: rgba(0, 0, 0, 0.78) !important;}
header .logo {position: absolute !important; width: 75% !important; margin-right: 10% !important; margin-left: 15% !important;}
header .logo a {margin: 0 auto !important;}
header .main-menu {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; position: relative !important; margin-left: 0px !important; width: 70% !important; height: 100% !important; overflow: auto !important; z-index: 10000 !important; background: #43671D !important;}
header .main-menu .menu-item {border-bottom: 1px solid #5A862F; width: 100% !important; text-align: left !important;}
header .main-menu .menu-item:hover {background: #1E2D0F;}
header .main-menu .menu-item .dropdown {height: auto !important; padding: 2% !important; width: 95% !important;}
header .main-menu .menu-item .dropdown .close {margin: 0px !important;}
header .main-menu .menu-item .dropdown ul.float {float: none !important; margin-left: 0px !important; max-width: auto !important;}
header.header .main-menu .menu-item .dropdown li.selected {margin-top: 10px !important;}

#wrapper {min-width: 100px !important; padding: 0px 1% !important; margin-bottom: 0px !important; padding-bottom: 0px !important;}
#main {display: inline-block !important; padding-bottom: 30px !important; float: none !important; width: 100% !important;}
#main .main-note {width: 90% !important; height: auto !important; padding: 5% !important; background-size: 210% 110% !important; background-position: 90% !important; -moz-border-radius: 30px !important; -webkit-border-radius: 30px !important; border-radius: 30px !important;}
#main p img[width^="640"] {width: 100% !important; height: auto !important;}
#main .bloklink {width: 90% !important; padding-right: 5% !important; padding-left: 5% !important;}
#main .bloklink li {width: auto !important; padding-right: 4% !important;}

table.wdtbl.previews {width: 100% !important; height: auto !important;}
table.wdtbl.previews td.preview-image {text-align: center !important;}

table.wdtbl td {padding: 2% !important;}
table.wdtbl.index td {padding: 2% !important;}
table.wdtbl.index tr td:first-child {padding-left: 0px !important; padding-top: 0px !important;}
table.wdtbl.index tr td:last-child {padding-top: 0px !important;}

div.infobox {padding: 3% !important; max-width: 90% !important;}
.left-sidebar .community-live-block .row.message .author .date {min-width: 60% !important;}
.left-sidebar .community-live-block .row.message .author .name {min-width: 60% !important;}
.left-sidebar {width: 100% !important;}
.yashare-auto-init {text-align: center;}

.footer {margin-top: -20px !important; margin-bottom: -3px !important;}
#footer { -2px !important; min-width: 100px !important; width: 100% !important; height: auto !important; display: inline-block !important; background-size: cover !important; max-height: 500px !important; min-height: 132px !important;}
#footer .container {display: inline-block !important;}
#footer .ladybug {margin-left: 60% !important;}
#footer .l-footer {width: 46% !important; padding: 1% !important;}
#footer .r-footer {width: 50% !important; padding: 1% !important;}
#footer .footer-menu {margin: 0px !important; width: 100% !important;}
#footer .footer-menu .selected {margin-right: 0px !important; padding: 0px 4px !important;}



.toolbar {top: auto !important; bottom: 0px !important;}
.community-main-nav {text-align: center !important;}
.community-main-nav .main-nav-item {margin-bottom: 12px !important; display: inline-block !important; float: none !important;}
.community-main-nav .main-nav-separator {margin-top: 0px !important; margin-bottom: 0px !important; height: 17px !important; display: inline-block !important; float: none !important;}
.community-main-nav .actions {overflow: inherit !important;}

.nav.nav-profile {display: inline-block !important; width: 100% !important; text-align: center !important; height: auto !important;}
.nav.nav-profile li {display: inline-block !important; float: none !important;}
.block.block-type-profile {text-align: center !important;}
.block.block-type-profile .profile-photo-wrapper {display: inline-block !important; text-align: center !important;}
.table.table-profile-info td {padding: 1% !important;}

.nav-filter-wrapper {display: inline-block !important; width: 100% !important; height: auto !important;}
.nav {display: inline-block !important; width: 100% !important; height: auto !important; text-align: center !important;}
.nav li {line-height: 15px !important; display: inline-block !important; float: none !important;}
.nav.nav-filter li a {float: none !important; display: inline !important;}
.nav.nav-filter li span {float: none !important; display: inline !important; top: 3px; position: relative;}

.community-article .article-header .article-name {line-height: 140% !important;}
.tags-cloud {padding-left: 2% !important; padding-right: 2% !important;}

.pagination {text-align: center !important;}
.pagination ul li {display: inline-block !important; margin: 5px !important; float: none !important;}

.blog .blog-header {position: static !important; padding: 15px !important;}
.blog .blog-header .vote {position: relative !important; top: 0px !important; right: 0px !important; display: inline-block !important; float: right !important;}
.blog .blog-header .avatar {position: relative !important; top: 5px !important; left: 0px !important;}

.comment-wrapper .comment-wrapper {margin-left: 5% !important;}
.comments-block .arrow {width: 2% !important; margin-left: -4% !important;}
.comments.comment-list .comment-path {height: auto !important; line-height: 25px !important;}

.profile {position: static !important; padding: 1% !important; display: inline-block !important; width: 100% !important;}
.profile .avatar {position: static !important;}
.profile .vote {position: static !important; display: inline-block !important; float: right !important;}
.profile .strength {position: static !important; display: inline-block !important; float: right !important;}
.profile .user-login.no-user-name {position: relative !important; display: inline-block !important; line-height: 60px !important; height: 60px !important; top: -20px !important;}

.block {position: static !important; display: inline-block !important; width: 100% !important;}
.form-profile .avatar-change {text-align: center !important; position: static !important;}

.input-width-200 {width: 100% !important; max-width: 100% !important;}
.input-width-300 {width: 100% !important; max-width: 100% !important;}
.input-width-200 {width: 100% !important; max-width: 100% !important;}
.input-width-400 {width: 100% !important; max-width: 100% !important;}

.button {margin-top: 5px !important; margin-bottom: 5px !important;}
.input-width-full {width: 100% !important; max-width: 100% !important;}
.topic-photo-upload ul li textarea {width: 100% !important;}
#profile_user_field_template input {width: 45% !important;}
#profile_user_field_template select {width: 45% !important;}
dl.form-item dt {width: 38% !important;}
dl.form-item dd {width: 58% !important;}
#profile_birthday_day {width: 32% !important;}
#profile_birthday_month {width: 32% !important;}
#profile_birthday_year {width: 32% !important;}

.modal {top: 5% !important; width: 90% !important;}
.modal .modal-header {position: static !important; min-width: 100px !important;}
.modal .modal-header h3 {z-index: 990 !important; width: 80% !important; padding-left: 10% !important; padding-right: 10% !important; margin-top: 10px !important; height: auto !important; line-height: normal !important;}
.modal .close {z-index: 999 !important;}
.modal-content img {max-width: 1000% !important;}

.topic .topic-header .topic-info time {display: inline-block !important;}

.community-article .article-header .article-extra-data .author {margin-right: 20px !important;}
.community-article .article-header .article-extra-data .date {margin-left: 0px !important; display: block !important; min-width: 230px !important;}

#blogs-list-original .table td {padding: 1% !important;}
#blogs-list-original .table td[width="100px"] {width: 1px !important;}
#blogs-list-original .table td.rating {width: 50px !important;}
#blogs-list-original .table td.date {width: 50px !important;}
#blogs-list-original .table thead td {word-break: break-all !important; width: 10px !important;}
#blogs-list-original .table td div {display: block !important;}

.table.table-talk tbody td {padding: 1% !important;}
.table.table-talk tbody td.cell-date {width: 120px !important;}
.table.table-talk tbody td.cell-checkbox {width: 10px !important;}

.block .block-header {background-repeat: no-repeat !important;}
.social-share {margin-bottom: 9px !important;}
#ya-site-results .b-body-items {padding-left: 8% !important;}
#ya-site-results .b-head__logo {width: 52px !important; min-width: 52px !important;}

#main table.breakfoto tr td {width: 25% !important; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
#main table.breakfoto tr td img {width: 100% !important; height: auto !important;}

#main table.breakfoto2 tr td {width: 25% !important; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
#main table.breakfoto2 tr td img {width: 100% !important; height: auto !important;}
}
@media screen and (max-width: 600px) {
#main div.article-content img {width: 100% !important; height: auto !important;}
}
@media screen and (max-width: 580px) {
#main table td img[width="560"] {width: 100% !important; height: auto !important;}
#main table td img[src$="-560.jpg"] {width: 100% !important; height: auto !important;}
}
@media screen and (max-width: 510px) {
table.wdtbl.previews td[style^="text-align: center;"] a {word-break: break-all;}
.topic.topic-type-photoset .topic-photo-preview img[src$="500.jpg"] {width: 100% !important; height: auto !important;}
#main table.previews td.wdtd img[align="left"] {margin: 5px auto !important; display: block !important; float: none !important;}
}
@media screen and (max-width: 500px) {
body, tbody {-moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
#footer .footer-menu li a {-moz-hyphens: none !important; -webkit-hyphens: none !important; -ms-hyphens: none !important; hyphens: none !important;}
#close {right: 22%;}
div.infobox {display: none !important;}
table.break td {vertical-align: top !important; display: inline-block !important; width: 48% !important; padding-left: 1% !important;}
}
@media screen and (max-width: 467px) {
#main table[style^="width: 60%"] {width: 100% !important;}
dl.form-item dt {width: 100% !important;}
dl.form-item dd {width: 100% !important;}
.breakfoto td {word-break: break-all;}
.breakfoto2 td {word-break: break-all;}
.community-article .article-header .article-extra-data .author {float: none !important;}
}
@media screen and (max-width: 430px) {
#main p img[width^="400"] {width: 100% !important; height: auto !important;}
}
@media screen and (max-width: 400px) {
#main .main-note {background-size: 310% 110% !important;}
#main table td img[src*="-preview-"] {max-width: 100px !important;}
#main table.wdtbl.previews td img[width="116"] {max-width: 96px !important;}
#main table.wdtbl.previews td img[width="115"] {max-width: 95px !important;}
#main table.wdtbl.previews td img[src$="-115.jpg"] {max-width: 95px !important;}
#main table.wdtbl.previews td img[width="114"] {max-width: 94px !important;}
#main table.wdtbl.previews td img[width="120"] {max-width: 100px !important;}
#main p img[width^="350"] {width: 100% !important; height: auto !important;}
table.wdtbl.previews td img[align="left"] {margin: 5px auto !important; display: block !important; float: none !important;}
.table.table-talk tbody td.cell-date {width: 80px !important;}
}
@media screen and (max-width: 375px) {
#close {right: auto; left: 250px;}
#main .bloklink li {min-width: 60% !important;}
#main table tr:nth-child(2) td:nth-child(1) {word-break: break-all;}
.stream-list li.stream-item .avatar {width: 48px !important; max-width: 48px !important;}
.captcha-image {max-width: 80px !important;}
}
@media screen and (max-width: 350px) {
#main p img[src$="300.jpg"] {width: 100% !important; height: auto !important;}
#main table td img[src$="300.jpg"] {width: 100% !important; height: auto !important;}
#main table td img[src*="-preview-"] {max-width: 80px !important;}
#main table.wdtbl.previews td img[width="116"] {max-width: 76px !important;}
#main table.wdtbl.previews td img[width="115"] {max-width: 75px !important;}
#main table.wdtbl.previews td img[src$="-115.jpg"] {max-width: 75px !important;}
#main table.wdtbl.previews td img[width="114"] {max-width: 74px !important;}
#main table.wdtbl.previews td img[width="120"] {max-width: 80px !important;}
#main p img {margin: 5px auto !important; display: block !important; float: none !important;}
table.break td {display: inline-block !important; width: 97% !important; padding-left: 2% !important;}
.modal > .modal-content > p > #avatar-resize-original-img {display: none !important;}
#blogs-list-original .table td div {display: inline-block !important; width: 100% !important;}
}
@media screen and (max-width: 330px) {
.userbar .user-login li.post a {padding: 0 5px 0 28px !important; background-position: 6px 6px !important;}
.userbar .user-login li.mail {margin-left: 7px !important;}
.userbar .user-login li.user-bar {padding-left: 7px !important; margin-left: 6px !important;}
.userbar .user-login li.user-bar .user-link {padding-right: 8px !important;}
#main table td img[src$="-300.jpg"] {width: 100% !important; height: auto !important;}
}
@media screen and (max-width: 300px) {
.community-main-nav .main-nav-separator {display: none !important;}
}
@media screen and (max-width: 250px) {
#main p img[src$="-230.jpg"] {width: 100% !important; height: auto !important;}
}
@media screen and (max-width: 230px) {
.previews td img[width="210"] {width: 100% !important; height: auto !important;}
.previews td img[width="213"] {width: 100% !important; height: auto !important;}
}
/*
     */
/*
*/