/**
 * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost.
 * To override or extend default CSS styles use custom.css file (refer to the user guide for details).
 * 2016-07-07 10:41:03 */

/* Desktop, laptop - design for a width of 1280px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 1280px <= width */


/*-------------------------------------------------------------- */

@media only screen and (min-width: 1280px) {

    /* Cart
    -------------------------------------------------------------- */
    .cart-table .product-image {
        max-width: 110px;
    }

    /* Product page
    -------------------------------------------------------------- */
    .product-view .sticker {
        width: 80px;
        height: 80px;
    }

    /* Misc
    -------------------------------------------------------------- */
    /* Mini cart */
    .after-mini-cart {
        clear: none;
    }

    /* Item grid
    -------------------------------------------------------------- */
    /* Item grid: 2 columns */
    .itemgrid-adaptive.itemgrid-2col .item {
        width: 31.3333%;
        clear: none !important;
    }

    .itemgrid-adaptive.itemgrid-2col > li:nth-of-type(3n+1) {
        clear: left !important;
    }

    /* Item grid: 3 columns */
    .itemgrid-adaptive.itemgrid-3col .item {
        width: 23%;
        clear: none !important;
    }

    .itemgrid-adaptive.itemgrid-3col > li:nth-of-type(4n+1) {
        clear: left !important;
    }

    /* Item grid: 4 columns */
    .itemgrid-adaptive.itemgrid-4col .item {
        width: 18%;
        clear: none !important;
    }

    .itemgrid-adaptive.itemgrid-4col > li:nth-of-type(5n+1) {
        clear: left !important;
    }

    /* Item grid: 5 columns */
    .itemgrid-adaptive.itemgrid-5col .item {
        width: 14.6666%;
        clear: none !important;
    }

    .itemgrid-adaptive.itemgrid-5col > li:nth-of-type(6n+1) {
        clear: left !important;
    }

    /* Item grid: 6 columns */
    .itemgrid-adaptive.itemgrid-6col .item {
        width: 12.2857%;
        clear: none !important;
    }

    .itemgrid-adaptive.itemgrid-6col > li:nth-of-type(7n+1) {
        clear: left !important;
    }

    /* Item grid: 7 columns */
    .itemgrid-adaptive.itemgrid-7col .item {
        width: 10.5%;
        clear: none !important;
    }

    .itemgrid-adaptive.itemgrid-7col > li:nth-of-type(8n+1) {
        clear: left !important;
    }

    /* Cloud zoom
    -------------------------------------------------------------- */
    .itemslider-thumbnails.count-4,
    .itemslider-thumbnails.count-5,
    .itemslider-thumbnails.count-multi {
        max-width: 316px;
    }

    /*4*/
    /* Direction navigation */
    .itemslider-thumbnails.count-4 .direction-nav {
        display: none;
    }

    /* Slideshow caption
    -------------------------------------------------------------- */
    .caption .heading {
        font-size: 3.3em;
    }

    .caption p {
        font-size: 1.6666em;
    }

}

/* Design for a width of 960-1280 px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 960px <= width < 1280px */
@media only screen and (min-width: 960px) and (max-width: 1279px) {

    /* Cart
    -------------------------------------------------------------- */
    .cart-table .product-image {
        max-width: 80px;
    }

    /* Product page
    -------------------------------------------------------------- */
    .product-view .sticker {
        width: 80px;
        height: 80px;
    }

}

/* Design for menu for a width of less than 1280 px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
@media only screen and (min-width: 1024px) and (max-width: 1279px) {

    /* Menu */
    .nav-regular .nav-item.level0 > a,
    .nav-regular .nav-holder .dropdown-heading {
        font-size: 16px;
    }

    .nav-regular .nav-item.level0 > a {
        padding: 0 6px;
    }

}

@media only screen and (min-width: 960px) and (max-width: 1023px) {

    /* Menu */
    .nav-regular .nav-item.level0 > a,
    .nav-regular .nav-holder .dropdown-heading {
        font-size: 16px;
    }

    .nav-regular .nav-item.level0 > a {
        padding: 0 4px;
    }

}

@media only screen and (max-width: 959px) {

    /* Menu */
    .nav-regular .nav-item.level0 > a,
    .nav-regular .nav-holder .dropdown-heading {
        font-size: 15px;
    }

    .nav-regular .nav-item.level0 > a {
        padding: 0 3px;
    }

}

/* Mobile, small old desktop - design for a width of less than 960px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 960px */
@media only screen and (max-width: 959px) {

    /* Products grid: override size of elements (values like size-s)
    -------------------------------------------------------------- */
    /* Product labels */
    .products-grid .sticker {
        width: 45px;
        height: 45px;
        font-size: 1em;
    }

    .products-grid .item:hover .sticker {
        width: 50px;
        height: 50px;
    }

    /* Misc
    -------------------------------------------------------------- */
    /* Scroll to top button */
    #scroll-to-top {
        /*display:none !important;*/
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 28px;
        bottom: 81px;
        right: 0;
        border-radius: 0;
    }

    /* Hide Sign Up link in Top Links */
    #link-sign-up {
        display: none;
    }

    /* Hide amount. Note: has to be defined after aligning ".amount" center */
    .toolbar .sorter .amount {
        display: none !important;
    }
}

