@media only screen and (min-width: 768px) {
    body {
        background: url("../layout/background-1000.jpg") no-repeat fixed;
    }

    .container-view {
        position: relative;
        width: 750px;
        left: 50%;
        margin-left: -375px;
    }

    #order header nav {
        border: 0;
        margin-bottom: 10px;
    }

    header .navbar-container {
        clear: both;
        background: #880874;
        background: rgba(0, 0, 0, 0) linear-gradient(#880874, #520045) repeat scroll 0 0;
    }

    body:not(#order) header .navbar-default {
        background: white;
        border-radius: 0;
        border: 0;
    }

    header .navbar-header {
        padding: 10px;
        height: 100px;
    }

    #order header .navbar-header {
        padding: 0;
        height: auto;
    }

    header .navbar-brand {
        margin-right: 20px;
    }

    body:not(#order) header .navbar-brand img {
        height: 80px;
    }

    header .slogan, header .socials {
        display: block;
        padding: 5px;
    }

    header .slogan {
        font-size: large;
        font-style: italic;
        color: #880874;
        border-bottom: 1px solid darkgrey;
    }

    header .contact-nav {
        float: right !important;
        margin: 30px 0 0 0;
        padding: 0;
    }

    header .contact-nav li {
        margin-left: 20px;
    }

    header .contact-nav li a {
        margin: 0;
        padding: 0;
        color: darkgray !important;
    }

    header .contact-nav li a:hover, header .contact-nav li a:focus {
        background: transparent !important;
        color: #880874 !important;
    }

    header .search-dropdown {
        width: 265px;
    }

    header .search-dropdown .navbar-text {
        margin: 10px 0;
        padding: 0;
        width: 265px;
    }

    header .search-dropdown .navbar-text form {
        margin: 0;
        width: 265px;
    }

    header .navbar-collapse {
        margin-top: 20px;
        clear: left;
    }

    header .navbar-collapse .navbar-nav {
        border: 0;
    }

    header .navbar-collapse .navbar-nav li a {
        font-size: large;
        padding: 16px 20px;
    }

    header .form-inline {
        margin: 8px 0 0 0;
    }

    header .navbar-main {
        width: auto;
        height: auto;
        padding: 0;
    }

    header .navbar-main .nav {
        height: auto;
    }

    header .navbar-mainitem, header .navbar-mainitem-dropdown {
        height: auto;
    }

    header .navbar-mainitem a, header .navbar-main button.navbar-toggle,
    header .navbar-mainitem-dropdown a.dropdown-toggle {
        height: auto;
        margin: 7px 2px;
        padding: 0 10px;
        border: 1px solid grey;
        border-radius: 5px;
        text-align: center;
        line-height: 2em;
        font-size: large;
    }

    .breadcrumbs, .mwst {
        font-size: small;
    }

    .breadcrumbs {
        padding-top: 10px;
    }

    .mwst {
        padding-bottom: 10px;
    }

    .breadcrumbs, .breadcrumbs a, .mwst, .mwst a {
        color: black;
    }

    .main {
        min-height: 300px;
    }

    .main article {
        padding: 10px;
    }

    footer {
        display: block;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    #order footer .content-box {
        background: none;
        border: 0;
        padding: 0;
    }

    /*general styles */
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }

    /* blog and product lists */
    .blog-list .blog-list-toolbar .form-group {
        margin: 0;
    }

    .blog-list .blog-list-filter .form-group, .blog-list .blog-list-toolbar .form-group,
    .product-list .product-list-filter .form-group, .product-list .product-list-toolbar .form-group {
        width: auto;
        float: left;
        margin-right: 10px;
        white-space: nowrap;
    }

    .blog-list .blog-list-toolbar .blog-list-toolbar-paginator,
    .product-list .product-list-toolbar .product-list-toolbar-paginator {
        width: auto;
        text-align: right;
        white-space: nowrap;
        font-size: larger;
    }

    .blog-list .blog-list-item {
        text-align: left;
        overflow: auto;
    }

    .blog-list .blog-list-item img {
        float: left;
        margin-right: 20px;
    }

    .blog-list .blog-list-item .blog-list-item__introduction {
        display: block;
    }

    .blog-list .blog-list-item .blog-list-item__btn-readmore {
        text-align: right;
    }

    .blog-list .blog-list-item .blog-list-item__btn-readmore .btn {
        width: auto;
    }

    .product-list .product-list-container {
        margin: 0 0 15px 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .product-list .product-list-item, .product-list .product-list-item:first-child,
    .product-slider .product-slider-item, .product-slider .product-slider-item:first-child {
        padding: 5px;
        border: 1px solid lightgray;
        border-radius: 5px;
        margin: 15px 0 0 15px;
        width: 223px;
        float: left;
        position: relative;
    }

    .product-slider .product-slider-item, .product-slider .product-slider-item:first-child {
        margin: 0 0 0 15px;
        width: 215px;
    }

    .product-list .product-list-item .product-list-item__image img,
    .product-slider .product-slider-item .product-slider-item__image img {
        border-radius: 5px;
    }

    /* flexslider */
    .flexslider__carousel {
        display: block;
    }

    /* blog-article */
    .blog-article #blog-article-main .btn-1_2 {
        width: 363px;
    }

    .blog-article #blog-article-main .btn-1_3 {
        width: 240px;
    }

    /* static pages and simple content pages */
    .simple-content article, .cart article {
        padding: 10px 20px;
    }

    .simple-content .customer-address .customer-address__address {
        float: left;
        padding-top: 5px;
    }

    .simple-content .customer-address .customer-address__actions {
        text-align: right;
    }

    /* product page */
    .catalogue-product .product-images {
        float: left;
        width: 300px;
        margin-top: 20px;
    }

    .catalogue-product .product-order, .catalogue-product .product-headline {
        width: 400px;
        margin-left: 330px;
    }

    .catalogue-product .product-crafts {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .catalogue-product .product-crafts .product-crafts__item, .catalogue-product .product-crafts .product-crafts__item:first-child {
        padding: 5px;
        border: 1px solid lightgray;
        border-radius: 5px;
        margin: 10px 0 0 10px;
        width: 335px;
        float: left;
        position: relative;
    }

    .catalogue-product .product-crafts .product-crafts__item img {
        border-radius: 5px;
    }

    /* producer */
    .producer .producer__information {
        text-align: left;
        padding: 0 20px;
    }

    .producer .producer__information .producer-image {
        float: right;
        margin-top: -40px;
        margin-left: 20px;
    }

    /* producer list */
    .producer-list .producer-list-container {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .producer-list .producer-list__item, .producer-list .producer-list__item:first-child {
        padding: 5px;
        border: 1px solid lightgray;
        border-radius: 5px;
        position: relative;
        float: left;
        width: 233px;
        margin: 10px 10px 0 0;
    }

    /* checkout */
    .checkout .order-step-row {
        margin: 20px 20px 0 20px;
    }

    .checkout .order-step-row div {
        padding: 0 20px;
    }

    .checkout .order-step-row div .btn {
        width: 100%;
    }

    /* blog preview */
    .blog-preview .blog-preview-item {
        text-align: left;
        overflow: auto;
    }

    .blog-preview .blog-preview-item img {
        float: left;
        width: 110px;
        margin-right: 20px;
    }

    .blog-preview .blog-preview-item h3 {
        font-size: 24px;
    }

    .blog-preview .blog-preview-item h4 {
        font-size: medium;
    }

    .blog-preview .blog-preview-item .blog-preview-item__btn-readmore {
        margin-top: 20px;
    }

    .blog-preview .blog-preview-item .blog-preview-item__btn-readmore .btn {
        width: auto;
    }
}