.wh {
  position: fixed;
  top: 3px;
  left: 3px;
  z-index: 100;
  background: #fff;
  padding: 1px;
  font-size: 11px
}

.popap-dostavka img.close-block {
  display: none
}

.content-blog-page .item-block-bottom p {
  font-size: 14px;
  line-height: 28px
}

@media screen and (max-width:1346px) {
  .wh {
    background: #000;
    color: #fff
  }

  .promo-slider .wrapper {
    padding: 0
  }

  .promo-slider li {
    box-sizing: border-box;
    padding: 0 30px
  }

  .promo-slider li .bt {
    left: 30px
  }

  .promo-banner li.item-1 {
    width: 59.05%
  }

  .promo-banner li.item-2 {
    width: 38.58%
  }

  .promo-banner li.item-r {
    margin-left: 2.37%
  }

  .blog-box li {
    width: 18%;
    margin-left: 2%
  }

  .blog-box li.big {
    width: 37%
  }

  .blog li {
    width: 18%;
    margin-left: 3%
  }

  .blog li.big {
    width: 37%
  }

  .inform-about li {
    width: 18%;
    margin-left: 3%
  }

  .inform-about li .text {
    margin: 0 10px
  }

  .inform-about li .text p {
    display: inline
  }

  .inform-about .outro .l {
    width: 47%
  }

  .inform-about .outro .r {
    width: 47%
  }

  .product-detail .big {
    float: none;
    width: auto
  }

  .product-detail .big img {
    width: 100%
  }

  .product-detail .preview {
    float: none;
    width: auto;
    padding: 0 25px;
    margin-top: 20px
  }

  .product-detail .preview .inner {
    height: auto
  }

  .product-detail .preview ul {
    width: 9999px
  }

  .product-detail .preview ul:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0
  }

  .product-detail .preview li {
    width: 100px;
    float: left;
    margin: 0 5px
  }

  .product-detail .preview .arr-l,
  .product-detail .preview .arr-r {
    background-position: -625px 0;
    width: 9px;
    height: 31px;
    left: 0;
    top: 50%;
    bottom: auto;
    margin: -15.5px 0 0
  }

  .product-detail .preview .arr-r {
    background-position: -634px 0;
    left: auto;
    right: 0
  }

  .product-detail .preview .arr-r {
    background: url(../i/fields_arrow_right.svg) center no-repeat;
    left: auto;
    right: 0
  }

  .product-detail .preview .arr-l {
    padding-left: 1px;
    background: url(../i/fields_arrow_left.svg) center no-repeat
  }

  .product-detail .entry {
    width: 48%
  }

  .product-detail .buy {
    padding-top: 35px
  }

  .product-detail .av {
    float: right;
    line-height: normal;
    position: relative;
    right: 0;
    top: 0
  }

  .product-detail .menu {
    margin-top: 50px
  }

  .product-detail .share {
    left: 52%
  }

  .cart-page .inform-about li {
    width: 230px;
    margin-left: 30px
  }

  .cart-page .inform-about li:first-child {
    margin-left: 0
  }

  .site-footer .subscribe .entry {
    padding-left: 0
  }

  .site-footer .list.about {
    width: 20%
  }

  .site-footer .list.help {
    width: 30%
  }

  .site-footer .list.catalog {
    width: 50%
  }

  .site-footer .list.catalog ul {
    width: 25%
  }

  .block-menu-search {
    width: 57%
  }
}

@media screen and (max-width:1200px) {
  .product-list-item .view a:after {
    background: 0 !important
  }
}

@media screen and (max-width:1150px) {
  .product-detail .price {
    padding: 0
  }

  .product-detail .like {
    float: right;
    padding: 15px 0 0 18px;
    margin-top: 3px
  }
}

@media screen and (max-width:1116px) {
  .wh {
    background: red;
    color: #fff
  }

  .blog-box li.big .title {
    bottom: 40px;
    padding: 0 10px 0 40px;
    font-size: 26px;
    line-height: 34px
  }

  .blog li.big .title {
    bottom: 40px;
    padding: 0 10px 0 40px;
    font-size: 26px;
    line-height: 34px
  }

  .inform-about li .text {
    margin: 0 20px
  }

  .product-detail .size {
    padding-top: 5px
  }

  .product-detail .size .item {
    float: none;
    padding-top: 25px;
    margin: 0
  }

  .product-detail .menu .tab {
    font-size: 16px
  }

  .product-detail .menu .tab a {
    margin-left: 50px
  }

  .product-box .inner {
    width: auto
  }

  .product-comment li .vote>span {
    display: block;
    padding-bottom: 10px
  }

  .product-comment li .vote a {
    margin: 0 30px 0 0
  }

  .cart-page {
    max-width: none
  }

  .cart-checkout .list.fix {
    left: auto;
    margin-left: auto;
    right: 30px
  }

  .site-footer .subscribe {
    height: 149px
  }

  .site-footer .subscribe .entry {
    display: block;
    float: left;
    width: auto;
    height: auto;
    margin-top: 47px
  }

  .site-footer .subscribe .title {
    font-size: 22px
  }

  .site-footer .subscribe .form {
    position: relative;
    display: block;
    float: right;
    height: auto;
    margin-top: 49px;
    width: 52%;
    text-align: right
  }

  .site-footer .subscribe .field {
    float: none;
    width: auto;
    position: absolute;
    left: 0;
    right: 192px;
    top: 0
  }

  .site-footer .subscribe .form button {
    float: none
  }
}

@media screen and (min-width:768px) {
  .product-sort {
    margin-top: 15px;
  }

  .product-catalog .head {
    display: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
  }
}