/* Tablet (Portrait) - design for a width of 768px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 768px <= width < 960px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

    /* Default Magento classes
    -------------------------------------------------------------- */
    .nobr {
        white-space: normal !important;
    }

    /* Cart
    -------------------------------------------------------------- */
    .cart-table .product-name {
        font-size: 1em;
        font-family: inherit;
    }

    .cart-table .product-image {
        max-width: 80px;
    }

    /* Product page
    -------------------------------------------------------------- */
    /* Related - simple */
    .block-related-thumbnails .product-details {
        margin-left: 0;
        margin-bottom: 10px;
        clear: left;
    }

    /* Cloud zoom
    -------------------------------------------------------------- */
    /* Shrink the slider if to many thumbnails */
    .itemslider-thumbnails.count-3,
    .itemslider-thumbnails.count-4,
    .itemslider-thumbnails.count-5,
    .itemslider-thumbnails.count-multi {
        max-width: 158px !important;
    }

    /*2*/
    /* Direction navigation */
    .itemslider-thumbnails.count-3 .direction-nav,
    .itemslider-thumbnails.count-4 .direction-nav,
    .itemslider-thumbnails.count-5 .direction-nav,
    .itemslider-thumbnails.count-multi .direction-nav {
        display: block;
    }

    /* Thumbnails */
    .img-box .thumbnails.show-all.auto-adjust-width .item {
        max-width: 32%;
    }

    /* Slideshow caption
    -------------------------------------------------------------- */
    .caption .heading {
        font-size: 2.0833em;
    }

    .caption p {
        font-size: 1.1666em;
    }

    .caption button.button span span {
        height: 35px;
        line-height: 35px;
        padding: 0 15px;
    }

}

/* All desktop - design for a width of 768px and wider
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 768px <= width */
@media only screen and (min-width: 768px) {

    /* Mobile collapsible
    -------------------------------------------------------------- */
    .footer .mobile-collapsible .block-title {
        border-bottom: none;
    }

    /* Hide line when not on mobile */
}

