@media (max-width: 1170px) {
    header.section .col.logo::before {
        width: 270px;
        top: 0;
        right: auto;
        left: 0;
        margin-right: 0;
        margin-left: -24px;
    }
}


@media (max-width: 999px) {
    .product-gallery {
        width: 30%;

    }

    .product-info {
        width: 70%;
        float: left;
        padding-left: 24px;
    }

    .section.shop.category .col.side {
        width: 100%;
    }

    .section.shop.category .col.content {
        width: 100%;
    }



}


@media (max-width: 480px) {
    .product-gallery {
        width: 100%;
        margin-bottom: 24px;
    }

    .product-info {
        width: 100%;
        float: left;
        padding-left: 0;
    }

    .category-product {
        width: 100%;
    }

}