.content {min-height: 800px;}
.bx_ordercart_order_pay_center {text-align: center; margin-bottom: 20px;}
.bx_ordercart_order_pay_center a {background: #fff; padding: 10px 30px; border: 1px solid #21557f; text-decoration: none;}


@media only screen and (max-width: 576px) {
.basket_table .name a {width: 60%;}
.basket_table .price, .basket_table .sum {width: 30%;}
.basket_table .quantity {width: 30%;}
.basket_table .sum {text-align: right;}
.basket_table .name .img {width: 80px; height: 80px; margin-bottom: 8px;}
.basket_table .total strong {width: auto;}

.popup_w {width: auto; max-width: 100%;}
.wrapper {padding: 0; background: none;}
.content {width: 100%; border: 0;}
aside.left {float: none; width: 100%; border-bottom: 2px solid #a47f55;}
aside.left .menu, aside.left .shadow {background: #f2f2f2;}
aside.left .shadow {float: none; border-bottom: 0;}
aside.left .logo_title {display: none;}
.workarea {float: none; width: auto; padding: 0 20px 10px; margin: 0;}
.top_menu {float: none; width: 100%;}
.welcome_text {width: auto;}
.catalog {float: none; margin: 0;}
.catalog .item {float: none; margin: 0 auto 40px; width: 100%; text-align: center;}
.corner {display: none;}
.catalog .item .title {height: auto;}
.hd_menu {display: none;}

.catalog_element .left, .catalog_element .right {float: none; width: auto;}

.mobile.menu_icon {width: 28px; position: absolute; top: 96px; left: 20px; cursor: pointer;}
.mobile.menu_icon span {height: 2px; width: 100%; background: #a47f55; margin-bottom: 5px; display: block; border-radius: 2px;}
.mobile {display: block;}
.mobile.basket_icon {width: 38px; height: 32px; line-height: 32px; background: url(images/icon-cart.png) no-repeat 0 0; position: absolute; top: 80px; right: 20px;}
aside.left .basket_small {float: none; margin: 0; padding: 0; width: 100%; background: #bdb1a5; height: auto; border-top: 2px solid #a47f55;}
aside.left .basket_small .row.link {margin: 0 12px; padding: 8px 0;}
aside.left .basket_small .row:first-child {margin-top: 0; padding-top: 14px;}

.top_news {float: none; width: 100%; margin-bottom: 34px;}
.workarea h1 {margin: 0 0 24px 18px;}
.catalog_element .back {background: none;}
.catalog_element .right .info {float: none; text-align: left; margin: 0 auto;}
.catalog_multiple .item {float: none; width: 100%;}
.catalog_multiple .item:first-child {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc;}

.basket_table .head {display: none;}
.basket_table .name {width: 100%;}
.basket_table .price {display: none;}
.basket_table .item {border-bottom: 1px solid #ccc;}
.basket_table .item:last-child {border-bottom: 0;}
}

@media (min-width: 520px) and (max-width: 576px) {
.catalog .item {margin: 0 0px 26px; width: 48%; display: inline-block; vertical-align: top;}
}


@media (min-width: 577px) and (max-width: 991px) {

.wrapper {padding: 0; background: none;}
.content {width: 100%; border: 0;}
aside.left {float: none; width: 100%; border-bottom: 2px solid #a47f55;}
aside.left .menu, aside.left .shadow {background: #f2f2f2;}
aside.left .shadow {float: none; border-bottom: 0;}
aside.left .logo_title {display: none;}
aside.left .menu {width: auto;}
aside.left .left_menu {text-align: left; padding: 0 20px; width: auto;}
aside.left .shadow {text-align: left; width: auto; padding: 0 20px;}
aside.left .left_menu .item {display: inline-block; vertical-align: top; width: 30%; text-align:left; margin-bottom: 16px;}
.workarea {float: none; width: auto; padding: 0 20px 10px; margin: 0;}
.top_menu {float: none; width: 100%;}
.welcome_text {width: auto;}
.catalog {float: none; margin: 0;}
.catalog .item {float: none; margin: 0 0 40px; width: 48%; text-align: center; display: inline-block; vertical-align: top;}
.catalog .item .title {width: 70%; margin: 17px auto 0;}
.corner {display: none;}
.catalog .item .title {height: auto;}
.hd_menu {display: none;}

.catalog_element .left, .catalog_element .right {float: none; width: auto;}

.mobile.menu_icon {width: 28px; position: absolute; top: 96px; left: 20px; cursor: pointer;}
.mobile.menu_icon span {height: 2px; width: 100%; background: #a47f55; margin-bottom: 5px; display: block; border-radius: 2px;}
.mobile {display: block;}
.mobile.basket_icon {width: 38px; height: 32px; line-height: 32px; background: url(images/icon-cart.png) no-repeat 0 0; position: absolute; top: 80px; right: 20px;}
aside.left .basket_small {float: none; margin: 0; padding: 0; width: 100%; background: #bdb1a5; height: auto; border-top: 2px solid #a47f55;}
aside.left .basket_small .row.link {margin: 0 12px; padding: 8px 0;}
aside.left .basket_small .row:first-child {margin-top: 0; padding-top: 14px;}

.top_news {float: none; width: 100%; margin-bottom: 34px;}
.workarea h1 {margin: 0 0 24px 18px;}
.catalog_element .back {background: none;}
.catalog_element .right .info {float: none; text-align: left; margin: 0 auto;}
.catalog_multiple .item {float: none; width: 100%;}
.catalog_multiple .item:first-child {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc;}

.basket_table {margin-top: 16px;}
.basket_table .head {display: none;}

.bx_ordercart_order_pay_center {text-align: center; margin-bottom: 20px;}
.bx_ordercart_order_pay_center a {background: #fff; padding: 10px 30px; border: 1px solid #21557f; text-decoration: none;}
}

@media (min-width: 639px) and (max-width: 767px) {
}


@media (min-width: 768px) and (max-width: 991px) {
.catalog .item {width: 30%;}
aside.left .left_menu .item {width: 24%; margin-bottom: 4px;}
aside.left .left_menu .item a {font-size: 13px;}
aside.left #search_form {top: 30px; width: 50%; display: inline-block; vertical-align: top; line-height: 0;}
.subscribe {margin-top: 30px; display: inline-block; vertical-align: top; width: 49%; line-height: 0; text-align: right;}
aside.left .shadow {padding: 0 20px 24px; height: auto;}
.catalog_multiple .item {float: left; width: 50%;}
.catalog_multiple .item:first-child {border-bottom: 0;}
.catalog_element .left, .catalog_element .right {float: left; width: 45%;}

.basket_table .name {width: 55%;}
.basket_table .name a {width: 72%; margin: 0;}
.basket_table .price {width: 80px;}
.basket_table .quantity {width: 90px;}
}


@media only screen and (max-width: 991px) {
.basket_table .quantity .delete {display: inline-block; text-indent: -9000px; position: relative;}
.basket_table .quantity .delete:after {content: "x"; position: absolute; font-size: 16px; color: red; line-height: 20px; left: 0; top: 0; text-indent: 0;}
}


@media only screen and (max-width: 360px) {
.basket_table .price, .basket_table .sum {width: 25%;}
.basket_table .quantity {width: 38%;}
}


@media (min-width: 992px) and (max-width: 1199px) {
}


@media (min-width: 1200px) and (max-width: 1369px) {
.wrapper {padding: 0;}
.corner {display: none;}
.content {width: auto;}
.top_menu {float: left; width: auto; margin: 24px 0 40px 40px;}
.workarea {float: left; width: 845px; margin: 0 20px 120px 40px;}
.welcome_text {width: auto; float: none; margin-bottom: 40px;}
.top_news {float: none; width: 100%;}
.catalog .item {margin: 0 48px 24px 0;}
.catalog_element .right {width: 300px;}
}