/* All mobile - design for a width of less than 768px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 768px */
@media only screen and (max-width: 767px) {

    /* Grid and basic layout
    -------------------------------------------------------------- */
    /* Margin for basic Magento columns */
    .col-main,
    .col-left,
    .col-right {
        margin-bottom: 30px;
    }

    /* Product view:
       margin for all grid units */
    .product-view .grid12-1,
    .product-view .grid12-2,
    .product-view .grid12-3,
    .product-view .grid12-4,
    .product-view .grid12-5,
    .product-view .grid12-6,
    .product-view .grid12-7,
    .product-view .grid12-8,
    .product-view .grid12-9,
    .product-view .grid12-10,
    .product-view .grid12-11,

        /* deprecated */
    .product-view .grid4-1,
    .product-view .grid4-2,
    .product-view .grid4-3,
    .product-view .grid2-1
        /* end:deprecated */
    {
        margin-bottom: 30px;
    }

    .product-img-column.grid12-7 {
        margin-bottom: 0;
    }

    /* Remove additional margin for sidebars */
    .col-left > *,
    .col-left .widget-static-block {
        margin-right: 0;
    }

    .col-right > *,
    .col-right .widget-static-block {
        margin-left: 0;
    }

    /* Magento utility classes
    -------------------------------------------------------------- */
    .nobr {
        white-space: normal !important;
    }

    /* Forms
    -------------------------------------------------------------- */
    .form-list .field,
    .form-list input.input-text,
    .form-list textarea,
    .form-list select,
    .form-list li.wide .input-box,
    .form-list li.wide input.input-text,
    .form-list li.wide textarea,
    .form-list li.wide select {
        max-width: 100%;
    }

    /* Tables
    -------------------------------------------------------------- */
    .data-table thead .nobr {
        white-space: normal !important;
    }

    .data-table th,
    .data-table td {
        padding: 5px;
    }

    /* Data tables formatting
    -------------------------------------------------------------- */
    /* Basic formatting */
    .cart .data-table thead,
    .my-wishlist .data-table thead,
    .my-account .data-table thead,
    .order-review .data-table thead {
        display: none;
    }

    .cart .data-table tbody,
    .my-wishlist .data-table tbody,
    .my-account .data-table tbody,
    .order-review .data-table tbody {
        background: transparent !important;
    }

    .cart .data-table tr,
    .cart .data-table td,
    .my-wishlist .data-table tr,
    .my-wishlist .data-table td,
    .my-account .data-table tr,
    .my-account .data-table td,
    .order-review .data-table tr,
    .order-review .data-table td {
        border: none !important;
        background: transparent !important;
        display: block;
        width: 100%;
        text-align: left !important;
    }

    .cart .data-table tr,
    .my-wishlist .data-table tr,
    .my-account .data-table tr,
    .order-review .data-table tr {
        border-bottom: 1px solid #e5e5e5 !important;
        margin-bottom: 20px;
    }

    /* Highlight first cell in table footer */
    .my-account .data-table tfoot tr td:first-child,
    .order-review .data-table tfoot tr td:first-child {
        font-weight: bold;
    }

    /* Show cell label */
    .data-table .cell-label {
        display: inline-block;
        width: 30%;
        min-width: 100px;
        max-width: 140px;
        margin-right: 10px;
        font-weight: bold;
    }

    /*Product description hover-----------------------------------------------*/
    .products-grid.single-line-name .item:hover .product-name {
        white-space: normal !important;
    }

    .category-products-grid.hover-effect.itemgrid-2col .item:hover {
        width: 99%;
    }

    /* Header
    -------------------------------------------------------------- */
    /* Global notices
    -------------------------------------------------------------- */
    .global-site-notice .notice-inner {
        background: none;
        padding: 10px 0;
        text-align: center;
    }

    .global-site-notice .notice-inner p {
        width: 100%;
        padding: 0 0 10px;
    }

    .global-site-notice .notice-inner .actions {
        padding-bottom: 5px;
    }

    /* Items in the top header
    -------------------------------------------------------------- */
    /* Make side margins smaller */
    .header .item-left {
        margin-right: 5px;
    }

    .header .item-right {
        margin-left: 5px;
    }

    /* Other
    -------------------------------------------------------------- */
    /* User menu (Top Links) */
    .user-menu {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    /* Top links */
    .top-links {
        float: left;
    }

    /* Line breaker - disable on narrow screens */
    .user-menu .line-break-after {
        clear: none;
    }

    /* Header - old styles applied when mobile header mode is not enabled
       and the "header-regular" class is not removed from header container on narrow screens
    -------------------------------------------------------------- */
    /* Vertically aligned blocks.
       Reset block below this breakpoint - blocks become full width and stack vertically
    -------------------------------------------------------------- */
    .header-regular .hp-blocks-holder {
        display: block;
    }

    .header-regular .hp-blocks-holder .hp-block {
        float: inherit;
        display: block;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }

    /* Logo
    -------------------------------------------------------------- */
    .header-regular .header .logo-wrapper {
        text-align: center;
    }

    .header-regular .header .logo-wrapper .logo {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }

    /* Quick search
    -------------------------------------------------------------- */
    /* Search: mobile (search bar layout for narrow screens)
    -------------------------------------------------------------- */
    .header-regular .search-wrapper-mobile {
        display: block; /* To override possible inline styles */
        clear: both;
        width: 100%;
        margin: 10px 0;
        /*float: none;*/
    }

    .header-regular .search-wrapper-mobile .form-search {
        width: 100%;
        max-width: 440px;
        margin-left: auto;
        margin-right: auto;
    }

    .header-regular .search-wrapper-mobile .form-search .input-text {
        width: 100%;
        min-width: 100%; /* Cancel minimum width */
    }

    /* Search: header inline
    -------------------------------------------------------------- */
    /* Note: added .header class to override other selectors */
    .header-regular .header .search-wrapper-inline {
        display: block;
        clear: both;
        width: 100%;
        margin: 10px auto;
    }

    /* Main
    -------------------------------------------------------------- */
    /* On mobile there is no need to set minimum height of the content area */
    .main {
        min-height: 100px;
    }

    /* Footer
    -------------------------------------------------------------- */
    /* Footer elements - align center */
    .footer .mobile-inline-container {
        text-align: center;
    }

    .footer .mobile-inline-container > * {
        float: none;
        display: inline-block;
        margin-left: 5px;
        margin-right: 5px;
    }

    .footer-primary-top-spacing,
    .footer-primary-bottom-spacing,
    .footer-top .links,
    .footer-bottom {
        text-align: center;
    }

    .footer-primary-top-spacing .item,
    .footer-primary-bottom-spacing .item,
    #subscribe-form,
    .footer-bottom .item,
    .footer-top .links li {
        float: none;
        display: inline-block;
    }

    .footer-top .item {
        float: none;
    }

    /* Simplify links */
    .footer .links-wrapper-separators .links li a,
    .footer .links-wrapper-separators-left .links li a {
        background-image: none;
    }

    /* Footer elements */
    .footer-primary-bottom-spacing .item {
        width: 100%;
        margin: 0;
    }

    .footer-bottom .item {
        margin-left: 5px;
        margin-right: 5px;
    }

    /* Copyright - remove space */
    .footer-copyright {
        margin-left: 0;
    }

    /* Primary and secondary section: additional inner padding */
    .footer-primary > .grid-full > .section,
    .footer-secondary > .grid-full > .section {
        padding: 15px 10px;
    }

    /* Breadcrumbs on product page
    -------------------------------------------------------------- */
    .catalog-product-view .breadcrumbs {
        text-align: center;
    }

    .catalog-product-view .breadcrumbs > * {
        display: inline-block;
    }

    /* Layered navigation
    -------------------------------------------------------------- */
    .block-layered-nav {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    /* Hide main heading of the block */
    .block-layered-nav .block-title {
        display: none;
    }

    .block-layered-nav .block-content {
        font-size: 14px;
        padding: 0;
    }

    #narrow-by-list,
    #narrow-by-list2 {
        margin: 0 15px;
    }

    /* Attributes
    -------------------------------------------------------------- */
    .block-layered-nav .block-content > dl > dt {
        cursor: pointer;
        padding: 7px 10px 7px 25px;
        border-bottom: 1px solid #f5f5f5;
        text-transform: uppercase;
    }

    .block-layered-nav .block-content > dl > dt:after {
        display: block; /* Show on mobile */
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid #ddd;
        border-right: none;
    }

    .block-layered-nav .block-content > dl > dd {
        display: none;
        padding: 10px 0;
    }

    /* Accordion opened */
    .block-layered-nav .block-content.accordion-open > dl > dt.current:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        border-top: 5px solid #ddd;
        border-bottom: none;
        left: 6px;
        top: 50%;
        margin-top: -3px;
    }

    .block-layered-nav .block-content.accordion-open > dl > dd.current {
        display: block;
    }

    /* Block subtitle
    -------------------------------------------------------------- */
    .block-layered-nav .block-subtitle--filter {
        margin: 0;
        display: block;
    }

    /* Single filter
    -------------------------------------------------------------- */
    .block-layered-nav dl dd ol > li > a,
    .block-layered-nav dl dd ol > li > span {
        position: static;
        padding: 7px 14px;
        margin-bottom: 5px;
    }

    .block-layered-nav dl dd ol > li > a:before {
        display: none; /* Hide on mobile */
    }

    .block-layered-nav dl dd ol > li > a {
        color: inherit;
        background-color: #f9f9f9;
        padding: 5px 10px;
    }

    .block-layered-nav dl dd ol > li > a:hover {
        text-decoration: none;
        background: #f5f5f5;
    }

    /* Toolbar
    -------------------------------------------------------------- */
    /* All elements - align center and increase vertical spacing */
    .pager,
    .sorter {
        text-align: center;
    }

    .pager .amount,
    .pager .limiter,
    .pager .pages,
    .sorter .amount,
    .sorter .limiter,
    .sorter .view-mode,
    .sorter .sort-by {
        display: inline-block;
        float: none;
        padding-top: 0;
        padding-bottom: 0;
    }

    .toolbar .sort-by,
    .toolbar .sorter .amount {
        border-right: none;
    }

    .sorter .per-page,
    .pager .per-page {
        display: none;
    }

    /* Category view
    -------------------------------------------------------------- */
    .note-msg.empty-catalog {
        background-position: center 10px !important;
        color: inherit;
        padding: 150px 10px 10px !important;
        text-align: center;
    }

    /* Page heading with RSS link */
    .page-title {
        position: relative;
    }

    .page-title .link-rss {
        float: none;
        display: block;
        position: static;
        margin: 10px 0 0;
    }

    /* Products list
    -------------------------------------------------------------- */
    .products-list .product-shop-inner {
        padding-right: 0;
        border-right: none;
    }

    /* Products grid: override size of elements (values like size-s)
    -------------------------------------------------------------- */
    /* Product name */
    .products-grid .product-name {
        font-size: 1.1666em; /*14px*/
        line-height: 1.2307em; /*16px*/
    }

    /* Product page
    -------------------------------------------------------------- */
    /* Wrapper for collaterals - remove top margin (grid units already have bottom margin) */
    .product-view .box-additional {
        margin-top: 0;
    }

    /* Related: remove bottom margin */
    .block-related-slider {
        margin-bottom: 0;
    }

    /* Sidebar */
    .product-view .custom-sidebar-right .inner {
        padding-left: 0;
        border-left: none;
    }

    .product-view .custom-sidebar-left .inner {
        padding-right: 0;
        border-right: none;
    }

    /* Add-to links */
    .product-view .add-to-links {
        text-align: center;
    }

    .product-view .add-to-links li {
        float: none;
        display: inline-block;
    }

    /* Cart
    -------------------------------------------------------------- */
    /* Buttons below table: align center */
    .cart-table tfoot tr.first td {
        text-align: center !important;
        padding: 0;
        margin-bottom: 20px;
    }

    .cart-table tfoot button {
        display: inline-block;
        float: none !important;
        margin: 0 0 3px;
        padding: 0;
    }

    /* One Page Checkout
    -------------------------------------------------------------- */
    /* Step title - link "edit" */
    .opc .allow .step-title a {
        display: none;
    }

    /* Form */
    /*.opc form fieldset { display:table-column-group; }*/
    /* Account
    -------------------------------------------------------------- */
    .my-wishlist .product-image {
        max-width: none;
    }

    /* Items slider
    -------------------------------------------------------------- */
    .control-nav.control-paging {
        display: none;
    }

    /* Deprecated */
    /* If only one item exists */
    .itemslider.single-item .slides > li {
        margin: 0 auto;
    }

    /* Deprecated */
    /* Slideshow
    -------------------------------------------------------------- */
    .the-slideshow-wrapper-outer {
        margin-top: 0 !important; /* Reset nagative top margin */
    }

    /* Slideshow navigation: move buttons to the top right corner */
    .the-slideshow-wrapper .slider-arrows2 .owl-controls .owl-buttons .owl-prev {
        top: 10px;
        right: 60px;
        left: auto;
    }

    .the-slideshow-wrapper .slider-arrows2 .owl-controls .owl-buttons .owl-next {
        top: 10px;
        right: 10px;
        left: auto;
    }

    /* Deprecated */
    .the-slideshow .direction-nav .prev {
        top: 4%;
        right: 63px;
        left: auto;
    }

    .the-slideshow .direction-nav .next {
        top: 4%;
        right: 2%;
    }

    /* Pagination */
    .the-slideshow-wrapper .owl-pagination {
        display: none;
    }

    /* Slideshow caption */
    /* Shrink font, hide all elements except heading */
    .caption > * {
        display: none !important;
    }

    .caption .heading {
        display: inline-block !important;
        font-size: 2.0833em;
        margin-bottom: 1px;
    }

    .caption p {
        font-size: 1.1666em;
        margin-bottom: 1px;
    }

    .caption button.button span span {
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
    }

    /* Cloud Zoom
    -------------------------------------------------------------- */
    /* Hide zoom */
    .cloud-zoom-big,
    .cloud-zoom-lens {
        display: none !important;
    }

    .cloud-zoom-lens {
        cursor: default !important;
    }

    /* Thumbnails */
    .img-box .thumbnails.show-all.auto-adjust-width .item {
        max-width: 16%;
    }

    /* Lightbox
    -------------------------------------------------------------- */
    #cboxTitle,
    #cboxCurrent {
        display: none !important;
    }

    /* Accordion
    -------------------------------------------------------------- */
    .accordion-style1 li a {
        padding: 15px 10px;
        font-size: 1.1666em; /*14px*/
        line-height: 1.2857em; /*18px*/
    }

    /* Space for openner if item has children. It has to be a few pixels wider than openner */
    .accordion-style1 li.parent > a {
        padding-right: 53px;
    }

    .accordion-style1 .opener {
        width: 48px;
        height: 48px;
        line-height: 48px;
    }

    /* Different types of collapsible blocks
    -------------------------------------------------------------- */
    /* Sidebar blocks */
    .sidebar .block {
        margin-bottom: 20px;
    }

    /* Blocks collapsible only on mobile, so icon visible only on mobile */
    .mobile-collapsible .block-title:after,
    .sidebar .block .block-title:after,
    .block-layered-nav .block-title:after {
        /* Show only on mobile */
        display: inline-block !important;
    }

    .mobile-collapsible .block-title,
    .sidebar .block .block-title,
    .block-layered-nav .block-title {
        cursor: pointer;
    }

}

