@media (max-width: 991px) {
    p {
        margin-bottom: 25px;
    }
    
    .comments-area {
        padding: 15px;
    }

    .content-wrapper {
        margin-top: 60px;
        margin-bottom: 60px;
    }
    .page-header {
        padding-bottom: 30px;
    }
    .woocommerce-page-header + .content-wrapper {
        margin-top: 100px;
        margin-bottom: 40px;
    }
    .footer-widgets-grid.col4-bigleft,
    .footer-widgets-grid.col4-bigright,
    .footer-widgets-grid.col4 {
        grid-template-columns: repeat(2,1fr);
    }   
    .site-main {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    } 
    .widget-area {
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
        max-width: 100%;
        margin-top: 60px;
    }
    form.woocommerce-checkout {
        display: block;
    }
    #customer_details {
        max-width: 100%;
    }
    .checkout-wrapper {
        margin-left: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .woocommerce-cart tr.cart_item td {
        padding: 30px 10px;
    }
    .error404 .products404 {
		padding-top: 60px;
	}	
}
@media (max-width: 767px) {

    .product-gallery-summary {
        display: block;
    }
    .product-gallery-summary .woocommerce-product-gallery,
    .product-gallery-summary .entry-summary {
        max-width: 100%;
        float: none !important;
    }
    .product-gallery-summary .entry-summary {
        padding-left: 0;
        margin-top: 30px;
    }
    .woocommerce-tabs ul.tabs li a {
        padding-left: 10px;
        padding-right: 10px;
    }
    .footer-widgets-grid.col3-bigright,
    .footer-widgets-grid.col3-bigleft {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .site-info {
        .row {
            .col-md-6 {
                text-align: center;
                margin-bottom: 15px;
    
                &:last-of-type {
                    margin-bottom: 0;
                    text-align: center;
                }
            }
        }
    }

}

@media (min-width: 576px) and (max-width:  991px) {
    .custom-logo-link {        
        img {
            max-width: 100px;
        }
    }    
}
@media (max-width: 575px) {
    .custom-logo-link {        
        img {
            max-width: 100px;
        }
    }     
    .footer-widgets-grid {
        grid-template-columns: 1fr !important;
    }      
    .woocommerce-account .entry-title,
    .woocommerce-checkout .entry-title,
    .woocommerce-cart .entry-title {
        @include font-size(32);
    }
}