/***** For Small Only *****/
@media only screen and (max-width: 64.063em)
{
    .list-report-row
    {
        width: 100%;
    }
    a.header-icon img
    {
        margin: 0;
    }

    input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, select, button, .button, a.button, .upload-input
    {
        margin-bottom: .5rem;
    }
    .error input[type="text"], .error input[type="password"], .error input[type="date"], .error input[type="datetime"], .error input[type="datetime-local"], .error input[type="month"], .error input[type="week"], .error input[type="email"], .error input[type="number"], .error input[type="search"], .error input[type="tel"], .error input[type="time"], .error input[type="url"], .error input[type="color"], .error textarea, .error select
    {
        margin-bottom: 0;
    }

    .left-off-canvas-menu + .contain-to-grid.sticky > .tab-bar > .left-small
    {
        display: block;
    }

    .fixed .top-bar
    {
        margin-left: 43px;
        background: #333333;
    }

    table.table-blue .numeric, table.table-blue .integer, table.table-blue .decimal, table.table-blue .currency
    {
        text-align: left;
    }
}

/***** Not For Small *****/
@media only screen and (min-width: 64.063em)
{
    .tab-bar-section.right
    {
        left: 0;
        right: 0;
        text-align: left;
    }
    .list-view .list-report-row
    {
        display: block;
    }
    .list-view .product-border
    {
        border: 1px solid transparent;
        border-top: 1px solid #e3e3e3;
        padding: 1rem;
        text-align: left;
        width: 100%;
        display: block;
        margin: 0;
    }
    .list-view .product-image
    {
        display: table-cell;
        width: 20%;
    }
    .list-view .product-info
    {
        display: table-cell;
        vertical-align: top;
        font-size: 1rem;
        width: 800px;
    }
    .list-view .product-desc
    {
        display: block;
    }
    .list-view .product-price-button
    {
        display: table-cell;
        text-align: center;
        border-left: 1px solid #e3e3e3;
        padding-left: 1rem;
        width: 160px;
        vertical-align: top;
    }

    .list-view .product-name-price
    {
        display: table;
        width: 100%;
    }
    .list-view .product-name
    {
        display: table-cell;
    }
    .list-view .product-price
    {
        font-size: 1rem;
        color: Green;
        display: table-cell;
        min-width: 120px;
        text-align: right;
    }
    .list-view .categories-break
    {
        display: none;
    }

    .gallery-view .list-report-row
    {
        width: 50%;
    }
    .gallery-view .list-report-row:nth-child(2n+1)
    {
        clear: both;
    }

    .table
    {
        display: table;
    }
    .table .row, .table .rows
    {
        display: table-row;
    }
    .table .row .columns, .table .rows .columns, .table .row .column, .table .rows .column
    {
        display: table-cell;
        width: auto;
        padding: .2rem;
    }
    .table > .row > [class*="column"]
    {
        float: none;
    }
    .max-30
    {
        max-width: 30%;
    }

    .left-off-canvas-menu ~ .main-section, .left-off-canvas-menu + .contain-to-grid .tab-bar, .left-off-canvas-menu + .contain-to-grid .top-bar
    {
        width: auto;
        -ms-transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        margin-left: 15.625rem;
    }
    .left-off-canvas-menu
    {
        -ms-transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        position: fixed;
        height: 100%;
        width: 15.625rem;
    }

    .exit-off-canvas
    {
        display: none;
    }

    .left-off-canvas-toggle
    {
        display: none;
        font-size: 3rem;
        color: #333;
        transition: all .25s ease-in-out;
    }
    .left-off-canvas-toggle:focus
    {
        color: #333;
    }
    .left-off-canvas-toggle:hover
    {
        color: #8c8c8c;
        transition: all .25s ease-in-out;
    }
}

/***** For Large *****/
@media only screen and (min-width: 64.063em)
{
    .gallery-view .list-report-row
    {
        width: 33%;
    }
    .gallery-view .list-report-row:nth-child(2n+1)
    {
        clear: none;
    }
    .gallery-view .list-report-row:nth-child(3n+1)
    {
        clear: both;
    }
}