/* end: width < 768px */

/* Mobile (Landscape) - design for a width of 480px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 480px <= width < 768px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    /* Category view
    -------------------------------------------------------------- */
    .products-list .product-shop,
    .products-list .right-column,
    .products-list .product-image-wrapper {
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
    }

    .category-products .category-products-grid .item:hover .product-image-wrapper {
        float: left;
    }

    /* Cloud zoom
    -------------------------------------------------------------- */
    /* Broaden the slider if at least 4 thumbnails */
    .itemslider-thumbnails.count-4,
    .itemslider-thumbnails.count-5,
    .itemslider-thumbnails.count-multi {
        max-width: 316px;
    }

    /*4*/
    /* Direction navigation */
    .itemslider-thumbnails.count-4 .direction-nav {
        display: none;
    }

    /* Shrink and align center the main image */
    .img-box .product-image {
        width: 60.4651%; /*364px*/
    }

    /*discount position-----------------------------------------*/
    /*Brand Logo-----------------------------------------------*/
    .brand-logo {
        width: 24.3vw !important;
        float: right;
        margin-top: -60px;
        margin-right: 15%;
    }

    .img-box .more-images .thumbnails.show-all {
        width: 78% !important;
    }
}

/* end: 480px <= width < 768px */

/* Design for a width of 640px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

@media only screen and (min-width: 768px) {
    .category-products .item .item-overlay > .product-name {
        display: none;
    }

    .owl-wrapper-outer .owl-item .item > .product-name {
        display: none !important;
    }

    .owl-wrapper-outer .top-labels {
        padding: 0 !important;
        top: 5px !important;
        left: 25px !important;
        right: 25px !important;
        width: auto !important;
    }
}

@media only screen and (max-width: 767px) {

    .products-grid {
        background: #ddd;
        margin: 0 -15px;
        padding: 0 15px 15px 15px;
        border-radius: 4px;
        overflow: hidden;
    }

    .products-grid .master-materials {
        width: 100% !important;
        padding-right: 10px !important;
        padding-left: 10px !important;
        max-height: 200px !important;
        justify-content: center;
        box-sizing: border-box;
        background: #f5f5f5;
        border-top: 1px solid #ddd;
        padding-top: 10px;
        margin: 0;
        padding-bottom: 10px;
        clear: both;
        border-radius: 0 0 4px 4px;
    }

    .category-products .material-item {
        width: 30px;
        height: 30px;
    }

    .category-products .material-image.top {
        border-radius: 0;
        border-top-left-radius: 28px;
        border-top-right-radius: 28px;
        transform: rotate(
                -45deg
        );
        width: 36px;
        height: 19px;
        left: -4px;
        top: 5px;
    }

    .category-products .item .item-overlay > .product-name {
        margin: 0px 0px 5px 0px;
        text-align: center;
        color: #000 !important;
        padding: 10px 10px 10px 10px;
        border-bottom: 1px solid #ddd;
        background: #eee;
        font-size: 16px;
        border-radius: 4px 4px 0 0;
        height: 40px;
        align-items: center;
        display: flex;
        justify-content: center;
    }

    .delivery_label {
        padding-left: 5px !important;
    }

    .product-image-wrapper.mobile {
        padding-top: 5px !important;
        padding-bottom: 10px !important;
        padding-left: 10px;
        box-sizing: border-box;
    }

    .product_description_wrapper .product-name {
        display: none !important;
    }

    .owl-carousel .owl-item {
        padding: 0 15px;
        box-sizing: border-box;
    }

    .owl-carousel .owl-item .delivery_label {
        padding-left: 0 !important;
    }

    .cms-index-index .section-title {
        font-weight: 400;
        border-bottom: 0;
        padding: 0;
        margin: 30px 0 10px;
        display: block;
        float: left;
        color: #f06825;
        width: 100%;
    }

    .owl-wrapper-outer .owl-item .item > .product-name {
        margin: -15px -15px 15px -15px;
        text-align: center;
        color: #000 !important;
        padding: 10px 10px 10px 10px;
        border-bottom: 1px solid #ddd;
        background: #eee;
        font-size: 16px;
        border-radius: 4px 4px 0 0;
        height: 40px;
        align-items: center;
        display: flex;
        justify-content: center;
        white-space: normal;
    }

    .owl-wrapper-outer .owl-item.loading .item * {
        opacity: 0;
    }

    .owl-item.loading:after {
        top: calc(50% - 35px);
    }

    .owl-controls {
        width: 65%;
        margin: 15px auto 0;
    }

    .owl-wrapper-outer .product-image-wrapper {
        position: relative;
        width: 47%;
        float: left;
    }

    .itemslider .bezug-farbe {
        white-space: normal;
    }

    .owl-wrapper-outer,
    .owl-wrapper,
    .owl-item {
        min-height: 225px;
    }

    .owl-carousel .owl-wrapper-outer {
        padding-bottom: 5px;
    }

    .owl-wrapper-outer .master-materials {
        margin: 20px -15px -10px -15px;
        width: auto !important;
    }

    .owl-controls {
        margin-top: 15px;
    }

    .owl-wrapper-outer .top-labels {
        padding: 0 !important;
        top: -13px !important;
        left: 10px !important;
        right: 10px !important;
        width: auto !important;
    }

    .owl-carousel .owl-item .item {
        background: #fff !important;
        padding: 15px !important;
        overflow: visible !important;
        height: calc(100% - 55px);
    }

    .owl-carousel .owl-item .item .material-item.collapser {
        display: none;
    }

    .itemslider .itemslider-responsive .products-grid {
        background: #fff !important;
    }

    .category-products .material-image.bottom {
        border-radius: 0;
        border-top-left-radius: 28px;
        border-top-right-radius: 28px;
        transform: rotate(
                135deg
        );
        width: 36px;
        height: 19px;
        right: -4px;
        bottom: 4px;
    }

    .category-products .collapser {
        display: none !important;
    }

    .toolbar {
        border-bottom: none !important;
    }

    [data-product-item] {
        border-radius: 4px;
        box-shadow: 0 1px 5px #999 !important;
        margin-top: 20px !important;
        padding: 0 !important;
    }

    .category-products .item .top-labels {
        top: -13px;
        width: 100%;
        box-sizing: border-box;
        max-width: none;
    }
}

/* 640px <= width < 768px */
@media only screen and (min-width: 640px) and (max-width: 767px) {

    /* Item grid
    -------------------------------------------------------------- */
    .itemgrid.itemgrid-adaptive .item {
        width: 99%;
        clear: none !important;
    }

    .products-grid.single-line-name .item:hover .product-name {
        white-space: normal;
    }

    .itemgrid.itemgrid-adaptive > li:nth-of-type(2n+1) {
        clear: left !important;
    }

    .product-image-wrapper.mobile {
        width: 47%;
        float: left;
        padding-top: 10px;
    }

    .product_description_wrapper {
        width: 49%;
        float: left;
        text-align: left;
        margin-left: 3%;
        font-size: large;
    }
}