@media screen and (max-width:1016px) {
  .wh {
    background: red;
    color: blue
  }

  .site-header .reg {
    display: none
  }


  .site-header .catalog {
    position: static;
    padding-top: 27px
  }

  .site-header .catalog>a {
    padding: 0 50px 0 15px;
    height: 44px;
    line-height: 45px
  }

  .site-header .catalog>a:after {
    top: 16px;
    right: 16px
  }

  .site-header .catalog .box {
    width: auto;
    right: 0;
    top: 72px;
    padding-top: 25px
  }

  .site-header .catalog .side {
    width: 26%
  }

  .site-header .catalog .cont {
    width: 74%;
    box-sizing: border-box
  }

  .site-header .catalog .item {
    width: 50%
  }

  .site-header .menu {
    line-height: 45px;
    padding: 27px 0 0;
    margin-left: 0;
    font-size: 11px
  }

  .site-header .menu li {
    margin-left: 0
  }

  .site-header .search {
    width: 22%;
    margin-top: 27px
  }

  .site-header .search input[type=text] {
    height: 45px;
    padding: 0 15px
  }

  .site-header .search button {
    top: 13px
  }

  .site-header-simple .logo {
    width: auto !important
  }

  .promo-slider .inner {
    height: 500px
  }

  .promo-slider li {
    height: 500px
  }

  .promo-slider li .entry {
    padding-top: 60px
  }

  .promo-slider li .intro {
    font-size: 11px
  }

  .promo-slider li .title {
    padding-top: 20px;
    font-size: 46px;
    line-height: 50px
  }

  .promo-slider li .bt {
    bottom: 60px
  }

  .promo-slider li .img {
    padding: 0;
    height: 500px;
    vertical-align: middle;
    text-align: right
  }

  .promo-slider li .img img {
    width: 80%
  }

  .promo-banner {
    padding-top: 26px
  }

  .promo-banner li {
    margin-top: 30px
  }

  .blog-box ul {
    white-space: nowrap
  }

  .blog-box li {
    width: 22%;
    margin-left: 4%;
    white-space: normal
  }

  .blog-box li.big {
    width: 48%
  }

  .blog li {
    width: 22%;
    margin-left: 4%;
    white-space: normal
  }

  .blog li.big {
    width: 48%
  }

  .blog li:nth-child(4) {
    margin-left: 0
  }

  .blog li:nth-child(8) {
    margin-left: 0
  }

  .blog li:nth-child(5) {
    margin-left: 4%
  }

  .cart-checkout .item {
    margin-right: 0
  }

  .cart-checkout .item-error .value:after,
  .cart-checkout .item-ok .value:after {
    margin-left: 0;
    left: auto;
    right: 0
  }

  .cart-checkout .inline .item {
    width: 190px
  }

  .cart-checkout .box li {
    padding-right: 120px
  }

  .top-about {
    padding-top: 55px;
    padding-bottom: 60px
  }

  .top-about .text-about p {
    font-size: 11px
  }

  .top-about .text-about h3 {
    font-size: 46px;
    line-height: 46px
  }

  .top-design {
    padding-top: 55px;
    padding-bottom: 60px
  }

  .top-design .text-design p {
    font-size: 11px
  }

  .top-design .text-design h1 {
    font-size: 46px;
    line-height: 46px
  }

  .top-deliv .text-deliv h1 {
    font-size: 46px;
    line-height: 46px
  }

  .top-faq .text-faq h1 {
    font-size: 46px;
    line-height: 46px
  }

  .top-help .text-help h1 {
    font-size: 46px;
    line-height: 46px
  }

  .text-besopasno {
    padding: 50px 30px
  }

  .text-besopasno.image-block p {
    padding: 0 30px
  }

  .text-besopasno p {
    font-size: 22px
  }

  .text-besopasno p br {
    display: none
  }

  .pochemu-my .block-pochemu-my .box-pochemu-my p {
    font-size: 22px
  }

  .pochemu-my .block-pochemu-my .box-pochemu-my {
    min-height: 225px
  }

  .pub-onas .block-pub-onas p {
    margin: 0 25px
  }

  .action .block-action .box-action .text-action>p {
    font-size: 16px;
    line-height: 22px
  }

  .action .block-action .box-action .text-action .kod-action {
    margin-top: 20px;
    padding: 20px 0
  }

  .action .block-action .box-action .text-action .kod-action>p {
    font-size: 11px;
    line-height: 1;
    margin-bottom: 5px
  }

  .action .block-action .box-action .text-action .kod-action h3 {
    font-size: 28px
  }


  .site-header .menu>ul>li {
    margin-left: 20px
  }

  .block-menu-search {
    width: 53%
  }

  .partner .block-partner .box-left-par p {
    font-size: 22px
  }

  .partner .block-partner .box-left-par a.dowland {
    font-size: 11px
  }

  .partner .block-partner .box-right-par p {
    padding-right: 0
  }

  .partner .block-partner .box-left-par {
    padding-left: 0
  }

  #tabs-container h3 {
    font-size: 34px
  }

  .top-blog-page h3 {
    font-size: 32px;
    line-height: 36px
  }

  .top-blog-page {
    padding-top: 40px;
    padding-bottom: 55px
  }

  .top-deliv {
    padding-top: 55px;
    padding-bottom: 60px
  }

  .top-deliv p {
    font-size: 11px
  }

  .top-deliv h3 {
    font-size: 46px;
    line-height: 46px
  }

  .delivery-block .row-delivery .left-box-delivery p {
    font-size: 22px
  }

  .delivery-block .row-delivery .left-box-delivery {
    width: 27%
  }

  .guestion-fag .box-guestion-fag h3 {
    font-size: 22px
  }

  .top-faq p {
    font-size: 11px;
    padding-left: 0
  }

  .top-faq h3 {
    font-size: 46px;
    line-height: 46px;
    padding-left: 0
  }

  .top-faq a {
    margin-left: 0
  }

  .top-faq {
    padding-top: 55px;
    padding-bottom: 60px
  }

  .top-help {
    padding-top: 55px;
    padding-bottom: 60px
  }

  .top-help p {
    font-size: 11px;
    padding-left: 0
  }

  .top-help h3 {
    font-size: 46px;
    line-height: 46px;
    padding-left: 0
  }

  .help-bottoms .row-bottoms a:before {
    margin: 0 auto !important;
    left: 0 !important;
    right: 0 !important;
    top: 25px !important
  }

  .help-bottoms .row-bottoms a {
    padding: 80px 0 35px 0
  }

  .text-catalog .row-text-catalog .right-box-text-catalog h3 {
    line-height: 1.2;
    font-size: 32px;
    padding-right: 140px
  }

  .order_text {
    font-size: 46px
  }

  .order_block {
    font-size: 32px
  }
}

@media screen and (max-width:916px) {
  .wh {
    background: blue;
    color: #fff
  }


  .site-header .menu {
    display: none
  }

  .site-header .search {
    width: 30%
  }

  .site-sidebar {
    display: none
  }

  .site-content {
    width: auto;
    margin-right: 0
  }

  .site-content.favorites-index {
    width: 100%
  }

  .site-cont {
    margin-right: 0;
    padding-left: 0
  }

  .product-detail .buy {
    margin-top: 35px;
    padding-top: 25px
  }

  .product-detail .like {
    float: right;
    padding-left: 0;
    width: auto
  }

  .product-detail .bt {
    width: auto
  }

  .product-detail .menu {
    border-top: 0;
    padding-top: 0;
    border-bottom: 1px solid #e5e5e5;
    margin: 35px 0 54px
  }

  .product-detail .menu .tab {
    display: none
  }

  .product-detail .menu .btn {
    display: block
  }

  .product-detail .item-descr {
    padding-top: 0
  }

  .product-detail .item-size {
    padding-top: 0
  }

  .product-detail .item-size ul.char li:first-child {
    padding-top: 5px
  }

  .product-detail .item-delivery {
    padding-top: 0
  }

  .product-filter .box {
    left: 0 !important;
    margin-left: 0 !important
  }

  .product-filter .box:after {
    left: 20px;
    margin-left: 0
  }

  .cart-checkout {
    padding-right: 330px
  }

  .cart-checkout .list {
    width: 300px
  }

  .cart-checkout .list .ttl {
    width: auto;
    padding: 0 0 10px
  }

  .cart-checkout .list .num {
    clear: both
  }

  .cart-checkout .list .head .ttl {
    padding: 0
  }

  .cart-checkout .list .head .sum {
    display: none
  }

  .site-footer .subscribe .form {
    width: 47%
  }

  .site-footer .subscribe .field {
    right: 154px
  }

  .site-footer .subscribe button {
    width: 136px;
    padding: 0;
    text-align: center
  }

  .site-footer .subscribe button:after {
    display: none
  }

  .site-footer .share {
    float: none;
    padding: 0;
    position: absolute;
    left: 15px;
    top: 100%;
    margin-top: 30px
  }

  .site-footer .call .phone {
    font-size: 22px
  }

  .site-footer .level-2 {
    margin-top: 115px
  }

  .site-footer .list.about {
    width: 20%
  }

  .site-footer .list.help {
    width: 25%
  }

  .site-footer .list.catalog {
    width: 55%
  }

  .site-header .catalog {
    display: block
  }

  .block-menu-search {
    width: 28%
  }

  .text-catalog .row-text-catalog .left-box-text-catalog {
    width: 32%
  }

  .text-catalog .row-text-catalog .right-box-text-catalog {
    width: 68%
  }

  .text-catalog .row-text-catalog .right-box-text-catalog h3 {
    padding-right: 0
  }

  .text-catalog .row-text-catalog .right-box-text-catalog .row-text-cat2 .box-text-cat2 {
    float: none;
    width: 100%;
    box-sizing: border-box;
    padding: 0 !important
  }

  .text-catalog .row-text-catalog .right-box-text-catalog .row-text-cat2 .box-text-cat2:nth-child(2) {
    margin-top: 20px
  }

  .product-detail ul.char li .level {
    vertical-align: top
  }

  .product-detail ul.char li .value {
    vertical-align: bottom
  }
}

