/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 17, 2015, 12:24:40 PM
    Author     : andrea
*/

@media only screen and (min-width: 480px) {
    /* Config: Three columns + flexible gutter */
    .products-grid {
        /* Undo two-column config */
        /* Set three-column config */
    }

    .products-grid--max-6-col > li:nth-child(3n) {
        margin-right: 2.22222%;
    }

    /* Set column config */
    .products-grid--max-6-col > li {
        margin-right: 2.22222%;
    }

    .products-grid--max-6-col > li {
        width: 14.81481%;
        margin-right: 2.22222%;
    }

    .products-grid--max-6-col > li:nth-child(6n+1) {
        clear: left;
    }

    .products-grid--max-6-col > li:nth-child(6n) {
        margin-right: 0;
    }
    
    
}




@media only screen and (min-width: 500px) {
    .skip-link {
        width: 25%;
    }
    .skip-link .icon {
        margin-right: 10px;
    }
    .skip-link .label {
        font-size: 24px;
        font-weight: 700;
        text-transform: uppercase;
        display: inline;
    }
    .skip-nav {
        width: 25%;
    }
}




@media only screen and (min-width: 600px) {
    .linearize-table .linearize-collapse {
        display: none;
    }
    
    .my-account .form-list-edit-account > li{
        display: inline-block;
        width: 64%;
        vertical-align: top;
    }
    .my-account .form-list-edit-account > li.wide{
        width: 32%;
        text-align: right;
    }
    .my-account .form-list-edit-account > li.wide label, 
    .my-account .form-list-edit-account > li.wide .input-box{
        width: 92%;
    }
}




@media only screen and (min-width: 771px) {
    .page-header-container {
        position: relative;
    }

    .logo .small {
        display: none;
    }
    .logo .large {
        display: block;
    }

    .skip-cart {
        text-transform: uppercase;
    }
    .skip-cart:hover {
        text-decoration: none;
    }
    .skip-cart .count {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
        border-radius: 0px;
        position: static;
        background: none;
        margin-left: 0px;
        font-size: 24px;
    }
    .skip-cart .count:before {
        content: '(';
    }
    .skip-cart .count:after {
        content: ')';
    }

    .skip-links {
        border: 0;
    }
    .skip-nav {
        display: none;
    }

    #header-nav {
        display: block;
    }
    
    .skip-search {
        display: none;
    }

    #header-search {
        display: block;
        position: absolute;
        top: 55px;
        right: 0;
        width: 25%;
        height: 50px;
        padding: 0;
    }

    .skip-account {
        position: absolute;
        top: 0;
        right: 115px;
        width: auto;
        padding: 0 10px;
        text-transform: uppercase;
    }

    #header-account.skip-active {
        background: #FBFBFB;
        border: solid 1px #cccccc;
        display: block;
        position: absolute;
        z-index: 200;
        top: 40px;
        right: 115px;
        width: 200px;
    }

    #header-account a {
        display: block;
        padding: 5px 10px;
        color: #636363;
        line-height: 2;
    }

    #header-account a:hover {
    }

    .skip-cart {
        width: auto;
        padding: 0 10px;
    }

    #header-cart.skip-active {
        background: #FBFBFB;
        border: solid 1px #cccccc;
        display: block;
        position: absolute;
        z-index: 200;
        top: 40px;
        right: 0;
        width: 320px;
        background: white;
    }

    .top-container {
        max-width: 1260px;
        margin: 0 auto;
        padding: 0 30px;
    }

    .block-layered-nav .block-content > dl > dt {
        /*padding-left: 10px;*/
    }
    .block-layered-nav .block-content > dl > dt:after {
        display: none;
    }

    .product-collateral .toggle-tabs {
        display: block;
        width: 100%;
        position: relative;
        border: 1px solid #cccccc;
        background-color: #f4f4f4;
    }
    .product-collateral .toggle-tabs li {
        float: left;
        border-right: 1px solid transparent;
        border-left: 1px solid transparent;
    }
    .product-collateral .toggle-tabs li > span {
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
        user-select: none;
        display: inline-block;
        padding: 0 30px;
        height: 40px;
        line-height: 40px;
        cursor: pointer;
        text-transform: uppercase;
        position: relative;
        bottom: -1px;
    }
    .product-collateral .toggle-tabs li.current {
        border-right: 1px solid #cccccc;
        border-left: 1px solid #cccccc;
    }
    .product-collateral .toggle-tabs li.current > span {
        background-color: #FFFFFF;
        z-index: 5;
    }
    .product-collateral .toggle-tabs li.current span,
    .product-collateral .toggle-tabs li:hover span {
    }
    .product-collateral .toggle-tabs li:first-child {
        border-left: none;
    }
    .product-collateral .toggle-tabs:after {
        content: '';
        display: table;
        clear: both;
    }
    .product-collateral > dl {
        width: 100%;
    }
    .product-collateral > dl > dt {
        display: none;
    }
    .product-collateral > dl > dd {
        width: 100%;
        display: none;
        padding: 15px;
        border: 1px solid #cccccc;
        border-top: 0;
    }
    .product-collateral > dl > dd.current {
        display: block;
    }

    .map-popup.map-popup-right {
        left: 10px !important;
    }
    .map-popup.map-popup-left {
        left: auto !important;
        right: 10px !important;
    }

    .customer-account-login .col2-set .col-1 {
        padding-right: 0;
    }
    .customer-account-login .col2-set .col-2 {
        padding-left: 60px;
    }
    .customer-account-login .col2-set .col-2 .social-login{
       left: 60px;
    }
    .product-review .ratings-table tr {
        float: none;
    }
}




@media only screen and (min-width: 800px) {
    .bml-ad.large {
        display: block;
    }
}




@media only screen and (min-width: 915px) {
    .order-list-grid .col-1 {
        width: 30%;
    }

    .order-list-grid .col-2 {
        width: 50%;
        padding-right: 20px;
    }

    .order-list-grid .col-3 {
        clear: none;
        width: 20%;
        padding-top: 0;
    }
}




@media only screen and (min-width: 941px) {
    #header-nav #nav{
        font-size: 0.001px;
        letter-spacing: -1em;
    }
    #header-nav #nav,
    #header-nav .nav-content{
        height: auto;
    }
    .nav-primary{
        display: inline-block;
        font-size: 14px;
        letter-spacing:normal;
    }
    .nav-primary {
        /* Default styles for 1+ drop-down menus */
        /* Level 2+ */
        /* Styles that only show when the menu is visible */
        /* Class for js to add briefly to evaluate element positioning. */
        /* Correct menus that will hang off the page (class added by js) */
        /* Level 1+ */
    }
    /*.nav-primary li.level0,
    .nav-primary a.level0,
    .nav-secondary-right > li{
        float:left;
    }*/

    .nav-primary a.level0{
        padding: 0 17px;
        line-height: 29px;
        text-transform: uppercase;
    }
    .nav-primary .menu-active,
    .nav-primary li.level0:hover {
        z-index: 200;
    }
    /*.nav-primary li.level0 > a{
        float: left;
    }
    .nav-primary ul.level0{
        display: block;
        float: left;
    }*/
    .nav-primary li.level0{
        display: inline-block;
        position: relative;
    }
    .nav-primary li.level0 ul {
        position: absolute;
        left: 0;
        /*top: 31px;*/
        top: 29px;
        top: 29px\9;
        z-index: 10;
        width: 250px;
        padding:5px;
        display: none;
        min-height: 320px;
        border: 1px solid #CDA979;
        background-color: #fff;
    }
    .ie11 .nav-primary li.level0 ul{
        top: 29px;
    }
    .nav-primary li.level0 ul ul,
    .ie11 .nav-primary li.level0 ul ul{
        left: 248px;
        top: -1px;
        /*border-left: 0 none;*/
    }
    .nav-primary li.level0 ul li{
        padding: 6px 0;
        display: block;
    }
    .nav-primary li.level0 ul li a{
        /*width: 88%;*/
        padding: 0 0 0 5px;
        font-size: 15px;
        line-height: 15px;
        white-space: nowrap;
    }
    .nav-primary li.level0 ul li a span{
        display: inline-block;
        width: 90%;
        vertical-align: top;
    }
    /*.nav-primary li.level0 ul.level0.position-test {
        display: block;
    }
    .nav-primary li.level0 ul.level0.spill {
        right: 0;
        left: auto;
    }
    .nav-primary li.level0 ul.level0.spill li.level1 ul {
        left: auto;
        right: 50px;
        top: 20px;
    }*/
    .nav-primary li.level0 li.parent > a {
        position: relative;
    }
    .nav-primary li.level0 > a > .icn-parent{
        display: none;
    }
    .nav-primary li .icn-parent{
        background-color: #fff;
        height: 27px;
        line-height: 27px;
        width: 26px;
        text-align: center;
        float: none;
        vertical-align: top;
        position: absolute;
        top: -6px;
    }
    .nav-primary li .icn-parent:before{
        content: "\f0da";
        color:#CDA979;
    }
    /*.nav-primary li.level0 li.parent > a:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid #cccccc;
        border-right: none;
        right: 5px;
        top: 50%;
        margin-top: -3px;
    }*/
    .no-touch li:hover > ul {
        display: block;
        /* Force display */
    }
    .nav-primary li:hover,
    #nav .nav-secondary-right > li:hover,
    #nav .secondary-nav-top > li:hover{
        background-color: #EAE3D7;
    }
    .nav-primary ul.level0 li:hover > a > .icn-parent:before{
        color:#693935;
    }
    
    /* menu desktop hover effects */
    .js-opened-effect .nav-primary> li > ul{
        display: block;
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);       
        transform: scaleY(0);
        -webkit-transform-origin: top;
        -moz-transform-origin: top;
        -ms-transform-origin: top;
        -o-transform-origin: top;
        transform-origin: top;      
        -webkit-transition: -webkit-transform 0.26s ease;
        -moz-transition: -moz-transform 0.26s ease;
        -ms-transition: -ms-transform 0.26s ease;
        -o-transition: -o-transform 0.26s ease;
        transition: transform 0.26s ease;
    }
    /* .js-opened-effect .nav-primary > li.js-main-opened > ul{ */
    .js-opened-effect .nav-primary > li:hover > ul{
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);       
        transform: scaleY(1);
    }
    .js-opened-effect .nav-primary ul li > ul{
        display: block;
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        -ms-transform: scaleX(0);
        -o-transform: scaleX(0);       
        transform: scaleX(0);
        -webkit-transform-origin: left;
        -moz-transform-origin: left;
        -ms-transform-origin: left;
        -o-transform-origin: left;
        transform-origin: left;     
        -webkit-transition: -webkit-transform 0.26s ease;
        -moz-transition: -moz-transform 0.26s ease;
        -ms-transition: -ms-transform 0.26s ease;
        -o-transition: -o-transform 0.26s ease;
        transition: transform 0.26s ease;
        /*transform: translate(-50%, 600%);
        transition-property: transform ease-in-out;
        transition-duration:300ms;*/
    }
    /*.js-opened-effect .nav-primary ul li.js-sub-opened > ul,
    .js-opened-effect .nav-primary > li.js-main-opened ul li.js-sub-opened > ul{*/
    .js-opened-effect .nav-primary ul li.js-sub-opened:hover > ul,
    .js-opened-effect .nav-primary > li.js-main-opened ul li.js-sub-opened:hover > ul{
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);       
        transform: scaleX(1);
        /*transform: translate(-50%, 60px);*/
    }
    /* end menu desktop hover effects */
    
    #nav .nav-secondary-right,
    #nav .secondary-nav-top{
        display: none;
        /*position:absolute;
        top:0;
        right:17px;*/
    }
    #nav .nav-secondary-right > li a,
    #nav .secondary-nav-top > li a{
        line-height: 29px;
    }
    #nav .nav-secondary-right > li a span,
    #nav .secondary-nav-top > li a span{
        padding: 0 10px;
        border-left: 1px solid #E2D9C8;
    }
    #nav .nav-secondary-right > li:first-child a span,
    #nav .secondary-nav-top > li:first-child a span{
        border-left:0 none;
    }
    

    .customer-account-login .col2-set .col-1,
    .customer-account-login .col2-set .col-2 {
        padding-top: 0;
        margin-top: 20px;
    }
    .customer-account-login .col2-set .col-1 {
        padding-right: 20px;
    }
    .customer-account-login .col2-set .col-2 {
        padding-left: 20px;
    }
    .customer-account-login .col2-set .col-2 .social-login{
       left: 20px;
    }
}




