/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

.pc_front{

display: none;

}



.pc_back{

display: none;

}

@media (max-width: 767px) {
    #products .products, .featured-products .products, .product-accessories .products, .product-miniature .products {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 10px;
        margin-left: 0;
        margin-right: 0;
    }
    #products .product-miniature, .featured-products .product-miniature {
        width: 100%;
    }
    #products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container {
        width: 100%;
    }
    #products img, .featured-products img, .product-accessories img, .product-miniature img {
        width: 100%;
    }
    #products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description {
        width: 100%;
        height: 90px;
    }
    #products .highlighted-informations, .featured-products .highlighted-informations, .product-accessories .highlighted-informations, .product-miniature .highlighted-informations {
        width: 100%;
    }
    #products img, .featured-products img, .product-accessories img, .product-miniature img {
        margin-left: 0;
    }
    #products .product-title, .featured-products .product-title, .product-accessories .product-title, .product-miniature .product-title {
        height: 38px;
        overflow: hidden;
    }
}

.carousel .carousel-inner {
    height: auto;
}