.swiper-lg-wrap {
    width: 1202px;
    height: 0;
    padding-bottom: 66%;
    position: relative;
    max-width: 100%;
}

.swiper-color-chart-wrap {
    width: 1202px;
    position: relative;
    max-width: 100%;
}

.swiper, .cover-image-swiper {
    width: 100%;
    height: 100%;
    position: absolute !important;
}

.color-chart-swiper {
    width: 100%;
    height: 283px;
    position: absolute !important;
}

.img-responsive {
    max-width: 100%;
    height: auto;
}

.color-chart-preview {
    width: 175px;
    min-width: 175px;
    min-height: 283px;
}

@media screen and (max-width: 1201px) {
    .swiper-lg-wrap {
        width: auto;
        height: 0;
        position: relative;
        max-width: 100%;
    }
}

