/*** D.iK.iJ - http://dikij.com/wm/adaptaciya-saytovv.php ***/

@media screen and (max-width: 980px) {
    .top-gallery .big1 {
        font-size: 36px;
    }
}


@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% !important; height: auto !important; box-sizing: border-box;}
    iframe, textarea, input, button, submit, select, video, object, embed {max-width: 100% !important; box-sizing: border-box;}
    table, span, div, ins {max-width: 100%}

    .filter-full_width-list {
        display: flex !important;
    }
    .filters .c .filter {
        width: 25%;
        margin-bottom: 10px;
    }
    .filters .b {
        flex-wrap: wrap;
        justify-content: flex-end;
    }
    .container {
        padding-left: 0;
        padding-right: 0;
    }

    #plashka {display: block !important; z-index: 90; position: fixed; height: 51px; left: 0px; top: 0px; right: 0px; width: 100%; padding: 0px; background: #ffffff; border-bottom: 1px solid #e0e0e0;}
    #leftColomn {float: none !important; margin: 0px; padding: 20px; width: 220px !important; max-height: 100%; height: 100%; box-sizing: border-box; overflow: auto; position: fixed; display: none; background-color: #191919; 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 {width: 32px; height: 24px; cursor: pointer; box-sizing: content-box; background: url('/img/buter.png') center no-repeat; display: block !important; padding: 13px 9px; position: absolute; top: 0px; left: 0px; background-size: 32px 23px !important;}
    #zakr {z-index: 999 !important; cursor: pointer; color: #ffffff; position: fixed; right: 10px; top: 10px; padding: 0; font-size: 30px; line-height: 30px; width: 30px; text-align: center; border-radius: 2px;}
    #zakr:hover {color: #d83d42 !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;}
    #poisk {position: absolute; right: 0px; top: 0px; height: 50px; width: 50px; background: url(/img/icon-search-red.png) no-repeat center center !important; background-size: 30px 30px !important; cursor: pointer;}

    .header {padding-top: 50px;}
    .header .line1 {display: none;}
    .header .line1 .container {display: block;}
    .header .line1 .menu {display: block;}
    .header .line1 .menu > * {margin: 15px 0px; display: block;}
    .header .line1 .rind {white-space: nowrap;}

    .header .line2 {padding: 10px;}
    .header .line2 .container {text-align: center;}
    .header .line2 .el {display: inline-block; vertical-align: top; text-align: left; /*padding: 0px 10px;*/}
    .header .line2 .el strong {white-space: nowrap;}
    .header .line2 .el.logo {z-index: 99; padding: 0px; margin: 0px 0px 0px -78px; line-height: 0px; position: fixed; top: 7px; left: 50%; height: 46px; width: 156px;}
    .header .line2 .el.logo--order { position: absolute; top: -58px; }
    /*.logo > * {background: url(/img/logo2.png) no-repeat 0 50%; height: 46px; width: 156px; background-size: 100% 100%;}*/
    .logo > * {height: 46px; width: 156px;}
    .header .line2 .phone a {cursor: pointer;}

    .header .line3 {padding: 0px;}
    .header .line3 .container {display: block; padding-top: 50px; position: relative;}
    .header .line3 .catalog-menu {margin: 0px;}
    .btn.with-icon img {height: 20px !important;}
    .header .line3 .catalog-menu .btn.with-icon img {margin: -10px 18px;}
    .header .line3 .link-send {margin: 0px; position: fixed; right: 0px; top: 0px; z-index: 99;}
    .header .line3 .link-send .btn.with-icon {color: #d83d42; background-color: #fff; background: url(/img/icon-send-red.png) 0px 50% no-repeat; background-size: 25px 25px; width: 120px; white-space: normal; line-height: 15px; text-align: left; padding: 10px 10px 10px 35px; text-overflow: unset; box-shadow: none;}
    .header .line3 .link-send .btn.with-icon img {display: none;}
    .header .line3 .search {position: absolute; top: 0px; left: 0px; width: 100%;}
    .header .line3 .search .label {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 85px; }
    .header .line3 .search input[type="submit"] {top: 0px; height: 49px; background-color: #fff;}
    .header .line3 .search input[type="text"] {border: none;}

    .header .line3 .catalog-menu .side-menu {position: static; display: none;}
    .side-menu .sub {display: none; position: static; height: auto; margin: 0px; width: 100%; -webkit-box-shadow: none; box-shadow: none;}
    .side-menu .sub ul {width: 100%; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px;}
    .side-menu > li:hover > .sub {width: 100%;}
    .side-menu > li > .arr:after, .side-menu > li > .arr2:after {display: none;}
    .side-menu > li {background: url(/img/arr-grey.png) no-repeat 98% 11px; background-size: 7px 12px; cursor: pointer;}
    .side-menu > li > .arr {display: inline-block;}
    .side-menu .sub a {display: block;}
    .side-menu > li > .arr2 {padding-left: 20px;}
    .aside .side-menu > li {background-position: 10px center; padding-left: 5px;}

    .header .line3 .catalog-menu.main {display: none;}
    .header .line3 #dropdown {display: block !important;}

    .wrapper {min-width: 200px;}
    .container {width: 100%; box-sizing: border-box;}
    .content {padding: 20px}
    .sides-hold {padding: 0px;}
    .sides-hold .aside {width: 100%; margin: 0px; padding: 0px;}
    .sides-hold .aside .side-menu {display: none;}
    .path .arr {margin: 0 10px;}
    .articles .el .img img {max-width: 90% !important;}

    .categories {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px;}
    .catalog-table {overflow: auto;}

    .block {margin: 0 0 20px 0;}
    .pagination {text-align: center; display: block;}
    .pagination > * {display: inline-block; vertical-align: top; margin: 0px 9px 9px 0;}

    .item .sides {padding: 20px;}
    .item .sides .l {width: 100%; float: none; margin-bottom: 20px;}
    .item .sides .r {float: none; width: 100%;}
    .files img {height: 30px !important;}
    .files.tech li .img img {height: 18px !important;}
    .form2 .info, .prices .info {position: static;}
    .gallery {width: calc(100% - 200px); margin: 0 20px 0 0;}
    .item .head .text {padding: 0px; width: 180px;}
    .item .avail img {position: relative; height: 11px !important; margin-right: 5px;}

    .article {padding: 20px;}
    .articles .el {margin: 0 0px 0 97px;}
    .catalog.brands .el:hover .bg, .catalog.brands .el:hover .cover-link {max-width: none !important;}

    .catalog-small {display: block; text-align: center; overflow: auto; white-space: nowrap;}
    .catalog-small .el {display: inline-block; vertical-align: top; text-align: left; white-space: normal; width: auto; max-width: 227px !important;}
    .slick-arrow {margin: 0 -28px;}

    .slick-track {max-width: none !important;}
    .top-gallery .slide img {height: 100% !important;}
    .top-gallery .text {padding: 20px; line-height: normal;}
    div.maintable {overflow: auto;}

    .form .row {display: block; margin: 0px;}
    .form .row .el {flex-basis: 100%; padding: 0px; margin-bottom: 14px;}

    .abc {padding: 17px 20px; text-align: center;}
    .brands-list {margin: 0px;}
    .brands-list .el {padding: 0 20px 0 20px;}

    .docs ul {text-align: center;}
    .docs ul li {display: inline-block; vertical-align: top;}

    div.table {overflow: auto;}
    .table th, .table td {padding: 10px !important;}
    .table td {height: auto;}
    .table .w1, .table .w2 {width: auto;}
    .table .w4 .info2 strong {display: inline-block;}
    .prices .num .input {margin-right: 20px; flex: 0 0 120px;}
    .prices .num .go {display: inline-block; vertical-align: top; width: 80%; width: calc(100% - 115px);}

    .footer .line1 {padding: 10px; text-align: center;}
    .footer .logo > * {height: 61px; width: 100%; /*background: url(/img/logo-white2.png) no-repeat 0 50%; background-size: 100% 100%; background-size: contain;*/}
    .footer .logo {margin: 0px;}
    .footer .el {display: inline-block; vertical-align: top; text-align: left;}
    .footer .line1 .el {padding: 0px 10px;}
    .footer .line2 {padding: 20px;}
    .footer .el.bind img {margin: 2px 1px;}

    .header .line1 .r > *:first-child {
        margin: 50px 0 15px;
    }
    .header .line1 .r > *:last-child {
        display: block;
        margin: 15px 0 15px 0;
    }
}
@media screen and (max-width: 910px) {
    .table table > tbody, .table table > tbody > tr, .table table > tbody > tr > td {display: block; width: 100% !important; height: auto !important;}
    .table table > tbody > tr > th, .table table > tbody > tr:first-child {display: none;}
    .table table > tbody > tr {border-top: 1px solid #e0e0e0; padding: 10px 0px !important;}
    .table table > tbody > tr:nth-child(2) {border: none;}
    .table table > tbody > tr > td {border: none; padding: 3px 10px !important;}
    .table table .for-btn .btn {margin-left: auto; margin-right: auto; max-width: 200px !important; display: block;}
    .table table .w1, .table table .w2 { width: auto !important; display: inline-block; vertical-align: top;}
    .table table .small {margin: 0px; display: inline-block; font-size: 100%;}
}
@media screen and (max-width: 850px) {
    .features {display: block; text-align: center;}
    .features .el {width: 49%; display: inline-block; vertical-align: top; text-align: left;}
    .catalog-table th {white-space: normal;}
    .catalog-table .for-img {width: 55px;}
    .catalog-table td {padding: 10px 20px;}
    .catalog-table .avail {width: auto; padding-left: 20px;}
    .catalog-table .num {width: auto;}
    .catalog-table .price {width: auto;}
    .contacts {display: block;}
    .contacts .text {padding-right: 0px; padding-bottom: 30px;}
    .services {text-align: center; padding-bottom: 20px;}
    .services .el {width: 50%; padding: 20px !important; height: auto; padding: 20px 20px 0px 20px !important;}
    .docs ul {display: block;}
    .docs ul li {width: 32.333%;}

    .filters .c .filter {
        width: calc(100% / 3);
    }


}
@media screen and (max-width: 750px) {
    .footer .line .container {display: block; text-align: center;}
    .footer .line1 .el {padding: 0px 10px 15px; width: 100%;}
    .footer .logo > * {background-size: auto 100%; background-position: top center;}
    .footer .subscr .in {display: block; position: relative;}
    .footer .subscr .in input[type="submit"] {position: absolute; right: 0px; top: 0px;}
    .footer .subscr input[type="email"] {width: 92%; width: calc(100% - 52px);}
    .footer .line .w2 {width: 100%; margin-right: 0px;}
    .footer .line .dark {text-align: center;}
    .footer .el.bind {width: 100%; text-align: center; padding: 20px 0;}
    .footer .line .w1.rostext {width: 175px;}
    .categories {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
    .mainContent .catalog .el {width: 50% !important;}
    .prices .num .go {width: 75%; width: calc(100% - 115px);}


    .block.top-gallery {display: none;}
    .features {display: none;}
    .footer .line1 .el.w1 {display: none;}
    .footer .line .w2 {height: 1px; width: 1px; overflow: hidden;}
    .footer .line1 .el {text-align: center;}
    .hidemobile {display: none !important;}

    .filters .c .filter {
        width: 50%;
    }
    .table-orders th {
        display: none;
    }
    .table-orders tr {
        display: flex;
        flex-wrap: wrap;
    }
    .table-orders__caption {
        display: block;
        color: #a0a0a0;
    }

    .table-orders__id {
        height: 74px;
        overflow: visible;
        width: 100%;
        padding-right: calc(100% - 250px);
        order: 0;
    }

    .table-orders__date {
        height: 74px;
        overflow: visible;
        order: 1;
        width: 100%;
        padding-right: calc(100% - 250px) !important;
        padding-left: 29px !important;
    }

    .table-orders__content {
        margin-top: calc(-74px * 3 - 89px);
        margin-left: 250px;
        width: calc(100% - 250px);
        order: 4;
    }
    .table-orders__sum {
        height: 89px;
        overflow: visible;
        width: 100%;
        padding-right: calc(100% - 250px) !important;
        padding-left: 29px !important;
        order: 2;
    }
    .table-orders__status {
        height: 74px;
        overflow: visible;
        width: 100%;
        padding-right: calc(100% - 250px) !important;
        padding-left: 29px !important;
        order: 3;
    }

}


@media screen and (max-width: 680px) {
    .top-gallery .wid {display: none;}
    .form .submit {display: block;}
    .form .submit .text {margin-top: 5px;}
}
@media screen and (max-width: 650px) {
    .block-head {overflow: hidden;}
    .block-head .h1 {float: left;}
    .block-head .h1.center {float: none;}
    .block-head .r {float: right; margin-left: 0px;}
    .catalog-table .num {display: none;}
    .brands-list .el .cell {height: auto; display: block;}

    .table-orders__id,
    .table-orders__date,
    .table-orders__sum,
    .table-orders__status {
        padding-right: calc(100% - 200px) !important;
    }
    .table-orders__content {
        margin-top: calc(-74px * 3 - 89px);
        margin-left: 200px;
        width: calc(100% - 200px);
        order: 4;
    }

}
@media screen and (max-width: 600px) {
    .modal-form {
        width: calc(100% - 60px) !important;
    }
}


@media screen and (max-width: 590px) {
    /*.header .line2 .logo + .el + .el {display: none;} */
    .header .line2 .logo + .el + .el {
        font-size: 0;
        padding-left: 27px;
        margin-right: 0;
        margin-left: -27px;
    }
    .header .line2 .el + .el { width: auto; display: block; margin-left: auto; margin-right: auto;}
    .header .line2 .phone .btn {padding: 2px 17px;}
    .abc {display: block; padding: 12px 15px;}
    .abc a {display: inline-block; vertical-align: top; margin: 5px;}
    .header .line2 .logo + .el {font-size: 0px; line-height: 0px;}
    .header .line2 .logo + .el a {font: normal 15px/20px "PT Sans", Arial, Helvetica, " sans-serif"; vertical-align: middle; }
    .header .line2 .logo + .el br {display: none;}
    .head-city{ width: 150px !important;}
    .head-cart {width: 110px !important;}
    .head-phone{width: 200px !important;}
}
@media screen and (max-width: 580px) {
    .header .line2 .el.logo {margin-left: -113px;}
    .header .line2 .el.logo--order {margin-left: -78px;}
    .catalog-table .avail {display: none;}
    .prices .num .go { width: calc(100% - 115px);}

}

@media screen and (max-width: 530px) {
    .filters .c .filter {
        width: 50%;
    }
    .filters .b .btns .btn {
        width: auto;
    }
    .filters .b .el {
        margin: 10px 0;
    }
}

@media screen and (max-width: 500px) {
    .categories .el {padding: 0px; line-height: normal;}
    .categories .img {position: relative; float: right; margin-left: 15px;}
    .gallery {width: 100%; margin: 0px;}
    .item .avail {padding: 0px;}
    .top-gallery .slick-dots {display: none !important;}
    .block-head .r {float: none; text-align: center;}
    .block-head .h1 {float: none; margin-bottom: 10px;}
    .prices .num .go {width: 65%; width: calc(100% - 115px);}
}
@media screen and (max-width: 470px) {
    .features .el {width: 100%; white-space: normal;}
    .features .cell {width: 100%;}
    .features .cell br {display: none;}
    .hidemobile2 {display: none;}

    .table-orders__id,
    .table-orders__date,
    .table-orders__sum,
    .table-orders__status {
        width: 50%;
        padding-right: 30px !important;
    }
    .table-orders__content {
        margin-top: 0;
        margin-left: 0;
        padding-left: 29px !important;
        width: 100%;
        order: 4;
    }
    .table-orders__sum {
        order: 5;
    }
    .table-orders__status {
        order: 6;
    }


}
@media screen and (max-width: 450px) {
    .modal.close-out .modal-head .close {left: auto; right: 0px; margin: 0px;}
    /*.modal-form {width: 100% !important; right: 0px !important;}*/
    .modal-form {
        width: 100% !important;
    }
    .catalog-table th, .catalog-table td {padding: 1% !important;}
    .catalog-table .for-img {width: auto;}
    .articles .el {margin: 0px;}
    .articles .el .img {margin: 3px 15px 0 0px;}
    .about .el, .about .big {padding-left: 0px;}
    .about .el .img {position: static; float: left; margin-right: 15px;}
    .docs ul li {width: 49%;}
    .prices .num .go {width: 60%; width: calc(100% - 115px);}
    .filters .c .filter {
        width: 100%;
    }
}
@media screen and (max-width: 420px) {
    .header .line2 .container {/*display: block;*/}
    .header .line2 .el + .el {/*width: auto;*/}
    .header .line2 .el + .el {margin-left: 0;}
    .header .line2 .el + .el.phone--order {margin-left: auto;}
    .header .line2 .phone .btn {
        padding: 3px 8px;
    }
    .header .line2 .logo + .el a {
        font-size: 14px;
    }
    .modal-head {
        font-size: 18px;
    }
    .success-catalog-small {
        margin: 20px 0;
        padding: 10px;

    }
    .success-main .btns .btn {
        width: 100%;
        margin: 0 0 20px 0;
    }
}
@media screen and (max-width: 400px) {
    .header .line3 .link-send .btn.with-icon {text-indent: -200px; overflow: hidden; padding: 0px; width: 50px; background-size: 28px 28px; background-position: center center;}
    .header .line2 .el.logo {margin-left: -78px;}
    .top-gallery .big2 {display: none;}
    .top-gallery .btn {width: auto; right: 0px;}
    .brands-list .el {width: 100%;}
    .prices .num .go {width: 54%; width: calc(100% - 115px);}
}
@media screen and (max-width: 385px) {
    .header .line2 .el + .el {width: auto;}
    .header .line2 .logo + .el a, .header .line2 .phone {line-height: normal;}
    .head-city {width: 50%!important; float: left; height: 40px}
    .head-cart {width: 45%!important; float: right; height: 40px}
    .head-phone {width: 200px!important; height: 30px; padding-top: .3rem}
}
@media screen and (max-width: 369px) {
    .categories .img {width: 100%; margin-bottom: 20px; line-height: normal; height: 140px; margin-left: 0px; display: flex; justify-content: center; align-items: center;}
    .mainContent .catalog .el {width: 100%;}
    .services .el {width: 100%;}
    .prices .num .go {width: 49%; width: calc(100% - 115px);}
}
@media screen and (max-width: 350px) {
    .header .line2 .el + .el {width: auto;}
    .prices .num {display: block;}
    .prices .num .input {margin-right: 0px; width: 100%; margin-bottom: 10px;}
    .prices .num .go {width: 100%;}
    .head-city {width: 50%; float: left}
    .head-cart {width: 45%; float: right}
    .head-phone {width: 70%}

    .table-orders__id,
    .table-orders__date {
        width: 100%;
    }

}


/* адаптив корзины */
@media screen and (max-width: 768px) {
    .cart-items table tr{
        position: relative;
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px solid #e0e0e0;

    }
    .cart-items .cell-photo {
        flex-shrink: 0;
        width: 150px;
    }
    .cart-items table td:nth-child(2) {
        padding-top: 25px;
        width: calc(100% - 190px);
    }
    .cart-items table td:nth-child(3) {
        width: 150px;
        flex-shrink: 0;
        padding-left: 20px;

    }
    .cart-items .cell-actions{
        position: absolute;
        top: 0px;
        right: 20px;
    }
    .cart-items td:nth-child(5)  {
     /*   display: flex;
        align-items: center;
        justify-content: flex-start;*/
    }
    .cart-details .el, .cart-total > .submit {
        width: auto;
        flex-shrink: 1;
        min-width: 150px;
    }
    .cart-total .text {
        flex-shrink: 0;
        width: auto;
        margin-right: auto;
    }
    .cart-items .name {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
@media screen and (max-width: 600px) {
    .cart-items .name {
        font-size: 15px;
    }
    .cart-items .cell-photo {
        padding-right: 20px;
        width: 130px;
    }
    .cart-items table td:nth-child(3) {
        width: 130px;
    }
    .cart-total {
        display: block;
    }
}
/* /адаптив корзины*/



/* адаптив оформления заказа */

@media screen and (max-width: 1050px) {
    .order-side-l .form-new .grid .el.wid75 {
        width: 100%;
    }
}

@media screen and (max-width: 900px) {
    .order-grid {
        display: block;
    }
    .order-side-l {
        width: 100%;
    }
    .order-side-r {
        width: 100%;
    }
    .order-side-r .mainblock {
        position: static !important;
        width: 100% !important;
    }
    .form-delivery .el.wid50.form-delivery__street {
        width: 66.66%;
    }
    .form-delivery .el.wid25.form-delivery__index,
    .form-delivery .el.wid25.form-delivery__house,
    .form-delivery .el.wid25.form-delivery__struct,
    .form-delivery .el.wid25.form-delivery__stairs,
    .form-delivery .el.wid25.form-delivery__floor,
    .form-delivery .el.wid25.form-delivery__flat {
        width: 33.33%;
    }
}

@media screen and (max-width: 600px) {
    .form-new .text-checks {
        display: block;
    }
    .form-new .text-checks .el {
        width: 100%;
    }
    .input.promocode-input input[type="text"] {
        padding-right: 170px;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}

@media screen and (max-width: 500px) {
    .form-delivery .el.wid50.form-delivery__street,
    .form-delivery .el.wid25.form-delivery__index,
    .form-delivery .el.wid25.form-delivery__house,
    .form-delivery .el.wid25.form-delivery__struct,
    .form-delivery .el.wid25.form-delivery__stairs,
    .form-delivery .el.wid25.form-delivery__floor,
    .form-delivery .el.wid25.form-delivery__flat {
        width: 100%;
    }
}

/* /адаптив оформления заказа */


/* адаптив контактов личного кабинета*/
@media screen and (max-width: 900px) {
    .form-profile__address .grid  .el.form-profile__address-city {
        width: 66.66%;
    }
    .form-profile__address .el.wid16.form-profile__address-index {
        width: 33.33%;
    }
    .form-profile__address .el.wid50.form-profile__address-street {
        width: 66.66%;
    }
    .form-profile__address .el.wid16.form-profile__address-house,
    .form-profile__address .el.wid16.form-profile__address-struct,
    .form-profile__address .el.wid16.form-profile__address-flat {
        width: 33.33%;
    }
}
@media screen and (max-width: 700px) {
    .form-profile .el.form-profile__man-surname,
    .form-profile .el.form-profile__man-name,
    .form-profile .el.form-profile__man-fathersname,
    .form-profile .el.form-profile__man-email,
    .form-profile .el.form-profile__man-tel{
        width: 50%;
    }
}
@media screen and (max-width: 560px) {
    .form-profile__company .el.wid50.form-profile__company-inn,
    .form-profile__company .el.wid50.form-profile__company-name,
    .form-profile .el.form-profile__man-surname,
    .form-profile .el.form-profile__man-name,
    .form-profile .el.form-profile__man-fathersname,
    .form-profile .el.form-profile__man-email,
    .form-profile .el.form-profile__man-tel{
        width: 100%;
    }
    .form-profile__address .el.wid50.form-profile__address-street {
        width: 100%;
    }
    .form-profile__address .el.wid16.form-profile__address-house,
    .form-profile__address .el.wid16.form-profile__address-struct,
    .form-profile__address .el.wid16.form-profile__address-flat {
        width: 50%;
    }
}

@media screen and (max-width: 450px) {
    .form-profile__address .grid  .el.form-profile__address-city,
    .form-profile__address .el.wid16.form-profile__address-index,
    .form-profile__address .el.wid50.form-profile__address-street {
        width: 100%;
    }
}

/* / адаптив контактов личного кабинета*/
+
/* 11.09 redramka's change for adaptive cart */
    
    .cart__text--desctop {
        display: inline;
    }
    .cart__text--mobile {
        display: none;
    }
@media (max-width: 768px) {
    .path--cart {
        margin-bottom: 10px;
    }
    .path--cart .path-link-back:before {
        position: relative;
        top: -2px;
        margin-right: 8px;
    }
    .cart__title-wrapper {
        padding: 10px 12px 7px;
    }
    .cart__title-wrapper .cart__title {
        margin: 0;
        font-size: 14px;
        line-height: 18px;
    }
    .cart-items .cart-items__image {
        order: -2;
        padding: 15px 20px 20px;
        padding-right: 0;
        width: 70px;
        border: none;
    }
    .cart-items .photo {
        width: 50px;
        height: 40px;
    }
    .cart-items .cart-items__name.cart-items__name {
        order: -2;
        width: calc(100% - 110px);
        padding: 10px 10px 15px;
        display: flex;
        align-items: center;
        border: none;
    }
    .cart-items__name .name {
        margin: 0;
    }
    .cart-items .cart-items__price {
/*        order: 1;*/
        width: 40%;
        border-bottom-width: 3px;
        padding: 20px;
        padding-bottom: 15px;
        padding-top: 24px;
    }
    .cart-items .cart-items__sum {
        width: 50%;
        margin-left: 50%;
        text-align: right;
        padding: 20px;
        padding-right: 10px;
    }
    .cart-items td:first-child {
        padding-left: 5px;     
    }
    .cart-items .cart-items__quantity {
        padding: 5px 5px;
        padding-left: 5px;
/*        display: flex;*/
        align-items: center;
        border: none;
        width: 60%;
        padding-right: 10px;
    }
    .cart-items__quantity-alternative{
        padding-right: 0;
    }
    .cart-items__price-per-one-alternative{
        display: block !important;
        padding-top: 10px !important;
    }
    .cart-items .cart-items__quantity input {
        padding-top: 5px;
        padding-bottom: 5px;
        height: 62px;
    }
    .cart-items .cart-items__quantity .input {
        height: 62px;
        margin-left: calc(100% - 140px);
    }

    .cart-items .cart-items__quantity .input-alternative {
            height: 62px;
            margin-left: 10px;
    }

    .cart-items__min-quantity-text{
        display: block;
        padding-top: 10px;
        font-family: 'PT Sans';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 14px;
        color: #A0A0A0;
        text-align: right;
    }
    .j-quantity-text{
        text-align: right;
    }
    .cart-items .cart-items__deadline.cart-items__deadline {
/*        width: calc(100% - 80px);*/
/*        width: calc(100% - 110px);*/
        width: 100%;
        padding: 10px 20px;
        padding-right: 0;
/*        background-color: #EDF3FA;*/
        border: none;
    }
    .cart-items__deadline .title-small {
        margin: 0;
    }
    .cart-items .cart-items__close-button {
        position: relative;
        order: -2;
        right: 0;
        padding: 0;
        display: flex;
        width: auto;
        align-items: center;
        border: none;
    }
    .cart-items__close-button .delete {
        position: relative;
/*        top: -4px;*/
        top: 15px;

    }
    .cart-items__delivery--free {
        text-align: center;
        border-bottom: 1px solid #E0E0E0;
    }
    .cart__text--desctop {
        display: none;
    }
    .cart__text--mobile {
        display: inline;
    }
    .full-cart .btn {
        padding-left: 10px;
        height: 45px;
        padding-right: 10px;
        line-height: 45px;
    }
    .cart-total {
        padding-left: 28px;
        padding-right: 28px;
        padding-bottom: 10px;
    }
    .cart-total .big {
        margin-bottom: 2px;
    }
    .full-cart {
        margin-bottom: 8px;
    }

    .cart-items td {
        border-bottom: none;
    }
    .cart-items td:last-child {
         padding-right: 0px;
        padding-left: 10px;
    }
}

/* /11.09 redramka's change for adaptive cart */
/* 10.2019 */

.modal-link--back {
    position: absolute;
    top: 18px;
    left: 20px;
    transition: all 0.2s linear;
    padding-left: 18px;
}
.modal-link--back::before {
    content: '';
    position: absolute;
    top: 9px;
    width: 11px;
    height: 1px;
    background-color: #1860d6;
    left: 0;
}
.modal-link--back::after {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border-bottom: 1px solid #1860d6;
    top: 7px;
    left: 0;
    border-left: 1px solid #1860d6;
    transform: rotate(45deg);
}
.modal-link--back:hover .modal-text--small {
    border-bottom: 1px solid;
    transition: all 0.2s linear;
}


/* /10.2019 */
@media screen and (max-width: 960px) {
    .subcats .el {
        width: 50%;
    }
}

@media (max-width: 768px) {
    .subcats .el {
        width: 100%;
    }
}