@media screen and (max-width:816px) {
  .wh {
    background: orange;
    color: #fff
  }

  H2 {
    font-size: 24px
  }


  .site-header .logo img {
    width: 143px
  }

  .site-header .catalog>a {
    font-size: 11px;
    position: absolute
  }

  .promo-slider .inner {
    height: 410px
  }

  .promo-slider li {
    height: 410px
  }

  .promo-slider li .entry {
    padding-top: 50px
  }

  .promo-slider li .title {
    padding-top: 20px;
    font-size: 40px;
    line-height: 44px
  }

  .promo-slider li .bt {
    bottom: 50px
  }

  .promo-slider li .img {
    height: 410px
  }

  .promo-slider .page {
    bottom: 30px
  }

  .promo-banner {
    padding-top: 6px
  }

  .promo-banner li a>span {
    bottom: 30px
  }

  .blog-box {
    padding-top: 70px
  }

  .blog-box ul {
    padding-top: 35px
  }

  .blog-box li {
    width: 30%;
    margin-left: 5%
  }

  .blog-box li.big {
    width: 65%
  }

  .blog li {
    width: 30%;
    margin-left: 5%
  }

  .blog li.big {
    width: 65%
  }

  .blog li:nth-child(3) {
    margin-left: 0
  }

  .blog li:nth-child(6) {
    margin-left: 0
  }

  .blog li:nth-child(4) {
    margin-left: 5%
  }

  .inform-about {
    padding-top: 75px
  }

  .inform-about ul {
    padding-top: 5px
  }

  .inform-about li {
    width: 50% !important;
    margin: 45px 0 0 !important
  }

  .inform-about li .title {
    font-size: 16px
  }

  .product-detail .id {
    clear: both;
    float: none;
    padding-top: 20px
  }

  .product-box {
    padding-top: 30px
  }

  .product-box .slider {
    margin-top: 22px
  }

  .product-box .arr-l,
  .product-box .arr-r {
    top: 50px
  }

  .cart-page {
    padding-top: 60px
  }

  .cart-page .subtitle {
    font-size: 30px
  }

  .cart-page .inform-about {
    padding-top: 35px
  }

  .cart-checkout {
    padding-right: 250px
  }

  .cart-checkout .list {
    width: 220px;
    padding-left: 30px;
    padding-right: 30px
  }

  .cart-checkout .list .lev {
    float: none
  }

  .cart-checkout .list .val {
    float: none;
    padding-top: 8px
  }

  .site-footer {
    margin-top: 75px;
    padding-bottom: 50px
  }

  .site-footer .list.catalog ul {
    width: 33.3%
  }

  .site-footer .list.catalog ul:last-child {
    display: none
  }

  .site-footer .pay {
    float: none;
    clear: both;
    padding-bottom: 45px
  }

  .top-about {
    padding-top: 45px;
    padding-bottom: 45px
  }

  .top-about .text-about h3 {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 130px
  }

  .top-design {
    padding-top: 45px;
    padding-bottom: 45px
  }

  .top-design .text-design h1 {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 130px
  }

  .top-deliv .text-deliv h1 {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 130px
  }

  .top-faq .text-faq h1 {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 130px
  }

  .top-help .text-help h1 {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 130px
  }

  .pochemu-my .block-pochemu-my .box-pochemu-my {
    min-height: 170px
  }

  .pub-onas .block-pub-onas p {
    margin: 0 15px
  }

  .site-header .menu {
    display: none
  }

  .site-header .catalog {
    display: block
  }

  .block-menu-search {
    width: 28%
  }

  .sb-search-input {
    padding: 20px 35px 20px 20px !important
  }

  .partner .block-partner .box-left-par {
    width: 41%
  }

  .partner .block-partner .box-right-par {
    width: 59%
  }

  .partner .block-partner .box-right-par p {
    font-size: 14px
  }

  #tabs-container h3 {
    font-size: 30px;
    margin-bottom: 40px
  }

  .pofile .menu .tab a {
    margin-left: 45px
  }

  .top-blog-page h3 {
    font-size: 30px;
    line-height: 34px
  }

  .top-blog-page p {
    margin-bottom: 15px
  }

  .content-blog-page .item-block-top p {
    font-size: 14px;
    line-height: 28px
  }

  .content-blog-page .item-block-top h4 {
    font-size: 22px;
    line-height: 22px
  }

  .content-blog-page .item-block-medium h4 {
    font-size: 22px;
    line-height: 22px;
    padding-left: 0
  }

  .content-blog-page .item-block-medium .medium-row .medium-box-right p {
    font-size: 14px;
    line-height: 28px
  }

  .content-blog-page .item-block-medium .medium-row .medium-box-right {
    padding-left: 40px
  }

  .content-blog-page .item-block-bottom p {
    font-size: 14px;
    line-height: 28px
  }

  .top-deliv {
    padding-top: 45px;
    padding-bottom: 45px
  }

  .top-deliv h3 {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 130px
  }

  .delivery-block .row-delivery .left-box-delivery p {
    font-size: 18px;
    line-height: 28px
  }

  .delivery-block .row-delivery .right-box-delivery .item-delivery .title2 {
    padding-bottom: 20px;
    margin-bottom: 20px
  }

  .delivery-block .row-delivery .right-box-delivery .item-delivery .tovar-delivery p {
    font-size: 14px;
    line-height: 28px;
    margin-right: 35px
  }

  .delivery-block .row-delivery .right-box-delivery .item-delivery .cena-delivery p {
    font-size: 18px;
    line-height: 20px
  }

  .delivery-block .row-delivery .right-box-delivery .item-delivery .cena-delivery span {
    font-size: 14px;
    line-height: 22px
  }

  .delivery-block .row-delivery .right-box-delivery .item-delivery {
    margin-bottom: 30px
  }

  .delivery-block .title {
    margin-bottom: 65px
  }

  .delivery-block .row-delivery .left-box-delivery p br {
    display: none
  }

  .delivery-block .row-delivery .right-box-delivery .text-oplata p {
    font-size: 14px;
    line-height: 28px
  }

  .delivery-block .row-delivery .right-box-delivery .text-oplata li {
    font-size: 11px
  }

  .top-faq {
    padding-top: 45px;
    padding-bottom: 45px
  }

  .top-faq h3 {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 130px
  }

  .guestion-fag {
    padding-top: 45px
  }

  .guestion-fag .box-guestion-fag h3 {
    line-height: 1.5
  }

  .top-help {
    padding-top: 45px;
    padding-bottom: 45px
  }

  .top-help h3 {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 130px
  }

  .help-bottoms .row-bottoms a {
    padding: 75px 0 25px 0;
    font-size: 16px
  }

  .help-bottoms .row-bottoms a:before {
    top: 20px !important
  }

  .error404 {
    font-size: 80px;
    margin-top: 100px
  }

  .text404 {
    font-size: 30px;
    line-height: 40px
  }

  .order_text {
    font-size: 40px
  }

  .order_block {
    font-size: 30px
  }

  .order_img {
    margin-bottom: 25px
  }

  .order_desc {
    margin-top: 15px
  }
}

