/*
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: 768px) {
 
    .skip-links {
        border: 0;
    }
    .skip-nav {
        display: none;
    }


    .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-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: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;
    }

    .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: 1025px) {
    .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;
    }

    .nav-primary .menu-active,
    .nav-primary li.level0:hover {
        z-index: 200;
    }

    .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;
    }
    .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 li.parent > a {
        position: relative;
    }

    .no-touch li:hover > ul {
        display: block;
        /* Force display */
    }

    .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;
    }

    .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);
    }

    
    #nav .nav-secondary-right,
    #nav .secondary-nav-top{
        display: none;
    }

    #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;
    }
    
}




@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;
    }

}


@media only screen and (max-width: 1090px) {
    .blocks-container{
        width: 52%;
    }
}




@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%;
    }
}




@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;
    }

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







/* ------------------- TABLET / SMARTPHONE & DESKTOP < 940px ---------------- */
/*@media (max-device-width: 1280px) and (orientation: landscape),
(max-device-width: 800px) and (orientation: portrait),
(max-device-width: 800px) and (orientation: landscape),
(max-width: 940px)*/
@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),
(max-width: 940px){

    /* RESET LAYOUT  */


    .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 {
        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 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 {
        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;
    }    
    
    /* 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;
    }
    
    /* 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){*/
    .nav-primary li.level0 ul li a span{
        width: auto;
    }


    .nav-primary > li:first-child,
    #nav .nav-secondary-right > li:first-child,
    #nav .secondary-nav-top > li:first-child{
        border-top:0 none;
    }






    
    /* 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;
    }


  
    .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;
    }
}




/* ------------------- 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%;
    }
}




/* ------------------- 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;
    }
    #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;
    }
    
    

  

    #policies-link{
        margin-bottom: 10px;
    }
    /* Footer */
    
    .footer-container{
        display:block;
    }
    .footer {
        padding-top: 10px;
    }
    .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;
    }
}




/* ------------------- SMARTPHONE 740px portrait ---------------- */
@media (max-device-width: 740px) and (orientation: portrait),
(max-width: 430px){
    .sorter > .sort-by , .sorter .limiter{
        width: 100%;
    }
    .sorter .separator{
        display: none;
    }
    .sorter .limiter{
        margin-top: 10px;
    }
    .sorter select{
        width: 75%;
        float: right;
    }

    
    /* 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: 55%;
        left: 5%;
    }
}





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

    .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;
    }
    .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;
    }


    .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;
    }


    .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%;
    }

    

    #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;
    }
    
}


@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: 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;
    }

}



@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;
        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 .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;
    }
    

    
    
    /* 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: 640px) {
    .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%;
    }

    .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%;
    }

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

    
    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;
    }

}



@media only screen and (max-width: 580px) {
    .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;
    }
}




@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;
    }
    
    /* 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;
    }

    .data-table.orders td.status,
    .data-table.orders th.status {
        display: none;
    }

    #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;
    }

    .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;
    }
    .buttons-set .required {
        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;
    }

    .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-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;
    }


    .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;
    }

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

    .advanced-search {
        padding: 15px;
    }
    
    /* HEADER */

    #header-account-container{
        display: none;
    }
    #header-login-form-not-logged{
        display:none;
    }
    .blocks-container .separator-mob-ver.first-elem{
        display:none;
    }
    

    
    /* 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: 12px;
        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: 414px) {
    #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;
    }

     .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;
    }
}