@media (max-width: 1023px) {
    #parallax {
        display: none;
    }

    #parallax-mobile {
        display: block;
    }
}
/* iPad */
@media (max-width: 768px) {

    #parallax-mobile {
        background: rgba(0, 0, 0, 0) url("/styles/images/header_mobile.jpg") no-repeat scroll 20% -65px;
    }
    
    header nav {
        display: none !important;
    }

    header p.overlay {
        display: none !important;
    }

    div.content {
        width: 100%;
        padding: 0 20px;
    }

    div.home article.teaser {
        width: 47%;
    }

    div.category-list div.item {
        width: 47%;
    }

    div.mini-category-list div.item {
        width: 22%;
        margin: 1.5%;
    }

    div.product-list div.item {
        width: 100%;
    }

    .order-box {
        width: 100%;
        margin-bottom: 20px;
    }

    div.double,
    div.triplet,
    div.half,
    div.full {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    section.quote h2 {
        position: relative;
        float: left;
        top: 0;
        left: 0;
    }
    section.quote blockquote {
        width: 100%;
    }

    header div.content {
        height: 250px;
    }

    header a#logo {
        width: 120px;
        height: 205px;
        position: absolute;
        bottom: 0px;
        left: 20px;
    }

    a#offcanvas-menu {
        display: block;
    }

    a#offcanvas-menu span.bar {

    }

    .download-group .item .icons {
        display: none;
    }

    .download-group .item .text {
        width: 60%;
    }

    .download-group .item .attachment-list {
        width: 40%;
    }

    .download-group .item .attachment {
        width: 100%;
    }

    .download-group .item .attachment .system {
        width: 33%;
    }

    .download-group .item .attachment .version {
        width: 33%;
    }

    .download-group .item .attachment .link {
        width: 33%;
    }
}

@media screen and (max-width: 640px) {
    table {
        overflow-x: auto;
        display: block;
    }
}


/* Phone */
@media (max-width: 480px) {

    ul.product-teaser-filter li {
        width: 100%;
        padding: 0 1px;
    }

    ul.button-group li {
        float: left;
        display: block;
        margin: 0 0 10px 0 !important;
    }

    ul.button-group li a {
        border-radius: 20px;
    }


    .download-group .item .text {
        width: 100%;
    }

    .download-group .item .attachment-list {
        width: 100%;
        margin-top: 2em;
    }

    .download-group .item .attachment {
        width: 100%;
    }

    .download-group .item .attachment .system {
        width: 33%;
    }

    .download-group .item .attachment .version {
        width: 33%;
    }

    .download-group .item .attachment .link {
        width: 33%;
    }
}