@-ms-viewport {
    width: device-width
}

html, body {
    width: 100%;
    min-width: 100%;
    border-top: none
}


.adaptive-img {
    width: 200px;
    display: block
}

html {
    -webkit-text-size-adjust: none
}

header, main {
    margin: 0
}

header {
    background-color: #591e4a;
    padding: 10px 0
}

.logo-header__image {
    width: 158px
}

.logo-header__image img, .logo-footer__image img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 50px;
    width: 100%
}

.text-container {
    word-break: break-word;
    width: 100%
}

.age {
    display: grid;
    grid-gap: 10px
}

.age > div {
    float: none
}

.age div.btn {
    display: block;
    text-align: center;
    grid-row-start: 2
}

.age.btn {
    grid-row-start: 1
}

.logo-footer__image {
    width: 135px
}

.logo-footer__image img {
    height: 100px
}

.footer__row {
    justify-content: center;
    margin: 15px 0
}

.humburger {
    color: #fff;
    font-size: 25px
}

.header__row nav a, .header__row nav strong {
    color: #222
}

input[type="text"], input[type="email"], select, textarea, input[type="password"], input[type="phone"] {
    width: 100% !important
}

.catalog-container, .product {
    grid-template-columns: repeat(auto-fill, 90px) !important
}

.advantages-container {
    grid-template-columns: repeat(1, 300px) !important;
    justify-content: center !important;
    grid-column-gap: 10 !important
}

.advantage__title {
    font-size: 14px !important
}

.advantage__img {
    width: auto !important
}

.office-auth--row:last-child, .office-auth--column:last-child {
    margin-top: 10px
}

.basket-container form, .basket-container .product {
    grid-template-columns: repeat(auto-fill, 70px) !important
}

.office-info-container {
    grid-template-columns: repeat(auto-fill, 300px) !important
}

.advantage__img {
    justify-self: center
}

.advantage {
    text-align: center
}

.office-auth {
    margin-top: 10px
}

.office-auth--row, .office-auth--column {
    grid-template-columns: 1fr !important
}

/*.catalog-menu, .catalog-container__menu, .inner p, .inner h1,*/
/*.inner .sWay, .inner .catalog-container, .product__body, .product__images,*/
/*.product, .product-list, .basket-empty, .order, .product::after, .catalog-text {*/
/*    grid-column-start: span 3 !important*/
/*}*/

.basket-circle {
    right: -8px !important;
    font-size: 14px !important
}

.basket-container .product__image {
    grid-column-start: span 1 !important;
    width: 100px !important
}

.basket-container .product__body {
    grid-column-start: span 2 !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    grid-row-gap: 10px
}

.product__count, .product__price, .product__buttons {
    grid-column-start: 1 !important
}

.product__title {
    margin-top: 0 !important
}

.product__count {
    grid-row-start: 4 !important
}

.product__price {
    grid-row-start: 5 !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    grid-gap: 10px;
}

.product-percent {
    grid-column-start: 1 !important;
    grid-row-start: 3 !important;
}
.product__price .btn {
    grid-column-start: 1 !important;
    grid-row-start: 4 !important;
}
.product__buttons {
    grid-row-start: 6 !important
}

.inner .catalog-container {
    grid-row-start: 4 !important
}

.accordion-catalog__header {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    min-height: 3rem;
    line-height: 3rem
}

.accordion-catalog__header:after {
    content: '\f067';
    font-family: "Font Awesome 5 Pro";
    font-size: 12px;
    color: #591e4a;
    float: right
}

.itm-filter-prm input[type=text] {
    width: 60px !important
}

.itm-filter {
    border: none !important;
    margin: 0 !important
}

.accordion-catalog__header.active:after {
    content: "\f067"
}

.accordion-catalog__body {
    display: none;
    border-bottom: 1px solid #ddd
}

.office-menu--mobile {
    list-style: none;
    width: 100%;
    padding: 15px
}

.office-menu--mobile li {
    margin-bottom: 10px
}

.office-menu--mobile li:last-child {
    margin-bottom: 0
}

.office-menu--mobile a, .office-menu--mobile strong {
    font-size: 20px;
    font-weight: normal;
    text-transform: none;
    text-align: center;
    width: 100%;
    padding: 10px 20px
}

.itm__image img, .catalog__image img {
    max-width: 250px
}

.itm__image, .catalog__image {
    text-align: center
}

.office-menu--mobile a.exit, .menu-dop a {
    color: #818181 !important
}

nav.menu-dop a {
    text-transform: none;
    padding: 5px 1em;
    font-weight: 400
}

.menu-dop__item {
    display: flex;
    align-items: center
}

.menu-dop__item i {
    margin-right: 10px
}

.contact-container {
    grid-template-columns: 1fr !important
}

.catalog-container .itm {
    border-bottom: 2px solid #ccc
}

.product__body {
    padding-right: 20px
}

.indicator--mobile {
    color: #fff;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center
}

.indicator__button {
    -ms-flex-align: center;
    align-items: center;
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0;
    color: inherit;
    fill: currentColor
}

.header-icon {
    display: flex;
    height: 50px;
    align-items: center
}

.header__row nav li {
    margin-right: 0
}

.mobilemenu__content ul {
    display: block !important
}

.mobilemenu {
    visibility: hidden;
    position: fixed;
    z-index: 1000;
    transition: visibility 0s .3s
}

.mobilemenu, .mobilemenu__backdrop {
    top: 0;
    width: 100%;
    height: 100%;
    left: 0
}

.mobilemenu__backdrop {
    position: absolute;
    background: #3d464d;
    opacity: 0;
    transition: opacity .3s
}