@media only screen and (min-width: 1025px) {
    .logo-container .logo {
        height: 109px;
    }
    
    .products-grid--max-4-col > li:nth-child(odd) {
        clear: none;
    }

    .products-grid--max-4-col > li:nth-child(3n+1) {
        clear: none;
    }

    .products-grid--max-4-col > li:nth-child(even),
    .products-grid--max-4-col > li:nth-child(3n) {
        margin-right: 2.22222%;
    }

    /* Set column config */
    .products-grid--max-4-col > li {
        margin-right: 2.22222%;
    }

    .products-grid--max-4-col > li {
        width: 23.33333%;
        margin-right: 2.22222%;
    }

    .products-grid--max-4-col > li:nth-child(4n+1) {
        clear: left;
    }

    .products-grid--max-4-col > li:nth-child(4n) {
        margin-right: 0;
    }

    .products-grid--max-5-col > li{
        width: 24%;
    }
    .products-grid--max-5-col > li:nth-child(4n+1) {
        clear: left;
    }

    .products-grid--max-5-col > li:nth-child(4n) {
        margin-right: 0;
    }

    /* Config: Columns + flexible gutter */
    /* Undo three-column config */
    .products-grid--max-6-col > li:nth-child(odd) {
        clear: none;
    }

    .products-grid--max-6-col > li:nth-child(3n+1) {
        clear: none;
    }

    .products-grid--max-6-col > li:nth-child(even),
    .products-grid--max-6-col > li:nth-child(3n) {
        margin-right: 2.22222%;
    }

    /* Set column config */
    .products-grid--max-6-col > li {
        margin-right: 2.22222%;
    }

    .products-grid--max-6-col > li {
        width: 14.81481%;
        margin-right: 2.22222%;
    }

    .products-grid--max-6-col > li:nth-child(6n+1) {
        clear: left;
    }

    .products-grid--max-6-col > li:nth-child(6n) {
        margin-right: 0;
    }
}

@media only screen and (min-width: 1255px), (device-width: 1280px) and (orientation: landscape) {
    /* Config: Columns + flexible gutter */
    /* Undo three-column config */
    .products-grid--max-5-col > li:nth-child(odd) {
        clear: none;
    }

    .products-grid--max-5-col > li:nth-child(3n+1) {
        clear: none;
    }

    .products-grid--max-5-col > li:nth-child(even),
    .products-grid--max-5-col > li:nth-child(3n) {
        margin-right: 1.25%;
    }

    /* Set column config */
    .products-grid--max-5-col > li {
        margin-right: 1.25%;
    }

    .products-grid--max-5-col > li {
        width: 19%;
        margin-right: 1.25%;
    }
    .products-grid--max-5-col > li:nth-child(5n+1) {
        clear: left;
    }

    .products-grid--max-5-col > li:nth-child(5n) {
        margin-right: 0;
        width: 19%;
    }

}



@media only screen and (min-width: 1126px) {
    .product-review .ratings-table tr {
        float: left;
        margin-right: 15px;
    }
}




@media only screen and (max-width: 1279px) {
    .toolbar .view-mode > label {
        display: none;
    }
    .products-list .product-shop .product-primary,
    .products-list .product-shop .desc {
        float: left;
        width: 60%;
        padding-right: 20px;
    }
    .products-list .product-shop .product-secondary {
        float: right;
        width: 40%;
    }
}




@media only screen and (max-width: 1199px) {
    .footer .block-subscribe {
        clear: both;
        float: none;
        margin: 0 auto 30px auto;
    }

    #wishlist-table tbody td {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media only screen and (max-width: 1165px) {
    #wishlist-table textarea {
        width: 100%;
    }
}


@media only screen and (max-width: 1095px) {
    /* NAV */
    .nav-primary a.level0 {
        padding: 0 13px;
    }
}



@media only screen and (max-width: 1090px) {
    .search-bar {
        width: 42%;
    }
    .blocks-container{
        width: 52%;
    }
    #header-account-container{
          padding-left: 3%;
    }
}




@media only screen and (max-width: 1024px) {
    /* NAV */
    .nav-primary a.level0 {
        padding: 0 10px;
    }
}




@media only screen and (max-width: 1000px) {
    .col3-layout .col-right {
        float: left;
        clear: left;
        padding-left: 0;
        padding-right: 10px;
        width: 25%;
    }
    .col3-layout .col-wrapper {
        float: right;
        width: 100%;
    }
    .col3-layout .col-wrapper .col-main {
        float: right;
        width: 75%;
    }
    .col3-layout .col-wrapper .col-left {
        width: 25%;
    }
    
    /* UPDATE WISHLIST */
    .wishlist-index-configure .add-to-buttons{
        clear: both;
        margin: 30px 0 10px;
        width: 100%;
    }
}




@media only screen and (max-width: 979px) {
    .col2-left-layout .sorter,
    .col2-left-layout .pager,
    .col2-right-layout .sorter,
    .col2-right-layout .pager,
    .col3-layout .sorter,
    .col3-layout .pager {
        width: 100%;
    }
    .col2-left-layout .pager,
    .col2-right-layout .pager,
    .col3-layout .pager {
        float: left;
        clear: both;
    }

    .checkout-onepage-index .col-main {
        float: left;
        width: 68.75%;
        padding-right: 20px;
    }
    .checkout-onepage-index .col-right,
    .checkout-onepage-index .col-left {
        width: 31.25%;
        display: block;
    }
    .checkout-onepage-index .col-right {
        padding-left: 0;
    }

    .opc .section .step {
        padding: 10px;
    }

    body.customer-account .my-account .title-buttons {
        text-align: left;
    }
    body.customer-account .my-account .title-buttons span.separator,
    body.customer-account .my-account .title-buttons a {
        top: -12px;
    }

    .data-table span.nobr {
        white-space: normal;
    }
    .data-table span.nobr a {
        white-space: nowrap;
    }
    .data-table .separator {
        display: none;
    }


    #wishlist-table tbody td {
        padding-left: 5px;
        padding-right: 5px;
    }
    #wishlist-table td.customer-wishlist-item-cart {
        width: 110px;
    }
    #wishlist-table .product-name {
    }

    .notice-cookie .notice-text {
        max-width: 86%;
    }
}


@media only screen and (max-width: 967px) {
    /* NAV */
    .nav-primary a.level0 {
        padding: 0 8px;
    }
}



@media only screen and (max-width: 959px) {
    .products-grid--max-5-col > li{
        width: 32.33%;
    }
    .products-grid--max-5-col > li:nth-child(3n+1) {
        clear: left;
    }

    .products-grid--max-5-col > li:nth-child(3n) {
        margin-right: 0;
    }
}




/* ------------------- TABLET / SMARTPHONE & DESKTOP < 940px ---------------- */

@media(max-width: 1140px){

    /* RESET LAYOUT */
    .main-container{
          margin-top: 76px;
    }
    
    .col-left,
    .col-right,
    .col-main,
    .col1-layout .col-left,
    .col1-layout .col-right,
    .col1-layout .col-main,
    .col2-left-layout .col-left,
    .col2-left-layout .col-right,
    .col2-left-layout .col-main,
    .col2-right-layout .col-left,
    .col2-right-layout .col-right,
    .col2-right-layout .col-main,
    .col3-layout .col-wrapper .col-left,
    .col3-layout .col-right,
    .col3-layout .col-wrapper .col-main {
        padding: 0;
        margin-bottom: 10px;
        float: none;
        width: auto;
    }

    .col3-layout .col-wrapper {
        float: none;
        width: auto;
    }

    .col-main {
        float: none;
        width: auto;
    }

    .col2-set .col-1,
    .col2-set .col-2 {
        padding: 10px;
    }
    .my-account .col2-set .col-1, 
    .my-account .col2-set .col-2{
        padding: 0;
    }

    .col-main .col-left {
        padding: 0;
        /* On product listing pages, the left column gets moved inside col-main on small viewports */
    }
    
    
    /* LISTING: SIDEBAR */
    .block-layered-nav--no-filters .block-title, .category-navigation .block-title{
        display: none;
    }

    .block-layered-nav .block-content {
        padding-top: 0;
        margin-top: 0;
    }
    .block-layered-nav .block-content > dl > dt {
        cursor: pointer;
        border-bottom-width: 0;
    }
    .block-layered-nav .block-content > dl > dd {
        display: none;
    }
    .block-layered-nav .block-content > dl dt.js-opened:first-child{
        border-bottom: 1px solid #ccc !important;
    }
    .block-layered-nav .block-content.accordion-open > dl > dt.current {
        border-bottom-width: 1px;
    }
    .block-layered-nav .block-content.accordion-open > dl > dt.current:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        border-top: 4px solid #693935;
        border-bottom: none;
        left: 6px;
        top: 50%;
        margin-top: -3px;
    }
    .block-layered-nav .block-content.accordion-open > dl > dd.current {
        display: block;
    }
    .block-layered-nav .block-subtitle--filter,  .category-navigation .block-subtitle--categories{
        display: block;
    }
    .block-layered-nav dl dd ol > li > a,
    .block-layered-nav dl ol > li > a,
    .block-layered-nav dl ol > li > span {
       /* padding: 7px;*/
        margin: 5px 0;
    }

    .block-layered-nav dl ol > li > a {
        color: #636363;
        background-color: #f4f4f4;
        padding: 5px 10px;
    }
    .block-layered-nav dl ol > li > a:hover {
        text-decoration: none;
        background: #e7e7e7;
    }
    
    
    /* LISTING  */
    .products-grid--max-5-col > li{
        width: 24%;
    }
    .products-grid--max-5-col > li:nth-child(3n+1) {
        clear: none;
    }
    .products-grid--max-5-col > li:nth-child(3n) {
        margin-right: 1%;
    }
    .products-grid--max-5-col > li:nth-child(4n+1) {
        clear: left;
    }
    .products-grid--max-5-col > li:nth-child(4n) {
        margin-right: 0;
    }
        
    /* LISTING CATEGORY NAVIGATION BAR */
    .category-navigation ul{
        display:none;
    }
    .category-navigation .open-category-section{
        display: block;
    }
    .category-navigation li:first-child {
        border-top: 0px;
    }

    
    
    /* HOME PAGE */
    #eataly-magazine-banner .box.first .subtitle {
        font-size: 15px;
    }
    
    #eataly-magazine-banner .box.first p {
        font-size: 15px;
        padding: 0 10px;
    }
    
    #splash-page-block-1, #splash-page-block-2{
        float: none;
        width: 50%;
    }
    
    /* HOME PAGE SHOP */
    .carousel-item .actions{
        display:block;
    }
    .article-box{
        text-align: center;
        width:48%;
        margin-bottom: 15px;
    }
    .article-box:nth-child(odd){
        margin-right: 2%;
    }
    .article-box:nth-child(even){
        margin-right: 0;
    }
    .article-box img{
        margin: 0 auto;
    }
    .article-box p{
        font-size: 20px;
    }
    .article-box h5{
        font-size: 22px;
        line-height: 90%;
    }
    
    /* PRODUCT PAGE */
    .product-view .details-content {
        min-height: 140px;
    }
    
    /* Configurable product */
    .product-options-bottom .add-to-links {
        clear: both;
        float: left;
        margin-top: 15px;
        margin-right: 15px;
    }
    .product-options-bottom .add-to-cart{
        margin-top: 15px;
        float: left;
    }
    
    /* CART */
    .shipping .form-list li{
        margin-right: 2%;
    }
    .shipping .form-list .shipping-country{
        width: 37%;
    }
    .shipping .form-list .shipping-region{
        width: 32%;
    }
    .shipping .form-list .shipping-postcode{
        width: 17%;
    }
