/*
 * IOC Snapshot / Foxy
 * Mobile WooCommerce Overrides
 */

@media only screen and (max-width: 767px) {

    /* Use the full screen width */
    body.single-product .container {
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 10px !important;
        box-sizing: border-box;
    }

    body.single-product #content,
    body.single-product #left-area,
    body.single-product #home-tab-area,
    body.single-product #home-tabs-content,
    body.single-product .home-tab-slide,
    body.single-product #tab-description {
        width: auto !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        float: none !important;
    }

    body.single-product #home-tabs-content {
        padding: 15px !important;
    }

    body.single-product #tab-description p,
    body.single-product #tab-description span,
    body.single-product #tab-description div {
        font-size: 16px;
        line-height: 1.45;
    }

    body.single-product #tab-description img {
        max-width: 100%;
        height: auto;
    }

    /* Align related products in one centered vertical column */
    body.single-product .related.products ul.products {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    body.single-product .related.products ul.products li.product {
    	width: 200px !important;
    	float: none !important;
    	clear: both !important;
    	position: relative !important;
    	margin: 0 auto 60px 20px !important;
    }

    /* Cart page cross-sell products */
	body.woocommerce-cart .cross-sells ul.products {
	margin-left: 0 !important;
	padding-left: 0 !important;
	margin-top: 45px !important;
    }

    body.woocommerce-cart .cross-sells ul.products li.product {
	width: 200px !important;
	float: none !important;
	clear: both !important;
	position: relative !important;
	margin: 0 auto 60px 20px !important;
    }
}