@media (max-width : 1023px) {
    /********************
	    Part - Product Layout
    ********************/
    .product__grid {
        display        : flex;
        flex-direction : column;
        max-width      : var(--container-primary-max-width);
        padding: 10px;
    }

    .product__more-infos__wrapper {
        order : 1;
    }


    /********************
        Part - Product thumbs Images
    ********************/
    .product__thumbnails:not(.product__thumbnails__slider) {
        grid-template-columns : repeat(auto-fit, minmax(100px, 1fr));
    }


    /********************
        Part - Product thumbs Slider
    ********************/
    .product__thumbnails.slick-slider.slick-initialized {
        grid-template-columns : auto 1fr auto;
    }

    .product__thumbnails .thumb {
        max-width: 50%;
    }

}

@media (min-width : 1024px) {
    /********************
	    Part - Product Layout
    ********************/
    .product__grid {
        display               : grid;
    }

    .product__grid__full-width__bg-section {
        grid-column : 1/-1;
    }

    .product__images__bg {
        background : white;
        grid-row   : 2;
    }

    .product__images__wrapper {
        grid-column : 2;
        grid-row    : 2;
    }

    .images-container {
        grid-template-columns: 20% 1fr;
    }

    .product__thumbnails:not(.product__thumbnails__slider) {
        grid-row: 1;
    }

    .cover__container {
        grid-column: 2;
    }

    .product__main-infos__wrapper {
        grid-column : 3;
        grid-row    : 2/3;
        padding-bottom: 2em;
        margin-left: 2em;
    }

    .product__more-infos__bg {
        grid-row   : 3;
    }

    .product__more-infos__wrapper {
        grid-column : 2/4;
        grid-row    : 3;
    }

    .product-accessories__bg {
        background : var(--color-white-default);
        grid-row   : 4;
    }

    .product-accessories {
        grid-column : 2;
        grid-row    : 4;
    }

    /********************
		Part - Product thumbs Images
	********************/
    .product__thumbnails:not(.product__thumbnails__slider) {
        align-self : flex-start;
    }

    /********************
		Part - Product thumbs on left
	********************/
    .images-container.thumb--is-on-left {
        display               : grid;
        grid-template-columns : 20% 1fr;
        grid-gap              : 15px;
    }

    .images-container.thumb--is-on-left .product-cover,
    .images-container.thumb--is-on-left .product__thumbnails {
        grid-row : 1;
    }

    .images-container.thumb--is-on-left .product-cover {
        grid-column : 2;
    }

    .images-container.thumb--is-on-left .product__thumbnails img {
        min-width : 120px;
    }

    /********************
		Part - Product thumbs Slider
	********************/
    .images-container.thumb--is-on-left .product__thumbnails.slick-initialized {
        grid-template-rows : auto 1fr auto;
    }

    .images-container:not(.thumb--is-on-left) .product__thumbnails.slick-initialized {
        grid-template-columns : auto 1fr auto;
    }

    .images-container:not(.thumb--is-on-left) .product__thumbnails__slider .slick-slide {
        padding : 15px;
    }

    .product__thumbnails .thumb {
        min-width: 70%;
    }

    /********************
		Part - Product main infos
	********************/
    .product__main-infos__wrapper .product__main-infos {
        background : white;
        padding    : 0 15px;
        margin     : 20px 0;
    }

    /********************
		Part - Product more infos
	********************/
    .product__more-infos__wrapper {
        padding : 2em 0;
    }

    /********************
       Part - Bg
    ********************/

    .product__more-infos__bg {
        border-top: 1px solid #E9EBE3;
    }

}

@media (min-width : 1024px) and (max-width : 1199px) {

    /********************
	    Part - Product Layout
    ********************/
    .product__grid {
        grid-template-columns : var(--container-primary-margin) 1fr 35.5% var(--container-primary-margin);
    }

}

@media (min-width : 1200px) {

    /********************
	    Part - Product Layout
    ********************/

    .product__grid {
        grid-template-columns : var(--container-primary-margin) 1fr 28.5% var(--container-primary-margin);
    }

}