@media screen and (min-width: 961px) {
body {overflow: auto !important;}
#zakr, #hovr {display: none !important;}
#leftColomn {display: block !important; left: 0px !important;}
}

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

body {min-width: 0px; font-size: 14px;}

#leftColomn {float: none !important; margin: 0px; padding: 0px 0px 15px; width: 270px !important; max-height: 100%; height: 100%; box-sizing: border-box; overflow: auto; -webkit-overflow-scrolling:touch; touch-action: pan-y; position: fixed; display: none; background-color: #fff; top: 0px; left: -100%; right: auto; z-index: 201; -webkit-transition: left 0.5s; -moz-transition: left 0.5s; -o-transition: left 0.5s; transition: left 0.5s;}
#buter {border: 1px solid #C3D0D8; border-top: none; border-left: none; opacity: 0.7; width: 32px; height: 23px; cursor: pointer; box-sizing: content-box; display: block !important; padding: 6px; position: fixed; top: 0px; left: 0px; z-index: 199; background-color: #fff; border-radius: 0 0 3px 0;}
#buter span {display: block; height: 4px; background: #000; border-radius: 3px; margin-bottom: 5px;}
#buter span:last-child {margin-bottom: 0px;}
#buter:hover {opacity: 1 !important;}
#zakr {z-index: 99999990 !important; cursor: pointer; color: #ffffff; position: fixed; right: 5px; top: 5px; padding: 0; font-size: 25px; line-height: 25px; width: 25px; text-align: center;}
#zakr:hover {color: #507196 !important;}
#hovr {background: #000000; background: rgba(0, 0, 0, 0.7); position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 200; opacity: 0; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s;}
#usermenu {margin-bottom: 15px; font-size: 14px;}
#usermenu .col-left {width: auto !important; margin: 0px 0px 15px; padding: 15px;}
.loginstr {width: auto; display: block;}
#usermenu input[name="login"], #usermenu input[name="password"] {width: 100% !important;}
.bsl {width: 100%; box-sizing: border-box; margin-top: 10px;}
.nav-left {margin-left: 0px; padding: 0px 15px;}
.nav-left li {margin-bottom: 7px;}
.nav-left li:last-child {margin-bottom: 0px;}
.nav-left a {margin-left: 0px;}
.add-menu a {line-height: 19px; font-size: 14px;}
.menu-l > div {margin-left: 0px !important; padding: 0px 15px;}
.search-main {margin-left: 0px;}
.search-main select {width: 100% !important;}
.search-main > div {width: auto !important;}
.left-col > .menu-l + div {width: auto; margin-left: 15px !important; margin-right: 15px;}
.menu_item {margin-bottom: 7px; display: block;}

.header {font-size: 12px;}
#header-line {height: auto;}
#menu-line {width: 100%; height: auto;}
.header .logo {float: none; width: auto; max-width: 225px; display: inline-block; vertical-align: top; line-height: 37px; margin-left: 60px;}
.header .logo img {height: 27px !important;}
.select_container {margin-left: 0px; float: right; margin-right: 10px;}
.select_container + .select_container {margin-right: 0px;}
.select_title {box-sizing: content-box;}
.nav-container {float: none; clear: both;}
.scont {z-index: 1; right: 0px; margin-top: 5px;}
#nav {line-height: normal; text-align: center; padding: 5px;}
#nav > li {float: none; display: inline-block; vertical-align: top; margin: 5px;}
#nav li a {font-weight: normal;}
#nav > li > a {margin: 0px;}

.main {width: 100%; min-height: 0px; z-index: auto;}
.t-main, .t-main > tbody, .t-main > tbody > tr {display: block;}
.t-main > tbody > tr > td {display: block;}
.col-main {min-height: 0px;}
#main {padding: 10px 15px; box-sizing: border-box;}
#main > h1:first-child {margin-top: 0px;}
#main > div {width: auto !important;}

.paging, .paging tbody, .paging tr {display: block;}
.paging {margin: 15px auto 20px auto;}
.paging td {display: inline-block; vertical-align: top;}
.paging .pagCurrent {font-size: 14px; font-weight: bold;}

.pagCont + div {text-align: center;}
.product-cover {text-align: left; float: none; display: inline-block; vertical-align: top; margin: 0px 0px 4px; box-sizing: border-box; width: 49%;}
.prod-info {padding-left: 15px; width: auto;}
.product td div[style^="height:150px"], .product td div[style^="height: 150px"] {max-height: 150px; height: auto !important;}

.tooltipbox, .block-title, .product-friends {box-sizing: border-box;}
.product-info-val a {word-break: break-all; display: inline-block;}
.product-info {padding-left: 0px;}
.product-info-val {padding-right: 0px;}
.product-info-txt {padding: 5px 0px;}
.product-service-checked span, .product-service-uncheck span {font-size: 12px !important;}
.product-service-checked img, .product-service-uncheck img {margin-right: 5px;}
.block-title {text-indent: 0px; padding: 5px 10px;}

