/****************************************
                Desktop
****************************************/
@media screen and (min-width: 1024px) {
    body .btnRentProduct.btn {
        min-width: 220px;
        margin-right: 0;
    }

    .nav-item-root .hyp-top-lvl {
        min-height: 59px;
    }

    .w60 {
        width: 60%;
    }

    .gvi-basket-wrapper .action-links {
        margin-top: 0;
    }

    .h1-holder .btn-action {
        margin-top: 10px;
    }

    .location-item {
        width: 23%;
        margin-right: 2%;
    }

    .clearLeft {
        clear: left;
    }


    .search-form {
        max-width: 980px;
    }

        .search-form .columns-general .column {
            max-width: 490px;
            width: 50%;
            padding: 0 130px 0 0;
        }

    .row-under-columns {
        padding: 0 130px 0 0;
    }

    .search-form .columns-general {
        width: auto;
        margin: 0;
    }

    .banner-pane {
        height: 480px;
        margin-bottom: 90px;
    }

    .login.top-dropdown .opener:before {
        right: inherit !important;
        left: 10px;
    }

    .center {
        padding: 0 4%;
    }

    .product-bottom-info > .column:first-child {
        width: 60%;
    }

    /* START header controls */
    header.sticky-mode {
        top: -60px;
    }


        header.sticky-mode .header-blocks-wrapper, header.sticky-mode nav {
            margin: 0 auto;
            width: 1040px;
        }

    .top-header,
    .middle-header {
        padding: 0 4%;
    }

    /*          logo           */
    .logo {
        margin-right: 10px;
        max-width: 40%;
    }

    header.sticky-mode .logo {
        max-width: inherit;
    }

    /*          language           */
    .language + .login {
        margin-left: -4px;
    }

    header.sticky-mode .language + .login {
        margin-left: 0;
    }

    /*          basket           */
    .basket-summary-holder {
        min-width: 120px;
    }

    /* START multi dropdown navigation */
    header .nav-opener-wrapper {
        display: none;
    }

    header.sticky-mode .nav-opener-wrapper {
        display: block;
    }

    .nav-wrapper {
        margin-top: -1px;
        width: 100%;
    }

    header.sticky-mode .nav-wrapper {
        margin-top: 0;
    }

    .bottom-header .nav-lvl-2 .separator:nth-of-type(5n),
    header.sticky-mode .nav-lvl-2 .separator:nth-of-type(3n) {
        display: table-row;
    }

    .bottom-header .nav-lvl-2 .nav-item-block:nth-of-type(5n+1),
    header.sticky-mode .nav-lvl-2 .nav-item-block:nth-of-type(3n+1) {
        border-left: none;
    }
    /* END multi dropdown navigation */
    /* END header controls */

    .has-aside {
        border-right-width: 1px;
        border-right-style: solid;
        float: left;
        padding-right: 1%;
        width: 85%;
    }

    aside {
        display: table-cell;
        padding-left: 22px;
    }

    .has-aside .details-img {
        width: 43%;
    }

    .has-aside .details-info {
        margin-left: 43%;
    }

    .no-aside .details-img {
        width: 35%;
    }

    .no-aside .details-info {
        margin-left: 35%;
    }

    .simple-product-tile {
        width: 50%;
    }

    .product-bottom-info .column:first-child .simple-product-tile {
        width: auto;
    }

    .list-mode .product-action {
        display: table-cell;
    }

    .list-mode .tbx-quantity + .unit-of-measure {
        min-width: 75px;
    }

    .grid-mode > li {
        width: 33.33%;
    }

        .grid-mode > li:nth-of-type(3n+1):after {
            border-bottom-width: 1px;
            border-bottom-style: solid;
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            margin-top: 9px;
        }

    #orderAdressPage .form-row {
        max-width: 73%;
    }

    .shipping-choice-content .ui-selectmenu-menu {
        max-width: 160%;
    }

    .gvi-methods {
        width: 80%;
    }

    /*          START product tile            */
    .products-flow .product-tile {
        width: 25%;
    }

    .column .products-group .column:nth-child(4) {
        display: none;
    }
    /*          END product tile            */

    .aside-links {
        margin-top: 80px;
    }

    .orders-details-page .columns-general .column.wide {
        width: 77%;
    }

    /*Custom Styles*/
    .login .opener:before {
        content: none;
    }

    .login-title {
        display: block !important;
        color: #0069aa;
        font-size: 13px;
        font-family: 'NettoOT';
    }

    .login .opener {
        min-width: 75px !important;
    }

    .hyp-top-lvl.has-children {
        position: relative;
        padding-right: 30px !important;
    }

        .hyp-top-lvl.has-children:after {
            position: absolute;
            right: 10px;
            background: url('../../files/icons/arrow-down-green.png') no-repeat;
            content: '';
            top: 0;
            bottom: 0;
            margin: auto;
            height: 5px;
            width: 11px;
        }

    .sticky-mode .login-title {
        display: none !important;
    }

    .sticky-mode .login .opener:before {
        background: url(../../files/icons/login-blue.png);
        content: '';
        display: inline-block;
        height: 14px;
        width: 14px;
        vertical-align: middle;
    }

    .sticky-mode .login .opener {
        min-width: 60px !important;
    }
}


/****************************************
                Tablet
****************************************/
/*Landscape*/
@media screen and (max-width: 1024px) {

    .last-viewed {
        margin: 40px 0;
    }

    .basket-buttons .hyp-btn {
        margin: 13px 25px;
        white-space: nowrap;
        display: inline-block;
    }

    .col-download a {
        margin-bottom: 5px;
    }

    .location-item[data-nodelevel="3"] .hyp-department-panel .sep,
    .location-item[data-nodelevel="2"] .hyp-showlocation-panel .sep {
        display: none !important;
    }

    .location-item[data-nodelevel="3"] .hyp-department-panel,
    .location-item[data-nodelevel="2"] .hyp-showlocation-panel {
        display: block;
    }

    .advise-block {
        padding: 45px 10px;
    }

    .advise-block {
        display: block;
    }

        .advise-block > div {
            display: block;
            vertical-align: middle;
            text-align: center;
            width: 100%;
            padding: 0;
        }

            .advise-block > div.img-pane {
                text-align: center;
                width: auto;
            }

        .advise-block div.quote-pane,
        .advise-block div.img-pane,
        .advise-block div.action-pane {
            margin: auto auto 20px;
        }

        .advise-block .quote-pane {
            padding: 0;
        }

    .center .gvi-panel {
        padding-top: 20px;
    }

    .flow-blockmenu-tiles.columns-general > .column .fieldset-value {
        font-size: 18px;
    }

    .homePage iframe {
        max-height: 400px;
    }

    .location-item {
        width: 23%;
        margin-right: 2%;
        font-size: 12px;
    }

    .clearLeft {
        clear: left;
    }

    .location-item > div > div:first-child {
        width: 25px;
    }

    .loc-name {
        font-size: 18px;
        margin-bottom: 0;
    }

    .flow-blockmenu-tiles.columns-general > .column {
        width: 33.3%;
    }

        .flow-blockmenu-tiles.columns-general > .column.flow-blockmenu-desc-panel {
            width: 66.6%;
        }
}