/* end: 640px <= width < 768px */

/* Design for a width of less than 640px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 640px */
@media only screen and (max-width: 639px) {

    h1 {
        font-size: 2em;
        line-height: 1.25em; /*24px, 30px*/
    }

    h2 {
        font-size: 1.6666em;
        line-height: 1.2em; /*20px, 24px*/
    }

    h3 {
        font-size: 1.3333em;
        line-height: 1.25em; /*16px, 20px*/
    }

    h4 {
        font-size: 1.1666em;
        line-height: 1.1428em; /*14px, 16px*/
    }

    h5 {
        font-size: 1em;
        line-height: 1em; /*12px, 12px*/
    }

    h6 {
        font-size: 1em;
        line-height: 1em; /*12px, 12px*/
    }

    /* Mobile header
    -------------------------------------------------------------- */
    .header-mobile .skip-link .label {
        display: none !important;
    }

    .header-mobile .skip-link .icon {
        margin-right: 0;
    }

    .header-mobile .skip-link .count {
        margin-right: 0; /* Reset negative margin to align content of a skip-link */
    }

    /* Dropdowns in mobile header collaterals */
    .header-mobile .header-collateral .dropdown .dropdown-heading {
        line-height: 24px;
    }

    /* Cloud zoom
    -------------------------------------------------------------- */
    /* Thumbnails */
    .img-box .thumbnails.show-all.auto-adjust-width .item {
        max-width: 19%;
    }
}

