﻿/****************************************
                Tablet
****************************************/
@media (min-width: 640px) and (max-width: 1023px){
    .center{
        padding: 0 2%;
    }

    /* -MODIF */
    .slide-container{
        margin-left: -110px!important;
    }

    .column:nth-child(2n) .row-captcha .label {
        display: none;
    }

    .column:nth-child(2n) .row-captcha .g-recaptcha{
        float: right;
    }

    .column:nth-child(2n) .row-captcha + .form-button{
        text-align: right;
    }

    .columns-general.product-bottom-info,
    .columns-general.product-bottom-info > .column{
        display: block;
    }

    .list-totals .total-value,
    .list-cart .total-value {
        min-width: 0;
    }

    /* START general top navigation */
    .nav-opener-wrapper.state-nav-empty{
        visibility:hidden;
        overflow:hidden;
        width:0;
    }
    .nav-item-root.hover .nav-wrapper{
        display: block;
    }
    /* END general top navigation */

    /* START multi dropdown navigation */
    .nav-lvl-2 .separator:nth-of-type(4n){
        display: table-row;
    }

    .nav-lvl-2 .nav-item-block:nth-child(4n+1){
        border-left: none;
    }
    /* END multi dropdown navigation */

    /* START simple dropdown navigation */
    .nav-item.hover > .nav-list-sub{
        display: block;
    }
    /* END simple dropdown navigation */

    /*          START product tile            */
    .products-flow .product-tile{
        padding: 0 3px;
        width: 33.33%;
    }

    .products-flow .product-tile .btn{
        padding: 0 28px 0 8px;
    }

    .blocks-row-item{
        width: 33.3333%;
    }

    .column .blocks-row-item{
        width: 50%;
    }

    .products-group:not(.slick-initialized) .blocks-row-item:nth-child(n+4),
    .column .products-group:not(.slick-initialized) .blocks-row-item:nth-child(3){
        display: none;
    }

    .products-group .product-tile .btn{
        padding: 0 28px 0 8px;
    }
    /*          END product tile            */

    .order-box .form-row .label {
        display: block;
        width: 100%;
        margin-bottom: 5px;
    }

    .order-box .form-row.row-variant .label,
    .order-box .form-row.row-sales-agreement-lines .label{
        float: none;
        min-width: initial;
        margin-bottom: 5px;
    }

    .order-box .form-row .field{
        display: block;
    }

    .order-box .form-row.row-variant .field,
    .order-box .form-row.row-sales-agreement-lines .field{
        float: none;
        width: 100%;
    }

    .list-mode .product-action{
        flex-direction: row;
    }

    .list-mode .product-tile .prices{
        float: left;
    }

    .has-aside .details-img{
        width: 49%;
    }

    .has-aside .details-info{
	    margin-left: 51%;
    }

    .no-aside .details-img{
	    width: 58%;
    }

    .no-aside .details-info{
	    margin-left: 58%;
    }

    .simple-product-tile{
        width: 25%;
    }

    .grid-mode .l-products-item{
        width: 50%;
    }

    .grid-mode .l-products-item:nth-of-type(2n+1):after{
        border-bottom-width: 1px;
        border-bottom-style: solid;
        content: '';
        position: absolute;
        left: 1.4%;
        right: 1.4%;
        margin-top: 12px;
    }

    .counter-inside {
        width: 100%;
    }

    .usp-list li:nth-child(5){
        text-align: right;
    }

    .usp-list li:nth-child(6),
    .usp-list li:nth-child(7){
        display: none;
    }

    /* START basket and checkout pages */
    .columns-general.compact.basket-page-cnt,
    .columns-general.compact.checkout-page-cnt{
        display: block;
    }

    .columns-general.compact.basket-page-cnt .column,
    .columns-general.compact.checkout-page-cnt > .column{
        display: block;
        width: auto;
    }

    .basket-page-cnt .border-simple-left,
    .checkout-page-cnt .border-simple-left{
        border: none;
    }

    .basket-totals-wrapper,
    .basket-action-wrapper,
    .cart-summary,
    .checkout-summary{
        box-sizing: border-box;
        padding: 0 2.2%;
        width: 50%;
    }

    .basket-totals-wrapper,
    .cart-summary{
        float: left;
        margin-left: -2.2%;
    }

    .basket-action-wrapper,
    .checkout-summary{
        float: right;
        margin-right: -2.2%;
    }

    .basket-details,
    .checkout-details{
        margin-top: 20px;
    }

    .checkout-summary{
        border: none;
        margin-top: 0;
    }

    .basket-b2c-mode .gvi-totals .cell-value{
        padding-right: 0;
    }
    /* END basket and checkout pages */

    /* START shipping information */
    .gvi-addresses .col-name{
        max-width: 200px;
    }
    /* END shipping information */

    /* START profile pages */
    .columns-general.compact.profile-page-cnt{
        display: block;
    }

    .columns-general.compact.profile-page-cnt > .column{
        display: block;
        width: auto;
    }

    .hyp-account{
        border-right-style: solid;
        border-right-width: 1px;
        clear: none;
        padding-right: 15px;
        margin-right: 15px;
    }

    .hyp-account:last-child{
        border: none;
        padding-right: 0;
        margin-right: 0;
    }
    /* END profile pages */

    /*          START one step checkout page          */
    .one-page-checkout .service-info{
        margin: 0 -2%;
    }

    .one-page-checkout .service-info .our-methods{
        padding: 0 2%;
    }

    .one-page-checkout .pickup-locations-wrapper > td{
        padding-left: 20px;
    }

    .one-page-checkout .checkout-summary{
        width: 100%;
        margin-right: 0;
        padding: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .one-page-checkout .list-step-title {
        margin-top: 10px;
    }

    .one-page-checkout .msg-block-alert + .checkout-summary .list-step-title {
        margin-top: 15px;
    }

    .one-page-checkout .checkout-summary .list-step{
        width: 50%;
    }

    .one-page-checkout .terms-row .terms-text{
        display: block;
    }

    .one-page-checkout .form-row .control::after{
        content: '';
        display: block;
        clear: both;
    }

    .one-page-checkout .form-row .control .label,
    .one-page-checkout .form-row .control .field{
        display: block;
        float: left;
        width: 100%;
    }

    .one-page-checkout .form-row .validation{
        padding-left: 0;
    }

    .one-page-checkout .gvi-addresses .col-name.ellipsis{
        max-width: 80px;
    }

    .one-page-checkout .gvi-totals-basket-overview tfoot tr:last-child td{
        border-bottom-width: 0px;
        padding-bottom: 0;
    }

    .one-page-checkout .gvi-basket-overview-wrapper .product-title-super{
        word-break: break-all;
    }

    .one-page-checkout .gvi-basket-overview-wrapper .cell-price-value{
        min-width: 0;
    }

    .one-page-checkout .gvi-basket-overview-wrapper .col-qty{
        padding-left: 2px;
        padding-right: 2px;
    }

    .one-page-checkout .gvi-basket-overview-wrapper .col-uom{
        padding-right: 2px;
    }

    .one-page-checkout .gvi-basket-overview-wrapper .price-node .currency-sign{
        margin-right: -3px;
    }
    /*          END one step checkout page            */

    /*          Quick order         */
    .choose-product .qo-product-title-box {
        max-width:52.5%;
    }
    /**/

    .flexi-row > .html-wrapper.fr-view,
    .flexi-row .usp,
    .flexi-row .banner-content{
        padding-left: 2%;
        padding-right: 2%;
    }

    .flexi-row .products-flow{
        padding: 0 calc(2% - 3px);
    }

    .flexi-row.center .products-flow{
        margin-left: -3px;
        margin-right: -3px;
    }

    /*          Compare functionality               */
    .compare-column{
        width: 33.3333%;
        max-width: 33.3333%;
        flex-basis: 33.3333%;
    }

    .has-sticky .compare-rails{
        max-width: 100%;
    }


    .has-sticky .compare-tiles-wrp{
        padding-left: 2%;
        padding-right: 2%;
    }

    .has-sticky .compare-btn.slick-prev{
        left: 3px;
        top: 50%;
        margin-left: 0;
    }

    .has-sticky .compare-btn.slick-next{
        right: 3px;
        top: 50%;
        margin-right: 0;
    }

    .compare-wrp:not(.is-touched) .compare-popup-content,
    .compare-wrp:not(.is-touched) .compare-popup-footer{
        display: none;
    }
    
    .compare-wrp:not(.is-touched) .compare-popup-header:after {
        transform: rotateX(180deg);
    }
    /*   END    Compare functionality               */
}

@media (min-width: 640px) and (max-width: 767px){
    .middle-header.focused .logo{
        visibility: hidden;
        width: 0px;
    }

    .middle-header.focused .search{
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    
    header.sticky-mode .search{
        margin-left: auto;
        max-width: initial;
    }

}