.mobilemenu__body {
    position: absolute;
    top: 0;
    width: 290px;
    height: 100%;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .4);
    transition: transform .3s;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0;
    transform: translateX(calc(-100% * 1 - 30px * 1))
}

.mobilemenu__header {
    height: 55px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #ebebeb
}

.mobilemenu__title {
    padding: 0 20px;
    font-weight: 700;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.mobilemenu__close {
    border: none;
    background: transparent;
    height: 54px;
    width: 55px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    fill: #999;
    transition: fill .2s;
    border-left: 1px solid #ebebeb
}

.mobilemenu__close:focus {
    outline: none
}

.mobilemenu__close:focus, .mobilemenu__close:hover {
    fill: #3d464d
}

.mobilemenu__content {
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.mobilemenu--open {
    visibility: visible;
    transition-delay: 0s
}

.mobilemenu--open .mobilemenu__backdrop {
    opacity: .9
}

.mobilemenu--open .mobilemenu__body {
    transform: translateX(0)
}

.mobile-links__item-link, .mobilemenu__content ul li, .mobilemenu__content ul li a {
    color: #222;
    font-size: 16px
}

.mobilemenu__content ul li a, .mobilemenu__content ul li strong {
    padding: 12px 20px
}

.text-container {
    display: none
}

.mobile-links__item-title, .mobilemenu__content ul li {
    height: auto;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    border-bottom: 1px solid #ebebeb
}

.mobile-links__item-title strong, .mobilemenu__content ul li strong {
    color: #fff;
    background: #591e4a;
    width: 100%;
    display: flex;
    align-self: baseline;
    align-items: center;
    box-sizing: border-box;
    height: auto
}

.mobile-header__search {
    top: 0;
    width: 100%;
    position: absolute;
    background: #fff;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .25);
    z-index: 1;
    transform: translateY(-100%);
    visibility: hidden;
    opacity: 0;
    transition: transform .3s, visibility 0s .3s, opacity .3s;
    left: 0
}

.mobile-header__search form {
    height: 74px;
    display: -ms-flexbox;
    display: flex
}

.mobile-header__search input {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    width: 0;
    background: transparent;
    border: none;
    padding: 0;
    padding-left: 15px
}

.mobile-header__search input:focus {
    outline: none
}

.mobile-header__search input::-webkit-input-placeholder {
    color: #999
}

.mobile-header__search input::-moz-placeholder {
    color: #999
}

.mobile-header__search input:-ms-input-placeholder, .mobile-header__search input::-ms-input-placeholder {
    color: #999
}

.mobile-header__search input::placeholder {
    color: #999
}

.mobile-header__search--opened {
    transition-delay: 0s, 0s;
    transform: translateY(0);
    visibility: visible;
    opacity: 1
}

.mobile-header__search-button {
    background: transparent;
    border: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 54px;
    cursor: pointer;
    color: #b3b3b3
}

.mobile-header__search-button:focus {
    outline: none
}

.mobile-header__search-button:focus, .mobile-header__search-button:hover {
    fill: #3d464d
}

.mobile-header__search-button--close {
    border-left: 1px solid #ebebeb
}

.mobile-header__search--opened {
    transition-delay: 0s, 0s;
    transform: translateY(0);
    visibility: visible;
    opacity: 1
}

.indicator--mobile {
    color: #fff;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center
}

.catalog-container {
    grid-row-start: 4 !important;
}

.catalog-text {
    grid-row-start: 5 !important;
}

@media only screen and (max-width: 900px) {
    .product {
        grid-row-start: 2;
    }
}
@media only screen and (max-width: 760px),(min-device-width: 768px)and(max-device-width: 1024px) {
    table {
        width: 100%
    }

    .order-table table, .order-table thead, .order-table tbody, .order-table th, .order-table td, .order-table tr {
        display: block
    }

    .order-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    .order-table tr {
        border: 1px solid #ccc;
        margin-bottom: 20px
    }

    .order-table td {
        border-bottom: 1px solid #eee;
        position: relative;
        display: grid;
        grid-template-columns: repeat(2, 1fr)
    }

    .order-table td:before {
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        content: attr(data-label);
        color: #000;
        font-weight: bold
    }

}

@media screen and (max-width: 768px) {
    .catalog-menu, .catalog-container__menu, .inner p, .inner h1,
    .inner .sWay, .inner .catalog-container, .product__body, .product__images,
    .product, .product-list, .basket-empty, .order, .product::after, .catalog-text {
        grid-column-start: span 6 !important
    }

    .basket-container .product-list,.order {
        grid-column-start: span 7 !important;
    }

    .basket-container .product__image {
        grid-column-start: span 2 !important;
        width: 150px !important;
    }

    .basket-container .product__body {
        grid-column-start: span 4 !important;
    }

    .product__buttons {
        display: flex;
    }

    .slider {
        width: 600px;
    }

}

@media screen and (max-width: 600px) {
    .catalog-menu, .catalog-container__menu, .inner p, .inner h1,
    .inner .sWay, .inner .catalog-container, .product__body, .product__images,
    .product, .product-list, .basket-empty, .order, .product::after, .catalog-text {
        grid-column-start: span 4 !important
    }

    .slider {
        width: 100%;
    }

    .jssort061 .p {
        border-color: #fff !important;
    }
}

@media screen and (max-width: 500px) {
    .catalog-menu, .catalog-container__menu, .inner p, .inner h1,
    .inner .sWay, .inner .catalog-container, .product__body, .product__images,
    .product, .product-list, .basket-empty, .order, .product::after, .catalog-text {
        grid-column-start: span 3 !important
    }
    .slider {
        width: 300px;
    }
}