/* end: width < 640px */

/* Design for a width of 480px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 480 <= width < 640px */
@media only screen and (min-width: 480px) and (max-width: 639px) {

    /* Item grid
    -------------------------------------------------------------- */
    .itemgrid.itemgrid-adaptive .item {
        width: 99%;
        clear: none !important;
    }

    .products-grid.single-line-name .product-name {
        white-space: normal;
    }

    .itemgrid.itemgrid-adaptive > li:nth-of-type(2n+1) {
        clear: left !important;
    }

    .product-image-wrapper.mobile {
        width: 47%;
        float: left;
        padding-top: 10px;
    }

    .product_description_wrapper {
        width: 49%;
        float: left;
        text-align: left;
        margin-left: 3%;
        font-size: medium;
    }

    /*discount position-----------------------------------------*/

}

/* end: 480 <= width < 640px */

/* Design for a width of less than 480px (small mobile)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 480px */
@media only screen and (max-width: 479px) {

    /* filters */
    .container #narrow-by-list.slides-filter .slides-filter-items-show ol a.filter-item:before {
        width: 15px;
        height: 15px;
        top: 0;
    }

    .container #narrow-by-list.slides-filter .slides-filter-items-show ol a.filter-item.checked:after {
        width: 2px;
        height: 7px;
    }

    .container #narrow-by-list.slides-filter {
        font-size: 14px;
    }

    .container #narrow-by-list.slides-filter .slides-filter-items-show ol a.filter-item {
        padding-left: 24px;
    }

    .slides-filter ol, .slides-filter div.layer-slider {
        padding: 0 8px;
    }

    .slides-filter-items-show div.price-range input {
        width: 150px;
    }

    /* Products grid
    -------------------------------------------------------------- */
    .products-grid.category-products-grid.hover-effect .item .add-to-links, /* To override "display-onhover" */
    .products-grid .item .add-to-links {
        display: none !important;
    }

    /* Buttons - stretch full width
    -------------------------------------------------------------- */
    .buttons-set .button,
    .title-buttons .button,
    .cart .btn-checkout,
    .mini-cart .actions .button,
    .mini-compare .actions .button {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 7px;
    }

    .buttons-set .button:last-child,
    .cart .btn-checkout:last-child,
    .mini-cart .actions .button:last-child {
        margin-bottom: 0;
    }

    /* Button on product page - stretch full width and remove vertical alignment
    -------------------------------------------------------------- */
    .product-view .add-to-cart .btn-cart {
        display: block;
        width: 80%;
        margin-left: 10%;
    }

    .product-view .add-to-cart {
        display: block;
        float: none;
    }

    /* Buttons set
    -------------------------------------------------------------- */
    .buttons-set .back-link {
        display: none;
    }

    .buttons-set .required {
        display: none;
    }

    /* Grid elements
    -------------------------------------------------------------- */
    .col2-set .col-1,
    .col2-set .col-2 {
        width: 100%;
    }

    /* Header
    -------------------------------------------------------------- */
    /* Simplify horizontal links */
    .header .links-wrapper-separators .links li a,
    .header .links-wrapper-separators-left .links li a {
        background-image: none;
    }

    /* Header elements - align center.
       TODO: apply or remove in future updates.
    -------------------------------------------------------------- */
    .header .mobile-inline-container {
        text-align: center;
    }

    .header .mobile-inline-container > * {
        float: none;
        display: inline-block;
        margin-left: 5px;
        margin-right: 5px;
    }

    /* Header top elements - align center
    -------------------------------------------------------------- */
    /*.header-top { text-align:center; }
    .header-top .item { float:none; display:inline-block; margin-left:5px; margin-right:5px; }
    .header-top .links { text-align:center; }
    .header-top .links li { float:none; display:inline-block; }*/
    /* Header - old styles applied when mobile header mode is not enabled
       and the "header-regular" class is not removed from header container on narrow screens
    -------------------------------------------------------------- */
    /* Header elements - align center
    -------------------------------------------------------------- */
    /* Links */
    .header-regular .header .links {
        text-align: center;
    }

    .header-regular .header .links li {
        float: none;
        display: inline-block;
    }

    /* User menu */
    .header-regular .user-menu {
        text-align: center;
    }

    .header-regular .user-menu > *,
    .header-regular .user-menu .links,
    .header-regular .dropdown {
        float: none !important;
        display: inline-block !important;
    }

    /* Products list
    -------------------------------------------------------------- */
    .products-list .item {
        margin-bottom: 20px;
    }

    .products-list .item:first-child {
        margin-top: 1px; /* Move item down to uncover the border of the toolbar */
    }

    .products-list .product-image {
        margin-bottom: 20px;
    }

    /* Products list: disable hover effect
    -------------------------------------------------------------- */
    /* Cancel "hover effect" styles: apply the same styles which item has without "hover effect" */
    .products-list.hover-effect .item {
        border-top: none;
    }

    .products-list.hover-effect .item:hover {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        box-shadow: none !important;
    }

    /* Products grid: override size of elements (values like size-xs)
    -------------------------------------------------------------- */
    /* Product labels */
    .products-grid .sticker {
        width: 40px;
        height: 40px;
        font-size: 0.9166em;
    }

    .products-grid .item:hover .sticker {
        width: 45px;
        height: 45px;
    }

    /* Product page
    -------------------------------------------------------------- */
    /* Reviews */
    .product-view .box-reviews .form-add .data-table th,
    .product-view .box-reviews .form-add .data-table td {
        padding: 6px 1px;
    }

    .product-view .box-reviews .form-add .form-list input.input-text,
    .product-view .box-reviews .form-add .form-list textarea {
        width: 90%;
    }

    /* Add-to links */
    .product-view .add-to-links {
        text-align: inherit;
    }

    /* Toolbar
    -------------------------------------------------------------- */
    .toolbar .limiter {
        display: none;
    }

    .sorter .view-mode {
        display: none;
    }

    .sorter .sort-by {
        background: none;
        margin-right: 0;
        margin-left: 0;
        padding-right: 0;
        padding-left: 0;
    }

    /* Remove right divider */
    /* Account
    -------------------------------------------------------------- */
    /* Account info + Order info */
    /*
    .box-account.box-info .col-1,
    .order-info-box .col-1 { border-right:none; }
    .box-account.box-info .col-1 .box,
    .order-info-box .col-1 .box { padding-right:0; }
    */
    .my-account .col2-set .col-1 {
        border-right: none;
        margin-bottom: 20px;
    }

    .my-account .col2-set .col-1 .box {
        padding-right: 0;
    }

    /* Order details */
    .order-items .sub-title .separator {
        display: none;
    }

    /* Checkout
    -------------------------------------------------------------- */
    .opc .step-title h2 {
        font-size: 1em;
        line-height: 2.8333em;
    }

    /* Advanced search results
    -------------------------------------------------------------- */
    .advanced-search-summary ul {
        width: 100%;
        margin-right: 0;
    }

    /* Footer
    -------------------------------------------------------------- */
    #subscribe-form label {
        display: inline-block;
        float: none;
        line-height: 1em;
        margin: 15px 0 2px;
    }

    #subscribe-form .input-box {
        display: inline-block;
        float: none;
        margin: 5px 0;
        position: relative;
        width: 100%;
    }

    #subscribe-form .input-text {
        width: 100%;
        max-width: 100%;
    }

    #subscribe-form .button {
        display: inline-block;
        float: none;
    }

    /*TOOD: check on mobiles*/
    #subscribe-form .input-box .validation-advice {
        width: 100%;
        left: 0;
    }

    /* Slideshow
    -------------------------------------------------------------- */
    .the-slideshow .control-nav {
        display: none;
    }

    /* Deprecated */
    /* Slideshow caption */
    /* Shrink font. Hide all elements, even with class "permanent" (except heading with "permanent") */
    .caption > *,
    .caption .heading,
    .caption .permanent {
        display: none !important;
    }

    .caption .heading.permanent {
        display: inline-block !important;
    }

    .caption .heading {
        font-size: 1.3333em;
    }

    .caption p {
        font-size: 1em;
    }

    /* Itemslider
    -------------------------------------------------------------- */
    /* Pagination */
    .itemslider .owl-pagination {
        display: none;
    }

    /* Cloud zoom
    -------------------------------------------------------------- */
    #zoom-btn {
        display: none;
    }

    /* Thumbnails */
    .img-box .thumbnails.show-all.auto-adjust-width .item {
        max-width: 24%;
    }

}