/*}



 HEADER & MENU: ONLY MOBILE 
@media (max-width: 1280px){*/
    #header-nav{
        margin-top: 0;
        position: absolute;
        top: 0;
        z-index: 10;
    }
    #nav{
        position: relative;
        left:-415px; /* width:385px + padding-left:20px */
        width: 385px;
        /*reset*/
        font-size:inherit;
        letter-spacing:normal;
        border:0 none;
        /*border-top: 1px solid #693935;*/
        margin-right: -385px;
        z-index: 100;
        background-color: #804c48;
    }
    .nav-content{
        overflow-y: scroll;
        /*width: 407px;*/
        width: 100%;
        position: relative;
        top:0;
        left:0;
    }
    #mobile_nav_trigger{
        display: block;
        height: 65px;
        padding:0;
        margin: 0 -20px 0 -20px;
        color: #a38682;
        text-transform: uppercase;     
        font-size: 16px;
        text-align: left;
        background-color: transparent;
        /*border-bottom: 1px solid #693935;*/
    }
    #mobile_nav_trigger > a{
        display: inline-block;
        text-decoration: none;
        margin-left: 20px;
        margin-top: 12px;
        height: 42px;
    }
    #mobile_nav_trigger .trigger-icon {
        display:block;
        float: left;
        padding: 1px 0 0;
        width: 30px;
    }
    #mobile_nav_trigger .trigger-icon .line {
        background-color: #a38682;
        display: block;
        height: 2px;
        margin-bottom: 6px;
        position: initial;
        width: inherit;
        margin-left: initial;
    }
    
    .nav-primary{
        display: block;
        border-bottom: 1px solid #000;
    }
    .nav-primary li{
        display: block;
    }
    .nav-primary li a,
    #nav .nav-secondary-right li a,
    #nav .secondary-nav-top li a,
    .nav-primary a.level0,
    .nav-primary li.level0 ul li a{
        display: block;
        height: 55px;
        line-height: 22px;
        position: relative;
        padding: 18px 0 0 0;
        margin-right: 0;
        margin-left: 28px;
        font-size: 22px;
        color:#fff;
        text-decoration: none;
    }
    .nav-primary > li.level0 > a,
    #nav .nav-secondary-right li a,
    #nav .secondary-nav-top li a{
        text-transform: uppercase;
    }
    .nav-primary li.level0 ul li a span{
        width: auto;
    }
    .nav-primary li,
    #nav .nav-secondary-right li,
    #nav .secondary-nav-top li{
        cursor: pointer;
        position: relative;
        width: 100%;
        border-top: 1px solid #000;   
    }
    .nav-primary > li:first-child,
    #nav .nav-secondary-right > li:first-child,
    #nav .secondary-nav-top > li:first-child{
        border-top:0 none;
    }
    /*.nav-primary li a:hover {
    transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    background-color: #f1ebde;
    }*/
    /*.nav-primary li.level0 > ul,
    .nav-primary li.level1 > ul,
    .nav-primary li.level2 > ul {
        display: none;
    }*/
    .nav-primary li.level0 ul{
        display: none;
        /* reset */
        position: static;
        width: auto;
        padding: 0;
        min-height:55px;
        border: 0 none;
        background-color: inherit;
    }
    .nav-primary li.level0,
    #nav .nav-secondary-right > li,
    #nav .secondary-nav-top > li{
        background-color: #804c48;
    }
    #nav .nav-secondary-right > li a,
    #nav .secondary-nav-top > li a{
    }
    #nav .nav-secondary-right > li a span,
    #nav .secondary-nav-top > li a span{
        border-left: 0 none;
        padding-left: 0;
        padding-right: 0;
    }
    .nav-primary li.level1{
        background-color: #693935;
    }
    .nav-primary li.level2{
        background-color: #592d2a;
    }
    .nav-primary li.level3{
        background-color: #462422;
    }
    .nav-primary li.level1 > a {
        /*text-indent: 10px;*/
        /*margin-left: 20px;*/
    }
    .nav-primary li.level2 > a {
        /*margin-left: 40px;*/
        /*width: 65% !important;*/
    }
    .nav-primary li.level3 > a {
        /*text-indent: 30px;*/
       /* margin-left: 40px;*/
    }
    .nav-primary li.level0 ul li{
        /*background: none repeat scroll 0 0 transparent;*/
        display: inline-block;
        padding: 0;
    }
    .nav-primary li {
        /* border-top: 1px solid #f1ebde;
        border-bottom:1px solid #693935;*/
        /* border-bottom:1px solid #fff;*/
    }
    .nav-primary li .icn-parent{
        float: right;
        height: 55px;
        line-height: 55px;
        width: 55px;
        text-align: center;
        background-color:transparent;
        margin-top: -18px;
        /*margin-right: 22px;*/
        position: static;
    }
    .nav-primary li .icn-parent:before{
        content: "+";
        color:#fff;
        font-weight: normal;
        font-family: Arial, sans-serif;
        font-size: 26px;
    }
    .nav-primary li.js-opened > a > .icn-parent:before{
        content: "-";
        color:#fff;
        font-weight: normal;
    }
    .nav-primary li.level0 > a > .icn-parent{
        display: block;
    }
    
    #nav .nav-secondary-right,
    #nav .secondary-nav-top{
        display: block;
        border-bottom: 1px solid #000;
    }
    
    .nav-primary ul.level0 li:hover > a,
    .nav-primary > li:hover{
        /*background-color:initial;*/
    }
    .nav-primary li:hover, 
    #nav .nav-secondary-right > li:hover, 
    #nav .secondary-nav-top > li:hover{
        background-color: transparent;
    }
    
    .nav-primary li.js-opened > ul{
        display: block;
    }
    
    .js-move-to-left .page{
        overflow: hidden;
    }
    
    .js-move-to-left .main-container,
    .js-move-to-left .footer-container{
        position:relative;
        z-index: 0;
        left:0;
        top: 0;
    }
    #nav,
    .js-move-to-left .main-container,
    .js-move-to-left .footer-container{
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transition: -webkit-transform 300ms ease-out;
        -moz-transition: -moz-transform 300ms ease-out;
        -o-transition: -o-transform 300ms ease-out;
        transition: transform 300ms ease-out;
    }
    .js-move-to-left.js-active  #nav,
    .js-move-to-left.js-active .main-container,
    .js-move-to-left.js-active .footer-container{
        -webkit-transform: translate(385px, 0);
        -moz-transform: translate(385px, 0);
        -ms-transform: translate(385px, 0);
        -o-transform: translate(385px, 0);
        transform: translate(385px, 0);
    }
    /* NAV */
    .secondary-nav-top.nav-mobile-lnk{
        display:block;
    }
    .secondary-nav-top.nav-mobile-lnk a{
        text-transform: none !important;
    }
    .secondary-nav-top.nav-mobile-lnk .user-on a{
        display: inline-block !important;
    }
    .secondary-nav-top.nav-mobile-lnk .user-on a.lnk-logout{
        float:right;
        margin-right: 24px !important;
    }
    .secondary-nav-top.nav-mobile-lnk .fa-envelope-o{
        font-size: 18px;
        margin-right: 11px;
        position: relative;
        top: -1px;
        left: 2px;
    }
    .secondary-nav-top.nav-mobile-lnk .fa-login{
        width: 22px;
        height: 18px;
        background-size: 20px;
        background-image: url(../images/icn-user-white.png);
        margin-right: 7px;
        position: relative;
        top: 1px;
    }
    
    
    /* RESET LAYOUT  */
    .main-container{
          margin-top: 82px;
    }
    .cart-checkout .main-container{
        margin-top: 0 !important;
    }
      
    /* HEADER */
    .page-header-container{
        margin-top: 15px;
        padding-bottom: 15px;
        padding-right: 10px;
        border-bottom: 1px solid #693935;
    }
    .blocks-container{
        width: auto;
        margin-top: 0;
    }
    .page-header-container > .secondary-nav-top{
        display: none;
    }
    .header-minicart{
        margin-top: 0;
    }
    .logo-container{
        float: left;
        margin-left: 58px;
        margin-top:0;
        width: 44%;
    }
    .logo {
        margin-top: 10px;
        background-image: url(../images/header/logo-eataly-mob-ver-@x2.jpg);
        background-size: 177px 35px !important;
        max-width: 177px;
        height: 35px;
        width: initial;
        position: initial;
    }
    
    .page-header-container .header{
        text-align: right;
    }
    .header-minicart{
        width: auto;
    }
    #header-mini-cart span.mini-cart-label{
        display: none;
    }
    
    #header-account-container,
    .search-bar{
        width: auto;
        margin-left: 15px;
        margin-right: 15px;
    }
    #header-account-container{
        text-align: center;
    }
    
    /* search  */
    .search-bar .input-box{
        display:none;
        position: absolute;
        top:0;
        left: 0;
        z-index: 11;
    }
    .search-bar.js-opened .input-box{
        display: block;
        width: 230px;
        /*left: -230px;*/
        left: -184px;
    }
    .search-bar.js-opened #search{
        width:100%;
    }
    #search_mini_form .js-opened .search-button{
        z-index: 1;
    }
    /* login/logout */
    #header-login-form .login-in #form-validate-register .fieldset .form-list .fields .field{
        width: 100%;
    }

    .search-bar{
        margin-right: 5px;
        margin-left: 0;
        height: 45px;
        width: 45px;
    }
    #search_mini_form .search-button{
        right:0;
        background-color: transparent;
        z-index: 12;
    }
    
    #header-account-container{
        margin-left: 5px;
        margin-right: 5px;
        padding: 0;
    }
    .header-account-container #header-newsletter, 
    .header-account-container #header-login{
        width: 45px;
        height: 45px;
        margin-bottom:0;        
    }   
    .header-account-container #header-login{
        margin-left: 5px;
    }
    .header-account-container #header-newsletter{
        margin-right: 5px;
    }
    #header-newsletter span span,
    #header-login span span{
        width: 45px;
        height: 45px;
        line-height: 45px;
        background-color: transparent;
        padding: 0;
        display: table;
    }
    #header-newsletter span span{
        background: url('../images/header/nl_icon-01.svg') no-repeat center center;
    }

    #header-newsletter span span strong,
    #header-login span span strong{
        display: none;
    }
    #header-login .fa-caret-down,
    #header-login .fa-caret-up,
    #header-newsletter .fa-caret-down,
    #header-newsletter .fa-caret-up{
        font-size: 25px;
        color: #693935;
        float:none;
        margin: 0;
        display: table-cell;
        vertical-align: middle;
    }
    #header-newsletter .fa-caret-down,  
    #header-newsletter .fa-caret-up{
        font-size: 23px;
    }
    #header-newsletter .fa-caret-down:before, 
    #header-newsletter .fa-caret-up:before{
        content: "\f003";
    }
    #header-login .fa-caret-down:before, 
    #header-login .fa-caret-up:before{
        content: "";
    }
    #header-login .fa-caret-down, 
    #header-login .fa-caret-up{
        width: 24px;
        height: 21px;
        /*background-size: 100% 100%;*/
        background: url(../images/icn-user-small.png) no-repeat center center;
    }
    #header-newsletter-form{
        width: 300%;
        top: 45px;
    }
    
    #header-mini-cart{
        border-color: #fff;
        margin-left: 5px;
    }
    #header-mini-cart .empty-cart-mob-ver{
        display: none;
    }
    #header-mini-cart span.mini-cart-count{
        width: 28px;
        height: 28px;
        min-width: 28px;
        border-radius: 28px;
        background-color: #F59726;
        color:#fff;
        border-left: 0 none;
        position: absolute;
        top:-11px;
        right:-10px;
        z-index: 1;
        line-height: 28px;
        font-size: 18px;
        font-weight: normal;
        padding: 0;
        margin: 0;
    }
    #header-mini-cart > span{
        position: relative;
        height: 39px;
        padding: 5px 8px 5px 7px;
    }
    #header-mini-cart > span > img{
        margin-top: 5px;
        opacity: 0.7;
    }
    #shipment-info{
        display: none;
    }
    
    .page-header .separator-mob-ver{
        display: inline-block;
        width: 1px;
        height: 19px;
        background-color: #eae3d7;
        vertical-align: middle;
        margin-top: 13px;
    }
    .page-header #header-account-container .separator-mob-ver{
        margin-top:0;
    }
    
    
    /* MY ACCOUNT */
    body.customer-account.col2-left-layout .col-left{
       margin: 0;
       padding: 0;
    }
    .my-account .page-title{
        margin-top: 15px;
    }
    .block-account{
        position: relative;
    }
    .block-account .block-title-menu{
        display: inline-block;
        width: 100%;
        background-color: #739ec9;
        color: #fff;
        font-size: 20px;
        line-height: 20px;
        text-transform: uppercase;
        padding: 10px 15px;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
        user-select: none;
        border-bottom: 2px solid #fff;
        cursor: pointer;
    }
    .block-account .block-title-menu i.fa{
        float: right;
    }
    .block-account .block-content{
        display: none;
        width: 100%;
        position: absolute;
        top: 42px;
        left: 0;
        z-index: 10;
        background-color: #fff;
    }
    .block-account .block-content > ul,
    .block-account .block-content > ul li{
        display: block;
        width: 100%;
    }
    .my-account .title-buttons {
        margin-top: 20px;
      }
    .my-account .addresses-primary .box-head{
        margin-top: 10px;
    }
    
    /* OVERLAY INFO & AGREEMENTS */
    .information-modalbox .modal-content-wrapper,
    .modal-agreements .modal-content-wrapper{
        width: 800px;
        margin-left: -400px;
    }
    
    /* PAGE TITLE (NO IMG) */
    .page-title h1{
        background-image: none;
        padding-left: 0;
    }
    
    /* SCROLL TO TOP */
    #scroll-to-top{
        display: block;
    }
    
    /* NEWSLETTER PAGE */
    .cms-newsletter .page-title{
        display: block;
    }
    .cms-newsletter .block-subscribe{
        width: 100%;
        max-width: 300px;
    }
    
    /* NEWSLETTER SUBSCRIPTION POPUP */
    
    #newsletter-subscription-viewport, #newsletter-subscription-slider .slide{
        width: 600px;
        height: 550px;
    }
}




