.ms-auto {
    margin-left: auto!important;
}
.me-auto {
    margin-right: auto!important;
}
#wrap_planking .series-banner {
    flex: inherit;
    max-width: 100%;
}
#wrap_planking .descr, #wrap_planking .seo-desc p {
    font-family: "Montserrat-regular", sans-serif;
}
#wrap_planking .series-banner .text-block {
    flex: auto!important;
    max-width: 100%!important;
    position: static;
}
.overflow-x-hidden {
    overflow-x: hidden;
}
.planking-wrapper {
    margin-top: 5.625rem;
}
.planking-nav {
    flex-direction: column;
}
.planking-nav a {
    font-family: "Montserrat-bold", sans-serif;
    font-size: 1.125rem;
    color: #36424c;
    display: flex;
    align-items: center;
    margin: 18px 0;
    padding: 0;
}
.products-block .planking-nav a:hover {
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
}
.planking-nav .icon, .features-content .icon {
    width: 40px;
    height: 40px;
    display: block;
}
.icon-overview {
    background: url("../images/icons/planking/overview.svg");
    background-size: contain;
}
.icon-features {
    background: url("../images/icons/planking/features.svg");
    background-size: contain;
}
.icon-specification {
    background: url("../images/icons/planking/specification.svg");
    background-size: contain;
}
.icon-installation {
    background: url("../images/icons/planking/installation.svg");
    background-size: contain;
}
.icon-warranty {
    background: url("../images/icons/planking/warranty.svg");
    background-size: contain;
}
.planking-nav a:hover .icon-overview {
    background: url("../images/icons/planking/overview-hover.svg");
    background-size: contain;
}
.planking-nav a:hover .icon-features {
    background: url("../images/icons/planking/features-hover.svg");
    background-size: contain;
}
.planking-nav a:hover .icon-specification {
    background: url("../images/icons/planking/specification-hover.svg");
    background-size: contain;
}
.planking-nav a:hover .icon-installation {
    background: url("../images/icons/planking/installation-hover.svg");
    background-size: contain;
}
.planking-nav a:hover .icon-warranty {
    background: url("../images/icons/planking/warranty-hover.svg");
    background-size: contain;
}
.planking-nav a.active .icon-overview {
    background: url("../images/icons/planking/overview-active.svg");
    background-size: contain;
}
.planking-nav a.active .icon-features {
    background: url("../images/icons/planking/features-active.svg");
    background-size: contain;
}
.planking-nav a.active .icon-specification {
    background: url("../images/icons/planking/specification-active.svg");
    background-size: contain;
}
.planking-nav a.active .icon-installation {
    background: url("../images/icons/planking/installation-active.svg");
    background-size: contain;
}
.planking-nav a.active .icon-warranty {
    background: url("../images/icons/planking/warranty-active.svg");
    background-size: contain;
}

.icon-easy-installation {
    background: url("../images/icons/planking/easy-installation.svg");
    background-size: contain;
}
.icon-resistant {
    background: url("../images/icons/planking/resistant.svg");
    background-size: contain;
}
.icon-reversible {
    background: url("../images/icons/planking/reversible.svg");
    background-size: contain;
}
.icon-trimmable {
    background: url("../images/icons/planking/trimmable.svg");
    background-size: contain;
}
.icon-rating {
    background: url("../images/icons/planking/rating.svg");
    background-size: contain;
}
.icon-naturally {
    background: url("../images/icons/planking/naturally.svg");
    background-size: contain;
}
.icon-maintenance {
    background: url("../images/icons/planking/maintenance.svg");
    background-size: contain;
}
.icon-prefinished {
    background: url("../images/icons/planking/prefinished.svg");
    background-size: contain;
}

.planking-content {
    border-left: 2px solid #f4f4f4;
    padding-left: 0;
    padding-right: 0;
}
.gray-bg {
    background: #f6f9fc;
    padding-top: 5rem;
    padding-bottom: 5rem;
    position: relative;


    display: flex;
    flex-direction: row;
}
.gray-bg:after {
    content: '';
    background: #f6f9fc;
    height: 100%;
    width: 300%;
    position: absolute;
    top: 0;
    z-index: -1;
}
.planking-card {
    padding-left: 4.375rem;
    padding-bottom: 5rem;
    min-width: 100%;
}
.planking-card h2 {
    font-size: 1.875rem;
    line-height: 1.2;
    color: #36424c;
    font-family: "Montserrat-bold", sans-serif;
}
.planking-card h3 {
    font-size: 1.5rem;
    line-height: 1.33;
    font-family: 'Montserrat-bold', sans-serif;

}
.planking-card .title-h4 {
    font-family: 'Montserrat-bold', sans-serif;
}
.features-content > div {
    margin-bottom: 50px;
}
.planking-image-block {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: -5rem;
    margin-left: 2rem;
}
.planking-image-block div:first-child {
    background: url('../images/planking-overview1.png');
    background-repeat: no-repeat;
    width: 249px;
    height: 175px;
    margin-bottom: 13px;
    display: block;
}
.planking-image-block div:last-child {
    background: url('../images/planking-overview2.png');
    background-repeat: no-repeat;
    width: 323px;
    height: 233px;
    display: block;
}
.text-large {
    font-size: 1rem;
    line-height: 2
}
.video-wrapper-block {
    margin-top: 56px;
}