/* end: width < 480px */

/* Design for a width of 320px (mobile - portrait)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 320px <= width < 480px */
@media only screen and (min-width: 320px) and (max-width: 479px) {

    /* Item grid
    -------------------------------------------------------------- */
    .itemgrid.itemgrid-adaptive .item {
        width: 99%;
        clear: none !important;
    }

    .itemgrid.itemgrid-adaptive > li:nth-of-type(2n+1) {
        clear: left !important;
    }

    .category-products .category-products-grid .item:hover .product-image-wrapper {
        float: left;
    }

    .products-grid.single-line-name .product-name {
        white-space: normal;
    }

    .product-image-wrapper.mobile {
        width: 47%;
        float: left;
        padding-top: 30px;
    }

    .product_description_wrapper {
        width: 49%;
        float: left;
        text-align: left;
        margin-left: 3%;
        font-size: 4vw !important;
    }

    /* Cloud zoom
    -------------------------------------------------------------- */
    /* Shrink the slider if to many thumbnails */
    .itemslider-thumbnails.count-3,
    .itemslider-thumbnails.count-4,
    .itemslider-thumbnails.count-5,
    .itemslider-thumbnails.count-multi {
        max-width: 237px;
    }

    /*3*/
    /*{ max-width:158px; }*/
    /*2*/
    /* Direction navigation */
    .itemslider-thumbnails.count-3 .direction-nav,
    .itemslider-thumbnails.count-4 .direction-nav,
    .itemslider-thumbnails.count-5 .direction-nav,
    .itemslider-thumbnails.count-multi .direction-nav {
        display: block;
    }

    /*discount position-----------------------------------------*/
    /*Brand Logo-----------------------------------------------*/
    .product-view .brand-logo {
        width: 40vw !important;
        float: right !important;
        position: absolute;
        top: -41px;
        right: 0;
    }

    .product-primary-column {
        position: relative;
    }

    .img-box .more-images .thumbnails.show-all {
        width: 66% !important;
    }

    .slides-filter-items-show div.price-range input {
        width: 130px;
    }

    .tax-details {
        font-size: 0.9em;
    }
}