@media screen and (max-width:1016px) {
  .blog li:nth-child(5n+5) {
    margin-left: 0
  }

}

@media screen and (max-width:780px) and (min-width:768px) {

  .product-list-item .bt a.like {
    margin-left: 10px
  }

}

@media screen and (max-width:768px) {
  .wh {
    background: green;
    color: #fff
  }

  .site-header .catalog .side a {
    padding-left: 15px
  }

  .site-content {
    padding-top: 25px
  }

  .product-comment li {
    padding: 20px 15px 25px
  }

  .product-sort {
    position: static;
  }

  .search_page .product-sort {
    text-align: center
  }

  .product-sort .text {
    margin-bottom: 8px
  }

  .product-sort .select {
    margin-left: 0;
    width: 60%
  }

  .product-filter {
    border-top: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 20
  }

  .product-filter>.roll,
  .product-filter>.text {
    display: block;
    margin: 0;
    border: 1px solid #e5e5e5;
    padding: 0 40px 0 13px;
    position: absolute;
    border-radius: 6px;
    right: 0;
    top: 0;
    height: 40px;
    width: 36%;
    line-height: 38px
  }

  .product-filter>.text {
    display: none
  }

  .product-filter>.roll {
    display: block;
    padding-right: 35px;
    cursor: pointer
  }

  .product-filter>.roll:hover {
    background: #f6f6f6
  }

  .product-filter>.roll:after {
    display: block;
    content: '';
    background: url(../i/strelka_vniz.svg) center no-repeat;
    width: 13px;
    height: 8px;
    position: absolute;
    right: 13px;
    top: 50%;
    margin-top: -3px
  }

  .product-filter .block {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 48px;
    background: #fff
  }

    .product-filter.open .block {
    display: block;
  }

  .product-filter .item {
    display: block;
    margin: 0;
    border-bottom: 1px solid #e5e5e5
  }

  .product-filter .title span {
    display: block;
    padding: 0;
  }

  .product-filter .item.selected .title {
    padding-left: 15px;
    border-radius: 4px
  }

  .product-filter .item.selected .title i {
    height: 44px
  }

  .product-filter .item-sale {
    line-height: 44px;
  }

  .product-filter .box {
    margin-top: 0
  }

  .product-filter .clear {
    display: none
  }

  .product-catalog .subtitle {
    text-align: center;
    font-size: 24px
  }

  .product-catalog .head {
    margin-top: 0px;
    border: none;
    margin-bottom: 15px;
  }

  .cart-checkout {
    padding-right: 0
  }

  .cart-checkout .box-bt {
    padding-top: 35px
  }

  .cart-checkout .list {
    position: static !important;
    top: auto !important;
    left: auto !important;
    margin: 40px 0 0 !important;
    width: auto;
    padding-left: 20px;
    padding-right: 20px
  }

  .cart-checkout .list .ttl {
    box-sizing: border-box;
    width: 50%;
    padding: 0 25px 0 0
  }

  .cart-checkout .list .num {
    clear: none
  }

  .cart-checkout .list .head .sum {
    display: block
  }

  .cart-checkout .list .lev {
    float: left
  }

  .cart-checkout .list .val {
    float: right;
    padding-top: 0
  }

  .site-footer {
    margin-top: 50px
  }

  .site-footer .subscribe {
    height: auto;
    padding: 30px 0 33px
  }

  .site-footer .subscribe .entry {
    float: none;
    width: auto;
    margin-top: 0;
    text-align: center
  }

  .site-footer .subscribe .text {
    padding-top: 5px
  }

  .site-footer .subscribe .form {
    float: none;
    width: auto;
    margin-top: 20px
  }

  .site-header .menu-top {
    display: none
  }

  .navigation-blog-page .arrow-left,
  .navigation-blog-page .arrow-right {
    display: none
  }

  .favorites .product-list {
    border-top: 0
  }

  .product-popup {
    display: none !important
  }

  .product-popup {
    display: none !important
  }

  .brand-second-sections {
    margin: 25px 0 20px;
  }

}