@media screen and (max-width: 1024px) and (orientation:landscape) {
    .login .opener {
        min-width: 75px !important;
    }

    .sitemap-nav > li {
        width: 31.1%;
        display: inline-block;
        float: none;
        vertical-align: top;
    }

        .sitemap-nav > li:not(:last-child) {
            padding-bottom: 40px;
        }
}


/*Portrait*/
@media screen and (min-width: 670px) and (max-width: 1023px) {
    .object-title div {
        margin-bottom: 20px;
    }

    .object-title div,
    .object-prop-table-panel > div {
        width: 100%;
        display: block;
    }

    .basket-buttons .hyp-btn {
        margin: 13px 25px;
        white-space: nowrap;
        display: inline-block;
    }

    #objectDetailPage .no-aside .details-info {
        width: 100%;
        display: block;
        margin: 0;
    }

    #objectDetailPage .no-aside .details-img {
        float: none;
        width: 100%;
    }

    .gvi-multirow th > div {
        min-height: 40px;
    }

    .banner-pane {
        height: 350px;
        margin-bottom: 90px;
    }

        .banner-pane, .banner-full-width, .banner, .banner-pane > div, .owl-carousel {
            height: 350px !important;
        }

            .owl-carousel .banner-content {
                max-width: 80%;
            }

            .banner h1 {
                font-size: 70px !important;
            }

    .center {
        padding: 0 2%;
    }

    .columns-general.product-bottom-info > .column {
        display: block;
    }

    .list-totals .total-value,
    .list-cart .total-value {
        min-width: 0;
    }

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

    /* cut subcategories to fit the screen */
    header.sticky-mode .nav-lvl-3 .nav-item:nth-child(n+5) {
        display: none;
    }
    /* END multi dropdown navigation */

    /*          START product tile            */
    .products-flow {
        margin: 25px -3px;
    }

        .products-flow .product-tile {
            padding: 0 3px;
            width: 33.33%;
        }

            .products-flow .product-tile .product-img {
                padding-right: 0;
            }

            .products-flow .product-tile .btn {
                padding: 0 28px 0 8px;
            }

    .products-group .column:nth-child(4),
    .column .products-group .column:nth-child(3) {
        display: none;
    }
    /*          END product tile            */

    .order-box .form-row .label {
        display: block;
        float: left;
        min-width: 23%;
        width: auto;
    }

    .order-box .form-row .field {
        display: block;
        float: left;
        min-width: 235px;
        width: 74%;
    }

    .list-mode .product-tile .prices {
        float: left;
    }

    .has-aside .details-img {
        width: 50%;
    }

    .has-aside .details-info {
        margin-left: 50%;
    }

    .no-aside .details-img {
        width: 58%;
    }

    .no-aside .details-info {
        margin-left: 58%;
    }

    .simple-product-tile {
        width: 33.33%;
    }

    .grid-mode > li {
        width: 50%;
    }

        .grid-mode > li:nth-of-type(2n+1):after {
            border-bottom-width: 1px;
            border-bottom-style: solid;
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            margin-top: 9px;
        }

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

    /* END basket and checkout pages */

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

    /*Custom Styles*/
    .middle-header .search {
        max-width: 250px;
    }

    .login .opener:before {
        background: url(../../files/icons/login-blue.png);
        content: '';
        display: inline-block;
        height: 18px;
        width: 16px;
        vertical-align: middle;
    }


    .logo-main > span {
        font-size: 0.8em;
    }

    .sitemap-nav > li {
        width: 48%;
        display: inline-block;
        float: none;
        vertical-align: top;
    }

        .sitemap-nav > li:not(:last-child) {
            padding-bottom: 50px;
        }
}


/****************************************
                Mobile
****************************************/