/* end: 320px <= width < 480px */

/* Design for a width of less than 320px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 320px */
@media only screen and (max-width: 319px) {

    /* Disable hover effect
    -------------------------------------------------------------- */
    /* Cancel "hover effect" styles: apply the same styles which item has without "hover effect" */
    .category-products-grid.hover-effect .item {
        border-top: none;
    }

    .category-products-grid.hover-effect .item:hover {
        margin-left: 0;
        margin-right: 0;
        padding-left: 1%;
        padding-right: 1%;
        box-shadow: none !important;
    }

    /* Show elements normally displayed only on hover */
    .category-products-grid.hover-effect .item .display-onhover {
        display: block !important;
    }

    /* Show full name even if enabled: display name in single line */
    .products-grid.single-line-name .item .product-name {
        overflow: visible;
        white-space: normal;
    }

    /* Spaces between items */
    .category-products-grid.hover-effect .item {
        margin-bottom: 20px;
    }

    /*discount position-----------------------------------------*/
    .product_discount {
        margin-right: 0;
    }

    /* Mobile header
    -------------------------------------------------------------- */
    .header-mobile .header-collateral {
        float: none;
        text-align: center;
    }

    .header-mobile .header-collateral > * {
        display: inline-block;
    }

    .header-mobile .logo-wrapper--mobile {
        float: none !important;
        text-align: center !important;
    }

    /* Product page
    -------------------------------------------------------------- */
    /* Related - thumbnails */
    .block-related-thumbnails .product-details {
        margin-left: 0;
        margin-bottom: 10px;
        clear: left;
    }

    .block-related-thumbnails .product-details .price-box {
        display: inline-block;
        margin-right: 5px;
    }

    .block-related-thumbnails .product-details .related-add-to-wishlist {
        display: inline-block;
    }

    /* Item grid
    -------------------------------------------------------------- */
    /* Always show 1 column */
    /* Important: added ".itemgrid" class to override other styles */
    .itemgrid.itemgrid-adaptive .item {
        width: 98%;
        clear: none !important;
    }

    /* Cloud zoom
    -------------------------------------------------------------- */
    /* Thumbnails */
    .img-box .thumbnails.show-all.auto-adjust-width .item {
        max-width: 32%;
    }

    /* Slideshow
    -------------------------------------------------------------- */
    .the-slideshow-wrapper .owl-buttons {
        display: none;
    }

    .the-slideshow .direction-nav {
        display: none;
    }

    /* Deprecated */

}

/* end: width < 320px */

/* Design for a width of 240px (small mobile)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 240px <= width < 320px */
@media only screen and (min-width: 240px) and (max-width: 319px) {

    /* Cloud zoom
    -------------------------------------------------------------- */
    /* Shrink the slider if to many thumbnails */
    .itemslider-thumbnails.count-3,
    .itemslider-thumbnails.count-4,
    .itemslider-thumbnails.count-5,
    .itemslider-thumbnails.count-multi {
        max-width: 158px;
    }

    /*2*/

}

/* end: 240px <= width < 320px */

/* Design for a width of lass than 240px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 240px */
@media only screen and (max-width: 239px) {

    /* Cloud zoom
    -------------------------------------------------------------- */
    /* Shrink the slider if to many thumbnails */
    .itemslider-thumbnails.count-2,
    .itemslider-thumbnails.count-3,
    .itemslider-thumbnails.count-4,
    .itemslider-thumbnails.count-5,
    .itemslider-thumbnails.count-multi {
        max-width: 79px !important;
    }

    /*1*/
    /* Direction navigation */
    .itemslider-thumbnails.count-2 .direction-nav,
    .itemslider-thumbnails.count-3 .direction-nav,
    .itemslider-thumbnails.count-4 .direction-nav,
    .itemslider-thumbnails.count-5 .direction-nav,
    .itemslider-thumbnails.count-multi .direction-nav {
        display: block;
    }

}

/* end: width < 240px */