/* ------------------- TABLET & SMARTPHONE ---------------- */
@media only screen and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-device-width: 1280px) and (min--moz-device-pixel-ratio: 1.5),
only screen and (max-device-width: 1280px) and (-o-min-device-pixel-ratio: 1.5),
only screen and (max-device-width: 1280px) and (min-device-pixel-ratio: 1.5),

only screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1),
only screen and (max-device-width: 1024px) and (min--moz-device-pixel-ratio: 1),
only screen and (max-device-width: 1024px) and (-o-min-device-pixel-ratio: 1),
only screen and (max-device-width: 1024px) and (min-device-pixel-ratio: 1){
    .products-grid .item .actions{
        display:block;
    }
    
    /* TOOLBAR  */
    .toolbar{
        margin-top: 25px;
    }
    .pages li{
        margin-left: 10px;
        height: 34px;
        width: 34px;
    }
    .pager .amount{
        height: 34px;
        line-height: 34px;
    }
    .pages a, .pages .current{
        line-height: 34px;
    }
    .pages .current{
        width: 34px;
        height: 34px;
    }
    
    .block-layered-nav dl ol > li > a{
        font-size: 20px;
    }
    
    /* NAV */
    .nav-content {
        width: 100%;
    }
}




/* ------------------- TABLET 1280px landscape ---------------- */
@media (max-device-width: 1280px) and (orientation: landscape) {
    /* Config: Columns + flexible gutter */
    /* Undo three-column config */
    .products-grid--max-5-col > li:nth-child(odd) {
        clear: none;
    }

    .products-grid--max-5-col > li:nth-child(3n+1) {
        clear: none;
    }

    .products-grid--max-5-col > li:nth-child(even),
    .products-grid--max-5-col > li:nth-child(3n) {
        margin-right: 1.25%;
    }

    /* Set column config */
    .products-grid--max-5-col > li {
        margin-right: 1.25%;
    }

    .products-grid--max-5-col > li {
        width: 19%;
        margin-right: 1.25%;
    }
    .products-grid--max-5-col > li:nth-child(5n+1) {
        clear: left;
    }

    .products-grid--max-5-col > li:nth-child(5n) {
        margin-right: 0;
        width: 19%;
    }
    /* reset */
    .products-grid--max-5-col > li:nth-child(4n+1) {
        clear: none;
    }

}

/* ------------------- TABLET 1280px portrait ---------------- */
@media (max-device-width: 1280px) and (orientation: portrait){
    #eataly-magazine-banner .box.first p {
        margin-top: 17px;
    }
    .product-view .add-to-cart, .product-view .add-to-links{
        float: left;
        display: block;
        margin-top: 15px;
    }
    .product-view .product-details, .product-view .details-content{
        width: 100%;
        padding-left: 0;
    }
    .product-view .add-to-buttons {
        float: left;
    }
    .product-view .add-to-cart {
        float: left;
    }
    .product-view .add-to-links {
        margin-top: 15px;
        float: left;
    }
    .product-options p.required{
        top: 100%;
        left: 80%;
    }
    .giftvoucher-product-info #recipient_name, .giftvoucher-product-info #recipient_email{
        display: block;
        width: 100%;
    }
    .giftvoucher-receiver label {
        display: block;
        margin-right: 0;
     }
     .giftvoucher-product-info #message{
         width: 100%;
         display: block;
     }
     .product-details-event > div {
        width: 100%;
        margin-bottom: 20px;
      }
      #newsletter-promo-popup #newsletter-promo-content {
        position: absolute;
        top: 7%;
    }
}

/* ------------------- SMARTPHONE 740px ---------------- */
@media (max-device-width: 740px) and (orientation: portrait), 
(max-device-width: 740px) and (orientation: landscape),
(max-width: 740px){
    
     /* Home page */
     #splash-page-buttons-container {
        text-align: center;
     }


    .splash-button{
        width: auto;
        margin: 0;    
    }
    .splash-button img{
        padding-bottom: 10px;
        margin-bottom: 15px;
        border-bottom: 1px solid #6a3935;
    }
    .splash-button.last img{
        border: 0;
    }

    .splash-button2{
        width: auto;
        margin: 0;
    }
    .splash-button2 img{
        padding-bottom: 10px;
        margin-bottom: 15px;
        border-bottom: 1px solid #6a3935;
    }
    .splash-button2.last img{
        border: 0;
    }

    .splash-button{
        display:none;
    }



    #eataly-magazine-banner .box.first {
        width: 100%;
        margin-bottom: 10px;
    }
    #eataly-magazine-banner .box.first img {
        width: 40%;
        left: 29%;
        margin-left: 0;
    }
    #eataly-magazine-banner .box.first .subtitle{
        display: none;
    }
    #eataly-magazine-banner .box.first p{
        margin-top: 16%;
    }
    #eataly-magazine-banner .box{
        width: 50%;
        padding: 3px;
    }
    #eataly-magazine-banner .box:nth-child(6){
        display:none;
    }
    #eataly-magazine-banner .box .box-title{
        width: 96%;
    }
    #splash-page-blocks-container{
        margin-top: 0px;
    }
    #splash-page-block-1, #splash-page-block-2{
        width: 100%;
        margin-top: 25px;
    }
    #splash-page-block-1 img, #splash-page-block-2 img{
        margin: 0 auto;
    }
    
    
    /* PRODUCT PAGE */
    .product-img-box,
    .product-view .product-shop,
    .product-view .product-details,
    .product-view .details-content,
    .product-view .add-to-cart-wrapper,
    .product-view .special-product-seals,
    #policies-link,
    #event-info{
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .product-details-event > div {
        width: 100%;
        margin-bottom: 20px;
    }
    #policies-link{
        margin-bottom: 10px;
    }
    /* Footer */
    
    .footer-container{
        display:block;
    }
    .footer {
        padding-top: 10px;
    }
    .footer .links{
        display: inline-block;
        width: 100%;
        margin-right: 0px;
        margin-bottom: 0px;
        border-bottom: 1px solid #693935;
        padding: 0px;
    }
    .footer .links i{
        display: inline;
        float: right;
        vertical-align: middle;
    }
    .footer .links ul{
        display:none;
        margin-bottom: 10px
    }
    .footer .block-title{
        display: inline;
        margin-bottom: 0;
    }
    .footer .links a{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .footer .links .open-footer-section{
        vertical-align: top;
        float: right;
    }
    .footer .links li a{
        margin: 0;
    }
    .ie9 .links.js-opened ul{
        display: block;
    }
    .ie9 .links ul{
        display: none;
    }
    
    /* Check gift card page */

    #giftvoucher-check-balance li{
        display: inline;
        width:100%;
    }
    
    #giftvoucher-check-balance .button, #giftvoucher-check-balance li input{
        width:100% !important;
    }
    
    /* Reset password page */
    .customer-account-resetpassword .form-list .field, .customer-account-resetpassword .form-list .input-box{
        width: 100%;
    }
    .customer-account-resetpassword .form-list .fields{
       margin-top: 15px;
    }
    
    /* Wine-club static page */
    
    #wine-club-form .left{
        width: 100%;
        padding-right: 0px;
    }
    #wine-club-form #gift-recipient-wrapper #recipient-name{
        width: 70%;
        margin-right: 10px;
    }
    #wine-club-form .right{
        width: 100%;
    }
    #wine-club-form #selector-wrapper {
        margin-top: 10px;
        margin-left: 0px;
    }
    #wine-club-response{
        display: block;
        width: 100%;
        text-align: center;
        margin-left: 0px;
        margin-top: 25px;
    }
    
    /* Newsletter promo popup */
    #newsletter-promo-popup{
        height: 450px;
        width: 250px;
    }
    #newsletter-promo-popup #newsletter-promo-content{
        position: unset;
        overflow: hidden;
    }
    #newsletter-promo-popup #newsletter-promo-background{
        display: none;
    }
    #newsletter-promo-popup h1{
        font-size: 35px;
    }
    #newsletter-promo-popup #newsletter-promo-form {
        margin-top: 15px;
        width: 100%;
    }
    #newsletter-promo-popup #newsletter-promo-content img{
        margin-top: 40px;
        margin-left: auto;
        margin-right: auto;
    }
    #newsletter-promo-form input{
        margin : 20px auto 0 auto;
        width: 100%;
    }
    #newsletter-promo-form .button {
        margin-top: 20px;
    }
    #newsletter-promo-popup-response{
        width: 100%;
    }
    #newsletter-promo-popup #promo-popup-logo{
        position:static;
        margin-top: 20px;
    }
    
    /* NEWSLETTER POPUP */
    #newsletter-subscription-viewport, #newsletter-subscription-slider .slide{
        width: 490px;
        height: 450px;
    }
}

/* ------------------- SMARTPHONE 740px landscape ---------------- */
@media (max-device-width: 740px) and (orientation: landscape){
    #eataly-magazine-banner .box.first p{
        margin-top: 50px;
    }
    #eataly-magazine-banner .box.first p {
        margin-top: 110px;
        font-size: 22px;
    }
    #eataly-magazine-banner .box .box-title {
        width: 98%;
        bottom: 1%;
    }
    
    /* Modal window*/
    .modal-content-wrapper {
        top: 55%;
        left: 21%;
    }
}

