/*Algmeen mobile*/
@media only screen and (max-width: 480px) {
    /*Algemeen*/
    body, #site-layout {
        max-width:320px;
    }

    select#Maat {
        max-width: 185px;
    }

    #TruiTekst,
    #SweaterTekst {
        margin-top: 112px;
        margin-bottom: 0px;
        line-height: 35px;
    }

    .group, .group .top,
    #site-nav, #site-content h1 {
        max-width: 320px !important;
    }

    #site-content h1 {
        margin-left: -10px;
    }

    /*Bovenkant*/
    ul.products li article.product .column-left {
        margin-right:0px;
        margin-left:0px;
        width: 100%;
        max-width: 118px;
    }

    .group .align.right .shoppingbag-widget {
        position:static;
    }

    #site-layout #site-header div.group ul.top li div.align.right:nth-child(2) {
        position: absolute;
        top: 80px;
    }

    /*Producten*/
    ul.products {
        padding: 0px;
    }

    ul.products li article.product .column-right .product-info {
        max-width:197px;
        height: 165px;
        padding:0px;
    }

    ul.products li article.product .column-right .product-info h2 {
        font-size: 13px;
    }

    ul.products li article.product .column-right .product-info h4 {
        height:21px !important;
    }

    ul.products li article.product .column-right .product-info .footer ul {
        position: static;
        list-style: none;
        margin-left: -41px;
        margin-bottom: 10px;
    }

    ul.products li article.product .column-right .product-info .footer ul li {
        margin:0px;
        margin-left: 0px;
    }

    ul.products li article.product .column-right .product-info .footer ul li .buy {
        width:109px;
        height: 37px;
    }

    ul.products li article.product .column-right .product-info .footer ul li:nth-child(1) a {
        width:100%;
    }

    /*product overzicht*/
    article.product h5 {
        max-width: 95%;
    }

    article.product header .column-right {
        max-width:280px;
    }

    article.product header .column-right .product-info {
        max-width: 198px;
        height: 273px;
    }

    /*Winkelwagen overzicht*/
    table.shoppingcart,
    .navigation {
        width: 100%;
    }

    table.shoppingcart tr td.product-visual,
    #site-layout #site-content form[action="/ShoppingCart/Update"] div table.shoppingcart tr.total td:first-child,
    #site-layout #site-content form[action="/ShoppingCart/Update"] div table.shoppingcart tfoot tr.total td:nth-child(4) {
        display:none;
    }

    table.shoppingcart tr td.product-info div.tile h2 {
        font-size: 16px;
    }

    table.shoppingcart tr td.quantity input {
        width: 45px;
    }

    table.shoppingcart tr td.product-info,
    table.shoppingcart tr td.quantity,
    table.shoppingcart tr td.total {
        width: 95px;
    }

    table.shoppingcart tr td.total {
        width: 80px;
    }
    table.shoppingcart tr td.remove {
        width: 16px;
        float:left;
    }
    table.shoppingcart tr td.remove .tile {
        width: 16px;
    }

    #site-layout #site-content form[action="/ShoppingCart/Update"] div table.shoppingcart tr td .tile {
        max-width: 65px;
        padding:0px;
        margin:0px;
    }

    /*Winkelwagen Betalen*/
    table.summary td.product-visual {
        display:none;
        width:0px;
    }

    table.summary td.product-visual div.tile img {
        width:0px;
    }

    table.summary td:nth-child(5),
    table.summary tfoot tr td:nth-child(1) {
        display: none;
    }

    table.summary tr td .tile {
        padding:4px;
        margin:4px;
    }

    table.summary tr td.product-info {
        width: 120px;
    }

    table.summary tfoot tr td.tile {
        padding-right: 5px;
    }

    /*besteld*/
    div.order-wrapper,
    .order-wrapper article.order .order-details-wrapper table {
        width:320px;
    }

    .order-wrapper article.order .order-details-wrapper {
        padding:0px;
    }

    .order-wrapper article.order .order-details-wrapper table tr td {
        line-height: 30px;
    }

    .order-wrapper article.order .order-details-wrapper table tr td.numeric {
        text-align:left;
    }

    .order-wrapper article.order .order-details-wrapper table tr td.field-value {
        max-width: 100px;
        line-height: 25px;
    }
}