@media screen and (max-width:768px) {


  .product-detail .bt {
    margin-top: 0;
    padding-left: 15px
  }

  .product-detail .like {
    float: left;
    padding: 23px 0 0 18px;
    margin-top: 0
  }

  .popap-dostavka img.close-block {
    display: block
  }

  .product-list-item:hover .product-list-item-qw {
    position: inherit;
    z-index: 500;
    margin: auto;
    background: #fff;
    padding: 0;
    border-radius: 0;
    box-shadow: none
  }

  .product-list-item:hover .view {
    display: none
  }

  .wh {
    background: #ff0;
    color: #000
  }

  .wrapper {
    padding: 0 16px;
    min-width: 270px
  }

  .navigation {
    line-height: 1.5em;
    padding-top: 10px;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none;
      -webkit-overflow-scrolling: touch;
  }

  .site-header .head .item {
    display: none
  }

  .site-header .sand {
    display: block
  }

  .site-header .login {
    display: none
  }

  .site-header .foot .wrapper {
    position: static;
    padding-top: 15px;
    height: 60px
  }

  .site-header .logo {
    width: auto;
    float: none;
    position: absolute;
    top: 12px;
    right: 0;
    left: 0;
    padding: 0;
    text-align: center
  }

  .site-header .logo img {
    width: 96px
  }

  .site-header .catalog {
    display: none
  }

  .site-header .search {
    display: block;
    float: none;
    width: auto;
    margin-top: 0
  }

  .promo-slider .wrapper {
    padding: 0
  }

  .promo-slider .inner {
    height: 325px
  }

  .promo-slider li {
    height: 325px;
    padding: 0 15px
  }

  .promo-slider li .entry {
    padding-top: 30px
  }

  .promo-slider li .intro {
    font-size: 10px
  }

  .promo-slider li .title {
    padding-top: 20px;
    font-size: 26px;
    line-height: 32px
  }

  .promo-slider li .bt {
    left: 15px
  }

  .promo-slider li .bt a {
    width: auto;
    padding: 0 55px 0 15px;
    height: 38px;
    line-height: 38px;
    font-size: 10px
  }

  .promo-slider li .bt a:after {
    top: 12px;
    right: 12px
  }

  .promo-slider li .img {
    height: 325px
  }

  .promo-slider .page {
    bottom: 22px
  }

  .promo-banner li {
    margin-top: 15px
  }

  .promo-banner li a>span {
    bottom: 20px
  }

  .blog-box li.big .title {
    bottom: 30px;
    padding: 0 10px 0 30px;
    font-size: 22px;
    line-height: 30px
  }

  .blog li.big .title {
    bottom: 30px;
    padding: 0 10px 0 30px;
    font-size: 22px;
    line-height: 30px
  }

  .product-detail {
    padding-top: 30px
  }

  .product-detail .img {
    padding-top: 25px;
    float: none;
    width: auto
  }

  .product-detail .big {
    padding-bottom: 0
  }

  .product-detail .big .pager {
    display: block !important
  }

  .product-detail .preview {
    display: none !important
  }

  .product-detail .entry {
    float: none;
    width: auto
  }

  .product-detail .title {
    display: none
  }

  .product-detail .title-1 {
    display: block;
    text-align: center
  }

  .product-detail .intro {
    padding-top: 25px;
    text-align: center
  }

  .product-detail .rating-box {
    float: none;
    display: inline-block;
    vertical-align: middle
  }

  .product-detail .com {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0;
  }

  .product-detail .id {
    padding-top: 15px
  }

  .product-detail .buy {
    margin: 25px 0 0
  }

  .product-detail .menu {
    margin: 30px 0 0
  }

  .product-detail .share {
    position: static;
    width: auto;
    padding-top: 45px
  }

  .product-list-item .view {
    display: none
  }

  .product-list-item .title {
    padding-top: 0;
  }

  .product-list-item .price span {
    font-size: 16px
  }

  .product-box {
    padding-top: 50px
  }

  .product-box .head {
    margin-bottom: 20px
  }

  .product-box .head span {
    font-size: 10px
  }

  .product-box .head .title {
    padding-top: 5px;
    font-size: 20px;
    margin-top: 0
  }

  .product-box li {
    padding: 0
  }

  .product-comment .subtitle {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .product-comment .new {
    display: none
  }

  .product-comment ul {
    float: none !important;
    width: auto
  }

  .product-comment li {
    margin-top: 20px !important
  }

  .product-comment ul:first-child li:first-child {
    margin-top: 30px !important
  }

  .product-comment .next {
    display: block
  }

  .cart-page {
    padding-top: 40px
  }

  .cart-page .subtitle {
    font-size: 24px
  }

  .cart-list {
    border-top: 1px solid #e5e5e5;
    padding-top: 0;
    margin-top: 35px
  }

  .cart-list ul {
    display: block
  }

  .cart-list li {
    position: relative;
    display: block;
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 0
  }

  .cart-list li:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0
  }

  .cart-list ul.head {
    display: none
  }

  .cart-list li>div {
    display: block;
    width: auto !important;
    border-bottom: none;
    padding: 0
  }

  .cart-list .hd {
    display: block;
    padding-bottom: 5px;
    font-weight: 500;
    text-transform: uppercase
  }

  .cart-list .del .hd,
  .cart-list .entry .hd {
    display: none
  }

  .cart-list .entry {
    float: none
  }

  .cart-list .title {
    padding: 0 0 0 10px
  }

  .cart-list .price {
    padding-top: 15px
  }

  .cart-list .price:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0
  }

  .cart-list .price .hd {
    float: left;
    font-size: 12px
  }

  .cart-list .price div {
    float: right;
    margin-left: 15px
  }

  .cart-list .price div.old {
    padding: 0 0 0 10px
  }

  .cart-list .num {
    padding: 10px 0 15px
  }

  .cart-list .num .hd {
    display: none
  }

  .cart-list .num select {
    width: 40%
  }

  .cart-list .sum:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0
  }

  .cart-list .sum .hd {
    float: left;
    font-size: 12px
  }

  .cart-list .sum div {
    float: right
  }

  .cart-list .del {
    position: absolute;
    right: 0;
    bottom: 75px;
  }

  .cart-list .ui-selectmenu-button {
    height: 34px;
    line-height: 34px
  }

  .cart-checkout {
    margin-top: 30px
  }

  .cart-checkout .title {
    font-size: 17px
  }

  .cart-checkout .box ul.payment li {
    padding-right: 0
  }

  .site-footer {
    padding-bottom: 30px
  }

  .site-footer .social {
    padding-top: 50px;
    float: none
  }

  .site-footer .share {
    display: none
  }

  .site-footer .call {
    float: none;
    padding-top: 30px
  }

  .site-footer .call .phone {
    display: block
  }

  .site-footer .call .back {
    display: block;
    margin: 15px 0 0
  }

  .site-footer .level-2 {
    margin-top: 40px
  }

  .site-footer .list.about {
    width: 50%
  }

  .site-footer .list.help {
    width: 50%
  }

  .site-footer .list.catalog {
    float: none;
    width: auto;
    clear: both;
    padding-top: 40px
  }

  .site-footer .level-3 {
    padding-top: 50px
  }

  .site-footer .copy {
    float: none;
    line-height: 24px
  }

  .site-footer .rules {
    float: none;
    margin: 15px 0 0
  }

  .site-footer .pay {
    padding-bottom: 30px
  }

  .dialog-info ul {
    padding-left: 15px;
    padding-right: 15px
  }

  .top-about .text-about p {
    font-size: 10px;
    margin-bottom: 20px
  }

  .top-about .text-about h3 {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 92px
  }

  .top-design .text-design p {
    font-size: 10px;
    margin-bottom: 20px
  }

  .top-design .text-design h1 {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 92px
  }

  .top-deliv .text-deliv h1 {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 92px
  }

  .top-faq .text-faq h1 {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 92px
  }

  .top-help .text-help h1 {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 92px
  }

  .text-besopasno p {
    font-size: 20px
  }

  .pochemu-my .block-pochemu-my .box-pochemu-my {
    width: 100%;
    float: none;
    border-left: 1px solid rgb(0 0 0 / .1);
    border-bottom: 1px solid rgb(0 0 0 / .1);
    border-right: 1px solid rgb(0 0 0 / .1)
  }

  .pochemu-my .block-pochemu-my .box-pochemu-my:nth-child(1) {
    border-top: 1px solid rgb(0 0 0 / .1)
  }

  .pochemu-my .block-pochemu-my .box-pochemu-my:nth-child(2) {
    border-top: none
  }

  .pub-onas {
    padding-top: 60px
  }

  .pochemu-my {
    padding-top: 60px
  }

  .pochemu-my .block-pochemu-my .box-pochemu-my {
    min-height: 140px
  }

  .pochemu-my .block-pochemu-my .box-pochemu-my p {
    font-size: 20px;
    line-height: 28px
  }

  .pub-onas .block-pub-onas p {
    margin: 0;
    width: 49%;
    min-height: 85px;
    text-align: center
  }

  .action .block-action .box-action {
    width: 100%;
    float: none;
    margin-bottom: 30px
  }

  .action .block-action .box-action:nth-child(2n+1) {
    padding-right: 0
  }

  .action .block-action .box-action:nth-child(2n) {
    padding-left: 0
  }

  .action .block-action .box-action .text-action {
    padding: 25px
  }

  .site-header .menu-top {
    display: none
  }

  .pnone-mail {
    display: none
  }

  .block-menu-search {
    display: none
  }

  .search {
    display: block
  }

  .partner {
    padding-top: 60px
  }

  .partner .block-partner .box-left-par {
    width: 100%;
    float: none;
    text-align: center
  }

  .partner .block-partner .box-left-par p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 20px
  }

  .partner .block-partner .box-left-par a.dowland {
    text-align: left;
    display: inline-block
  }

  .partner .block-partner .box-right-par {
    width: 100%;
    padding: 0;
    padding-top: 15px
  }

  .pofile {
    padding-top: 35px
  }

  #tabs-container h3 {
    font-size: 24px;
    margin-bottom: 30px
  }

  .pofile .menu {
    border-top: 0;
    padding-top: 0;
    border-bottom: 1px solid #e5e5e5;
    margin: 35px 0 54px
  }

  .pofile .menu .tab {
    display: none
  }

  .pofile .menu .btn {
    display: block
  }

  .pofile .menu .btn-not-active {
    display: block;
    position: relative;
    cursor: pointer;
    border-top: 1px solid #e5e5e5;
    height: 55px;
    line-height: 46px;
    font-size: 16px;
    font-weight: 500
  }

  .pofile .menu .btn-not-active p {
    color: rgb(59 59 59 / .5);
    opacity: 1;
    font-size: 16px
  }

  .pofile .menu .item {
    padding-bottom: 40px;
    padding-top: 10px
  }

  .pofile .menu .btn-not-active p sup {
    vertical-align: super;
    font-size: 14px
  }

  .pofile .menu table,
  .pofile .menu tbody,
  .pofile .menu td,
  .pofile .menu tr {
    display: block
  }

  .pofile .menu table tr:first-child {
    display: none
  }

  .pofile .menu table tr {
    height: initial;
    line-height: initial;
    margin-bottom: 25px
  }

  .pofile .menu table tr td {
    position: relative;
    padding-top: 30px;
    margin-bottom: 25px
  }

  .pofile .menu table tr td:before {
    position: absolute;
    top: 6px;
    left: 0;
    right: 0;
    margin: auto;
    white-space: nowrap;
    font-weight: 500;
    color: #3b3b3b;
    font-size: 12px;
    text-transform: uppercase
  }

  .pofile .menu table tr td:nth-child(1):before {
    content: "Номер заказа"
  }

  .pofile .menu table tr td:nth-child(2):before {
    content: "Дата оформления"
  }

  .pofile .menu table tr td:nth-child(3):before {
    content: "Статус"
  }

  .pofile .menu table tr td:nth-child(4):before {
    content: "Наличными при получении"
  }

  .pofile .menu table tr td:nth-child(5):before {
    content: "Сумма"
  }

  .ui-dialog {
    width: 96% !important;
    left: 0 !important;
    right: 0 !important;
    margin: auto;
    max-width: 420px !important
  }

  .dialog-zakaz {
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px
  }

  .dialog-zakaz .title {
    margin-bottom: 30px;
    font-size: 24px
  }

  .dialog-zakaz table tr th:nth-child(1) {
    width: 50%
  }

  .dialog-zakaz table tr th:nth-child(3) {
    width: 25%
  }

  .dialog-zakaz table tr th:nth-child(2) {
    color: #fff0;
    font-size: 1px
  }

  .dialog-zakaz table tr td {
    line-height: initial;
    padding: 20px 0;
    height: initial
  }

  .blog {
    padding-top: 35px
  }

  .blog .next {
    padding-top: 0
  }

  .partner .block-partner {
    margin-top: 35px
  }

  .icon-share a {
    margin-right: 5px
  }

  .top-blog-page h3 {
    font-size: 24px;
    line-height: 30px;
    padding: 0 20px
  }

  .top-blog-page h3 br {
    display: none
  }

  .top-blog-page {
    padding-top: 40px;
    padding-bottom: 40px
  }

  .content-blog-page .item-block-top p {
    margin-top: 0;
    margin-bottom: 30px
  }

  .content-blog-page .item-block-top h4 {
    margin-bottom: 20px
  }

  .content-blog-page .item-block-medium .medium-row {
    padding-top: 25px
  }

  .content-blog-page .item-block-medium .medium-row .medium-box-left {
    float: none;
    text-align: center;
    margin: 0 auto;
    padding-top: 0
  }

  .content-blog-page .item-block-medium .medium-row .medium-box-right {
    padding-left: 0
  }

  .raz-druz {
    padding-top: 25px;
    padding-bottom: 35px
  }

  .raz-druz .icon-share a {
    width: 70px;
    padding-right: 10px
  }

  .blog-box .head {
    padding-top: 10px
  }

  .blog-box .head span {
    font-size: 10px
  }

  .blog-box .head .title {
    padding-top: 5px;
    font-size: 23px;
    margin-top: 0
  }

  .content-blog-page {
    padding-top: 30px
  }

  .top-deliv p {
    font-size: 10px;
    margin-bottom: 20px
  }

  .top-deliv h3 {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 92px
  }

  .delivery-block .row-delivery .left-box-delivery {
    width: 100%;
    float: none;
    padding: 0;
    text-align: center;
    margin-bottom: 25px
  }

  .delivery-block .title {
    margin-bottom: 25px;
    padding-top: 45px;
    font-size: 24px
  }

  .delivery-block .row-delivery .right-box-delivery .item-delivery .tovar-delivery {
    width: 100%;
    float: none;
    margin-bottom: 30px
  }

  .delivery-block .row-delivery .right-box-delivery .item-delivery .cena-delivery {
    width: 100%;
    float: none
  }

  .delivery-block .row-delivery .right-box-delivery .item-delivery .tovar-delivery p {
    margin: 0
  }

  .delivery-block .row-delivery .right-box-delivery .item-delivery .cena-delivery p {
    float: left
  }

  .delivery-block .row-delivery .right-box-delivery .item-delivery .cena-delivery h3 span {
    display: inline-block;
    color: #3b3b3b;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    opacity: 1;
    margin-left: 30%
  }

  .delivery-block .row-delivery .right-box-delivery .item-delivery .cena-delivery span {
    margin-left: calc(70px + 30%);
    display: block
  }

  .delivery-block .row-delivery .right-box-delivery .item-delivery .cena-delivery span.rub {
    margin-left: 0;
    display: inline-block
  }

  .di-non {
    display: none
  }

  .top-faq p {
    font-size: 10px;
    margin-bottom: 20px
  }

  .top-faq h3 {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 92px
  }

  .guestion-fag .box-guestion-fag {
    padding: 20px 60px 20px 20px;
    background-position: right 20px top 15px
  }

  .guestion-fag .box-guestion-fag.active {
    background-position: right 20px top 15px
  }

  .guestion-fag .box-guestion-fag h3 {
    font-size: 18px;
    font-weight: 400
  }

  .guestion-fag .box-guestion-fag .text-guestion-fag p {
    font-size: 14px;
    padding-right: 0;
    margin-top: 20px
  }

  .menu-midl li {
    margin-right: 20px
  }

  .menu-midl li:last-child {
    margin-right: 0;
    padding-right: 15px
  }

  .top-help p {
    font-size: 10px;
    margin-bottom: 20px
  }

  .top-help h3 {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 92px
  }

  .help-bottoms {
    padding-top: 50px
  }

  .help-bottoms .row-bottoms a {
    width: 100%;
    float: none;
    margin: 0;
    margin-bottom: 30px;
    font-size: 18px
  }

  .inform-about {
    padding-top: 45px
  }

  .favoritesIndex .favorites .product-list-item .bt {
    display: block;
    margin-top: 10px
  }

  .favorites .product-list-item .bt a.buy {
    display: none
  }

  .favorites .product-list-item .bt a.delete {
    margin: 0
  }

  .action {
    padding-top: 30px
  }

  
}