@media screen and (max-width: 669px) {
    .location-item + #departments.dep-panel {
        margin-top: 0;
    }

    .gvi-basket td.col-info, .gvi-basket-overview td.col-info,
    .gvi-basket-overview .col-first, .gvi-basket-overview .col-extended-text {
        border-bottom: 0px;
    }

    body .gvi-basket-overview .col-info {
        margin-left: 110px;
    }

    #objectDetailPage .form-button {
        padding-left: 0;
    }

    .column.wide .form-button .btn {
        width: 100%;
    }

    .details-img .btnadvisory {
        width: 100%;
    }

    .object-prop-table-panel .gvi-name-value .name {
        width: 35%;
    }

    .action-detail-view .name {
        padding-right: 5px;
    }

    .title-panel h3 {
        width: 80%;
    }

    .last-viewed {
        margin: 40px 0 20px;
    }

    .filters-wrapper .quick-link-panel.hide-mob {
        display: block;
    }

    .social-sharing-block {
        padding: 25px 10px 10px;
    }

    .social-title {
        top: 0;
        padding-bottom: 20px;
    }

    .cart-action {
        display: table;
        width: 100%;
        padding-top: 20px;
        border-top: solid 1px #f2f2f2;
    }

        .cart-action > div {
            display: block;
        }

        .cart-action .btn-quote {
            margin-right: 0;
        }

    .gvi-basket-wrapper .quantity-compact .tbx-quantity .ui-spinner-button {
        border-radius: 0;
    }

    .basket-buttons {
        margin: 1px -15px;
    }

    #basketPage .panel-general {
        margin-bottom: 40px;
    }

    .basket-buttons a.hyp-btn {
        display: block;
        text-align: left;
        margin: 0 0 15px;
    }

    .form-row .validation {
        clear: both;
    }

    .form-row .label {
        width: 100%;
        padding-right: 0;
    }

    .form-row[data-settings-viewname="string_sectionheader"] {
        display: block;
        width: 100%;
        float: none;
        margin-top: 10px;
        padding-top: 10px;
        clear: both;
    }

    body h1 {
        font-size: 50px;
    }

    .checkout-step {
        padding-top: 0;
    }

    .checkout-page-cnt .wide h2 {
        font-size: 25px;
    }

    .ui-mobile .responsive-table td.col-total:before {
        padding-top: 8px;
    }

    .gvi-basket-overview-title {
        margin: 20px 20px 0;
    }

    .object-prop-table-panel > div {
        display: block;
        width: 100%;
    }

    .object-title div:last-child {
        text-align: left;
        margin-bottom: 20px;
    }

    .object-title div.hide-mob {
        display: none;
    }

    .object-title .hyp-print-preview {
        float: none;
    }

    .action-mode-panel .ddlb {
        width: auto;
        max-width: none;
        min-width: 100%;
        ;
        margin-bottom: 10px;
    }

    .action-mode-panel .btn {
        width: 100%;
    }

    .dep-panel.level-panel {
        padding-bottom: 0;
    }

    .dept-details {
        float: none;
        width: 100%;
        margin-bottom: 40px;
    }

    .gvi-panel .ddlb-sorting {
        float: none;
        width: 100%;
    }

    .mob-addi-td, .responsive-table tbody td {
        min-height: 30px;
    }

    .responsive-table tbody tr {
        padding-top: 15px;
    }

    .gvi-multirow td > div:first-child,
    .gvi-multirow th > div:first-child,
    .mob-addi-td {
        margin-bottom: 0px;
    }

    .flow-blockmenu-tiles.columns-general > .column .flow-panel.flow-blockmenu-description {
        height: auto !important;
    }

    .flow-blockmenu-tiles.columns-general > .column .flow-blockmenu-description span,
    .flow-blockmenu-tiles.columns-general > .column .flow-blockmenu-description .link-text span,
    .flow-blockmenu-tiles.columns-general > .column .flow-blockmenu-description a.link-text {
        padding-left: 0;
        margin-left: 0;
    }

    .flow-blockmenu-tiles.columns-general > .column.flow-blockmenu-desc-panel {
        width: 100%;
    }

    .flow-blockmenu-tiles.columns-general > .column {
        width: 100%;
    }

    .text-right.btn-add-inside {
        text-align: center;
    }

    .form-row .control,
    .form-row .label, .form-row .field {
        display: block;
    }

    .column.wide .control div.label {
        width: 100%;
        display: block;
    }

    .form-row .validation, .form-row .description, .form-button {
        padding-left: 0;
    }

    .column.wide .row-orderauthorizationrules .control div.label {
        width: 100% !important;
    }

    .location-item {
        width: 100%;
        float: none;
    }

    .show-mob {
        display: inline-block;
    }

    .hide-mob {
        display: none;
    }

    .latest-more {
        float: none;
        margin: 0 0 25px;
    }

    .latest-news-block h2 {
        padding-bottom: 15px;
        margin-left: -2px;
    }

    .latest-news-block img {
        margin: 0;
        padding-bottom: 0;
    }

    #latestNews .news-title {
        margin-bottom: 5px;
    }

    #latestNews .news-blog:last-child {
        padding-bottom: 0;
    }

    .latest-news-block > div:first-child {
        margin-bottom: 70px;
    }

    .latest-news-block {
        padding-bottom: 0;
    }

    .homePage iframe {
        max-height: 175px;
        margin: 0 -15px 0 -15px;
        display: block;
        width: calc(100% + 30px);
    }

    .flexi-row {
        margin-bottom: 20px;
    }

    .content-flexipage-page.flexi-row {
        margin-bottom: 75px;
    }

    .content > .center > #News {
        margin-top: 38px;
    }

    .facet:last-child {
        margin-bottom: 0;
    }

    .map-panel .columns-general > .column:first-child {
        margin-bottom: 60px;
    }

    .homePage .flexi-row:last-child {
        margin-bottom: 60px;
    }

    .map-panel > div.column:last-child > div {
        padding-bottom: 314px;
        background-position: center bottom;
    }

    .map-panel > div.column:last-child {
        margin-top: 30px;
    }

    .map-panel .btn {
        width: 100%;
    }

    .owl-carousel .banner-content {
        padding: 0;
        box-sizing: 0;
        margin: 15px 0 0;
    }

    .owl-buttons {
        bottom: initial;
        top: 50px;
    }

    .owl-carousel {
        height: auto;
        text-align: center;
    }

    .banner {
        margin: 0 !important;
    }

        .banner h1 {
            font-size: 14px;
        }

    .center {
        padding: 0 15px;
    }

    /* START header controls */
    .header-blocks-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .nav-is-closed .header-blocks-wrapper {
        height: 62px;
        overflow: hidden;
    }

    .nav-is-closed .search,
    .nav-is-closed .top-header,
    .nav-is-closed .bottom-header,
    .nav-is-closed .btn-suggestions-top {
        display: none;
    }

    .middle-header {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border-width: 1px 0;
        border-style: solid;
        width: 100%;
    }

    .top-header {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
    }

    .bottom-header {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        border-width: 0 0 1px;
        border-style: solid;
        width: 100%;
    }

    .top-dropdown {
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

    .top-header .top-action .top-dropdown:not(:hover) {
        border-left: 0;
    }

    .top-dropdown .opener {
        padding-left: 20px;
        line-height: 40px;
    }

    .top-dropdown .collapsed + .summary {
        display: none;
    }

    .top-dropdown .opener:after {
        top: 50%;
        margin-top: -3px;
    }

    .top-info {
        display: none;
    }

    .top-hyp {
        display: none;
    }

    /*          logo           */
    .logo {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 0 10px;
        text-align: center;
    }

        .logo img {
            max-height: 32px;
        }

    /*          login           */
    .login .person {
        display: inline-block;
        margin-right: 0;
        margin-left: 0;
        vertical-align: middle;
    }

    .login .opener:before {
        margin-right: 11px;
    }

    .login .stop-representing {
        line-height: 40px;
    }

    /*          search           */
    .ui-autocomplete {
        position: relative;
    }

    .search {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        border-width: 1px 0 0;
        border-style: solid;
        padding: 20px 15px;
        width: 100%;
    }

    .btn.btn-suggestions-top {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        margin: 0 15px 20px;
    }

        .btn.btn-suggestions-top .btn-cnt {
            margin-right: -30px;
        }

        .btn.btn-suggestions-top:before {
            position: absolute;
            margin: 7px 0 0 -30px;
        }

    /*          basket           */
    .basket {
        border-left-width: 1px;
        border-left-style: solid;
        position: relative;
        height: 60px;
        width: 62px;
    }

    .basket-summary-holder {
        min-width: 62px;
    }

    .basket .basket-summary {
        display: none !important;
    }

    .basket .hyp {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .over-summary {
        line-height: 62px;
    }

        .over-summary .hyp {
            padding: 0 3px;
        }

            .over-summary .hyp:before {
                display: inline-block;
                position: static;
                vertical-align: middle;
            }

        .over-summary .over-summary-number {
            display: inline-block;
            margin-left: 3px;
            vertical-align: middle;
        }

        .over-summary.over-summary-just-changed {
            position: fixed;
            height: 61px;
            line-height: 61px;
            top: 0;
            right: 0;
            display: none;
            text-align: center;
            padding: 0 10px 0 40px;
            font-weight: bold;
            min-width: 12px;
            border-radius: 0 0 0 2px;
            z-index: 10;
        }

            .over-summary.over-summary-just-changed .hyp:before {
                background: url(../../files/icons/basket-white.png) no-repeat scroll 0 0 transparent;
            }

        .over-summary.is-empty .over-summary-number,
        .basket .over-summary .over-summary-lbl {
            display: none;
        }

    /* START general top navigation */
    header.sticky-mode nav {
        display: none;
    }

    .hyp-top-lvl.has-children {
        background-image: url(../../files/icons/arrow-group-expand.png);
        background-position: right center;
        background-repeat: no-repeat;
        cursor: default;
    }

    .submenu-expanded > .hyp-top-lvl.has-children {
        background-image: url(../../files/icons/arrow-group-collapse.png);
    }

    .hyp-top-lvl.has-children span {
        cursor: pointer;
    }
    /* END general top navigation */

    /* START multi dropdown navigation */
    .hyp-top-lvl {
        clear: both;
        display: block;
        padding: 10px 0;
        overflow: hidden;
    }

    .nav-lvl-2 > .nav-item {
        padding: 10px 0 10px 15px;
    }

    .img-in-row {
        display: none;
    }
    /* END multi dropdown navigation */

    /* START simple dropdown navigation */
    .nav-item-sub {
        padding-left: 20px;
    }

        .nav-item-sub .hyp.has-children {
            background-image: url(../../files/icons/arrow-group-expand.png);
            background-position: right center;
            background-repeat: no-repeat;
            cursor: default;
        }

        .nav-item-sub.submenu-expanded > .hyp.has-children {
            background-image: url(../../files/icons/arrow-group-collapse.png);
        }

        .nav-item-sub .hyp.has-children span {
            cursor: pointer;
        }
    /* END simple dropdown navigation */
    /* END header controls */

    footer .top {
        display: block;
        padding-top: 15px;
    }

    footer .bottom {
        padding: 10px 10px 10px 10px;
    }

    .sitemap {
        display: block;
        margin-bottom: 15px;
    }

    .sitemap-nav {
        display: table;
        width: 100%;
    }

        .sitemap-nav > li {
            display: table-cell;
            vertical-align: top;
            box-sizing: border-box;
            width: 50%;
        }

    .newsletter {
        display: block;
        width: auto;
    }

    .above-content .center {
        padding-top: 12px;
    }

    .semicolumn {
        width: 100%;
    }

    .breadcrumbs {
        display: none;
    }

    .row-btn-add .btn-add-to-basket {
        width: 100%;
    }

    .order-box .after-btn-links {
        margin-top: 20px;
    }

    .more-inside {
        text-align: center;
    }

    .components-tab .ui-tabs-nav {
        display: none;
    }

    .hidden-tabs-name,
    .ui-tabs-panel {
        display: block !important;
    }

    .tab-control .reviews,
    .tab-control .variants,
    .tab-control .prepacks,
    .tab-control .specifications,
    .tab-control .description {
        min-height: 0;
    }

    .hyp-tab-action {
        display: none;
    }

    .copyright,
    .footer-nav {
        text-align: center;
    }

    /* START product details image sliders */
    .carousel-legend,
    .carousel-image-s-wrapper {
        display: none;
    }

    .carousel-image-m-wrapper {
        margin-bottom: 60px;
        margin-top: 10px;
    }

    .carousel-image-m-item {
        height: 317px;
    }

        .carousel-image-m-item img {
            margin: auto;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: auto;
            height: auto;
            max-height: 100%;
            max-width: 100%;
        }

    /* END product details image sliders */

    .last-viewed .ui-tabs-nav {
        border-bottom: none;
        padding-bottom: 0;
    }

    .filters-wrapper {
        padding: 0 15px;
    }

    .filter-title {
        line-height: 57px;
        text-align: center;
        margin: 0 -15px;
    }

        .filter-title:after {
            background: url(../../files/icons/arrow-down-blue.png);
            content: '';
            display: inline-block;
            margin-left: 25px;
            height: 6px;
            width: 10px;
            vertical-align: middle;
        }

        .filter-title.collapsed:after {
            background: url(../../files/icons/arrow-down-blue.png);
        }

        .filter-title.expanded:after {
            background: url(../../files/icons/arrow-up-blue.png);
        }

        .filter-title.collapsed + .facets {
            display: none;
        }

    .counter-inside,
    .sorting {
        display: none;
    }

    .grid-wrapper,
    .list-wrapper {
        margin: 0 -15px;
    }

        .grid-wrapper td:first-child,
        .grid-wrapper th:first-child {
            padding-left: 15px;
        }

        .grid-wrapper td:last-child,
        .grid-wrapper th:last-child {
            padding-right: 15px;
        }

        .list-wrapper li {
            padding-left: 15px;
            padding-right: 15px;
        }

    .responsive-table,
    .responsive-table tbody,
    .responsive-table tfoot,
    .responsive-table td,
    .responsive-table tr {
        display: block;
    }

        .responsive-table tbody td {
            border-width: 0;
            padding: 5px 0;
            position: relative;
            padding-left: 50% !important;
        }

        .responsive-table tr {
            border-bottom-width: 1px;
            border-bottom-style: solid;
        }

        .responsive-table thead {
            display: none;
        }

        .responsive-table td:before {
            position: absolute;
            left: 0;
            max-width: 40%;
            line-height: 1.3em;
        }

    /* START basket, wishlist grids */
    .gvi-basket-wrapper,
    .gvi-wish-list-wrapper {
        margin: 0 -15px;
        padding: 0 15px;
        border-top-width: 1px;
        border-top-style: solid;
    }

    .gvi-basket,
    .gvi-basket tbody,
    .gvi-basket tr,
    .gvi-basket td,
    .gvi-wish-list,
    .gvi-wish-list tbody,
    .gvi-wish-list tr,
    .gvi-wish-list td {
        display: block;
        box-sizing: border-box;
    }

        .gvi-basket thead,
        .gvi-wish-list thead {
            display: none;
        }

        .gvi-basket .col-first,
        .gvi-wish-list .col-first {
            float: left;
            padding: 20px 0 0;
        }

        .gvi-basket .btn-show-hide {
            margin-left: 30px;
        }

        .gvi-basket .col-info,
        .gvi-wish-list .col-info {
            padding: 20px 0 0;
            margin-left: 95px;
        }

        .gvi-basket .product-img,
        .gvi-basket .hyp-thumbnail {
            height: 84px;
            width: 84px;
        }

        .gvi-basket .col-info .product-img {
            margin-left: -95px;
        }

        .gvi-basket .col-price,
        .gvi-wish-list .col-price {
            float: right;
            padding: 18px 0 0;
            text-align: right;
        }

        .gvi-basket .col-qty,
        .gvi-wish-list .col-uom {
            padding: 18px 0 0;
        }

        .gvi-basket .qty-control {
            float: left;
        }

        .gvi-basket .lbl-unit-of-measure {
            float: left;
            margin-left: 11px;
            line-height: 28px;
        }

        .gvi-basket .lbl-quantity {
            display: block;
            text-align: center;
            width: 84px;
        }

        .gvi-basket .col-total,
        .gvi-wish-list .col-total {
            padding-left: 15px;
            padding-right: 15px;
            margin: 15px -15px 0;
            border-bottom-width: 1px;
            border-bottom-style: solid;
            overflow: hidden;
        }

            .gvi-basket .col-total .action-links,
            .gvi-wish-list .col-total .action-links {
                float: left;
            }

    /* compact view for tbx-quantity */
    .quantity-compact .tbx-quantity {
        float: left;
        margin: 0;
        min-width: 60px; /* Pay attention! */
        width: 100px;
    }

        .quantity-compact .tbx-quantity.focused {
            margin-bottom: 52px;
        }

        .quantity-compact .tbx-quantity .ui-spinner-button {
            top: 50px;
        }

    .quantity-compact .ui-spinner-up {
        right: 0;
    }

    .quantity-compact .ui-spinner-down {
        left: 0;
    }
    /* END basket, wishlist grids */

    .block-actions {
        padding: 0 15px;
        margin: 0 -15px;
    }

        .block-actions .hyp-clear {
            float: left;
        }

        .block-actions .hyp-update {
            float: right;
        }

    .btn-checkout,
    .btn-quote {
        margin-top: 13px;
        width: 100%;
    }

    .basket-b2c-mode .paging-control {
        margin-top: 13px;
    }

    /* START basket overview grid */
    .gvi-basket-overview-wrapper {
        margin: 0 -15px;
        border-top-width: 1px;
        border-top-style: solid;
    }

    .gvi-basket-overview tbody td {
        padding-right: 15px;
    }

    .gvi-basket-overview .col-first {
        float: left;
    }

    .gvi-basket-overview .col-first,
    .gvi-basket-overview .col-info {
        padding-top: 10px;
    }

    .gvi-basket-overview .col-first,
    .gvi-basket-overview .col-extended-text {
        padding-left: 15px !important;
    }

    .gvi-basket-overview.responsive-table td:before {
        margin-left: 15px;
    }

    .gvi-basket-overview .col-info {
        padding-left: 0 !important;
        margin-left: 95px;
    }

    .gvi-basket-overview .inner-row .col-info:before {
        display: none;
    }

    .gvi-basket-overview .col-price,
    .gvi-basket-overview .col-discount,
    .gvi-basket-overview .col-qty,
    .gvi-basket-overview .col-uom,
    .gvi-basket-overview .col-total {
        line-height: 2;
    }

    .gvi-basket-overview .col-price,
    .gvi-basket-overview .col-qty,
    .gvi-basket-overview .col-uom {
        text-align: right;
    }

    .gvi-basket-overview .col-empty,
    .gvi-basket-overview .col-first:before,
    .gvi-basket-overview .upper-row .col-info:before,
    .gvi-basket-overview .col-extended-text:before {
        display: none;
    }
    /* END basket overview grid */

    .product .usp:before {
        height: 217px;
    }

    .gvi-totals .cell-name {
        text-align: left;
    }

    .list-totals .total-value,
    .gvi-totals .cell-price-value,
    .list-cart .total-value {
        min-width: 90px;
        display: inline-block;
    }

    .column.border-simple-left {
        border-left: none;
    }

    .row-under-columns .btn {
        width: 100%;
    }

    .choose-product {
        margin-right: -15px;
        margin-left: -15px;
        padding-left: 15px;
        padding-right: 15px;
    }

        .choose-product > div {
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .choose-product .ddlb + .ddlb {
            margin-top: 20px;
        }

        .choose-product .btn-plus {
            width: 100%;
        }

    .upper-row td {
        border-width: 0;
    }

    .basket-page-cnt h2 {
        display: none;
    }

    .checkout-details {
        margin-top: 20px;
    }

    /*.basket-b2b-mode .enter-discount {
        margin: 30px 0;
    }*/

    /* START order details overview grid */
    .gvi-order-lines-wrapper {
        border-top-width: 1px;
        border-top-style: solid;
        margin-left: -15px;
        margin-right: -15px;
    }

    .gvi-order-lines thead {
        display: none;
    }

    .gvi-order-lines.responsive-table td:before {
        margin-left: 15px;
    }

    .order-details-action-bar .btn {
        margin-right: 15px;
    }
    /* END order details overview grid */

    .panel-header > .view-changer {
        vertical-align: middle;
    }

    .grid-mode > li {
        width: 100%;
    }

        .grid-mode > li:after {
            border-bottom-width: 1px;
            border-bottom-style: solid;
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            margin-top: 9px;
        }

    .usp-list li {
        display: block;
        text-align: left !important;
        min-height: 50px;
    }

        .usp-list li:nth-child(2n) {
            display: none;
        }

    /*          START product tile            */
    .products-group {
        padding-bottom: 35px;
        margin-bottom: 15px;
    }

        .products-group .tc-paging-container {
            border-top-width: 1px;
            border-top-style: solid;
        }

        .products-group.touchcarousel .touchcarousel-item {
            width: 100%;
        }
    /*          END product tile            */

    .gvi-order-lines .col-empty {
        display: none;
    }

    .basket-loading {
        padding: 20px;
        position: fixed;
        margin-left: -100px;
        margin-top: -50px;
        top: 50%;
        left: 50%;
        width: 150px;
        z-index: 1000004;
        background: #fff;
    }

    /*          START sub accounts           */
    .gvi-limits td {
        display: inline-block;
    }

    .gvi-limits .col-operator,
    .gvi-limits .col-empty {
        width: 15px;
    }

    .gvi-limits .col-value,
    .gvi-limits .col-authorizer {
        width: 70%;
    }

    .gvi-limits .col-authorizer {
        padding-left: 30px;
    }

    .btn-edit-sub-account,
    .btn-delete-sub-account {
        padding-left: 28px;
        margin-bottom: 7px;
    }

    .btn.btn-edit-sub-account .btn-cnt,
    .btn.btn-delete-sub-account .btn-cnt {
        display: inline-block;
    }
    /*          END sub accounts           */
    /*Custom Styles*/
    header:not(.sticky-mode) .bottom-header .center:before {
        content: none;
    }

    .header-blocks-wrapper .middle-header {
        background: #015e87;
        border: none;
    }

    .header-blocks-wrapper .nav-opener-wrapper,
    .ui-mobile .basket {
        border: none;
    }

    .text-logo {
        display: none !important;
    }

    .nav-opener:before {
        background: url('../../files/icons/nav-open-mobile.png') no-repeat -9999px -9999px;
    }

    .nav-opener:after {
        background: url('../../files/icons/nav-close-mobile.png') no-repeat -9999px -9999px;
    }

    .over-summary .hyp:before {
        background: url(../../files/icons/basket-mobile.png) no-repeat scroll 0 0 transparent;
    }

    .mobile-logo {
        display: block;
    }

    .non-mobile-logo {
        display: none;
    }

    .logo img.mobile-logo {
        min-height: 42px;
        margin: 0 auto;
    }

    .logo.logo-main > a {
        display: block;
        margin: 0 auto;
    }

    header.nav-is-opened .nav-opener {
        background: #015e87 !important;
    }

    .footer-wrapper-outer {
        padding: 1px 0;
    }

        .footer-wrapper-outer a {
            display: block;
            padding: 0 !important;
            margin-top: 20px;
            margin-bottom: 20px;
        }

    .columns-general .sitemap-nav > li {
        display: block;
        width: 100%;
    }

        .columns-general .sitemap-nav > li:not(:first-child) {
            padding-top: 15px !important;
        }

        .columns-general .sitemap-nav > li:not(:last-child) {
            border-bottom: 1px solid #608aa5;
            padding-bottom: 15px !important;
        }

    .sitemap .hyp {
        font-family: 'NettoOT Bold';
    }

    .sitemap-nav > li > ul {
        display: none;
        margin-top: 15px;
    }

        .sitemap-nav > li > ul > li {
            padding: 5px 0;
            width: 100%;
        }

            .sitemap-nav > li > ul > li a.hyp {
                font-family: 'NettoOT Light';
            }

    footer .center .columns-general.top {
        padding-bottom: 0;
    }

    .sitemap-nav > li > a {
        padding-bottom: 0;
        font-size: 16px;
    }

    div.search {
        max-width: initial;
    }

    /*Mobile my orders page*/
    .block-sell-to-address, .block-bill-to-address, .block-ship-to-address {
        padding: 15px 0;
    }

    #productListPage .tab-control.last-viewed[style="visibility: hidden;"] {
        margin: 0;
    }

    .objecttracking-details-page #ActionSelect .form-row .label {
         width: 100%; 
    }
}
/*          END mobile views          */


