main > .wrapper {
    background: #f4f4f4;
}

main > .product-content {
    background: #fff;
}

main > .wrapper > .container {
    max-width: 1440px;
    margin: 0 auto;
}

main > .wrapper > .container table {
    border:1px solid rgba(150, 150, 150, 0.1);
}
main > .wrapper > .container table td {padding:3px 5px;}

main > .wrapper > .container > .content {
    padding: 93px 240px 49px 240px;
}

main > .wrapper > .container > .content > div {
    color: #333;
    line-height: 26px;
    font-size: 18px;
}

main > .wrapper > .container > .content > div > strong {
    color: var(--brown-accent);
    font-size: 25px;
    font-weight: bold;
}

main > .wrapper > .container > .content > ul {
    list-style: none;
}

main > .wrapper > .container > .content > ul > li {
    /*display: flex;*/
    margin: 8px 0;
}

main > .wrapper > .container > .content > ul:last-child > li {
    flex-wrap: wrap;
}

main > .wrapper > .container > .content > ul > li > a {
    word-break: break-all;
}

main > .wrapper > .container > .content > ul > li:before {
    content: url("/resources/img/brown_list_point.svg");
    margin-right: 20px;
}

@media all and (max-width: 1200px) {
    main > .wrapper > .container > .content {
        padding: 36px 8%;
    }
}

@media all and (max-width: 700px) {
    main > .wrapper > .container > .content > ul > li {
        display: grid;
        grid-template-columns: 33px auto 1fr;
    }
}

@media all and (max-width: 500px) {
    main > .wrapper > .container > .content {
        padding: 36px 4%;
    }

    main > .wrapper > .container > .content > ul {
        padding-left: 10px;
    }

    main > .wrapper > .container > .content > ul > li:before {
        margin-right: 10px;
    }
}