@media screen and (max-width:566px) {
  .product-detail .bt a.basket-add {
    margin-top: 0
  }

  .product-detail .bt {
    width: auto;
    padding-left: 0;
  }

  .product-detail .like {
    float: right;
    width: auto;
    padding: 15px 0 0 0;
    margin-top: 3px
  }

  H2 {
    font-size: 24px;
    line-height: 32px
  }

  .promo-banner {
    padding: 0
  }

  .promo-banner li {
    width: auto !important;
    display: block;
    margin: 15px 0 0 !important
  }

  .blog-box {
    padding-top: 40px
  }

  .blog-box ul {
    padding-top: 25px
  }

  .blog-box li {
    width: 45%;
    margin-left: 10%
  }

  .blog-box li.big {
    width: 45%
  }

  .blog-box li .text {
    display: none
  }

  .blog-box li .title {
    padding-top: 13px;
    font-size: 14px;
    line-height: 22px
  }

  .blog-box li.big .title {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    padding: 13px 0 0;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400
  }

  .blog-box li.big .title a {
    color: #b18969
  }

  .blog-box li.big .title a:hover {
    text-decoration: underline
  }

  .blog li {
    width: 45%
  }

  .blog li:nth-child(2n) {
    margin-left: 0
  }

  .blog li:nth-child(2n+1) {
    margin-left: 10%
  }

  .blog li.big {
    width: 100%;
    margin-left: 0
  }

  .blog li .text {
    display: none
  }

  .blog li .title {
    padding-top: 13px;
    font-size: 14px;
    line-height: 22px
  }

  .inform-about {
    padding-top: 45px
  }

  .inform-about ul {
    padding-top: 0
  }

  .inform-about li {
    width: auto !important;
    display: block;
    margin-top: 40px !important
  }

  .inform-about li:first-child {
    margin-top: 35px !important
  }

  .inform-about .outro {
    display: none
  }

  .cart-page .foot {
    height: auto;
    margin-top: 0
  }

  .cart-page .promo {
    float: none;
    line-height: normal;
    border-bottom: 1px solid #e5e5e5
  }

  .cart-page .promo a.open {
    position: relative;
    display: block;
    height: 60px;
    line-height: 60px
  }

  .cart-page .promo a.open:after {
    display: block;
    content: '';
    background: url(../i/sprite.png) -530px 0 no-repeat;
    width: 31px;
    height: 31px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15.5px
  }

  .cart-page .promo.active a.open:after {
    background-position: -561px 0
  }

  .cart-page .promo .box {
    position: static;
    height: auto
  }

  .cart-page .promo input[type=text] {
    float: none;
    width: 100%
  }

  .cart-page .promo button {
    float: none;
    margin: 15px 0 30px
  }

  .cart-page .promo .close {
    display: none
  }

  .cart-page .total {
    position: static;
    line-height: normal;
    padding-top: 0;
    text-align: center
  }

  .cart-page .bt a {
    margin-top: 25px
  }

  .cart-page .total>span {
    display: block;
    margin: 5px 0 0
  }

  .cart-page .bt {
    padding-top: 0;
    text-align: center
  }

  .error404 {
    font-size: 60px;
    margin-top: 55px;
    line-height: 65px
  }

  .button404 {
    margin-top: 30px
  }

  .text404 {
    font-size: 20px;
    line-height: 36px;
    margin-top: 40px
  }

  .search_page h1 {
    font-size: 24px
  }

  .search_page .head {
    border-bottom: 0;
  }

  .search_page .roll {
    top: -10px
  }

  .favorites .head {
    border-bottom: 0
  }

  .favorites .product-list {
    border-top: 0
  }

  .text404 br {
    display: none
  }

  .order_text {
    font-size: 26px
  }

  .order_block {
    height: auto;
    font-size: 24px;
    margin-top: 45px
  }

  .order_left {
    width: 100%;
    float: none;
    height: 100px;
    padding: 25px 0;
    border-bottom: 1px solid rgb(0 0 0 / .1);
    border-right: 0
  }

  .order_right {
    width: 100%;
    float: none;
    padding: 25px 0;
    height: 100px
  }

  .order_img {
    margin-top: 50px;
    margin-bottom: 15px
  }

  .order_desc {
    margin-top: 10px
  }
}