.big-img {
    height: 636px;
    display: flex;
    align-items: flex-end;
}
.planking-box {
    margin-bottom: 64px;
}
.amazon-logo {
    position: absolute;
    bottom: 2rem;
    right: 2rem;
}
#wrap_planking .products-block h2 {
    font-size: 2.25rem;
}
@media (min-width: 1921px) {
    .pl-wrap {
        max-width: 1920px;
        margin: auto;
        padding: 0 20px 0 10px;
    }
    .planking-image-block {
        display: none;
    }
    .gray-bg:after {
        display: none;
    }
    .gray-bg .planking-card, .gray-bg + .planking-card  {
        padding-right: 4.375rem;
    }
}

@media (max-width: 1740px) {
    .planking-image-block {
        margin-left: 0;
    }
}

@media (max-width: 1640px) {
    .planking-image-block {
        margin-left: -1rem;
    }
}

@media (max-width: 1450px) {
    .planking-image-block {
        margin-left: 0;
    }
}

@media (max-width: 1450px) and (min-width: 992px) {
    .pl-wrap .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .pl-wrap .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .planking-card .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 1366px) {
    .planking-image-block {
        margin-left: -3.5rem;
    }

    .planking-card {
        padding-left: 2.375rem;
    }

}

@media (max-width: 1200px) {
    .planking-image-block {
        margin-left: -15.5rem;
    }
    .planking-image-block div:first-child {
        background: url('../images/planking-overview4.png');
        width: 249px;
        height: 175px;
        margin-bottom: 13px;
        display: block;
    }
    .planking-image-block div:last-child {
        background: url('../images/planking-overview3.png');
        width: 323px;
        height: 233px;
        display: block;
    }
    .big-img {
        height: 450px;
    }
    .big-img img {
        max-height: 100%;
    }
}

@media (max-width: 991px) {
    .planking-card {
        padding-right: 2.375rem;
    }
    .planking-image-block {
        margin-left: -19.5rem;
    }
}

@media (max-width: 768px) {
    .planking-wrapper {
        margin-top: 68px;
    }
    .amazon-logo {
        bottom: 1rem;
        right: 1rem;
        width: 75px;
    }
    .planking-nav {
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: space-around;
        border-bottom: 2px solid #dadee4;
    }
    .planking-nav .icon {
        width: 24px;
        height: 24px;
        display: block;
    }
    .planking-nav a {
        margin: 0 0 15px;
        flex-direction: column;
        margin-right: 24px;
        font-size: 1rem;

    }
    .planking-nav a:last-child {
        margin-right: 0;
    }
    .planking-content {
        border-left: 0;
    }
    .planking-card {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom: 2.5rem;
    }
    .gray-bg {
        padding-top: 2.5rem;
        padding-bottom: 0;
    }
    .gray-bg:after {
        right: -20px;
    }
    .planking-card h2 {
        font-size: 1.125rem;
    }
    .planking-image-block {
        margin-top: -2.5rem;
    }
    .video-wrapper-block {
        margin-top: 16px;
    }
    .big-img {
        height: 340px;
    }
    .planking-card {
        z-index: 1;
    }
}
@media (max-width: 576px) {
    .pl-wrap .title {
        font-size: 1.25rem;
        line-height: 1.5;
        text-align: center;
    }
    .planking-nav {
        width: 100vw;
        margin-left: -24px;
        padding-left: 24px;
        justify-content: flex-start;
    }
    .planking-nav a:last-child {
        margin-right: 24px;
    }
    .planking-content {
        width: calc(100vw - 20px);
    }
    .features-content > div {
        margin-bottom: 0px;
    }
    .features-content .icon {
        width: 24px;
        height: 24px;
        display: inline-block;
        margin-right: 12px;
        vertical-align: middle;
    }
    .features-content .title-h4 {
        display: inline-block;
        line-height: 1rem;
    }

    .features-content .descr {
        text-align: left;
    }

    .planking-card .btn {
        width: 100%;
    }
    .text-large {
        font-size: 0.875rem;
        line-height: 1.86;
    }
    .planking-box img {
        margin: 0 auto;
    }
    .planking-box .title-h4 {
        text-align: center;
    }
    .planking-card h3 {
        font-size: 1.1875rem;
        text-align: center;
    }
}
@media (max-width: 380px) {

}
@media (max-width: 340px) {

}