/******************************************************************************************************
    Default Layout 
    For huge screeens (width 1025px - 1200px).
******************************************************************************************************/
    
    .mq-huge-hide {
    display: none; }
    
    .mq-huge-show {
    display: block; }

/**************************************************
    Main
**************************************************/    
    
    .group-1 { width: 100%;    }
    .group-2 { width: 50%;     }
    .group-3 { width: 33.333%; }
    .group-4 { width: 25%;     }
    .group-5 { width: 20%;     }
    .group-6 { width: 33.333%; }
    
/**************************************************
    Tiles 
    Fix layout issues.
**************************************************/ 

    .product-list-style-tiles .group-4 .product-list .extra-label {
    display: block;
    line-height: 15px;
    height: 15px; }
    
    .product-list-style-tiles .group-4 .product-list .buttons button {
    width: 100%;
    text-align: center; }
    
    .product-list-style-tiles .group-4 .product-list .buttons button.gray {
    margin: 0 0 5px 0; }