@media screen and (max-width:516px) {
  .popap-dostavka {
    margin-top: 15px;
    right: 0
  }

  .popap-dostavka img.block-hover {
    transform: rotate(270deg);
    margin-left: 240px;
    margin-top: -43px;
    z-index: 1000
  }
}

@media screen and (max-width:466px) {
  .product-detail .like {
    margin-top: 0;
    padding: 23px 0 0 10px
  }

  .product-detail .bt {
    width: auto
  }

  .promo-slider li .intro {
    position: absolute;
    left: 15px;
    right: 15px;
    top: 20px
  }

  .promo-slider li .img img {
    width: 90%
  }

  .promo-slider .page {
    height: 6px
  }

  .promo-slider .page a {
    width: 4px;
    height: 4px
  }

  .product-detail .title {
    font-size: 20px;
    line-height: 1.4
  }

  .product-box .arr-l,
  .product-box .arr-r {
    top: 50px
  }

  .cart-checkout .inline .item {
    width: 45%
  }

  .cart-checkout .box li .check {
    top: 0
  }

  .cart-checkout .box li .ttl {
    font-size: 14px
  }

  .cart-checkout .box li .link a span {
    display: block
  }

  .cart-checkout button {
    width: 100%
  }

  .product-detail .item-descr ul.char {
    display: none
  }

  .product-detail .item-descr .text {
    padding-bottom: 20px
  }

  .product-detail .item-size {
    padding-bottom: 20px
  }

  .product-detail .item-delivery {
    padding-bottom: 20px
  }

  .order_desc br {
    display: none
  }
}