/* ------------------- SMARTPHONE 740px portrait ---------------- */
@media (max-device-width: 740px) and (orientation: portrait),
(max-width: 430px){
  .article-box{
        width: 100%;
        margin-right: 0%;
        padding: 0;
        border: 1px solid #e2d9c8;
        position: relative;
    }
    .article-box p{
        display: none;
    }
    .article-box h5{
        position: absolute;
        width: 90%;
        margin: 0 5%;
        top: 70%;
        background-color: #ffffff;
        padding: 10px 20px;
    }
    .article-box img{
        width: 100%;
    }
    .sorter > .sort-by , .sorter .limiter{
        width: 100%;
    }
    .sorter .separator{
        display: none;
    }
    .sorter .limiter{
        margin-top: 10px;
    }
    .sorter select{
        width: 75%;
        float: right;
    }
    .action-button span span {
        font-size: 14px;
    }
    .button.btn-cart span > span{
        font-size: 12px;
        padding-left: 26%;
        padding-right: 5%;
        background-position: 6px 7px;
        background-size: 21px;
    }
    .button.btn-cart.thick span > span{
        background-size: 21px;
        background-position: 7px 5px;
    }
    .button.view-details span > span{
        font-size: 14px;
        padding: 0px 10px;
    }
    
    /* PRODUCT PAGE */
    .product-view .technical-sheet table{
        width: 100%;
    }
    .product-details .detail-tab {
        min-width: 90px;
    }
    .product-options dd {
        width: 100%;
    }
    .product-options dd select {
        width: 100%;
    }
    .add-to-cart-buttons .button.btn-cart span > span {
        font-size: 23px;
    }
    
    /* Modal window*/
    .modal-content-wrapper {
        top: 20%;
        left: 5%;
        width: 90%;
    }
}

/* ------------------- SMARTPHONE 480px  ---------------- */
@media (max-device-width: 480px),
(max-width: 480px){
    
    /* PRODUCT PAGE */
    .product-view .add-to-buttons {
        float: left;
    }
    .product-view .add-to-cart-buttons {
        margin-right: 0px;
    }
    .product-view .add-to-cart, .product-view .add-to-links {
        margin-top: 15px;
        margin-right: 0;
        float: left;
    }
    
    /* NEWSLETTER POPUP */
    #newsletter-subscription-viewport, #newsletter-subscription-slider .slide{
        width: 300px;
        height: 800px;
    }
    #newsletter-subscription-slider .slide-content {
        padding: 0px;
    }
    #newsletter-subscription-slider .items-list li,  #newsletter-subscription-slider .fieldset .field, #newsletter-subscription-slider .fieldset .field input{
        width: 100%;
    }
    #newsletter-subscription-slider .button{
        width: 100%;
    }
}


@media only screen and (max-width: 870px) and (min-width: 771px) {
    .paypal-review-order .col2-set .col-1,
    .paypal-review-order .col2-set .col-2 {
        padding: 0px;
    }
}




@media only screen and (max-width: 850px) {
    .product-view .product-shop .price-box .price-excluding-tax .price,
    .product-view .product-shop .price-box .price-including-tax .price {
        /*font-size: 18px;*/
    }
    
    /* overlay login/logout/register */
    #header-login-form .login-in-facebook.desktop-ver{
        display: none;
    }
    #header-login-form .login-in-facebook.mobile-ver{
        display: block;
        padding-left: 0;
        border-left: 0 none;
        margin-top: 30px;
    }
    #header-login-form .iscr-login,
    #header-login-form .login-in{
        width: 50%;
    }
    
    /* OVERLAY INFO & AGREE */
    .information-modalbox .modal-content-wrapper,
    .modal-agreements .modal-content-wrapper{
        width: 700px;
        margin-left: -350px;
    }
}




@media only screen and (max-width: 800px) {
    .bml-ad.small {
        display: block;
    }
    
    /*  WISHILIST  */
    #wishlist-table, 
    #wishlist-table thead, 
    #wishlist-table tbody, 
    #wishlist-table thead th, 
    #wishlist-table tbody td, 
    #wishlist-table tr{
        display: block;
        width: 100%;
        border: 0 none;
    }
    #wishlist-table tbody td:before {
       content: attr(data-rwd-label);
       display: inline-block;
       vertical-align: middle;
       text-transform: uppercase;
    }
    #wishlist-table thead{
        display: none;
    }
    #wishlist-table tr{
        border-bottom: 2px solid #eae3d7;
        display: inline-block;
        width: 100%;
    }
    #wishlist-table tbody td{
        padding: 5px;
    }
    #wishlist-table td.customer-wishlist-item-image,
    #wishlist-table .customer-wishlist-item-info,
    #wishlist-table .customer-wishlist-item-quantity, 
    #wishlist-table .customer-wishlist-item-price,
    #wishlist-table .customer-wishlist-item-cart,
    #wishlist-table .customer-wishlist-item-remove{
        float:left;
    }
    #wishlist-table td.customer-wishlist-item-image{
        width: 25%;
    }
    #wishlist-table .customer-wishlist-item-info{
        width: 75%;
    }
    #wishlist-table .customer-wishlist-item-quantity, 
    #wishlist-table .customer-wishlist-item-price{
        width: 50%;
    }
    #wishlist-table td.customer-wishlist-item-cart{
        /*float: left;*/
        width: 75%;
    }
    #wishlist-table .customer-wishlist-item-remove{
        width: 25%;
        text-align: right;
    }
    #wishlist-table .cart-cell {
        display: inline-block;
        vertical-align: middle;
        padding-left: 10px;
    }
    #wishlist-table td.customer-wishlist-item-cart .cart-cell{
        float:left;
        padding-left: 0;
    }
    #wishlist-table td.customer-wishlist-item-cart > p{
        float:right;
    }
}




@media only screen and (max-width: 770px) {
   /* .col-left,
    .col-right,
    .col-main,
    .col1-layout .col-left,
    .col1-layout .col-right,
    .col1-layout .col-main,
    .col2-left-layout .col-left,
    .col2-left-layout .col-right,
    .col2-left-layout .col-main,
    .col2-right-layout .col-left,
    .col2-right-layout .col-right,
    .col2-right-layout .col-main,
    .col3-layout .col-wrapper .col-left,
    .col3-layout .col-right,
    .col3-layout .col-wrapper .col-main {
        padding: 0;
        margin-bottom: 10px;
        float: none;
        width: auto;
    }

    .col3-layout .col-wrapper {
        float: none;
        width: auto;
    }

    .col-main {
        float: none;
        width: auto;
    }

    .col2-set .col-1,
    .col2-set .col-2 {
        padding: 10px;
    }

    .col-main .col-left {
        padding: 0;
    }*/

    .col2-set .buttons-set .button,
    .col2-set .buttons-set .button2 {
        float: none;
        /*width: 100%;*/
        margin-left: 0;
        margin-right: 0;
    }
    .customer-paymentinfo-index .col2-set .buttons-set{
        text-align: center;
    }
    .customer-paymentinfo-index .col2-set .buttons-set .button{
        width: auto;
    }
    .customer-paymentinfo-index .col2-set .buttons-set .button:first-child{
        margin-right: 30px;
    }
    .col2-set .buttons-set .back-link {
        /*display: none;*/
    }
    .col2-set .buttons-set .required {
        /*display: none;*/
    }

    .header-language-background {
        display: none;
    }

    .breadcrumbs {
        display: none;
    }

    .col1-layout .sorter,
    .col1-layout .pager {
        width: 100%;
    }
    .col1-layout .pager {
        float: left;
        clear: both;
    }
    .col1-layout .pager .pages {
        float: left;
        margin-left: 0;
    }
    .col1-layout .pager .count-container {
        float: right;
    }

    .skip-link {
        border-right: 1px solid #EDEDED;
    }
    .skip-link:last-child {
        border-right: 0;
    }
    .skip-link.skip-active {
        background: #EDEDED;
        color: inherit;
    }

    .skip-link.skip-active span {
        color: inherit;
    }

    #header-account li a {
        padding: 0 15px 0 25px;
        border-bottom: 1px solid #cccccc;
        text-align: left;
        color: #636363;
        text-transform: uppercase;
        line-height: 30px;
    }

    #header-account li:last-child a {
        border-bottom: 0;
    }

    .no-touch #header-account a:hover{
        background-color: #f4f4f4;
        text-decoration: none;
    }

    .footer .form-language,
    .footer .currency-switcher {
        display: block;
    }

    .sidebar .block.block-layered-nav {
        border-bottom: none;
    }

    .product-view .product-shop .price-box .price-excluding-tax .price,
    .product-view .product-shop .price-box .price-including-tax .price {
        /*font-size: 20px;*/
    }

    .map-popup {
        width: 100%;
        left: 0px !important;
    }

    .cart-table th {
    }
    .cart-table th,
    .cart-table td {
        padding: 7px 6px;
    }
    .cart-table .product-cart-actions > li {
        white-space: inherit;
    }
    
    .shipping .shipping-form .form-list{
        width: 100%;
    }
    .shipping .shipping-form .form-list > li {
        width: 48%;
        /*float: none;*/
        margin-right: 4%;
    }
    .shipping .buttons-set{
        width: auto;
        float: right;
        margin-top: -46px;
    }
    .shipping .form-list > li.shipping-region{
        margin-right: 0;
    }

    .cart .cart-totals table tfoot td {
        /*font-size: 18px;*/
    }

    .opc #opc-login .description,
    .opc #opc-login p.required {
        display: none;
    }

    .gift-message-form .gift-item .product-img-box {
        width: 100%;
        float: none;
    }
    .gift-message-form .gift-item .fieldset {
        margin-left: 0px;
    }
    .gift-message-form .gift-item .fieldset textarea {
        width: 100%;
    }

    .my-account .addresses-list .col-1,
    .my-account .addresses-list .col-2 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .my-account .addresses-list .col-1 li.empty,
    .my-account .addresses-list .col-2 li.empty {
        width: 100%;
    }

    body.customer-account .data-table.orders th.ship, body.customer-account .data-table.orders td.ship {
        display: none;
    }

    .order-info-box .box-content {
        clear: left;
    }

    .order-info dt {
        display: none;
    }

    .dashboard .page-title {
        margin-top: 20px;
    }
    .dashboard .page-title h1 {
        margin-top: 0;
    }
    .dashboard .welcome-msg {
    }
    .dashboard .welcome-msg .hello {
        /*font-style: italic;*/
    }
    .dashboard .box-account {
        padding-bottom: 15px;
        margin-bottom: 30px;
    }
    .my-account .col2-set .col-1,
    .my-account .col2-set .col-2,
    .addresses-primary li, 
    .addresses-additional li{
        width: 48%;
    }
    .my-account .col2-set .addresses-primary,
    .my-account .col2-set .addresses-additional {
        width: 100%;
    }
    .my-account .col2-set .col-1 {
        float: left;
    }
    .my-account .col2-set .col-2 {
        float: right;
    }
    .customer-paymentinfo-index .my-account .col2-set .col-1,
    .customer-paymentinfo-index .my-account .col2-set .col-2{
        float: none;
        width: 100%;
    }
    .my-account .box-title a{
        display: inline-block;
        position: relative;
        top: 0;
        left: 0;
        right: auto;
        padding-left: 0;
    }
    .my-account p.actions a{
        float:right;
    }
    .my-account p.actions a:first-child{
        float:left;
        margin-left: 0;
    }
    .my-account .title-buttons{
        margin-top: 20px;
    }

    .paypal-review-order .col-1 {
        padding-bottom: 0;
    }
    .paypal-review-order .field.inactive {
        display: none;
    }

    body.review-product-list .product-view .product-shop .price-info {
        padding-left: 0;
    }
    body.review-product-list .product-view .product-shop .extra-info {
        padding: 0;
        min-width: 84%;
    }
    body.review-product-list .product-view .product-shop .extra-info .ratings-table {
        margin: 10px 0;
        width: 100%;
    }
    body.review-product-list .product-view .product-shop .extra-info .ratings-table tr {
        float: left;
        margin-right: 15px;
    }

    .review-product-view .product-review .product-img-box {
        max-width: 100%;
    }

    .header-minicart .subtotal .label {
        color: #636363;
    }
    .header-minicart .minicart-wrapper:before {
        background-color: #EDEDED;
    }
    .header-minicart .quantity-button {
        float: none;
    }
    .header-minicart .header-minicart .block-cart {
        padding: 15px;
    }
    .header-minicart .header-minicart .block-subtitle {
        padding-top: 59px;
    }
    .header-minicart .minicart-actions {
        padding-bottom: 33px;
    }
    .header-minicart .minicart-actions .cart-link {
        bottom: 0;
        right: 10px;
        left: auto;
    }
    .header-minicart .minicart-actions .checkout-types.minicart li {
        display: inline-block;
    }
    .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo > a {
        display: inline;
    }
    .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .bml_button {
        display: inline-block;
        vertical-align: top;
    }
    .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or {
        width: auto;
        float: none;
        display: inline;
        margin: 0 10px 5px 10px;
        line-height: 40px;
    }

    #contactForm {
        padding-left: 0;
    }

    .notice-cookie {
        padding: 0 20px;
    }
    .notice-cookie .notice-text {
        max-width: 82%;
        padding-top: 0;
    }


    .product-collateral .toggle-tabs {
        display: none;
    }
    .product-collateral > dl > dt {
        font-size: 18px;
        line-height: 1.4;
        text-transform: uppercase;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
        user-select: none;
        font-weight: normal;
        padding: 7px 10px 7px 24px;
        border:1px solid #cccccc;
        position: relative;
        background-color: #f4f4f4;
    }
    .product-collateral > dl > dt:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        border-top: 4px solid #693935;
        border-bottom: none;
        left: 10px;
        top: 50%;
        margin-top: -3px;
    }
    .product-collateral > dl > dd {
        padding: 10px;
        margin: 0;
        border-width: 0 1px;
        border-style: solid;
        border-color: #cccccc;
    }
    .product-collateral > dl > dd:last-child {
        border-width: 0 1px 1px 1px;
    }
    .product-collateral > dl > dt {
        cursor: pointer;
        border-bottom-width: 0;
    }
    .product-collateral > dl > dt:hover {
    }
    .product-collateral > dl > dt:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid #693935;
        border-right: none;
    }
    .product-collateral > dl > dt.last {
        border-bottom-width: 1px;
    }
    .product-collateral > dl > dd {
        display: none;
    }
    .product-collateral.accordion-open > dl > dt.current {
        border-bottom-width: 1px;
    }
    .product-collateral.accordion-open > dl > dt.current:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        border-top: 4px solid #693935;
        border-bottom: none;
        left: 6px;
        top: 50%;
        margin-top: -3px;
    }
    .product-collateral.accordion-open > dl > dd.current {
        display: block;
    }

    .product-view .block-related,
    .product-collateral {
        width: 100%;
        float: none;
        padding-right: 0;
        padding-left: 0;
    }
    
    /* LISTING */
    .products-grid--max-5-col > li{
        width:32%;
        margin-right: 1.48%;
    }
    .products-grid--max-5-col > li:nth-child(4n){
        margin-right: 1.33%;
    }
    .products-grid--max-5-col > li:nth-child(3n){
        margin-right: 0;
    }
    .products-grid--max-5-col > li:nth-child(3n+1){
        clear: none;
    }
    .products-grid--max-5-col > li:nth-child(4n+1){
        clear: none;
    }
}