/****************************************
                Mixed
****************************************/
/*          START desktop and tablet views          */
@media screen and (min-width: 670px) {

    body .nav-item-sub {
        padding: 0 30px;
        min-height: 35px;
        vertical-align: middle;
        display: flex;
    }

        body .nav-item-sub .hyp {
            line-height: normal;
            text-decoration: none;
            display: flex;
            vertical-align: middle;
        }

            body .nav-item-sub .hyp span {
                align-self: center;
            }

    .form-button.a-right {
        text-align: right;
    }

    .banner-pane > div {
        position: absolute;
        left: 0;
        right: 0;
        height: 480px;
        overflow: hidden;
    }


    .non-mobile-hidden {
        display: none !important;
    }

    /* START header controls */
    header.sticky-mode {
        position: fixed;
        height: 60px;
    }

    .top-header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 auto;
        position: relative;
        max-width: 1040px;
        z-index: 3;
    }

    .top-dropdown {
        border-width: 1px 1px 0 1px;
        border-style: solid;
        border-color: transparent;
        display: inline-block;
        height: 20px;
        position: relative;
        line-height: 20px;
        margin-top: 7px;
        margin-bottom: 7px;
        vertical-align: top;
        z-index: 14;
    }

        .top-dropdown:hover {
            margin-top: 0;
            margin-bottom: 0;
            height: 34px;
        }

        .top-dropdown .summary {
            border-width: 1px;
            border-style: solid;
            display: none;
            position: absolute;
            top: 100%;
            z-index: 11;
        }

        .top-dropdown:hover .summary {
            display: block;
        }

        .top-dropdown:hover .opener {
            height: 34px;
            z-index: 12;
        }

    /*          search           */
    .search {
        margin: 0 10px;
    }

    .btn.btn-suggestions-top {
        height: 44px;
        width: 44px;
    }

        .btn.btn-suggestions-top .btn-cnt {
            display: none;
        }

    /*          language           */
    .language.top-dropdown .summary {
        padding-top: 4px;
        left: -1px;
        overflow-y: auto;
        min-width: 127px;
    }

    .language.top-dropdown .opener {
        width: 63px;
    }

        .language.top-dropdown .opener .flag {
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto;
            left: 17px;
        }

    .selected-language {
        display: none;
    }

    /*          login           */
    .login .opener {
        min-width: 60px;
    }

    .login.impersonated .opener {
        width: 218px;
    }

    .login.top-dropdown .summary {
        right: -1px;
        width: 218px;
    }

    .login.top-dropdown .opener:before {
        position: absolute;
        top: 2px;
        bottom: 0;
        margin: auto;
        right: 27px;
    }

    .login-title {
        display: none;
    }

    .login:hover .person {
        padding-top: 7px;
    }

    /*          basket           */
    .over-summary {
        background: transparent;
        border-width: 1px 1px 0 1px;
        border-style: solid;
        border-color: transparent;
        padding: 0 15px 0 46px;
        position: relative;
        height: 50px;
        line-height: 48px;
    }

    .middle-header {
        position: relative;
        min-height: 63px;
        margin: 15px auto 20px;
        max-width: 1040px;
        z-index: 2;
    }

    .bottom-header {
        position: relative;
        z-index: 1;
    }

    header.sticky-mode .bottom-header {
        position: static;
    }

    header.sticky-mode .basket-summary-holder {
        min-width: 65px;
    }

    /* START general top navigation */
    header.sticky-mode nav {
        display: none;
        position: absolute;
        top: 100%;
        max-width: 250px;
        min-width: 250px;
    }

    header.sticky-mode.nav-is-opened nav {
        display: block;
    }

    .nav-is-opened .nav-opener {
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }

    .nav-item-root .hyp-top-lvl {
        border-width: 1px 1px 0;
        border-style: solid;
        border-color: transparent;
        padding: 0 16px;
        position: relative;
        display: block;
        line-height: 54px;
        z-index: 4;
    }

    .nav-item-root.hover .hyp-top-lvl {
        z-index: 6;
    }

    .nav-item-root.hover .nav-wrapper {
        display: block;
    }

    .bottom-header .nav-list-root,
    .bottom-header .nav-item-root {
        float: left;
    }

    header.sticky-mode .bottom-header .nav-list-root,
    header.sticky-mode .bottom-header .nav-item-root {
        float: none;
    }

    header.sticky-mode .nav-item-root .hyp-top-lvl {
        border-width: 1px 0;
        margin-right: -1px;
        line-height: 20px;
        padding-top: 10px;
        padding-right: 26px;
        padding-bottom: 10px;
    }
    /* END general top navigation */

    /* START multi dropdown navigation */
    .nav-wrapper {
        border-width: 1px;
        border-style: solid;
        box-sizing: border-box;
        position: absolute;
        right: 0;
        padding: 27px 0 22px 0;
        z-index: 5;
    }

    .nav-item-block {
        display: table-cell;
        padding: 0 10px 0 30px;
        vertical-align: top;
        height: 100%;
        width: 20%;
    }

    .view-more-visible .nav-item-block {
        padding-bottom: 30px;
    }

    .nav-lvl-2 {
        display: table;
        height: 130px;
        min-height: 130px;
        width: 100%;
    }

        .nav-lvl-2 .wrapper {
            position: relative;
            height: 100%;
            width: 100%;
        }

    .nav-more {
        position: absolute;
        line-height: 24px;
        bottom: -24px;
        width: 100%;
    }

        .nav-more a {
            width: 100%;
            vertical-align: bottom;
        }

    .separator + .nav-item-block,
    .separator + .img-in-row {
        border-left-width: 1px;
        border-left-style: solid;
    }

    .img-in-row {
        box-sizing: border-box;
        display: table-cell;
        text-align: right;
        line-height: 0;
        padding-right: 20px;
        padding-left: 10px;
        vertical-align: bottom;
    }

        .img-in-row.push-right-bottom .wrapper {
            height: inherit;
        }

            .img-in-row.push-right-bottom .wrapper img {
                margin-right: -20px;
                margin-bottom: -22px;
            }

        .img-in-row.size-original img {
            max-width: inherit;
        }

        .img-in-row.size-adapt img {
            width: 100%;
        }
    /* END multi dropdown navigation */

    /* START simple dropdown navigation */
    .nav-list-sub {
        border-width: 1px;
        border-style: solid;
        position: absolute;
        width: 198px;
        z-index: 5;
        padding: 7px 0;
        margin-top: -1px;
    }

    header.sticky-mode .nav-list-sub {
        margin-top: 0;
        top: 0;
        left: 100%;
    }

    .nav-list-sub .nav-list-sub {
        padding: 17px 0;
        top: -17px;
        left: 100%;
    }

    .nav-item-sub {
        padding-left: 30px;
    }

        .nav-item-sub:first-child .nav-list-sub {
            top: -7px;
        }

    .nav-item.hover > .nav-list-sub {
        display: block;
    }
    /* END simple dropdown navigation */
    /* END header controls */

    .popup-cnt .cnt-column {
        display: table;
        margin: 0 auto;
        min-width: 520px;
    }

    .above-content .center {
        padding-top: 22px;
    }

    .colored-header-desktop {
        position: relative;
    }

        .colored-header-desktop:before {
            box-shadow: inset 0 6px 3px -3px rgba(0,0,0,0.1);
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 6px;
        }

    .custom-bg {
        background-origin: content-box;
        background-position: top center;
        background-repeat: no-repeat;
    }

    .gray-header-phone {
        background: none !important;
    }

    .combined-header {
        margin-top: 29px;
    }

    /* columns layout */
    .columns-general {
        display: table;
        table-layout: fixed;
        margin: 0 -2%;
        width: 104%;
    }

        .columns-general > .column {
            display: table-cell;
            vertical-align: top;
            padding: 0 1.85%;
        }

        .columns-general.divided {
            width: 108%;
            margin: 0 -4%;
        }

            .columns-general.divided > .column {
                padding: 0 3.7%;
            }

        .columns-general.compact {
            width: 104.4%;
            margin: 0 -2.3%;
        }

            .columns-general.compact > .column {
                padding: 0 2.2%;
                width: auto;
            }

            .columns-general.compact > .wide {
                width: 73%;
            }

        .columns-general > .column60 {
            width: 60%;
        }
    /* END columns layout */

    .row-under-columns {
        padding-left: 21%;
        text-align: right;
    }

    .gvi-totals .t-row-promotion .enter-discount {
        float: left;
    }

    .gvi-totals .t-row-promotion .title-discount {
        float: right;
    }

    .product-bottom-info {
        margin-top: 58px;
        margin-bottom: 58px;
    }

    .responsive-table td:before {
        display: none;
    }

    /* START basket, wishlist grid */
    .gvi-basket .inner-row td,
    .gvi-wish-list .inner-row td {
        padding: 0 0 15px 0;
    }

    .gvi-basket .upper-row td,
    .gvi-wish-list .upper-row td {
        border-style: dashed;
        padding: 20px 0;
    }

    .gvi-basket .col-total {
        width: 95px;
    }

    .gvi-basket .col-qty {
        text-align: center;
    }

    .gvi-basket .vertical-line {
        margin-left: 70px;
        min-height: 50px;
    }

    .basket-b2c-mode .gvi-basket .col-first {
        width: 120px;
    }

    .basket-b2c-mode .gvi-basket .hyp-thumbnail {
        height: 84px;
        width: 84px;
    }

    .basket-b2c-mode .btn-quote + .btn-checkout {
        margin-left: 15px;
    }

    .basket-b2b-mode .gvi-basket .col-first {
        width: 65px;
    }

    .basket-b2b-mode .gvi-basket .product-img,
    .basket-b2b-mode .gvi-basket .hyp-thumbnail {
        height: 50px;
        width: 50px;
    }

    /*.basket-b2b-mode .panel-header .btn-quote,
    .basket-b2b-mode .panel-header .btn-checkout {
        display: none;
    }*/

    .id-variant-aria .product-id,
    .id-variant-aria .product-variant {
        display: inline-block;
    }

    .id-variant-aria .product-id {
        width: 35%;
    }

    #basketContent .id-variant-aria .product-id {
        width: 100%;
    }

    .action-links {
        margin-top: 10px;
    }

    .gvi-basket .col-total .cell-name {
        display: none;
    }

    /* END basket, wishlist grid */

    .block-actions {
        text-align: center;
    }

        .block-actions .hyp-btn {
            margin-left: 40px;
            margin-right: 40px;
        }

    .basket-action-wrapper .btn-checkout,
    .basket-action-wrapper .btn-quote {
        margin-top: 15px;
        width: 100%;
    }

    .basket-b2c-mode .paging-control {
        position: relative;
    }

        .basket-b2c-mode .paging-control .pagin-total {
            position: absolute;
            left: 0;
            right: 0;
        }

    /* START order details overview grid */
    .gvi-order-lines tbody td:last-child,
    .gvi-order-lines thead th:last-child {
        padding-right: 7px;
    }

    .gvi-order-lines .col-qty {
        text-align: center;
    }

    .gvi-order-lines .col-discount,
    .gvi-order-lines .col-uom,
    .gvi-order-lines .col-total,
    .gvi-order-lines .col-stock {
        text-align: right;
    }

    .order-details-action-bar {
        text-align: right;
    }

        .order-details-action-bar .btn {
            margin-left: 15px;
        }
    /* END order details overview grid */

    /* START basket overview grid */
    .gvi-basket-overview .col-qty {
        text-align: center;
    }

    .gvi-basket-overview td:last-child,
    .gvi-basket-overview th:last-child {
        padding-right: 7px;
    }

    .gvi-basket-overview .upper-row td {
        border-style: dashed;
        padding: 20px 0;
        vertical-align: middle;
        font-family: 'NettoOT Bold';
        color: #0069aa;
        font-size: 16px;
    }

    .gvi-basket-overview .inner-row td {
        padding: 0 0 10px 0;
    }

    .gvi-basket-overview .col-first {
        box-sizing: border-box;
        width: 70px;
    }

    /* END basket overview grid */

    .filter-title {
        display: none;
    }

    .panel-header {
        display: table;
        width: 100%;
    }

        .panel-header > div {
            display: table-cell;
            vertical-align: middle;
        }

    .panel-footer {
        display: table;
        width: 100%;
    }

        .panel-footer > div {
            display: table-cell;
            vertical-align: middle;
        }

    .details-img {
        float: left;
    }

    .details-info {
        box-sizing: border-box;
        padding: 0 1%;
    }

    .order-box .after-btn-links {
        display: inline-block;
    }

    .row-btn-add .btn-add-to-basket {
        margin-right: 20px;
    }

    .field-btn-add .btn-add-to-basket {
        max-width: 100%;
        padding-right: 10px;
        padding-left: 10px;
        min-width: 164px;
    }

    .simple-product-tile {
        float: left;
    }

        .simple-product-tile:nth-child(3) {
            clear: both;
        }

    .panel-header > .counter-inside {
        vertical-align: middle;
    }

    /* view */
    .view-changer {
        text-align: center;
        width: 33%;
    }

    .panel-header > .view-changer {
        vertical-align: middle;
    }

    .sorter-inside {
        width: 33%;
        white-space: nowrap;
    }

    .list-mode .product-action {
        text-align: right;
    }

    .panel-header .btn-add-inside {
        padding-top: 30px;
    }

    .gvi-orders tr:first-child td {
        padding-top: 15px;
    }

    .gvi-orders tr:last-child td {
        padding-bottom: 15px;
    }

    .gvi-orders tr:last-of-type td {
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

    .gvi-orders .col-authorization-status {
        text-align: center;
    }

    .gvi-methods td {
        padding-right: 15px;
    }

        .gvi-methods td.col-method-cost {
            text-align: right;
            width: 1%;
            white-space: nowrap;
        }

    ul.usp-list {
        margin: 20px 0;
    }

    .qo-input-area .tbx-search {
        width: 80%;
    }

    .choose-product {
        display: table;
        margin-right: -10px;
        margin-left: -10px;
        width: 100%;
    }

        .choose-product > div {
            display: table-cell;
            padding: 10px;
            vertical-align: top;
        }

        .choose-product .ddlb + .ddlb {
            margin-top: 10px;
        }

    .basket-loading {
        position: absolute;
        top: 100%;
        right: 0;
        padding: 15px 20px;
        width: 200px;
        z-index: 2;
    }

    /* START product details image sliders */
    .carousel-image-m-wrapper {
        margin-bottom: 25px;
    }

        .carousel-image-m-wrapper .tc-paging-container {
            display: none;
        }

        .carousel-image-m-wrapper.touchcarousel .grab-cursor {
            cursor: auto;
        }
    /* END product details image sliders */

    /*          START product tile            */
    .products-group.touchcarousel .touchcarousel-wrapper {
        overflow: visible;
    }

    .products-group.touchcarousel .touchcarousel-container {
        -webkit-transform: translate3d(0, 0px, 0px) !important;
        transform: translate3d(0, 0px, 0px) !important;
        left: 0 !important;
        margin: 0 -2%;
        width: 104% !important;
    }

    .products-group.touchcarousel .touchcarousel-item {
        float: none !important;
        width: auto !important;
    }

    .products-group.touchcarousel .grab-cursor {
        cursor: auto;
    }

    .products-group.touchcarousel .tc-paging-container {
        display: none;
    }
    /*          END product tile            */

    #product-list-panel .panel-footer .paging-control {
        width: 100%;
    }

    /*          START sub accounts           */
    .gvi-sub-accounts .col-status,
    .gvi-sub-accounts .col-limit,
    .gvi-sub-accounts .col-edit,
    .gvi-sub-accounts .col-delete {
        text-align: center;
    }

    .sub-account-holder .row-orderauthorizationrules .field {
        width: 80%;
    }
    /*          END sub accounts           */
}
/*          END desktop and tablet views          */