.anket-title > div {padding-right: 0px !important;}
.cancel {font-size: 12px;}

.inoutbox {margin-left: 0px;}
.messages {width: 100%; margin-left: 0px; box-sizing: border-box;}
.answer {width: auto;}

.inoutbox {margin-left: 0px;}
.answer {width: 100%; box-sizing: border-box; margin-left: 0px;}
.answer > div {width: 100% !important; box-sizing: border-box; margin: auto !important;}
.answer > div table {width: 100% !important;}
.answer > div div {width: auto !important;}

.product-center > div[style^="width:400px"], .product-center > div[style^="width: 400px"] {width: auto !important;}
.product-center > div[style^="width:400px"] > a, .product-center > div[style^="width: 400px"] > a {width: 100% !important;}
.product-center > div[style$="margin-bottom:130px"], .product-center > div[style$="margin-bottom: 130px;"] {margin-bottom: 0px !important;}

#main > p > a > img[style$="margin-left: 10px; margin-right: 10px;"] {margin: 10px !important;}
#main > p > a > img[style$="margin-left: 5px; margin-right: 5px;"] {margin: 10px !important;}

.anket-admin > div[style*="overflow-y: scroll"] {overflow: auto !important; overflow-x: hidden !important;}
.gmenu {margin: 0px 0px 0px 25px;}
.gmenu li {margin-left: 0px;}
.gmenu li:last-child {margin-bottom: 0px;}
.gcontainer img {margin-right: 10px;}
.addanket {width: 100% !important; display: block !important; float: none; margin-top: 0px;}
.addanket[style^="width:33%"], .addanket[style^="width: 33%"] {margin-top: 20px;}
.addanket > tbody, .addanket > tbody > tr {display: block; width: auto; height: auto;}
.addanket > tbody > tr > td, #main > table.addanket > tbody > tr > td {display: block; width: auto !important; height: auto !important; padding: 10px !important;}
.addanket table {width: 100%;}
.addanket input {width: 100%;}
.form-horizontal .control-label {float: none; width: 100%; display: block; text-align: left;}
#topic, #message, .form-control {width: 100%;}
table.table-striped {width: 100% !important; display: block !important; overflow: auto;}
table.table-striped > tbody {display: table !important; width: 100%;}
table.table-striped > tbody > tr {display: table-row !important;}
table.table-striped > tbody > tr > td, #main > table.table-striped > tbody > tr > td {display: table-cell !important; padding: 10px !important;}
.admin-anket {width: 100% !important; box-sizing: border-box; float: none; height: auto; margin: 0px;}
.admin-anket td {padding: 10px;}
.discount input, .discount select {height: 30px !important;}
#main > table[style^="width:100%"] > tbody > tr > td input[type="checkbox"], #main > table[style^="width:100%"] > tbody > tr > td input[type="checkbox"] {width: auto;}
.pr-left > div[style^="margin-top:75px"], .pr-left > div[style^="margin-top: 75px"] {margin-top: 0px !important;}
}
@media screen and (max-width: 860px) {
.br > div {margin: 5px 0px 10px 0px !important;}
.product-page, .product-page > tbody, .product-page > tbody > tr {display: block;}
.product-left {display: block; width: auto;}
.product-left .product-photo {margin-bottom: 10px !important; margin-top: 10px;}
.product-left .product-photo img {display: none;}
.product-left .product-photo .acircle {display: none;}
.pr-left > div[style^="margin-top:45px"], .pr-left > div[style^="margin-top: 45px"] {margin-top: 0px !important;}
.pr-left .prod-buttons {text-indent: 0px;}
.closetooltip {width: 100%; box-sizing: border-box; margin-left: 0px; margin-right: 0px;}

.product-center {display: block; padding: 10px 0px; width: auto; border-left: none;}
.product-center > div[style$="width:135px"], .product-center > div[style$="width: 135px"] {float: none !important; width: 32.333% !important; display: inline-block; vertical-align: top;}
.product-center table {background-position: top right !important;}
.product-center > div:first-child {text-align: center;}
.product-center > div:first-child .block-title {text-align: left;}
.product-center > div:first-child table {text-align: left;}
.product-center > div:first-child > div[style^="float:left"], .product-center > div:first-child > div[style^="float: left"] {float: none !important; display: inline-block; vertical-align: top;}
.product-center > div > span[style^="cursor:pointer"] img, .product-center > div > span[style^="cursor: pointer"] img {margin: 5px 5px 5px 0px !important;}
.product-center > div[style^="width:400px"] > a, .product-center > div[style^="width: 400px"] > a {height: 67vw !important;}
.pr-left .people {display: inline-block; float: none; vertical-align: top;}

#pcomment + div {margin: 0px !important;}
.product-right {display: block; overflow: auto; padding-left: 0px; border-left: none;}
.people {margin-left: 0px; .people}
.pull-name {margin-right: 5px;}

#main > form > table {width: 100%;}
#main > form > table input[type="text"] {width: 100% !important;}
#main > form > table input[type="password"] {width: 100% !important;}
#main > form > table select {width: 100%;}

#main > table.product-page, #main > table.product-page > tbody, #main > table.product-page > tbody > tr {display: block;}
#main > table.product-page > tbody > tr {display: flex; flex-wrap: wrap;}
#main > table.product-page > tbody > tr > td.product-left {order: 3;}
#main > table.product-page > tbody > tr > td {display: block; width: 100% !important; box-sizing: border-box; padding: 0px 0px 10px !important; border: none !important;}

#main > table > tbody > tr > td > div[style^="width:300px"], #main > table > tbody > tr > td > div[style^="width: 300px"], #main > table > tbody > tr > td > div[style*="width: 300px"] {width: auto !important;}
#main > table > tbody > tr > td > div[style^="width:400px"], #main > table > tbody > tr > td > div[style^="width: 400px"] {width: auto !important;}
.flyinput {height: 17px;}

.profile-userinfo td:first-child {padding-left: 0px;}
.profile-userinfo td:last-child {padding-right: 0px;}
.profile-userinfo tr:last-child td:last-child {padding: 5px 0px !important;}
#d-photo {text-align: center; margin-top: 10px;}

#main > table[style^="width:100%"] > tbody > tr, #main > table[style^="width:100%"] > tbody > tr {display: flex; flex-wrap: wrap;}
#main > table[style^="width:100%"] > tbody > tr > td, #main > table[style^="width:100%"] > tbody > tr > td {width: 100% !important; padding: 0px !important;}
#alist {order: 2;}
}
@media screen and (max-width: 770px) {
.product td {width: auto !important;}
}
@media screen and (max-width: 690px) {
.auth-content {z-index: 300;}
.auth-content .auth-popup {left: 2% !important; right: 2% !important; width: auto !important; margin: 0px !important; top: 2% !important; max-height: 96% !important; overflow: auto;}
.auth-content .auth-popup .h1 {height: auto; line-height: normal; padding: 10px;}
.auth-content .auth-popup.signup-opened .content {height: auto;}
.auth-content .auth-popup .signin {width: 50%; padding: 15px; box-sizing: border-box; background-size: 100% 100%;}
.auth-content .auth-popup .right {width: 50%; padding: 15px; box-sizing: border-box;}
.auth-content .auth-popup .signin .row {width: 100%;}
.auth-content .auth-popup .signin .row input {width: 100%;}
.row .styled-text {margin-right: 0px;}
.auth-content .auth-popup .right .row {width: 100%;}
.row input {width: 100%;}
.auth-content .auth-popup .right .row input {width: 100%;}
.auth-content .auth-popup .right .promo, .auth-content .auth-popup .right .signup, .auth-content .auth-popup .right .reset-password {padding-top: 0px;}
a.styled-button, input.styled-button, span.styled-button {width: 100%;}
.auth-content .auth-popup .social-signin {text-align: center;}
.auth-content .auth-popup .social-signin .last {margin-left: 0px !important; display: inline-block;}
.auth-content .auth-popup .signin .remind {top: 3px;}

.modal-window {left: 0px !important; right: 0px !important; width: auto !important; margin: -50px 0px 0px !important;}
.admin-anket tr {display: block;}
.admin-anket tr:last-child {padding-bottom: 10px;}
.admin-anket td {padding: 10px 10px 0px !important; display: block; width: auto !important; height: auto !important; empty-cells: hide;}
.admin-anket td img {display: block; margin: auto;}
.admin-anket td select {width: 100%;}
.disbody div {display: block !important; white-space: normal;}
.disbody input.input-mini.dis {width: calc(100% - 27px);}
}
@media screen and (max-width: 600px) {
.product {height: auto; width: 100%;}
.product td:first-child {width: 150px !important;}
.product td {height: auto !important;}
.prod-info {padding-bottom: 15px;}
.product-cover {width: 100%;}

#main > table > tbody > tr > td > div > div > div[style^="float:left"], #main > table > tbody > tr > td > div > div > div[style^="float: left"] {margin-right: 15px; margin-bottom: 15px;}
#main > table > tbody > tr > td > div > div > div[style^="float:left"] + div[style^="float:left"], #main > table > tbody > tr > td > div > div > div[style^="float: left"] + div[style^="float: left"] {float: none !important; margin-left: 0px !important; margin-right: 0px; margin-bottom: 15px;}
#main > table > tbody > tr > td > div > div > div[style^="float:right"], #main > table > tbody > tr > td > div > div > div[style^="float: right"] {float: none !important; width: auto !important;}

.messages {display: block;}
.messages tbody {display: block;}
.messages tr {display: block; border-bottom: 1px solid #eeeeee; position: relative;}
.messages tr.read {background: #fff;}
.messages tr.unread {background: #f5f9fb;}
.messages td {display: block; width: auto !important; height: auto !important; padding: 10px; border-bottom: none;}
.messages td[colspan="5"] {overflow: hidden;}
.messages td.messages-photo {display: inline-block; box-sizing: border-box; width: 19% !important;}
.messages td.messages-checkbox {width: 50% !important; text-align: left;}
.messages td.messages-actions {width: 50% !important; position: absolute; right: 0px; top: 0px; text-align: right;}
.messages td.messages-link {display: inline-block; box-sizing: border-box; width: 30% !important;}
}
@media screen and (max-width: 570px) {
#menu-line {text-align: center;}
.header .logo {display: block; margin-left: auto; margin-right: auto;}
.select_container {float: none; display: inline-block; vertical-align: top; margin-right: 0px; margin-top: 3px;}
.scont {left: 50%; margin-left: -100px;}
}
@media screen and (max-width: 540px) {
.resize-window {left: 1% !important; margin-left: 0px !important; right: 1% !important; width: auto !important;}
}
@media screen and (max-width: 500px) {
.auth-content .auth-popup .signin, .auth-content .auth-popup .right {width: 100% !important;}
}
@media screen and (max-width: 480px) {
.product-center > div[style$="width:135px"], .product-center > div[style$="width: 135px"] {width: 49% !important;}
}
@media screen and (max-width: 400px) {
.product td:first-child {width: auto !important;}
#main > form[name="register"] > table td {display: block; width: auto; height: auto;}
.messages td.messages-photo {width: 29% !important;}
.messages td.messages-link {width: 70% !important;}
}
@media screen and (max-width: 370px) {
.select_container {position: static;}
.scont {left: 10px; margin-left: 0px; right: 10px; width: auto;}
.select {width: auto; display: block;}
.product-center > div[style$="width:135px"], .product-center > div[style$="width: 135px"] {width: 100% !important;}
.product-center > div[style$="width:135px"] > div, .product-center > div[style$="width: 135px"] > div {margin-top: 15px !important; width: auto !important; float: none !important;}
#prices {overflow: auto; display: block;}
#prices > tbody {display: table; width: 100%;}
#main > form input[type="text"][name="email"] {width: calc(100% - 160px);}
#main > table.addanket table td.ititle, #main > table.addanket table td.ivalue {display: block; width: auto; height: auto;}
}
@media screen and (max-width: 329px) {
.anket-elements {left: 0px !important; right: 0px !important; width: auto;}
.anket-name {padding-left: 15px; width: 63%; box-sizing: border-box;}
.margin-cont > select {width: 30%;}
.anket-elements > div:nth-last-child(2) {overflow: hidden; margin: 15px !important;}
.anket-elements > div:nth-last-child(2) > div + div {margin-right: 0px !important;}
}


@media screen and (max-height: 610px) {
.auth-content {z-index: 300;}
.auth-content .auth-popup {left: 2% !important; right: 2% !important; width: auto !important; margin: 0px !important; top: 2% !important; max-height: 96% !important; overflow: auto;}
.auth-content .auth-popup .h1 {height: auto; line-height: normal; padding: 10px;}
.auth-content .auth-popup.signup-opened .content {height: auto;}
.auth-content .auth-popup .signin {width: 50%; padding: 15px; box-sizing: border-box; background-size: 100% 100%;}
.auth-content .auth-popup .right {width: 50%; padding: 15px; box-sizing: border-box;}
.auth-content .auth-popup .signin .row {width: 100%;}
.auth-content .auth-popup .signin .row input {width: 100%;}
.row .styled-text {margin-right: 0px;}
.auth-content .auth-popup .right .row {width: 100%;}
.row input {width: 100%;}
.auth-content .auth-popup .right .row input {width: 100%;}
.auth-content .auth-popup .right .promo, .auth-content .auth-popup .right .signup, .auth-content .auth-popup .right .reset-password {padding-top: 0px;}
a.styled-button, input.styled-button, span.styled-button {width: 100%;}
.auth-content .auth-popup .social-signin {text-align: center;}
.auth-content .auth-popup .social-signin .last {margin-left: 0px !important; display: inline-block;}
.auth-content .auth-popup .signin .remind {top: 3px;}

.resize-window {top: 1% !important; margin-top: 0px !important; max-height: 98% !important; overflow: auto;}
}