/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/


@media(min-width:768px) and (max-width:991.98px) {
    #crossSell-carousel .slick-list,
    #productInTheSamecategory .slick-list,
    .product-carousel .slick-list {
        padding: 0 25% 0 0 !important;
    }
    #crossSell-carousel.no-padding-responsive .slick-list,
    #productInTheSamecategory.no-padding-responsive .slick-list,
    .product-carousel.no-padding-responsive .slick-list {
        padding: 0 !important;
    }
    .woocommerce ul.products {
        padding-left: 0;
        padding-right: 0;
    }
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        padding: 10px;
    }
    h3.productName,
    .woocommerce ul.products li.product h3, .woocommerce ul.products li.product a h3, .woocommerce ul.products li.product a.avoid-style-change h3  {
        font-size: 14px !important;
        line-height: 19px;
    }
    .woocommerce ul.products li.product {
        font-size: 13px;
    }
    body.woocommerce-checkout .top-header {
        padding-bottom: 20px;
    }
    #step2 {
        margin-top: 30px;
    }
    #payment {
        padding: 30px 15px 15px;
    }
    ul.wc_payment_methods li label {
        width: 92%;
    }
    .cart-collaterals {
        padding: 20px 15px 30px;
    }
    .woocommerce-cart-form .woocommerce-cart-form__cart-item {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    /*** Single product ***/
    input.qty {
        margin-right: 15px;
    }
    .woocommerce #respond input#submit.alt,
    .woocommerce a.button.alt, .woocommerce button.button.alt,
    .woocommerce input.button.alt {
        padding: 10px 15px;
    }
    .product-carousel .item,
    #crossSell-carousel > li {
        padding-left: 20px;
    }
    .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
        padding: 16px 20px !important;
    }
    .nw-sidebar {
        padding-top: 0;
        border-top: none;
    }
    .nw-sidebar a.btn,
    .nw-sidebar a.btn.collapsed,
    .nw-sidebar a.btn:focus,
    .nw-sidebar a.btn.collapsed:focus,
    .nw-sidebar a.btn:active,
    .nw-sidebar a.btn.collapsed:active {
        border-top: none!important;
        border: none!important;
    }
}


@media(max-width:991.98px) {
    .woocommerce .woocommerce-customer-details,
    .woocommerce .woocommerce-order-details,
    .woocommerce .woocommerce-order-downloads {
        margin-bottom: 30px;
    }
    /*** Mobile sidebar - filters ***/
    .container-fluid.sublevel .nw-sidebar {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #ffffff;
        z-index: 1;
        border-radius: 0;
        visibility: hidden;
        opacity: 0;
    }
    .container-fluid .nw-sidebar.show {
        visibility: visible;
        opacity: 1;
        overflow-y: auto;
        padding-top: 50px;
        padding-bottom: 20px;
        z-index: 9999;
    }
    .container-fluid.sublevel .nw-sidebar {
        padding-left: 20px;
        padding-right: 20px;
    }
    a.touch-filters-btn,
    a.touch-filters-btn:hover,
    a.touch-filters-btn:focus {
        border: 2px solid #B3B3B3;
        padding: 10px 15px;
        border-radius:0;
        font-family: "Mona Sans", sans-serif;
        font-size: 18px;
        line-height: 20px;
        font-weight: 400;
        color: var(--brand-grey);
        background-color: #fff;
        background-image: url('../img/filters_icon.svg');
        background-position: right 15px center;
        background-repeat: no-repeat;
        background-size: 15px;
        text-decoration: none;
    }
    .touch-filters-btn,
    .woocommerce .woocommerce-ordering {
        min-width: 49%;
    }
    .filter-close-button {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 20px;
        height: 20px;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        overflow:hidden;
        color: transparent;
        text-indent: 1000;
        background-image: url('../img/icon_close_button_rp.svg');
        background-size: contain;
        background-repeat: no-repeat;
        background-color: transparent;
    }
    #touch-filter-clear.disabled {
        opacity: 0;
        visibility: hidden;
    }
}