@media only screen and (max-width: 767px) {
    .cart-checkout .opc-page-header-container{
        margin-top: 15px;
    }
    .cart-checkout .opc-logo {
        max-width:170px;
    }
    .cart-checkout #opc-header-nav{
        margin-bottom: 10px;
    }
    .cart-checkout #opc-header-nav h1 {
        font-size: 22px;
        line-height: 33px;
    }
    
    /* OVERLAY INFO & AGREE */
    .information-modalbox .modal-content-wrapper,
    .modal-agreements .modal-content-wrapper{
        width: 600px;
        margin-left: -300px;
    }
}



@media only screen and (max-width: 699px) {
    .display-both-prices .cart-table thead th.cart-total-head,
    .display-both-prices .cart-table td.product-cart-total {
        display: none;
    }
}




@media only screen and (max-width: 670px) {
    .paypal-or {
        line-height: 20px;
    }

    .paypal-logo,
    .paypal-or,
    .paypal-button {
        text-align: center;
        width: 100%;
        display: block;
        margin-right: 0;
        margin-left: 0;
        float: none;
    }

    .checkout-types {
        float: none;
        text-align: center;
    }
    .checkout-types.bottom .paypal-or, .checkout-types.minicart .paypal-or {
        width: auto;
        float: none;
    }

    .checkout-types li {
        float: none;
        width: 100%;
        margin-left: 0;
    }

    .btn-checkout {
        width: 100%;
    }

    .header-minicart .minicart-actions .checkout-button {
        width: 100%;
    }
    .header-minicart .minicart-actions .cart-link {
        right: auto;
        left: 0;
        text-align: center;
        width: 100%;
    }
    .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or,
    .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-button {
        width: 100%;
        display: block;
        margin-left: 0;
    }
    .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or {
        line-height: 1.6;
    }
    
    /* CUSTOMER ACCOUNT LOGIN */
    .customer-account-login .col2-set .col-1, 
    .customer-account-login .col2-set .col-2{
        width: 100%;
    }
    .customer-account-login .col2-set .content{
        min-height: 50px;
    }
    .customer-account-login .col-1 .buttons-set{
        margin-top: 10px;
    }
    .customer-account-login .col2-set .button{
        width: 100%;
    }
    #mini-register .fields .field .input-box, #mini-register li .input-box, .col-2.registered-users .input-box {
        width: 100%;
    }
    .customer-account-login .col-2.registered-users{
        margin-top: 20px;
    }
    .customer-account-login .col-1, .customer-account-login .col-2 {
        height: auto;
    }
    
    .customer-account-login .social-login{
        position: static;
        margin-top: 60px;
    }
}



@media only screen and (max-width: 635px) {
    .cart-checkout #opc-header-nav{
        width: 100%;
        float: none;
        display: block;
        text-align: center;
        margin-top: 30px;
        margin-bottom: 7px;
        padding-top:11px;
        border-top: 1px solid #693935;
        border-bottom: 1px solid #693935;
    }
    .cart-checkout .opc-top-block-agree{
        text-align: center;
    }

    .cart-checkout #opc-header-nav ul{
        width: 100%;
    }
    .cart-checkout #opc-header-nav ul{
        text-align: right;
    }
    .cart-checkout #opc-header-nav .bp635-title-page-opc{
        display: inline-block;
        font-size: 26px;
        line-height: 26px;
        margin-top: -8px;
        float: left;
    }
    
    .cart-checkout #opc-top-block-btn-checkout,
    .cart-checkout .page-title{
        display: block;
        text-align: center;
        width: 100%;
    }
    .cart-checkout .page-title{
        padding-top: 10px;
        display: inline-block;
    }
    .cart-checkout .page-title h1{
        background-image: none;
        padding-left: 0;
        font-size: 26px;
    }
    .cart-checkout #opc-top-block-btn-checkout .btn-checkout{/*???*/
        float: none;
        margin: 10px auto;
    }
    
    /* MY ACCOUNT */
    .wrap-title-buttons{
        position: static;
        margin-top: 10px;
    }
    .title-buttons h1{
        padding-right: 0;
    }
    
    /* OVERLAY INFO & AGREE */
    .information-modalbox .modal-content-wrapper,
    .modal-agreements .modal-content-wrapper{
        width: 480px;
        margin-left: -240px;
    }
}



@media only screen and (max-width: 620px) {
    .notice-cookie {
        padding: 0 20px;
    }
    .notice-cookie .notice-inner {
        background-position: left 10px;
    }
    .notice-cookie .notice-inner:after {
        content: '';
        display: table;
        clear: both;
    }
    .notice-cookie .notice-text {
        float: none;
        max-width: 100%;
        padding-top: 0;
    }
    .notice-cookie .actions {
        text-align: left;
    }
    
    
    /* TOOLBAR */
    .pages{
        padding: 25px 0 0;
        float: none;
        width: 100%;
        text-align: center;
    }
    .pages li:first-child{
        margin-left: 0;
    }
    
    /* LISTING */
    
    .action-button span span{
        padding: 0;
    }
    .action-button span span i{
        line-height: 24px;
    }
    .action-button.add-to-favourites{
        float: right;
    }
}