/*          START mobile and tablet views          */
@media screen and (max-width: 1023px) {
    body .at-resp-share-element.at-mobile .at4-share-count-container, body .at-resp-share-element.at-mobile .at-label {
        display: inline-block !important;
    }

    body .at-resp-share-element .at-share-btn .at-icon-wrapper,
    body .at-resp-share-element .at-icon {
        width: auto !important;
    }

    #permissionOverviewPage th, #permissionOverviewPage table td.permission-subtitle {
        font-size: 13px;
        padding-right: 10px !important;
    }

    #permissionOverviewPage td:first-child {
        font-size: 13px;
    }

    .sitemap-nav > li > ul > li {
        display: block;
        width: auto;
        float: none;
    }

    .footer-wrapper {
        padding: 0 15px;
    }

    .form-row .field-btn-add {
        display: table-row;
        text-align: left;
    }

    .field-btn-add .btn-add-to-basket {
        margin: 10px 0;
    }

    /*          START header controls           */
    header.sticky-mode .center {
        padding: 0;
    }
    /*          END header controls           */

    .ui-dialog.ui-dialog-scroll {
        position: fixed;
        top: 0 !important;
        left: 0 !important;
    }

    .ui-dialog {
        position: absolute;
    }

    .custom-bg {
        background-size: cover;
    }

    .shipping-choice-content .ui-selectmenu-menu {
        max-width: 100%;
    }
}
/*          END mobile and tablet views          */