@media screen and (max-width:416px) {
  .cart-checkout .item .value {
    padding-right: 0
  }

  .cart-checkout .item-error .value:after,
  .cart-checkout .item-ok .value:after {
    display: none
  }

  .site-footer .subscribe .title {
    font-size: 20px;
    font-weight: 300
  }

  .site-footer .subscribe .text {
    display: none
  }

  .site-footer .subscribe .field {
    right: 63px
  }

  .site-footer .subscribe input[type=text] {
    height: 45px
  }

  .site-footer .subscribe button {
    width: 53px;
    height: 45px
  }

  .site-footer .subscribe button span {
    display: none
  }

  .site-footer .subscribe button:after {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    right: auto;
    top: auto
  }
}

@media screen and (max-width:416px) {
  .search_page {
    margin-top: 20px
  }

  .search_page {
    margin-top: 20px
  }

  .product-catalog .head .subtitle {
    text-align: center
  }
}

@media screen and (max-width:652px) {
  .search_page {
    margin-top: 20px
  }
}

.blog li:nth-child(5n+5) {
  margin-left: 0
}

@media screen and (max-width:1346px) {
  .blog ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .blog li {
    width: 22%;
    margin-left: 0;
    margin-right: 0
  }

  .blog li.big {
    width: 48%
  }
}


@media screen and (max-width:816px) {
  .blog li {
    width: 30%
  }

  .blog li.big {
    width: 65%
  }

  .blog li:nth-child(4) {
    margin-left: 0
  }
}

@media screen and (max-width:666px) {
  .product-catalog .product-list-item {
    min-height: auto
  }

  .product-list-item {
    min-height: auto
  }
}

@media screen and (max-width:566px) {
  .blog li {
    margin-bottom: 30px;
    width: 47%
  }

  .blog h2 {
    font-size: 24px
  }

  .blog li:nth-child(2n+1) {
    margin-left: 0;
    margin-right: 6%
  }

  .blog li.big {
    width: 47%
  }

  .blog li.big .title {
    padding-top: 13px;
    font-size: 14px;
    line-height: 22px;
    color: #3b3b3b;
    position: static;
    padding-left: 0
  }

  .blog li.big .title a {
    color: #3b3b3b;
    font-weight: 400
  }
}


@media screen and (max-width:1346px) {
  .product-detail .preview .arr-r:hover {
    background: url(../i/fields_arrow_right_red.svg) center no-repeat;
    height: 31px
  }

  .product-detail .preview .arr-l:hover {
    background: url(../i/fields_arrow_left_red.svg) center no-repeat;
    height: 31px
  }
}

.item-img+.product-catalog.product-catalog-blog {
  margin-top: 45px
}

p+.item-img {
  margin-top: -20px
}

.item-img+h2 {
  margin-top: 65px
}

.content-blog-page.content-blog-page--wide {
  padding-top: 45px
}

.content-blog-page .item-block-medium .medium-row {
  padding-top: 0
}

.wrapper>.content-blog-page.content-blog-page--wide {
  padding-top: 65px
}

.content-blog-page .medium-box-right__title {
  margin-bottom: 23px
}

.medium-box-right h2+p {
  margin-top: 22px
}

.medium-box-right h2 {
  margin-top: 5px
}

.content-blog-page .item-block-medium .medium-row {
  padding-top: 0
}

.content-blog-page h2 {
  margin-bottom: 0
}

p+.item-img {
  margin-top: 30px
}

.content-blog-page .item-block-bottom h2+p {
  margin-top: 10px
}

.medium-box-right h2+p {
  margin-top: 22px
}

.content-blog-page .item-block-bottom .item-img+p {
  margin-top: 29px
}

.content-blog-page .item-block-bottom p+h2 {
  margin-top: 48px
}

.content-blog-page .item-block-medium .medium-row .medium-box-left {
  margin-bottom: 5px
}

.content-blog-page .item-block-medium .medium-row .medium-box-right:first-child {
  margin-top: -10px
}

.content-blog-page--wide+.content-blog-page .item-block-bottom .showroom_block p:first-child {
  margin-top: 0
}

.adaptive-button {
  padding: 14px 20px;
  width: auto
}

a.action-link {
  display: inline-block;
  margin: 15px 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  color: #fff;
  background-color: #3b3b3b;
  border-radius: 6px;
  text-decoration: none
}

.adaptive-button__wrapper {
  text-align: center
}

.adaptive-button {
  padding: 14px 20px;
  width: auto
}

.adaptive-button:hover {
  background-color: #222
}

.content-blog-page .item-block-medium .medium-row {
  overflow: visible
}

.content-blog-page .medium-row.with-author-img {
  overflow: hidden
}

@media(max-width:666px) {
  .content-blog-page {
    padding-top: 30px
  }

  .content-blog-page .item-block-medium .medium-row .medium-box-left {
    padding-top: 10px;
    margin-bottom: 20px
  }

  .content-blog-page .item-block-medium .medium-row .medium-box-right {
    padding-top: 5px
  }

  .content-blog-page .item-block-medium .medium-row {
    padding-top: 0;
    margin-bottom: 0
  }

  .wrapper>.content-blog-page.content-blog-page--wide {
    padding-top: 40px
  }

  .content-blog-page .item-block-bottom p {
    margin-bottom: 15px
  }

  .item-img+h2 {
    margin-top: 33px
  }

  .content-blog-page .item-block-bottom h2+p {
    margin-top: 5px
  }

  .content-blog-page .item-block-bottom p+h2 {
    margin-top: 20px
  }

  p+.item-img {
    margin-top: 3px
  }

  .content-blog-page .item-block-medium .medium-row .medium-box-right:first-child {
    margin-top: -5px
  }

  .content-blog-page__after-wide {
    padding-top: 20px
  }

  p+.item-img {
    margin-top: 0
  }

  .content-blog-page--wide+.content-blog-page .item-block-bottom p:first-child {
    margin-top: 18px
  }

  .content-blog-page .item-block-bottom p+p {
    margin-top: 20px
  }

  .content-blog-page .medium-box-right h2+p {
    margin-top: 7px
  }

  .content-blog-page .medium-box-right__title {
    margin-bottom: 0
  }
}

@media (max-width: 1200px) {
  .product-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .product-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Прячем прогресс-бар по умолчанию */
.swiper-pagination.pager.swiper-pagination-progressbar {
  display: none;
}

/* Показываем только на мобильных <970px */
@media (max-width: 970px) {
  .swiper-pagination.pager.swiper-pagination-progressbar {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    overflow: hidden;
    z-index: 10;
  }

  .swiper-pagination-progressbar-fill {
    background: #000;
    border-radius: 2px;
    transition: width 0.4s ease;
  }
}