@media only screen and (max-width: 600px) {
    .products-list .product-shop .price-box .special-price {
        padding-left: 0;
    }

    .products-list .product-shop .product-primary,
    .products-list .product-shop .product-secondary,
    .products-list .product-shop .desc {
        float: none;
        width: 100%;
        padding-right: 0;
        text-align: left;
    }
    .footer .block-subscribe {
        clear: both;
        float: left;
        width: 100%;
    }

    .linearize-table-large {
        /* Helpers */
    }
    .linearize-table-large tr,
    .linearize-table-large th,
    .linearize-table-large td {
        display: block;
    }
    .linearize-table-large thead th {
        border-right: 0;
        border-left: 0;
    }
    .linearize-table-large thead th.lin-hide {
        display: none;
    }
    .linearize-table-large thead th:nth-child(1n+2) {
        display: none;
    }
    .linearize-table-large tbody tr {
        position: relative;
        border-bottom: 1px solid #cccccc;
    }
    .linearize-table-large tbody td {
        padding: 0 10px 4px;
        border-right: 0;
        border-bottom: 0;
    }
    .linearize-table-large tbody td.lin-hide {
        display: none;
    }
    .linearize-table-large tbody td:first-child {
        padding-top: 10px;
    }
    .linearize-table-large tbody td:first-child,
    .linearize-table-large tbody td:first-child h3 {
        font-weight: bold;
    }
    .linearize-table-large tbody td[data-rwd-label] {
        text-align: left;
        padding-left: 30px;
    }
    .linearize-table-large tbody td[data-rwd-label]:before {
        content: attr(data-rwd-label) ":";
        padding-right: 5px;
        text-transform: uppercase;
    }
    .linearize-table-large tfoot tr {
        display: block;
        text-align: right;
    }
    .linearize-table-large tfoot tr:after {
        content: '';
        display: table;
        clear: both;
    }
    .linearize-table-large tfoot td {
        display: block;
        float: left;
    }
    .linearize-table-large tfoot td.lin-hide {
        display: none;
    }
    .linearize-table-large tfoot td:nth-child(odd) {
        clear: left;
        width: 60%;
    }
    .linearize-table-large tfoot td:nth-child(even) {
        text-align: left;
        width: 40%;
    }
    .linearize-table-large .linearize-hide {
        display: none;
    }
    .linearize-table-large .linearize-unpad {
        padding: 0;
    }
    .linearize-table-large .linearize-show {
        display: block;
    }

    .add-to-box .add-to-links a {
        float: none;
        text-indent: 0;
    }

    .product-cart-sku {
        display: none;
    }

    .display-both-prices .cart-forms,
    .display-both-prices .cart-totals-wrapper,
    .display-both-prices .crosssell,
    .display-single-price .cart-forms,
    .display-single-price .cart-totals-wrapper,
    .display-single-price .crosssell {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        float: none;
        width: 100%;
    }

    .cart-table colgroup, .cart-table thead {
        display: none;
    }
    .cart-table tr {
        display: block;
        margin-bottom: 10px;
        padding-bottom: 10px;
        overflow: hidden;
        position: relative;
        width: 100%;
    }
    .cart-table tr:after {
        content: '';
        display: table;
        clear: both;
    }
    .cart-table tr:last-child {
        margin-bottom: 0;
    }
    .cart-table tfoot tr {
        padding-bottom: 0;
    }
    .cart-table td {
        border: none;
        display: block;
    }
    .cart-table tbody td{
        border: 0 none;
    }
    .cart-table tbody tr{
        border-bottom: 1px solid #e2d9c8;
    }
    .cart-table td[data-rwd-label] {
        margin-bottom: 6px;
    }
    .cart-table td[data-rwd-label] .price {
        font-size: 16px;
        font-weight: 700;
    }
    .cart-table td[data-rwd-label]:before {
        content: attr(data-rwd-label) ":";
        padding-right: 5px;
        font-size: 16px;
    }
    .cart-table td.product-cart-price {
        text-align: left;
    }
    .cart-table h2 {
        font-size: 16px;
        font-weight: 700;
    }
    .cart-table .cart-links {
        padding-top: 5px;
        padding-right: 5px;
    }
    .cart-table .cart-links > li {
        white-space: normal;
        text-align: center;
    }
    .cart-table .cart-links > li > a {
        padding: 2px 0px;
    }
    .cart-table .cart-tax-info {
        font-style: italic;
        padding-left: 15px;
    }
    .cart-table .cart-tax-info .price {
    }
    .cart-table .product-cart-image {
        width: 25%;
        float: left;
        padding-bottom: 0;
    }
    .cart-table .product-cart-image a.cart-edit {
        display: block;
        text-align: center;
        text-transform: uppercase;
    }
    .cart-table .product-cart-info,
    .cart-table td[data-rwd-label] {
        float: right;
        width: 75%;
    }
    .cart-table .product-cart-actions,
    .cart-table .product-cart-price {
        padding-bottom: 0;
        padding-top: 0;
        float: right;
    }
    .cart-table .product-cart-remove,
    .cart-table .product-cart-total,
    .cart-table .product-cart-actions .cart-links {
        display: none;
    }
    .cart-table .product-cart-image .cart-links,
    .cart-table .product-cart-info .btn-remove {
        display: block;
    }
    .cart-table .product-cart-actions .button {
        display: none;
    }
    .cart-table .product-cart-info .btn-remove {
        float: right;
        margin: -4px 0px 2px 7px;
    }
    .cart-table .product-cart-info .product-cart-sku {
        margin-bottom: 5px;
    }
    .cart-table .product-cart-actions {
        text-align: left;
    }
    .cart-table .product-cart-actions .qty {
        margin-right: 5px;
        margin-bottom: 5px;
        font-size: 18px;
    }
    .cart-table .price,
    .cart-table .product-cart-price:before {
        font-weight: 500;
    }
    .cart-table .cart-footer-actions {
        text-align: center;
        width: 100%;
    }
    .cart-table .cart-footer-actions #empty_cart_button {
        float: right;
    }
    .cart-table .cart-footer-actions .btn-continue {
        float: left;
    }
    .cart-table .cart-footer-actions span.or {
        display: none;
    }
    .cart-table .cart-footer-actions .btn-update{
        float: left;
    }

    .display-both-prices .cart-table td[data-rwd-tax-label]:before {
        content: attr(data-rwd-tax-label) ":";
    }

    .cart-totals {
        text-align: right;
    }

    .my-account .addresses-list .addresses-additional p a {
        white-space: nowrap;
    }

    #my-orders-table .option-label {
        margin-left: 20px;
    }
    #my-orders-table .option-value {
        margin-left: 35px;
    }
    #my-orders-table td[data-rwd-label=Qty] .nobr br {
        display: none;
    }
    #my-orders-table td[data-rwd-label=Qty] .nobr strong {
        margin-right: 10px;
    }
    #my-orders-table tr.bundle {
        border-color: #ededed;
    }
    #my-orders-table tr.bundle.child td[data-rwd-label] {
        padding-left: 60px;
    }
    #my-orders-table tbody:last-child tr:last-child td {
        padding-bottom: 10px;
        border-bottom: 0;
    }
    #my-orders-table tbody:last-child tr:last-child td:last-child {
        padding-bottom: 15px;
    }
    #my-orders-table tfoot tr.shipping {
        margin-top: 0;
    }

    body.customer-account .my-account .form-list .control {
        padding-left: 0;
    }

    .contacts-index-index .buttons-set {
        max-width: 330px;
        margin-left: 0;
    }
    .contacts-index-index .buttons-set button {
        float: left;
        margin-left: 0px;
    }
    .contacts-index-index .buttons-set p.required {
        float: right;
    }
    
    #wishlist-table tbody td{
        padding: 10px 5px;
    }
}



@media only screen and (max-width: 580px) {
    .logo-container{
        width: 33%;
    }
    .logo {
        margin-top: 13px;
        background-size: 140px !important;
        max-width: 140px;
    }
    .page-header-container{
        padding-bottom: 12px;
    }
    
    .my-account .col2-set .col-1, 
    .my-account .col2-set .col-2,
    .addresses-primary li, .addresses-additional li{
        width: 100%;
        margin-bottom: 20px;
    }
}





/* Only show on iPhones (not iPads or any other device) */
@media only screen and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 0) {
    input[type=email],
    input[type=search],
    input[type=number],
    input[type=password],
    input[type=tel],
    input[type=text],
    select {
        font-size: 16px;
        /* Prevent from zooming on focus */
    }
}




@media only screen and (max-width: 535px) {
    body.review-product-list .product-view .product-shop .extra-info {
        min-width: 0;
    }
    body.review-product-list .product-view .product-shop .extra-info .ratings-table tr {
        float: none;
        margin-right: 0;
    }
    
    /* LISTING */
    .products-grid--max-5-col > li{
        width: 49%;
        margin-right: 2%;
    }
    .products-grid--max-5-col > li:nth-child(3n){
        margin-right: 2%;
    }
    .products-grid--max-5-col > li:nth-child(2n){
        margin-right: 0;
    }
    
    .logo-container{
        /*width: 33%;*/
        margin-left: 52px;
    }
    
    /* MY ACCOUNT */
    .my-account-content-wrap {
        padding: 15px;
    }
    
    /* OVERLAY INFO & AGREE */
    .information-modalbox .modal-content-wrapper,
    .modal-agreements .modal-content-wrapper{
        width: 430px;
        margin-left: -215px;
    }
}




@media only screen and (max-width: 530px) {
    .data-table.orders td.status,
    .data-table.orders th.status {
        display: none;
    }
}




@media only screen and (max-width: 520px) {
    #customer-reviews .fieldset {
        width: 100%;
    }
    #customer-reviews .fieldset .form-list {
        width: 100%;
    }
    #customer-reviews .fieldset .form-list .inline-label label,
    #customer-reviews .fieldset .form-list .inline-label .input-box {
        float: none;
    }
    #customer-reviews .buttons-set {
        width: 100%;
    }
    #customer-reviews .review-summary-table thead th {
        padding-left: 0px;
        padding-right: 0px;
    }
    #customer-reviews .review-summary-table tbody th {
        padding-left: 0px;
        padding-right: 0px;
    }
    #customer-reviews .review-summary-table tbody td {
        width: 20%;
        padding: 0px;
    }
    #customer-reviews .review-summary-table .rating-box {
        text-indent: 0px;
        text-align: center;
        background: none;
        height: 19.6px;
        width: 100%;
    }
    #customer-reviews .review-summary-table .rating-box .rating {
        display: none;
    }
    #customer-reviews .review-summary-table .rating-box .rating-number {
        display: inline-block;
    }
    
    /* MY PAYMENT DATA */
    .customer-paymentinfo-index .form-list .field,
    .customer-paymentinfo-index .form-list .wide,
    .customer-paymentinfo-index .form-list > li.wide50,
    .customer-paymentinfo-index .form-list label, 
    .customer-paymentinfo-index .form-list .input-box{
        width: 100%;
        text-align: left;
    }
}




@media only screen and (max-width: 499px) {
    .skip-cart .count {
        margin-left: -12px;
    }
}