/*Fix for IOS drobdowns*/
.ui-touch-device .opener,
.ui-touch-device .over-summary,
.ui-touch-device .filter-title,
.ui-touch-device .accordion-header,
.ui-touch-device .facet .hdr {
    cursor: pointer;
}




/****************************************
                Content blocks
****************************************/

/*          START desktop and tablet views          */
@media screen and (min-width: 670px) {
    /*          START main banner           */
    .banner {
        height: 480px;
        text-align: left;
    }

        .banner img {
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            height: 100%;
            position: absolute;
            left: 50%;
            max-width: inherit;
        }

    .banner-full-width {
        position: absolute;
        left: 0;
        right: 0;
        height: 480px;
        overflow: hidden;
    }

    .banner-content {
        position: relative;
        bottom: 0;
        padding-top: 115px;
    }

    .banner h1,
    .banner h2 {
        font-family: 'NettoOT Light';
        text-transform: none;
    }

    .banner h1 {
        color: #0069aa;
        font-size: 90px;
    }

    .banner h2 {
        color: #afba40;
        font-size: 50px;
        margin-bottom: 30px;
    }
    /*          END main banner           */
}
/*          END desktop and tablet views          */


/*          START mobile views          */
@media screen and (max-width: 669px) {

    .top-dropdown.login {
        font-family: 'NettoOT Bold';
    }

    /*          START main banner           */
    .banner {
        margin: 0 -15px 25px -15px;
    }

    .banner-full-width {
        height: 230px;
        overflow: hidden;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
    }

        .banner-full-width img {
            display: block;
            height: 100%;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            max-width: inherit;
        }

    .banner-pane {
        margin: 0 -15px 40px;
    }

    .banner h1 {
        font-size: 30px;
        margin-bottom: 0px;
        color: #0069aa;
        text-transform: none;
    }

    .banner h2 {
        font-size: 50px;
        margin-bottom: 15px;
        color: #afba40;
        text-transform: none;
    }

    .banner-content {
        margin: 0px !important;
        padding-top: 260px !important;
    }

    .logo-set {
        margin-bottom: 0;
    }

    .map-panel {
        padding-top: 0;
    }

    .owl-buttons {
        top: 97px;
    }
    /*          END main banner           */

    /*          START usp           */
    .basket-page-cnt .usp {
        display: none;
    }
    /*          END usp           */

    .flexi-row h1, .flexi-row h2, .flexi-row h3 {
        font-size: 40px;
    }

    .logo-set td {
        float: left;
        width: 49.5%;
        border-bottom: solid 1px #edf0ee;
        padding: 20px 0;
    }

        .logo-set td:nth-child(odd) {
            clear: both;
        }

            .logo-set td:nth-child(odd):last-child {
                border-bottom: 0px;
                margin-left: 25%;
            }

        .logo-set td span {
            height: 30px;
            display: block;
        }

    .logo-set tr {
        margin-top: -1px;
        border-bottom: 1px #fff solid;
    }

    .footer-next .columns-general.bottom {
        padding: 20px 0;
    }

    .footer-wrapper-outer a {
        text-align: left;
    }

    .hyp-read-description { cursor:pointer; display:block;
    }
}
/*          END mobile views          */