﻿/*Algmeen mobile*/
@media only screen and (max-width: 480px) {
    #site-layout {
        max-width: 100%;
    }

    #site-nav div.nav ul.nav {
        padding-left: 0px;
    }

    #site-nav .nav ul li {
        margin-top: 20px;
    }

    #site-content h1 {
        margin-top: 35px;
        text-align: left;
    }

    .group .search,
    .group .align.right .shoppingbag-widget {
        position: static;
    }

    ul.products {
        padding-left: 0px;
    }

        ul.products li article.product .column-left {
            max-width: 105px;
            margin-bottom: 10px;
        }

            ul.products li article.product .column-left a.visual,
            ul.products li article.product .column-left a.visual img {
                max-width: 105px;
                max-height: 105px
            }

        ul.products li article.product .column-right .product-info {
            max-width: 100%;
            min-width: 150px;
            width: initial;
        }

            ul.products li article.product .column-right .product-info .footer ul {
                position: static;
                padding-left: 0px;
            }

                ul.products li article.product .column-right .product-info .footer ul li {
                    margin-left: 0px;
                }

    article.product {
        margin-left: 0px;
    }

        article.product header .column-right,
        article.product header .column-right .product-info {
            max-width: 99%;
            min-width: 170px;
        }

            article.product header .column-right .product-info {
                padding: 0px;
            }

    table.shoppingcart tr td .tile,
    table.summary tr td .tile {
        padding: 0px;
    }

    table.shoppingcart tr td.product-visual,
    table.summary tr td.product-visual {
        display: none;
    }

    table.shoppingcart tr td .tile {
        height: 100%;
    }

    table.shoppingcart tr td.product-info div.tile div input {
        width: 100%;
    }

    table.shoppingcart tr td.quantity input {
        max-width: 48px;
    }

    input[type="text"],
    input[type="number"],
    input[type="email"],
    input[type="tel"],
    textarea,
    select {
        max-width: 220px;
    }

    input[name="discountCodeT"] {
        width: 100%;
    }

    fieldset ul.fieldset li .input-editor {
        max-width: 100%;
        width: initial;
    }

        fieldset ul.fieldset li .input-editor span {
            display: block;
        }

    table.summary tr td.price,
    table.summary tr td.total.amount {
        position: static;
    }

        table.summary tr td.price .tile {
            margin-left: 0px;
        }

    table.summary tr td h4 {
        display: block;
    }

    table.summary tfoot {
        float: left;
    }

        table.summary tfoot tr td:first-child {
            display: none;
        }

    .order-wrapper article.order .order-details-wrapper table {
        max-width: 100%;
        display: block;
    }

    #site-footer nav.footer-menu ul li {
        margin-left: 0px;
        float: none;
    }
}