@media only screen and (max-width: 480px) {
    .col2-set .col-1,
    .col2-set .col-2 {
        float: none;
        width: auto;
        border: 0;
        padding-right: 0;
        padding-left: 0;
    }
    
    .buttons-set,
    .back-link,
    #addredeem-giftvoucher-code .button-add-list{
        text-align: center;
    }
    .buttons-set .button {
        float: none;
        /*width: 100%;*/
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .buttons-set .back-link {
        display: none;
    }


    truncated {
        cursor: inherit;
    }
    .truncated a.details {
        display: none;
    }
    .truncated .truncated_full_value .item-options {
        display: block;
        position: static;
        z-index: 1;
        width: 100%;
        border: none;
        background-color: transparent;
    }
    .truncated .truncated_full_value .item-options p {
        float: none;
    }
    .truncated .truncated_full_value .item-options:after {
        display: none;
    }
    
    .footer {
        padding-top: 15px;
    }

    /* Linearize Table */
    .linearize-table {
        /* Helpers */
    }
    .linearize-table tr,
    .linearize-table th,
    .linearize-table td {
        display: block;
    }
    .linearize-table thead th {
        border-right: 0;
        border-left: 0;
    }
    .linearize-table thead th.lin-hide {
        display: none;
    }
    .linearize-table thead th:nth-child(1n+2) {
        display: none;
    }
    .linearize-table tbody tr {
        position: relative;
        border-bottom: 1px solid #cccccc;
    }
    .linearize-table tbody td {
        padding: 0 10px 4px;
        border-right: 0;
        border-bottom: 0;
    }
    .linearize-table tbody td.lin-hide {
        display: none;
    }
    .linearize-table tbody td:first-child {
        padding-top: 10px;
    }
    .linearize-table tbody td:first-child,
    .linearize-table tbody td:first-child h3 {
        font-weight: bold;
    }
    .linearize-table tbody td[data-rwd-label] {
        text-align: left;
        padding-left: 30px;
    }
    .linearize-table tbody td[data-rwd-label]:before {
        content: attr(data-rwd-label) ":";
        padding-right: 5px;
        text-transform: uppercase;
    }
    .linearize-table tfoot tr {
        display: block;
        text-align: right;
    }
    .linearize-table tfoot tr:after {
        content: '';
        display: table;
        clear: both;
    }
    .linearize-table tfoot td {
        display: block;
        float: left;
    }
    .linearize-table tfoot td.lin-hide {
        display: none;
    }
    .linearize-table tfoot td:nth-child(odd) {
        clear: left;
        width: 60%;
    }
    .linearize-table tfoot td:nth-child(even) {
        text-align: left;
        width: 40%;
    }
    .linearize-table .linearize-hide {
        display: none;
    }
    .linearize-table .linearize-unpad {
        padding: 0;
    }
    .linearize-table .linearize-show {
        display: block;
    }

    .page-header-container .store-language-container {
        padding-top: 8px;
    }
    .page-header-container .store-language-container select {
    }

    .product-img-box .product-image img {
        max-height: 450px;
    }
    .product-view .add-to-cart-buttons .paypal-or {
        line-height: 20px;
    }
    .product-view .add-to-cart-buttons .paypal-logo,
    .product-view .add-to-cart-buttons .paypal-or,
    .product-view .add-to-cart-buttons .paypal-button{
        text-align: center;
        width: 100%;
        display: block;
        margin-right: 0;
        margin-left: 0;
        float: none;
    }

    .product-view .product-shop,
    .product-img-box,
    .product-collateral,
    .product-view .block-related,
    .box-collateral {
        margin-bottom: 15px;
    }

    .grouped-items-table-wrapper {
        margin-bottom: 15px;
    }

    .product-options-bottom .product-pricing,
    .product-options-bottom .tier-prices {
        float: none;
        width: 100%;
        text-align: right;
        padding-bottom: 5px;
        margin-bottom: 10px;
        border-bottom: 1px solid #cccccc;
    }

    .product-options-bottom .price-box .price-as-configured {
        text-align: right;
    }
    .product-options-bottom .price-box .price-as-configured .price-label {
        display: block;
    }

    .map-popup .map-popup-heading h3 {
        text-align: center;
    }
    .map-popup .map-popup-content {
        text-align: center;
    }
    .map-popup .map-popup-checkout {
        text-align: center;
    }
    .map-popup .map-popup-checkout .button,
    .map-popup .map-popup-checkout .additional-addtocart-box,
    .map-popup .map-popup-checkout .paypal-logo a,
    .map-popup .map-popup-checkout .paypal-logo .paypal-or {
        float: none;
    }
    .map-popup .map-popup-checkout .additional-addtocart-box {
        min-width: 0px;
    }
    .map-popup .map-popup-checkout .paypal-logo .paypal-or {
        margin: 0px;
        margin-bottom: 10px;
    }
    .map-popup .map-popup-price {
        text-align: center;
        padding-top: 0px;
    }

    .opc .buttons-set .button + .buttons-set .button,
    .paypal-express-review .buttons-set .button + .buttons-set .button {
        margin-left: 0;
    }

    .sp-methods .checkmo-list {
        padding-left: 0;
    }
    .sp-methods .checkmo-list label {
        width: 135px;
    }

    #checkout-step-review .opc-block-progress .block-content > dl > div {
        float: none;
        width: auto;
    }

    .customer-account-login .col2-set .col-1 {
        padding-bottom: 30px;
    }
    .customer-account-login .col2-set .col-2 {
        padding-top: 30px;
    }

    .customer-account-create .fieldset,
    .customer-account-create .buttons-set {
        margin-left: 0;
    }

    .customer-account-forgotpassword .fieldset,
    .customer-account-forgotpassword .buttons-set {
        margin-left: 0;
    }

    body.customer-account .my-account .page-title h1 {
        /*text-align: center;*/
    }
    body.customer-account .my-account .title-buttons {
        /*text-align: center;*/
    }
    body.customer-account .my-account .title-buttons .button {
        width: 100%;
        position: static;
        margin-top: 15px;
    }
    body.customer-account .my-account .fieldset h2 {
        /*margin-bottom: 15px;*/
    }
    body.customer-account .my-account .order-details h2 {
        margin-bottom: 15px;
    }
    body.customer-account .my-account .buttons-set {
        border-top: 0;
    }

    .order-info {
        margin-top: 15px;
    }

    .data-table.orders .link-reorder,
    .data-table.orders .date {
        display: none;
    }
    .data-table.orders td.view {
        text-align: right;
    }

    .my-account .box-title a{
        /*position: absolute;
        padding: 10px;*/
    }
    .title-buttons h1{
        padding-right: 0;
    }

    .order-info-box {
        margin: 0;
    }
    .order-info-box .col-1,
    .order-info-box .col-2 {
        width: 100% !important;
        padding: 15px 0;
    }
    .order-info-box + .order-info-box {
        padding-bottom: 0;
        border-bottom: 0;
        margin-bottom: 30px;
    }

    #my-reviews-table .nobr {
        white-space: normal;
    }

    #wishlist-table tr {
        position: relative;
    }
    #wishlist-table th.customer-wishlist-item-image {
        display: block;
    }
    #wishlist-table td.customer-wishlist-item-image, #wishlist-table td.customer-wishlist-item-info, #wishlist-table td.customer-wishlist-item-quantity, #wishlist-table td.customer-wishlist-item-price, #wishlist-table td.customer-wishlist-item-cart {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        empty-cells: hide;
    }
    #wishlist-table td.customer-wishlist-item-image {
        display: block;
        overflow: hidden;
    }
    #wishlist-table td.customer-wishlist-item-image a {
        float: left;
    }
    #wishlist-table td.customer-wishlist-item-image a img {
        width: 113px;
        height: 113px;
    }
    #wishlist-table td.customer-wishlist-item-quantity, #wishlist-table td.customer-wishlist-item-price {
        text-align: left;
    }
    #wishlist-table td.customer-wishlist-item-quantity:before, #wishlist-table td.customer-wishlist-item-price:before {
        float: left;
        margin-right: 15px;
    }
    #wishlist-table td.customer-wishlist-item-quantity .cart-cell, #wishlist-table td.customer-wishlist-item-price .cart-cell {
        text-align: left;
    }
    #wishlist-table td.customer-wishlist-item-quantity .price-box, #wishlist-table td.customer-wishlist-item-price .price-box {
        margin-top: 0;
    }
    #wishlist-table td.customer-wishlist-item-cart .cart-cell {
        float: left;
        width: 48%;
    }
    #wishlist-table td.customer-wishlist-item-cart > p {
        float: right;
        width: 48%;
    }
    #wishlist-table td.customer-wishlist-item-remove {
        position: absolute;
        top: 15px;
        right: 0px;
        display: block;
        padding: 0px;
        height: 20px;
    }
    #wishlist-table td.customer-wishlist-item-cart {
        width: 100%;
    }

    .header-minicart a.skip-cart {
        z-index: 1;
    }

    .advanced-search {
        padding: 15px;
    }
    
    /* HEADER */
    .logo-container{
        width: 35%;
    }
    #header-account-container{
        display: none;
    }
    #header-login-form-not-logged{
        display:none;
    }
    .blocks-container .separator-mob-ver.first-elem{
        display:none;
    }
    
    .logo-container{
        width: 47%;
    }
    
    /* CART & CHECKOUT */
    .cart-checkout #opc-header-nav h1 {
        font-size: 20px;
        line-height: 29px;
        margin-right: 15px;
    }
    .cart-checkout #opc-header-nav ul li a{
        padding: 0 10px;
        font-size: 14px;
        letter-spacing: 0.3pt;
    }
    
    .cart-checkout .bp635-title-page-opc{
        font-size: 22px;
    }
    
    /* CART */
    .shipping .shipping-form .form-list > li {
        width: 100%;
        /*float: none;*/
        margin-right: 0;
    }
    .shipping .buttons-set{
        width: 100%;
        float: none;
        margin-top: 10px;
        display: block;
    }
    
    
    /* OVERLAY INFO & AGREE */
    .information-modalbox .form-list > li,
    .information-modalbox .form-list .fields .field,
    .information-modalbox .form-list li .input-box, 
    .information-modalbox .form-list li label{
        width: 100%;
        text-align: left;
    }
    .information-modalbox .form-list .fields .field:first-child{
        margin-bottom: 12px;
    }
}





@media only screen and (max-width: 450px) {
    #customer-reviews dl dd .ratings-table tr {
        float: none;
    }
    
    /* OVERLAY INFO & AGREE */
    .information-modalbox .modal-content-wrapper,
    .modal-agreements .modal-content-wrapper{
        width: 360px;
        margin-left: -180px;
    }
}



@media only screen and (max-width: 420px) {
    .product-view .product-shop .price-box .price-excluding-tax,
    .product-view .product-shop .price-box .price-including-tax {
        margin-bottom: 5px;
    }
    .product-view .product-shop .price-box .price-excluding-tax span,
    .product-view .product-shop .price-box .price-including-tax span {
        display: block;
    }
    
    .customer-paymentinfo-index .col2-set .buttons-set .button:first-child{
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}





@media only screen and (max-width: 390px) {
    #nav{
        left:-340px;
        width: 320px;
        margin-right: -320px;
    }
    .js-move-to-left.js-active  #nav,
    .js-move-to-left.js-active .main-container,
    .js-move-to-left.js-active .footer-container{
        -webkit-transform: translate(320px, 0);
        -moz-transform: translate(320px, 0);
        -ms-transform: translate(320px, 0);
        -o-transform: translate(320px, 0);
        transform: translate(320px, 0);
    }
    
    .cart-checkout #opc-header-nav .bp635-title-page-opc{
        display: none !important;
    }
    .cart-checkout .page-title{
        display: block;
    }
    .cart-checkout #opc-header-nav{
        margin-bottom: 0;
        margin-top: 20px;
        padding-bottom: 7px;
    }
    .cart-checkout #opc-header-nav ul{
        text-align: center;
    }
    
    /* OVERLAY INFO & AGREE */
    .information-modalbox .modal-content-wrapper,
    .modal-agreements .modal-content-wrapper{
        width: 300px;
        margin-left: -150px;
    }
}




@media only screen and (max-width: 360px) {
    /*.nav-primary li a,
    #nav .nav-secondary-right li a{
        width: 80%;
    }*/
    
    .nav-primary li a, 
    #nav .nav-secondary-right li a,
    #nav .secondary-nav-top li a,
    .nav-primary a.level0, 
    .nav-primary li.level0 ul li a{
        font-size: 18px;
        margin-left: 20px;
    }
    
    .main-container{
        margin-top: 62px;
    }
    .page-header-container{
        padding-bottom: 2px;
    }
    .logo-container{
        width: 46%;
        margin-left: 45px;
    }
    .logo {
        margin-top: 5px;
      }
    #mobile_nav_trigger{
        height: 47px;
    }
    #mobile_nav_trigger > a{
        margin-top: 4px;
    }
    #mobile_nav_trigger .trigger-icon{
        width: 25px;
    }
    #search_mini_form .search-button{
        width: 30px;
    }
    #search_mini_form .search-button span i{
        width: 30px;
        line-height: 30px;
    }
    .search-bar,
    #search_mini_form .search-button,
    #search_mini_form .search-button > span{
        width: 30px;
        height: 30px;
    }
    #header-mini-cart{
        border-top: 0 none;
        border-bottom: 0 none;
    }
    #header-mini-cart > span{
        height: 30px;
        padding: 0;
    }
    #header-mini-cart > span > .mini-cart-icn{
        margin-top: 2px;
    }
    .page-header .separator-mob-ver{
          height: 15px;
          margin-top: 8px;
    }   
    .search-bar.js-opened .input-box{
          top: -7px;
          left: -198px;
    }
    
    
    /* CUSTOMER ACCOUNT LOGIN */
    .customer-account-login .col2-set .buttons-set{
        text-align: center;
    }
    .customer-account-login .col2-set .buttons-set button,
    .customer-account-login .col-2 .buttons-set .button{
        float: none;
    }
    .customer-account-login .col-2 .buttons-set a{
          display: inline-block;
            width: 90%;
            margin-bottom: 30px;
    }
}




@media only screen and (max-width: 320px) {
    .crosssell ul .item {
        padding: 0 0px 40px;
    }
    .crosssell ul .product-details .crosssell-actions {
        padding: 0 5px;
    }

    .product-review .ratings-table tr {
        float: none;
    }
    
    #discount-coupon-form .input-text{
        margin-bottom: 15px;
    }
    
    .logo{
        background-size: 120px !important;
        max-width: 120px;
    }
    
    /* OVERLAY INFO & AGREE */
    .information-modalbox .modal-content-wrapper,
    .modal-agreements .modal-content-wrapper{
        width: 280px;
        margin-left: -140px;
        top: 10px;
    }
    
    /* NEWSLETTER SUBSCRIPTION POPUP */
    #newsletter-subscription-viewport, #newsletter-subscription-slider .slide {
        width: 250px;
        height: 800px;
    }
}





@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    .icon-sprite, .ratings .rating-box, .ratings .rating-box .rating, .sorter > .sort-by .sort-by-switcher, .sorter > .view-mode .grid,
    .sorter > .view-mode .list, .skip-nav .icon, .skip-search .icon, #search_mini_form .search-button:before, .skip-account .icon, .skip-cart .icon, .review-summary-table .rating-box .rating-number:after, .ratings-table .rating-box, .ratings-table .rating-box .rating {
        background-image: url(../images/icon_sprite@2x.png);
        background-size: 100px 1000px;
    }

    .footer .links.social-media em {
        background-image: url(../images/social_icons@2x.png);
        background-size: 50px 125px;
    }
    
    .logo{
        background-size: 191px 109px;
    }
    #header-login .fa-caret-down, 
    #header-login .fa-caret-up{
        /*background-size: 24px 21px;*/
    }
    #header-mini-cart > span > .mini-cart-icn{
        background-size: 30px 26px;
    }
}