@media(max-width:767.98px) {
    .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
        padding: 7px 20px;
    }
    .container {
        /*padding: 0 15px;*/
    }
    #crossSell-carousel .slick-list,
    #productInTheSamecategory .slick-list,
    .product-carousel .slick-list,
    .lifestyle-images-carousel .slick-list {
        padding: 0 33% 0 0 !important;
    }
    .categories.product-carousel .slick-list {
        padding: 0 0 0 25%!important;
        /*padding: 0 0 0 33%!important;*/
    }
    #crossSell-carousel.no-padding-responsive .slick-list,
    #productInTheSamecategory.no-padding-responsive .slick-list,
    .product-carousel.no-padding-responsive .slick-list,
    .lifestyle-images-carousel.no-padding-responsive .slick-list {
        padding: 0 !important;
    }
    .product-carousel .item,
    #crossSell-carousel > li,
    .lifestyle-images-carousel .slick-list .slick-slide{
        padding-left: 0!important;
        padding-right: 10px!important;
    }
    .woocommerce ul.products {
        padding-left: 0;
        padding-right: 0;
        margin-left: -7px;
        margin-right: -7px;
    }
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        padding: 7px;
    }
    .product-grid-item__inner {
        padding: 10px;
    }
    h3.productName,
    .woocommerce ul.products li.product h3, .woocommerce ul.products li.product a.avoid-style-change h3 {
    }
    .product-grid-item__inner h4.item-grid-title {
        font-size: 16px;
    }
    table.variations td.value, table.variations td.label {
        display: block;
        width: 100%;
    }
    .container-fluid:not(.sublevel) .nw-sidebar {
        padding-top: 0;
        border-top: none;
    }
    .nw-sidebar a.btn,
    .nw-sidebar a.btn.collapsed,
    .nw-sidebar a.btn:focus,
    .nw-sidebar a.btn.collapsed:focus,
    .nw-sidebar a.btn:active,
    .nw-sidebar a.btn.collapsed:active {
        border-top: none!important;
        border: none!important;
    }
    .bestsellers {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px;
        border-radius: 0;
    }


    body.woocommerce-checkout .top-header {
        padding-bottom: 15px;
    }
    #payment {
        padding: 20px 15px 10px;
    }
    ul.wc_payment_methods li label {
        width: 85%;
    }
    ul.wc_payment_methods li label {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    ul.wc_payment_methods li label .about_paypal {
        display: none;
    }
    li.payment_method_stripe_cc.wc-stripe-card-icons-container img.wc-stripe-card-icon,
    li.payment_method_stripe_payment_request .wc-stripe-paymentRequest-icons-container img,
    li.payment_method_stripe_cc .wc-stripe-card-icons-container img.wc-stripe-card-icon,
    li.payment_method_stripe_payment_request .wc-stripe-paymentRequest-icons-container img{
        max-width: 34px!important;
        height: auto!important;
    }
    .woocommerce #respond input#submit.alt,
    .woocommerce a.button.alt,
    .woocommerce button.button.alt,
    .woocommerce input.button.alt {
        /*padding: 15px 45px!important;*/
        padding: 13px 23px 12px 23px!important;
    }
    .cart-collaterals {
        border: 1px solid #C5C5C5;
        padding: 25px 20px 30px;
    }
    .woocommerce-cart-form__cart-item .product-name a {
        font-size: 16px !important;
        line-height: 19px;
        margin-bottom: 0.4em;
    }
    .category-promotion-inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }


    .woocommerce-ordering {
        width: 48%;
        margin-left: 5%;
    }
    .woocommerce-ordering select {
        width: 100%;
    }
    .mobile-filters-head {

    }
    h1.product_title {
        margin-bottom: 0;
        padding: 0.4em 0 !important;
    }
    .woocommerce div.product p.price,
    .woocommerce div.product span.price {
        font-size: 26px;
        line-height: 30px;
    }
    .single-product .visualColourFilter {
        margin-bottom: 15px;
    }
    .single-product-page .woocommerce-variation-add-to-cart {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .single-product-page .woocommerce-variation-add-to-cart .single_add_to_cart_button {
        width: 100%;
    }
    .single-product-page .woocommerce div.product form.cart div.quantity {
        float: none;
    }
    .single-product-page .woocommerce-variation-add-to-cart .qty-label,
    .single-product-page .woocommerce div.product form.cart div.quantity {
        margin-bottom: 30px;
    }
    .woocommerce-variation-add-to-cart.variations_button {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .woocommerce-variation-add-to-cart.variations_button .qty-label {
        width: 50%;
        margin: 0;
    }
    .woocommerce div.product form.cart div.quantity {
        width: 50%;
        float: right;
        margin: 0;
    }
    .woocommerce div.product form.cart div.quantity input.qty {
        float: right;
        margin: 0;
    }
    .woocommerce div.product form.cart .single_add_to_cart_button {
        margin-top: 10px;
        width: 100%;
    }

    #step1 .form-row:not(.mailchimp-newsletter) .woocommerce-form__label-for-checkbox,
    #ship-to-different-address .woocommerce-form__label-for-checkbox {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    #step1 .form-row:not(.mailchimp-newsletter)  span.custom-checkbox,
    #ship-to-different-address .woocommerce-form__label-for-checkbox span.custom-checkbox {
        margin-right: 10px;
    }
    p.form-row-wide.mailchimp-newsletter label.woocommerce-form__label-for-checkbox {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: start!important;
    }
    .single-product form.cart .qty-label, form.cart .qty-label, .woocommerce-variation-add-to-cart .qty-label {
        width: 50%;
        min-width: 50%;
    }
    .woocommerce-cart-form .woocommerce-cart-form__cart-item {
        padding-right: 0;
    }
    .woocommerce-cart-form__cart-item .product-quantity input.qty {
        margin-bottom: 0!important;
    }
    .product-grid-item .price-container .on-sale {
        display: inline-block;
        text-wrap: wrap;
    }
}