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

body {padding-bottom: 30px !important;}

.pvz{margin-bottom: 5px!important;}	
.box_cart .bottom_cart .discount p {font-size: 12px !important;}
.btn_goall { border: 1px solid #d6d1d1;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;line-height: 1.3;}

@media screen and (max-width: 775px)
table, span, div, ins {
    max-width: 100% !important;
}
#header .contact p {font-size: 12px !important;}

.txt_agb {font-size: 12px !important;}
.block.top_products .inner ul li .zum {font-size: 12px !important;}
.block.top_products .inner ul li span.details {font-size: 12px !important;}
.top_products_popup {font-size: 12px !important;}
.sidebar .block .top_products_popup b {font-size: 12px !important;}
.sidebar .block.top_products .inner ul li .zum {font-size: 12px !important;}
#footer .facebook a {font-size: 12px !important;}
#wrapper .witch p {font-size: 12px !important;}
#wrapper .landing #content .features .getested .text {font-size: 12px !important;}
table.country_list tr td.price {font-size: 12px !important;}
.klarna_box .buttons .terms {font-size: 12px !important;}
.new_cart table tr th {font-size: 12px !important;}
.item .description .nob {font-size: 12px !important;}
#comentform div {font-size: 12px !important;}

#left_column {z-index: 9999; float: none !important; margin: 0px; padding: 0px; width: 100% !important; max-height: 100%; height: 100%; overflow: auto; position: fixed; display: none; background-color: #fff; top: 0px; left: -100%; right: 0px; -webkit-transition: left 1s; -moz-transition: left 1s; -o-transition: left 1s; transition: left 1s;}
#left_column .h3 {margin: auto !important;}
#left_column li {width: 48% !important;float: none !important;height: 34px !important;margin-bottom: 3px !important;display: inline-block !important;vertical-align: top !important;text-align: left !important;}

#zakr {z-index: 99999 !important; cursor: pointer; color: #db3029; position: fixed; right: 2%; top: 1%; padding: 0; font-size: 25px; line-height: 25px}
#zakr:hover {color: #ff0a00 !important;}

#wrapper {min-width: 100px !important; min-height: 100px !important; margin-top: 30px !important;}
#wrap_content {width: auto !important; padding-top: 200px !important;}
#content.page {min-height: 100px !important;}

.search_block {height: auto !important; margin: 0 2% !important; margin-top: 30px !important;}
.search_block .search_box {float: none !important; height: auto !important; width: auto !important;}
.search_block .new_product {float: none !important; height: auto !important; width: auto !important; text-align: center !important;}

#content {padding: 0 2% !important;}
#content .features {background-size: 100% 17px !important;}
#content .features .paymen {display: none !important; margin: 10px 10px 5px 20px !important;}
#content .features ul {margin: 10px 10px 5px 20px !important; width: auto !important; float: none !important;}
#content .features ul li {padding: 0% 5% !important; width: 40% !important;}
#content .features ul li.clear {padding: 0px !important; width: 100% !important;}
#content .box {min-height: 100px !important;}

#cats {top: 200px !important; width: 100% !important; box-sizing: border-box !important; left: 0px !important; margin-left: 0px !important;}

#content .cont2  h1 {margin-left: 0px !important; text-align: center !important;}

#content + .home_text {min-height: 100px !important; margin: 0px 2% !important;}
#content + .home_text .about {padding: 0px 2% !important;}

ul.models {margin-left: 0px !important; text-align: center !important;}
ul.models li {float: none !important; margin-right: 4px !important; display: inline-block !important; vertical-align: top !important;}

.top_title {padding: 5px 0 30px 0 !important; margin-top: 10px !important; background-size: 100% 17px !important;}
.top_title .crabs {margin-top: 0px !important; margin: 0px 2% !important;}

.home_text {padding: 2% 0px;background: none;}
.home_text .callme{background: none;}
.home_text .about {padding: 0px 2% !important; float: none !important;}

#addItemInCart {min-height: 180px !important; height: auto !important; max-height: -o-calc(60% + 123px) !important; max-height: -moz-calc(60% + 123px) !important; max-height: -webkit-calc(60% + 123px) !important; max-height: calc(60% + 123px) !important; overflow-y: auto !important; text-align: center !important; width: 98% !important; top: 40% !important; left: 1% !important; margin-left: 0px !important; padding: 2% !important; box-sizing: border-box !important;}
#addItemInCart .close.button {right: 0px !important; top: 0px !important; background-size: 100% 100% !important;} 
#addItemInCart div.h1 {min-height: 40px !important; text-align: center !important; line-height: 30px !important; width: auto !important; height: auto !important;}
#addItemInCart .item_image_full, #addItemInCart .item_count_full, #addItemInCart .item_image_full .item_image_table, #addItemInCart .item_count_full .item_count_table {padding-left: 0px !important; margin-left: 0px !important; width: auto !important; height: auto !important; float: none !important; display: inline-block !important; vertical-align: middle !important;}
#addItemInCart .item_links {margin: 0px !important; margin-top: 15px !important; width: 100% !important; text-align: center !important;}
#addItemInCart .item_links .close {margin: 5px !important; float: none !important; display: inline-block !important;}
#addItemInCart .item_links .order {margin: 5px !important; float: none !important; display: inline-block !important;}

#cartwindow {left: 0px !important; width: auto !important; height: auto !important; min-height: 160px !important;}
#cartwindow #dialog {width: auto !important; height: auto !important; min-height: 160px !important;}
#cartwindow .top {padding: 2% !important; width: auto !important; right: 0px !important;}
#cartwindow .close {margin-right: 0px !important; margin-top: 0px !important;}
.dialogbt .message {width: auto !important; height: auto !important;}

#content .cont {width: auto !important; float: none !important;}
.catalog_model {padding-left: 2% !important;}
.text_model {padding-left: 2% !important; padding-right: 2% !important;}
#content .sidebar {width: auto !important; float: none !important;}
.sidebar .features_box, .sidebar .groups_box {padding: 2% !important;}
.sidebar .features_box ul li.versand {margin-bottom: 0px !important;}

.item .description {width: 60% !important; -o-width: calc(100% - 170px) !important; width: -moz-calc(100% - 170px) !important; width: -webkit-calc(100% - 170px) !important; width: calc(100% - 170px) !important;}
.products .item {padding: 2% 0px !important; position: relative !important; margin-bottom: 40px !important;}
.products .item .shadow {width: 100% !important; background-size: 100% 100% !important;}
.number_box {position: static !important; width: 100% !important; float: right !important;}
.vers_box {float: left !important;}
.item .add_cart .price_block {width: 60% !important; width: -o-calc(100% - 170px) !important; width: -moz-calc(100% - 170px) !important; width: -webkit-calc(100% - 170px) !important; width: calc(100% - 170px) !important; float: right !important; margin: 0px !important; text-align: center !important;}
.item .add_cart .price_block .price {float: none !important; display: inline-block !important;}
.item .add_cart .price_block .uvp {display: inline-block !important;}
.number_box .button, .number_box .basket_btn {margin-top: 13px !important; overflow: hidden !important; width: 60% !important; width: -o-calc(100% - 170px) !important; width: -moz-calc(100% - 170px) !important; width: -webkit-calc(100% - 170px) !important; width: calc(100% - 170px) !important; float: right !important; text-align: center !important;}
.number_box .button a, .number_box .basket_btn p {margin: auto !important;}

.content_carts > h1.no_upper + table {display: block !important; overflow: auto !important;}
.content_carts > h1.no_upper + table td {padding-left: 5px !important;}
.content_carts img[height="1"] {height: 1px !important;}

.yvedom {margin-left: 0px !important; float: none !important;}
#completeform {margin: auto !important; max-width: 320px !important; text-align: center !important;}
.home_text {min-height: 100px !important;}
#maincontent {min-height: 100px !important;}
#completeform input#email {max-width: -o-calc(100% - 160px) !important; max-width: -moz-calc(100% - 160px) !important; max-width: -webkit-calc(100% - 160px) !important; max-width: calc(100% - 160px) !important;}

.descr {padding: 0px 2% !important;position: static !important;width: auto !important;height: auto !important;}
.verhcat {margin-bottom: 45px !important;}

.soc {margin:8px 0 !important; text-align: center; width: 100% !important;}

.product .item .images {width: auto !important; float: none !important;}
.product .item .description {width: auto !important; float: none !important; margin-left: 0px !important;}
.product .item .description .nr {position: absolute !important; right: 0px !important; top: 0px !important;}
.product .item .description .nr + br, .product .item .description .nr + br + br, .product .item .description .nr + br + br + br {display: none !important;}
.product .item .description .brand {padding: 0px 2% !important; text-align: center !important;}
.product .item .description .brand img {float: none !important;}
.product .item .description .nob {padding: 2% !important;}
.product .item .description .price_block {height: auto !important; min-height: 45px !important; padding: 2% !important; text-align: center !important;}
.product .item .description .price_block .l_col {float: none !important; padding-right: 0px !important;}
.product .item .description .price_block .price {padding-right: 0px !important; margin-right: 0px !important; line-height: normal !important; padding-bottom: 10px !important; min-height: 40px !important; height: auto !important;}
.product .item .description .font_cena {margin-left: 0px !important;}
.product .item .description .vers_box {padding: 2% !important; float: none !important; width: auto !important;}
.product .item .description .button {float: none !important; padding-left: 0px !important; text-align: center !important;}
.product .item .description .button a {margin: auto !important;}

#content .cont_all {padding: 2% !important;}
.cont_all .about_product .description {padding: 2% !important;}
.cont_all .about_product .description .details_text {float: none !important; width: auto !important; padding: 0px !important;}
.cont_all .about_product .description .details_text .nob {padding: 2% 2% 0 2% !important;}
.groupzapname {margin: 2% 0px 2% 2% !important;}
.coments input {width: 100% !important; box-sizing: border-box !important; margin: 1% 0% !important;}
.coments textarea {width: 98% !important; box-sizing: border-box !important; margin: 1% 0% !important;}
.details_text {padding: 0px 2% 2% 2% !important;}
.details_text .item {float: none !important; width: auto !important; padding: 2% !important;}
.deskr_parts_h {padding: 0px 2% !important; display: block !important;}

.highslide-container table {display: none !important;}
#highslide-wrapper-0 {text-align: center !important; left: 0px !important; top: 0px !important; right: 0px !important; width: 100% !important; height: 100% !important; position: fixed !important;}
#highslide-wrapper-0 > div {width: 100% !important; text-align: center !important;}
.closebutton {top: 0px !important; left: 0px !important;}
.borderless .highslide-image {display: inline-block !important; position: static !important;}

.home_text .about div b > ymaps {width: 100% !important;}
#ya-site-results .b-body-items {padding-left: 25px !important;}
#ya-site-results .g-gap-horizontal {margin-left: 25px !important;}

.cont_all .about_product .description .right_col.no_comments {margin-left: 0px !important;}
.cont_all .about_product .description .right_col.no_comments .item.secured {width: auto !important; float: none !important; padding: 2% !important;}
.cont_all .about_product .description .right_col ul li {float: none !important; padding-right: 0px !important;}
.cont_all .about_product .description .right_col.no_comments .item.brand {width: auto !important; float: none !important; padding: 2% !important;}
.btn_buy.popdef {margin: auto !important;}

.vers_box {height: auto; padding-bottom: 15px !important; background-size: 100% 100% !important;}
.search_block .search_box > span {line-height: normal !important;}
.products .item {border: 1px solid #d8d8d8 !important;}
.item .description .nob {border-top: 1px solid #d8d8d8 !important;}

#carttable {width: 100% !important; margin-bottom: 40px !important;}
.user_list .payment td {display: block !important; padding: 0px 2% !important; width: auto !important;}
.user_list .payment td img {display: block !important; margin: auto !important; margin-top: 20px !important;}
.user_list .payment tr {display: block !important; border: 1px solid #e5e5e5; padding-bottom: 20px !important; margin-bottom: 40px !important;}
.user_list .payment td div {float: none !important; padding: 1px !important;}
.user_list .payment tr td.paymentopis + td {text-align: center !important;}

#popup {width: auto !important;}

#header {height: 200px !important; width: 100% !important; text-align: center !important;}
#header .logo, #header .contact {float: none !important; display: inline-block !important; vertical-align: top !important; text-align: left !important;}
#header .logo {height: 73px !important;}
#header .contact {height: 65px !important;}
#header .cart {z-index: 200 !important; position: fixed !important; background: #f3f3f3 !important; width: 100% !important; height: 30px !important; right: 0px !important; top: 0px !important; margin: 0px !important; padding: 3px 0px!important;}
#header .cart a.show_cart {height: 100% !important; width: auto !important; float: right !important; position: static !important;}
#header .cart .price {position: static !important; margin-top: 5px !important; margin-right: 5px !important;}
#header .cart .artikles {position: static !important; padding-top: 2px !important; padding-right: 3px !important;}
#header .panel {float: none !important; margin: 5px auto !important;}
#header .panel ul.menu {overflow: visible !important; text-align: center !important;}
#header .panel ul.menu li {float: none !important; display: inline-block !important; vertical-align: top !important;}
#header .panel .login_panel {margin-left: 0px !important}
#header .navigation ul li {width: 257px !important;}
#header .navigation .search {width: 50% !important; width: width: width: -o-calc(100% - 273px) !important; -moz-calc(100% - 273px) !important; -webkit-calc(100% - 273px) !important; width: calc(100% - 273px) !important; box-sizing: border-box;}
#header .navigation .search input {width: 90% !important; margin: 5px 0px 0px 15px !important; width: -o-calc(100% - 40px) !important; width: -moz-calc(100% - 40px) !important; width: -webkit-calc(100% - 40px) !important; width: calc(100% - 40px) !important; border: none !important; float: left !important;}
#header .navigation ul li a span {white-space: nowrap !important;}
#footer {margin-top: 30px !important; padding: 2% !important;}
#footer ul.menu {text-align: center !important;}
#footer ul.menu li {float: none !important;}
#footer ul.menu li {float: none !important; padding-left: 0px !important; display: inline-block !important; vertical-align: top !important; margin: 10px !important;}
#footer .copy {padding-top: 30px !important; width: auto !important; text-align: center !important;}
#footer .logo {position: static !important; margin: 10px auto !important; margin-bottom: 0px !important;}
#buter {z-index: 499; position: fixed; top: 0px; left: 0px; opacity: 1; width: 30px; height: 27px; cursor: pointer; background: url(images/buter.png) center no-repeat; display: block !important; padding: 4px; background-size: 30px 30px !important;}
.cont_all .about_product .description2 {padding:0px!important;}
.top_title .crabs a{text-transform: none!important;text-decoration: none!important;}
}
@media screen and (max-width: 650px) {
#cats table {text-align: center !important;}
#cats table tr {display: inline !important;}
#cats table td {display: inline-block !important; vertical-align: top !important; width: 15% !important; padding: 2% !important;}
}
@media screen and (max-width: 530px) {
#wrap_content {padding-top: 265px !important;}
#header {height: 295px !important;}
#header .contact {height: 55px !important; margin: auto !important; text-align: center !important;}
#header .logo {height: 65px !important; display: block !important; margin: 5px auto !important;}
#header .contact span.title {display: none !important;}
#header .navigation {height: 100px !important;}
#header .navigation .search {width: 100% !important; margin: 0px !important; margin-top: 13px !important; background-size: 100% 100% !important;}
#cats {top: 250px !important;}
#content .features ul li {width: 90% !important; background: url(images/features_li.gif) left no-repeat !important;}
#header .navigation ul li {width: 100% !important;}
#header .navigation ul li.active a {background: transparent !important;}
}
@media screen and (max-width: 500px) {
#signup td {display: block !important; text-align: left !important; padding: 0px !important; width: 100% !important;}
#nextSibling5 td {display: block !important; text-align: left !important; padding: 0px !important; width: 100% !important;}

.orderContent select, .orderContent input, .orderContent textarea {margin: 2% 0% !important; width: 100% !important;}
#signup td > div {margin: 0px !important;}
#signup td > p[style="margin-left:-100px;"] {text-align: center !important;}
#signup td > p {margin-left: 0px !important;}
#signup td.tah12 > br {display: none !important;}
#nextSibling5 td > div {margin: 0px !important;}
#nextSibling5 td > p[style="margin-left:-100px;"] {text-align: center !important;}
#nextSibling5 td > p {margin-left: 0px !important;}
#nextSibling5 td.tah12 > br {display: none !important;}

#header .navigation .search {border: 2px solid #007200 !important; background: url(images/search.jpg) 8px no-repeat !important; background-size: 20px 18px !important;}
#header .navigation .search a {top: 2px !important;}
#wrap_content {padding-top: 298px !important;}
}
@media screen and (max-width: 470px) {
#cats table td {width: 20% !important;}
.b-pager__title {display: block !important;}
.b-pager__active, .b-pager__inactive {display: inline-block !important; width: 49% !important; margin: 0px !important; text-align: center !important;}
}
@media screen and (max-width: 400px) {
.products .item {padding: 2% !important;}
.item .description {width: 100% !important; margin-left: 0px !important;}
.products .item .image {width: 100% !important;}
.vers_box {padding-bottom: 15px !important; float: left !important; width: 100% !important; margin-right: 0px !important; height: auto !important; background-size: 100% 100% !important;}
.vers_box span.text_vers {max-width: 130px !important; line-height: 20px !important; min-height: 20px !important; background-size: 20px 20px !important; margin: auto !important;}
.vers_box.green span.text_vers {max-width: 220px !important;}
.item .add_cart .price_block {width: 100% !important; margin-top: 5px !important;}
.number_box .button, .number_box .basket_btn {width: 100% !important;}
.details_text .item .image {width: auto !important; float: none !important;}
#carttable {display: block !important; overflow: auto !important; width: 100% !important;}
}
@media screen and (max-width: 430px) {
#header .navigation .search input {width: 87% !important; width: -o-calc(100% - 40px) !important; width: -moz-calc(100% - 40px) !important; width: -webkit-calc(100% - 40px) !important; width: calc(100% - 40px) !important;}
}
@media screen and (max-width: 380px) {
#cats table td {width: 28% !important;}
.new_product .table-sm .vidperevozki{display: none !important;}
}
@media screen and (max-width: 360px) {
#header .navigation .search input {width: 82% !important; width: -o-calc(100% - 40px) !important; width: -moz-calc(100% - 40px) !important; width: -webkit-calc(100% - 40px) !important; width: calc(100% - 40px) !important;}
#left_column li {width: 80% !important;}
}
@media screen and (max-width: 350px) {
.b-pager__active, .b-pager__inactive {width: 100% !important;}
}
@media screen and (max-width: 320px) {
#header .navigation .search input {width: 87% !important; width: -o-calc(100% - 40px) !important; width: -moz-calc(100% - 40px) !important; width: -webkit-calc(100% - 40px) !important; width: calc(100% - 40px) !important;}

}
@media screen and (max-width: 300px) {
#header .logo {background-size: contain !important;}
#cats table td {width: 45% !important;}
}
@media screen and (max-width: 270px) {
#header .navigation .search input {width: 79% !important; width: -o-calc(100% - 40px) !important; width: -moz-calc(100% - 40px) !important; width: -webkit-calc(100% - 40px) !important; width: calc(100% - 40px) !important;}
}