/****************************************
                Desktop
****************************************/
@media screen and (min-width: 1201px) {
    .address-header, .date-header {
        min-height: 24px;
    }

    .product-details-description-2 {
        display: none !important;
    }

    .nav-item-arrow:after {
        content: "";
        background-image: url(../../files/icons/right-arrow-black.png);
        background-repeat: no-repeat;
        background-size: 4px 6px;
        -webkit-transform: rotate(-270deg);
        transform: rotate(-270deg);
        width: 4px;
        height: 6px;
        display: inline;
        float: right;
        position: relative;
        top: 18px;
        right: 10px;
    }

    .order-overview-shipping {
        display: table;
        width: 100%;
    }

    .order-overview-purchase-approval {
        display: table;
        width: 100%;
    }

    .shipping-address, .shipping-date {
        display: table-cell;
        text-align: left;
        vertical-align: top;
    }

    .product-extra-additional {
    }

    .main-image {
        flex: 1 1 16%;
    }

    .main-description {
        flex: 1 1 34%;
    }



    .main-action {
        flex: 1 1 50%;
    }

    .product-extra-additional-wrapper .product-extra-additional {
        flex: 0 1 25%;
    }

    .main-added-extra + .main-action {
    }

    .carousel-image-slider.show-arrows .btn-prev-img,
    .carousel-image-slider.show-arrows .btn-next-img {
        display: block;
    }

    .submit-order-columns {
        padding: 0 10%;
    }

    .delivery-calendar .ui-datepicker td span, .delivery-calendar .ui-datepicker td a {
        font-size: 18px;
    }

    #basketPage,
    .checkout-page-cnt {
        margin: auto;
        max-width: 1000px;
    }

    .above-content {
        position: relative;
        top: 200px;
    }

    .bottom-header .nav-list-root {
        -webkit-transition: margin-top 0.2s;
        transition: margin-top 0.2s;
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .top-dropdown.language {
        position: relative;
    }

    .above-content + .content {
        top: 200px;
    }

    .bottom-header.animate .nav-list-root {
        margin-top: 0px;
    }

    .ui-dialog #addressBookPopup.ui-dialog-content {
        overflow: unset;
    }

    .filtered-addresses-wrapper {
        overflow: auto;
        height: 290px;
    }

    .checkout-orderaddress-page #addressBookPopup {
        height: 540px !important;
    }

    .addOption-wrapper .ddlb,
    .addOption-wrapper .tar {
        width: 80%;
    }

    .center {
        padding: 0 4%;
    }

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

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

    .bottom-header .nav-lvl-2 .nav-item-block:nth-of-type(5n+1),
    .nav-cell .nav-lvl-2 .nav-item-block:nth-of-type(3n+1) {
        border-left: none;
    }

    .ribbon-header {
        top: -60px;
    }

    .logo-cell {
        padding-left: 4%;
    }

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

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

    .has-aside .carousel-image,
    .has-aside .carousel-item {
        height: 400px;
        width: 400px;
    }

    .no-aside .carousel-image,
    .no-aside .carousel-item {
        height: 400px;
        width: 400px;
    }

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

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

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

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

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

    .gvi-methods {
        width: 80%;
    }

    .column .flow-products .column:nth-child(4) {
        display: none;
    }

    #basket .gvi-basket .row-middle.quantity-compact {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    #basket .gvi-basket .text-center.hide320 {
        text-align: right;
    }

        #basket .gvi-basket .text-center.hide320 .lbl-quantity {
            margin-right: 70px;
        }
}


/****************************************
                Tablet
****************************************/
@media screen and (min-width: 640px) and (max-width: 1100px) {
    .product-extra-additional-wrapper .product-extra-additional {
        flex: 0 1 33.33%;
    }

    .select2-container {
        width: 100% !important;
    }

    .ui-datepicker td span, .ui-datepicker td a {
        font-size: 16px;
    }

    .one-step-checkout-steps .ui-datepicker td span, .ui-datepicker td a {
        font-size: 14px !important;
    }

    .one-step-checkout-steps .delivery-calendar .ui-datepicker th {
        font-size: 10px;
    }

    .quote-desc {
        font-size: 2vw;
    }

    .usp-list li {
        display: inline-block;
        width: 50%;
        margin: 0 0 10px 0;
    }

    .usp-list .usp-ico {
        padding-right: 30px;
    }

    .login.top-dropdown .summary {
        right: 0;
    }

    .above-content {
        position: relative;
        top: 62px;
    }

    .content, footer {
        top: 62px;
    }

    .language.top-dropdown .summary {
        left: auto;
    }

    .bottom-header .nav-list-root {
        margin: auto;
    }

    .center {
        padding: 0 2%;
    }

    .profile-login-page .center {
        padding: 0 5%;
    }

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

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

    .flow-products .column:nth-child(4),
    .column .flow-products .column:nth-child(3) {
        display: none;
    }

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

    .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 */
    .nav-cell .nav-lvl-3 .nav-item:nth-child(n+5) {
        display: none;
    }

    .has-aside .carousel-image,
    .has-aside .carousel-item {
        height: 317px;
        width: 317px;
    }


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

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

    .usp-list li:nth-child(6),
    .usp-list li:nth-child(7) {
        display: none;
    }

    #basket .gvi-basket .product-additional-info {
        margin: 0 auto;
    }
}


/****************************************
                Mobile
****************************************/
@media screen and (max-width: 639px) {
    .one-step-checkout-steps .delivery-calendar .ui-datepicker .ui-datepicker-header {
        padding: 0 0 20px 0;
    }

    .select2-container {
        width: 100% !important;
    }

    .delivery-calendar .ui-datepicker .ui-datepicker-header {
        padding: 20px 0;
    }

    .box.has-advanced-upload {
        margin: 20px 0 0 0;
    }

    .field-shippingaddress-address2 {
        position: relative;
    }

    .basket-steps {
        display: table;
        width: 100%;
        border: none;
    }

    .basket-step {
        display: block;
        width: 100%;
        height: 28px;
        line-height: 28px;
        text-align: center;
        border-radius: 40px;
        border: 1px solid #9fbfb4;
        margin: 0 0 5px 0;
    }

    .submit-order-cell {
        margin: 30px 0;
    }

    .ui-datepicker td span, .ui-datepicker td a {
        font-size: 14px;
    }

    .facet-range {
        margin: 0;
    }

    img.quote-img.fr-tag.fr-fin {
        display: none;
    }

    .quote {
        padding: 25px 8%;
        background-size: 5%;
        background-position: 5px 25px;
    }

    .quote-desc {
        font-size: 14px;
    }

    .columns-general > .column.contact-info {
        margin: 0 0 20px 0;
    }

    .above-content {
        position: relative;
        top: 62px;
    }

    .content, footer {
        top: 62px;
    }

    .language.mob-dropdown,
    .login.mob-dropdown .opener,
    .service.mob-dropdown .opener {
        color: #fff;
    }

        .language.mob-dropdown .summary,
        .login.mob-dropdown .summary,
        .service.mob-dropdown .summary {
            background: #fff;
        }

    #addressBookPopupBody td {
        height: 20px;
    }

    .zipcode-wrapper .value {
        margin-top: 10px;
    }

    .center {
        padding: 0 15px;
    }

    .profile-validate-page .center {
        padding: 0 30px;
    }

    .profile-login-page .center {
        padding: 0 30px;
    }

    .hide320 {
        display: none !important;
    }

    .ui-autocomplete {
        position: static;
    }

    .mob-bottom-cell .search {
        padding: 5%;
        width: 90%;
        background: #fff;
    }

    .tbx.tbx-main-search,
    .tbx-main-search + .btn-search {
        background: #f2f2f2;
    }

    .ribbon-header {
        height: 60px;
    }

        .ribbon-header nav {
            position: static;
            width: 100%;
        }

    .sticky-elements {
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

    .nav-cell nav {
        display: none;
    }

    .nav-head-mob {
        padding: 10px 16px;
        text-align: right;
        overflow: hidden;
        clear: both;
    }

        .nav-head-mob .hyp-top-lvl {
            float: left;
        }

    .nav-lvl-2-mob {
        display: none;
    }

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

    .nav-lvl-3-mob {
        line-height: 30px;
    }

    .search-cell {
        display: none !important;
    }

    .top-action-cell {
        display: none !important;
    }

    .mob-middle-cell {
        display: none;
        max-height: calc(100vh - 62px);
        overflow: auto;
    }

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

        .mob-dropdown .opener {
            padding-left: 18px;
            line-height: 40px;
        }

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

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

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

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

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

        .basket-link-cell .hyp {
            height: 100%;
            width: 100%;
            display: block;
        }

            .basket-link-cell .hyp:before {
                background-image: url(../../files/icons/cart@2x.png);
                background-size: 17px 17px;
                background-repeat: no-repeat;
                content: '';
                position: absolute;
                top: 20px;
                left: 15px;
                height: 17px;
                width: 17px;
            }

        .basket-link-cell .over-summary-number {
            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;
        }

            .basket-link-cell .over-summary-number:before {
                background: url(../../files/icons/basket-white.png) no-repeat scroll 0 0 transparent;
                content: '';
                display: inline-block;
                height: 17px;
                width: 20px;
                margin-bottom: 1px;
                position: absolute;
                top: 20px;
                left: 15px;
            }

    .popup-cnt .cnt-column {
        min-width: initial;
    }

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

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

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

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

    .btn-add-inside {
        padding-top: 0;
    }

    .has-aside .details-info,
    .no-aside .details-info {
        display: block;
        padding: 0;
    }

    .no-aside .details-img,
    .has-aside .details-img {
        display: none !important;
    }


    /*
    .product-details-description {
        bottom: 0;
        margin: 30px 0;
        letter-spacing: 0.2px;
        font-size: 16px;
        font-weight: 300;
    }*/
    .carousel-image.touchcarousel {
        display: inline;
    }

    .carousel-image,
    .carousel-item {
        max-width: 100%;
    }

    .aside-links {
        margin-top: 0;
    }

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

    .filters-wrapper {
        padding: 0 15px;
        position: relative;
        top: 62px;
    }

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

    .gvi-basket-overview {
        line-height: 2;
    }

        .gvi-basket-overview .name,
        .gvi-basket-overview .cell-name {
            float: left;
        }

        .gvi-basket-overview .value {
            display: block;
            margin-left: 50%;
            text-align: right;
        }

    .gvi-basket .row-middle,
    .mob-show-cell .row-middle {
        clear: both;
        padding: 18px 0;
    }

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

    .gvi-basket .row-footer,
    .mob-show-cell .row-footer {
        padding: 10px 15px;
        margin: 0 -15px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        clear: both;
    }

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

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

    /*.gvi-basket .product-info,
    .gvi-wish-list .product-info,
    .gvi-basket-overview .product-info,
    .mob-show-cell .uom{
        margin-left: 95px;
    }*/

    .variant-product-info {
        margin-bottom: 10px;
    }

    .mob-show-cell .row-middle > .uom {
        float: left;
        line-height: 2.5;
    }

    .row-footer .action-links,
    .row-footer .product-total,
    .mob-show-cell .price-node,
    .mob-show-cell .qty-control .uom {
        line-height: 2.5;
    }

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

    .mob-show-cell .qty-control .uom {
        vertical-align: top;
    }

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

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

    .row-footer {
        text-align: right;
    }

        .row-footer .action-links {
            float: left;
        }

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

    .choose-product,
    .choose-product > div {
        display: block;
    }

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

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

    .basket-b2b-mode .gvi-basket .product-img,
    .basket-b2b-mode .gvi-basket .hyp-thumbnail,
    .basket-b2c-mode .gvi-basket .hyp-thumbnail,
    .mob-show-product-img {
        height: 84px;
        width: 84px;
    }

    .mob-show-product-img {
        float: left;
    }

    .gvi-basket-wrapper,
    .gvi-wish-list-wrapper,
    .gvi-basket-overview-wrapper {
        margin: 0 -15px;
        padding: 0 15px;
        border-top-width: 1px;
        border-top-style: solid;
    }

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

    .basket-details h2 {
        display: none;
    }

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

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

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

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

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

        .grid-wrapper .responsive-table td:before {
            margin-left: 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;
        }

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

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

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

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

    .flow-products {
        padding-bottom: 35px;
        margin-bottom: 15px;
    }

        .flow-products .tc-paging-container {
            border-top-width: 1px;
            border-top-style: solid;
        }
}
/*          END mobile views          */


/****************************************
                Mixed
****************************************/
/*          START desktop and tablet views          */
@media screen and (min-width: 640px) {
    .one-step-checkout-steps .delivery-calendar-content {
        margin-top: -20px;
    }

    .one-step-checkout-steps .delivery-calendar .ui-datepicker th {
        font-size: 10px;
        padding: .7em 0;
    }

    .order-address-info {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

        .order-address-info > div {
            display: table-cell;
            width: 50%
        }

            .order-address-info > div:first-child {
                padding-right: 15px;
            }

            .order-address-info > div:last-child {
                padding-left: 15px;
            }

    .one-step-checkout-steps .delivery-cells .one-step-checkout-header {
        display: table-cell;
        padding-right: 30px;
        max-width: calc(20% - 30px);
        text-align: left;
    }

    .one-step-checkout-steps .delivery-calendar .ui-datepicker {
        height: 100%;
    }

    .one-step-checkout-steps #customShippingAddressChb {
        padding-left: 0;
    }

    .service-email {
        line-height: 16px;
    }

    .shipping-addresses-chb {
        position: absolute;
        bottom: 0;
    }

    .basket-page-cnt .gvi-totals .cell-value {
        width: 180px;
    }

    .service-row .product-title-super {
        display: table;
    }

        .service-row .product-title-super .additional-option-img-basket,
        .service-row .product-title-super .additional-option-basket {
            display: table-cell;
            vertical-align: middle;
        }

            .service-row .product-title-super .additional-option-img-basket img {
                padding-right: 20px;
            }

    .js-selected-option {
        display: flex;
        flex-flow: row wrap;
        margin: 0 0 30px 0;
        width: 100%;
    }

    .order-info-wrapper {
        width: 100%;
        display: table;
    }

    .order-info-left,
    .order-info-right {
        width: 50%;
        display: table-cell;
    }

    .order-info-left {
        padding-right: 1%;
    }

    .order-info-right {
        padding-left: 1%;
    }

    .field-subsupplier-info-message {
        width: 100%;
        float: left;
        margin-left: 5px;
        font-style: italic;
    }

    .field-cost-center-id,
    .field-type-bestelling,
    .field-phone-number,
    .field-info-message,
    .field-pre-info-message-item {
        width: 48%;
        float: left;
    }

    .field-pre-info-message-item {
        clear: left;
    }

    .field-cost-center-id,
    .field-phone-number,
    .field-pre-info-message-item,
    .one-step-checkout-steps .field-type-bestelling {
        margin-right: 2%;
    }

    .field-type-bestelling,
    .field-info-message {
        margin-left: 2%;
    }

    .one-step-checkout-steps .field-type-bestelling,
    .one-step-checkout-steps .field-info-message,
    .one-step-checkout-steps .field-phone-number {
        margin-left: 0;
        width: auto;
        float: none;
    }

    .list-single {
        width: 50%;
        display: table-cell;
        margin: 0 0 20px -2px;
    }

    .address-list {
        padding-bottom: 1%;
        display: table;
        width: 100%;
    }


    .submit-order-columns .submit-order-cell:first-child .submit-order-icon {
        padding-left: calc(50% - 30px);
    }

    .submit-order-columns .submit-order-cell:last-child .submit-order-icon {
        padding-right: calc(50% - 30px);
    }

    .submit-order-columns {
        display: table;
        width: 100%;
        box-sizing: border-box;
        margin: 60px 0;
    }

    .submit-order-cell {
        display: table-cell;
        width: 33.33%;
        vertical-align: top;
    }

    .submit-order-details {
        padding: 0 12%;
    }

    .delivery-cells {
        display: table;
        width: 100%;
    }

    .delivery-calendar, .delivery-frames-notify {
        display: inline-block;
        width: 50%;
        vertical-align: top;
        box-sizing: border-box;
        margin-right: -2px;
    }


    .one-step-checkout-steps .delivery-calendar {
        display: table-cell;
        width: 280px;
        vertical-align: top;
        box-sizing: border-box;
        margin-right: -2px;
    }

    .one-step-checkout-steps .delivery-frames-notify {
        display: table-cell;
        vertical-align: top;
        box-sizing: border-box;
        margin-right: -2px;
    }

    .delivery-calendar {
        padding-right: 2%;
    }

    .delivery-frames-notify {
        padding-left: 6%;
    }

    .add-address-button {
        margin: 30px 0 0 0;
    }

    .field-shippingaddress-name,
    .field-shippingaddress-name2,
    .field-shippingaddress-zipcode,
    .field-shippingaddress-address2,
    .field-shippingaddress-phoneno {
        width: 48%;
    }

    .field-shippingaddress-name2,
    .field-shippingaddress-address2,
    .field-shippingaddress-phoneno {
        position: absolute;
        margin-top: -67px;
        right: 0;
    }

    .field-shippingaddress-name.row-error + .field-shippingaddress-name2,
    .field-shippingaddress-zipcode.row-error + .field-shippingaddress-address2,
    .field-shippingaddress-city.row-error + .field-shippingaddress-phoneno {
        margin-top: -91px;
    }

    .field-shippingaddress-name:not(.row-error) + .field-shippingaddress-name2.row-error + .form-row,
    .field-shippingaddress-zipcode:not(.row-error) + .field-shippingaddress-address2.row-error + .form-row,
    .field-shippingaddress-city:not(.row-error) + .field-shippingaddress-phoneno.row-error + .form-row {
        padding-top: 24px;
    }

    .tbx-promotion,
    .btn-back,
    .btn-checkout {
        min-width: 290px;
    }

    #customShippingAddress,
    #customShippingAddressChb,
    .address-selector {
        display: table-cell;
        vertical-align: top;
    }

    .one-step-checkout-steps #customShippingAddressChb,
    .one-step-checkout-steps .address-selector {
        width: auto;
    }

    .one-step-checkout-steps #customShippingAddressChb {
        display: block;
        padding-bottom: 0;
    }

    .one-step-checkout-steps .receivers {
        padding-bottom: 10px;
    }

    .one-step-checkout-steps .address-selector {
        padding-left: 0;
        display: inline-block;
    }

    #customShippingAddress {
        position: relative;
        width: 50%;
    }

    #customShippingAddressChb {
        position: relative;
        vertical-align: top;
        padding-left: 20px;
        padding-bottom: 80px;
    }

    .address-selector {
        padding-left: 20px;
    }

        .address-selector .btn {
            width: 100%;
        }

    #customShippingAddressChb,
    .address-selector {
        width: 25%;
    }

    #orderAdressPage .order-address-wrapper {
        display: table;
        table-layout: fixed;
    }

    #multi-address-panel .order-address-wrapper {
        display: table;
        table-layout: fixed;
    }

    #orderAdressPage .one-step-checkout-steps .order-address-wrapper {
        display: block;
    }

    .tbx-promotion {
        margin-left: -7px;
    }

    .has-carousel + .above-content + .content {
        top: 10px !important;
    }

    .sorting-align {
        position: relative;
    }

        .sorting-align .panel-header {
            position: absolute;
            top: -52px;
        }

    .productlist-list-page .sorting-align .panel-header {
        top: 0;
        z-index: 1;
    }

    .hyp-basket-edit-text,
    .hyp-basket-remove-text {
        display: none;
    }

    .hyp-basket-edit {
        background-image: url(../../files/icons/pencil-circle@2x.png);
    }

    .hyp-basket-remove {
        background-image: url(../../files/icons/x-circle@2x.png);
    }

    .hyp-basket-edit,
    .hyp-basket-remove {
        display: inline-block;
        background-size: 24px 24px;
        width: 24px;
        height: 24px;
    }

        .hyp-basket-remove .additional-option-remove-button {
            padding-left: 30px;
            vertical-align: text-top;
        }

    .hyp-basket-remove-multiaddress {
        background-image: url(../../files/icons/x-circle@2x.png);
    }

    .hyp-basket-edit,
    .hyp-basket-remove-multiaddress {
        display: inline-block;
        background-size: 24px 24px;
        width: 24px;
        height: 24px;
    }

        .hyp-basket-remove-multiaddress .additional-option-remove-button {
            padding-left: 30px;
            vertical-align: text-top;
        }

    header .center {
        position: relative;
        z-index: 2;
    }

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

        .bottom-header.animate {
            z-index: 2;
        }

    .middle-header.animate .ui-autocomplete {
        display: none !important;
    }

    .quote {
        margin-left: 40%;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0 15% 0 5%;
    }

    .testimonials-list {
        display: flex;
        flex: 1 1 50%;
        padding: 60px 0;
    }

        .testimonials-list .testimonials {
            padding: 0 5%;
        }

        .testimonials-list .quote {
            position: static;
            margin: 0;
            -webkit-transform: none;
            transform: none;
            padding: 0;
        }

        .testimonials-list .testimonials .quote-img {
            margin: 0 auto 20px auto;
        }

    .usp-list .table .table-cell:last-child {
        padding-right: 10%;
        line-height: 20px;
    }

    .column.contact-info {
        border-left: 2px solid #45413A;
        border-right: 2px solid #45413A;
        width: 25%;
    }

    .columns-general > .column.contact-info {
        padding-left: 5%;
    }

    .nav-item-block .nav-list {
        margin-top: 1px;
    }

    .zipcode-wrapper {
        display: table;
    }

        .zipcode-wrapper .tbx {
            width: 50%;
            margin-right: 20px;
        }

    .show320 {
        display: none !important;
    }

    .ribbon-header {
        position: fixed;
        height: 60px;
    }

    .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.flow-img-tiles {
            table-layout: auto;
            margin: 0;
            width: 100%;
            display: flex;
            display: -webkit-flex;
            justify-content: space-between;
            justify-content: -webkit-space-between;
        }

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

        .columns-general > .column-register-left {
            padding-right: 25px;
        }

        .columns-general > .column-register-right {
            padding-left: 25px;
            border-left: 2px dotted #000;
        }

        .columns-general.flow-img-tiles > .column {
            padding: 0;
            width: 23.5%;
            display: block;
        }

            .columns-general.flow-img-tiles > .column.wide {
                width: 49%;
            }

        .columns-general > .column.sitemap {
            padding: 0 1% 0 0;
        }

        .columns-general > .column.newsletter {
            padding: 0 0 0 6%;
        }

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

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

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

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

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

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

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

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

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

    .filter-title {
        display: none;
    }

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

    .logo-cell {
        width: 25%;
    }

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

    .has-aside,
    .no-aside {
        display: table;
    }

    .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 {
        width: 100%;
    }

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

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

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

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

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

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

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

    .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-basket tr td:before,
    .gvi-basket-overview tr td:before {
        content: "";
        background-image: linear-gradient(to right, #323232 20%, rgba(255,255,255,0) 0%);
        background-position: bottom;
        background-size: 5px 1px;
        background-repeat: repeat-x;
        height: 1px;
        display: block;
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    .gvi-basket tr:first-child td:after,
    .gvi-basket-overview tr:first-child td:after {
        content: "";
        background-image: linear-gradient(to right, #323232 20%, rgba(255,255,255,0) 0%);
        background-position: bottom;
        background-size: 5px 1px;
        background-repeat: repeat-x;
        height: 1px;
        display: block;
        position: absolute;
        top: 0;
        width: 100%;
    }

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

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

    .gvi-basket .row-middle {
        text-align: center;
    }

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

    /*          menu             */
    .nav-item-root .hyp-top-lvl {
        padding: 0 16px;
        position: relative;
        display: inline-block;
        line-height: 40px;
        z-index: 4;
        letter-spacing: 1.5px;
        font-weight: 700;
    }

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

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

    .bottom-header .nav-list-root {
        display: table;
    }

    .bottom-header .nav-item-root {
        display: table-cell;
    }

    .nav-cell .nav-item-root .hyp-top-lvl {
        border-width: 1px 0;
        margin-right: -1px;
        line-height: 40px;
    }
}
/*          END desktop and tablet views          */


/*          START mobile and tablet views          */
@media screen and (max-width: 1100px) {
    .productlist-list-page .product-list-page-banner .banner {
        min-height: 0;
    }

    .middle-header {
        display: none !important;
    }

    .nav-item-arrow .hyp-top-lvl:after {
        content: "";
        background-image: url(../../files/icons/right-arrow-black.png);
        background-repeat: no-repeat;
        background-size: 4px 6px;
        -webkit-transform: rotate(-270deg);
        transform: rotate(-270deg);
        width: 4px;
        height: 6px;
        display: inline;
        float: right;
        position: relative;
        top: 18px;
        right: 10px;
    }

    .nav-item-arrow .hyp-top-lvl:after {
        display: block;
        top: 50%;
        position: absolute;
    }

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

    .client-service {
        padding: 0 0 30px 0;
    }

    .carousel-image-slider .btn-prev-img,
    .carousel-image-slider .btn-next-img {
        display: block;
    }

    .home-page .usp-list {
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }

    .flow-img-tiles .column {
        margin-bottom: 2.0vw;
    }

    .ImageTilesContentBlock {
        padding-top: 4.0vw;
        padding-bottom: 2.0vw;
    }

        .ImageTilesContentBlock.not-first {
            padding-top: 0px;
            margin-top: -2.0vw;
        }

    .banner,
    .banner .banner-full-width {
        height: 53vw;
    }

    .productlist-list-page .banner,
    .productlist-list-page .banner .banner-full-width {
        height: 45.1vw;
    }

    .productlist-list-page .product-list-page-banner .banner,
    .productlist-list-page .product-list-page-banner .banner .banner-full-width {
        height: auto;
    }

    .banner-icon-image {
        max-height: 41vw;
    }

    .banner h1 {
        font-size: 6vw;
        line-height: 6vw;
    }

    .banner h2 {
        font-size: 3.5vw;
        line-height: 4.27vw;
    }

    .productlist-list-page .banner h2 {
        margin-top: 1vw;
    }

    .banner .btn {
        margin-top: 3.9vw;
    }

    .banner-content-text {
        padding-right: 7%;
    }

    .banner .btn-icon-left.btn-big {
        padding: 0 18px 0 43px;
    }

    .banner-content {
        padding-top: 45px;
    }

    /*FIX for slow (Android) devises  */
    header > .center,
    .bottom-header {
        display: none;
    }

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

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

    .ribbon-header .center {
        padding: 0;
    }

    .logo-cell {
        text-align: center;
    }

        .logo-cell .logo {
            display: inline-block;
            float: none;
            padding: 0 5px;
        }

    .has-aside {
        width: 100%;
    }

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

    .ui-dialog {
        position: absolute;
    }

    .custom-bg {
        background-size: cover;
    }
}
/*          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;
}

@media screen and (min-width: 640px) and (max-width: 1100px) {
    .nav-cell .nav-item-root .hyp-top-lvl {
        line-height: 30px;
        padding-top: 5px;
        padding-bottom: 5px;
        display: block;
        font-size: 70%;
    }

    .main-image {
        flex: 1 1 20%;
    }

    .main-description {
        flex: 1 1 35%;
    }

    .main-action {
        flex: 1 1 45%;
    }

    .main-added-extra + .main-action {
        flex: 1 1 50%;
    }

    #supplierSearchPage_wrapper {
        display: inline-block;
        width: 100%;
    }

    .supplier-search-option,
    .supplier-search-query {
        display: inline-block;
        width: 100%;
    }

    #customShippingAddress {
        display: inline-block;
        width: 100%;
    }

    #customShippingAddressChb, .address-selector {
        width: 50%;
        box-sizing: border-box;
    }

    #customShippingAddressChb {
        float: left;
    }

    .address-selector {
        float: right;
    }

    .image-tile-item .banner-content-inside h2 {
        font-size: 4.1vw;
    }

    .image-tile-item .banner-content-inside h3 {
        font-size: 2.35vw;
        line-height: 3.52vw;
        margin-bottom: 1.2vw;
    }
}


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

/*          START desktop and tablet views          */
@media screen and (min-width: 640px) {
    /*          START main banner           */

    /*          END main banner           */
}
/*          END desktop and tablet views          */


/*          START mobile views          */
@media screen and (max-width: 479px) {
    .product-extra-additional {
        flex: 1 1 100%;
        margin: 15px 0;
    }
}

@media screen and (min-width: 480px) and (max-width: 639px) {
    .product-extra-additional {
        flex: 1 1 50%;
    }
}

@media screen and (max-width: 639px) {
    .one-step-checkout-steps #orderInfoPage {
        background-image: linear-gradient(to right, #323232 20%, rgba(255,255,255,0) 0%);
        background-position: top;
        background-size: 5px 1px;
        background-repeat: repeat-x;
    }

    .login-container .form-holder {
        padding-top: 40px;
    }

    .tbx-email {
        margin: 0 0 40px 0;
    }

    .login-page-cnt .h1-holder {
        display: none;
    }

    .login-container {
        width: 100%;
    }

    .login-container-blur {
        left: 0;
        width: 100%;
        background-position-x: -30px;
    }

    .panel-footer .btn.btn-big,
    .checkout-step .btn.btn-big,
    #basketPage .btn.btn-big {
        width: 100%;
    }

    .basket-page-cnt .gvi-totals .cell-value {
        width: 120px;
    }

    .testimonials-list .testimonials .quote-img {
        margin: 0 auto;
        padding: 20px 0 0 0;
    }


    .list-single,
    .comment-header,
    .comment-list,
    .orderoverview_selected_subsupplier {
        width: 100%;
        display: inline-block;
        margin: 0 0 20px 0;
    }

    .main-image img {
        padding: 0 20px 0 0;
        box-sizing: border-box;
    }

    .main-image, .main-description {
        flex: 1 1 50%;
    }

    .js-selected-option {
        display: flex;
        flex-flow: row wrap;
        margin: 30px 0;
    }

    .main-added-extra {
        flex: 1 1 50%;
    }

    .main-action {
        flex: 1 1 100%;
    }

    .main-added-extra + .main-action {
        flex: 1 1 50%;
    }

    .product-extra-additional {
        margin: 15px 0;
    }

    .additional-image {
        padding: 0;
    }

        .additional-image img {
            max-width: 50%;
        }

    .submit-order-columns .submit-order-cell:first-child .submit-order-icon {
        margin-left: calc(50% - 30px);
    }

    .video-container-wrapper .table-cell {
        display: block;
        padding: 0;
    }

    .video-container-wrapper .client-service {
        margin: 0 0 30px 0;
    }

    .video-container {
        margin: 0 auto 30px auto;
    }

    .add-address-button {
        margin: 20px 0 0 0;
    }

    .next-inside .table-cell {
        display: block;
        text-align: center;
        padding: 0;
    }

    .productlist-list-page .home-carousel.has-carousel {
        margin-bottom: 0;
    }
    /*          START usp           */
    .basket-page-cnt .usp {
        display: none;
    }
    /*          END usp           */

    .columns-general.flow-img-tiles {
        table-layout: auto;
        margin: 0;
        width: 100%;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        justify-content: -webkit-space-between;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

        .columns-general.flow-img-tiles > .column {
            padding: 0;
            width: 49%;
        }

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

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

    #supplierSearchPage_wrapper {
        display: inline-block;
        width: 100%;
    }

    .supplier-search-option,
    .supplier-search-query {
        display: inline-block;
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    /*          START main banner           */
    .banner,
    .banner .banner-full-width {
        height: 256px;
    }

    .productlist-list-page .banner,
    .productlist-list-page .banner .banner-full-width {
        height: 218px;
    }

    .banner-icon-image {
        display: none !important;
    }

    .banner-content-text {
        width: 100%;
        padding-right: 10%;
        padding-left: 10%;
        text-align: center;
    }

    .banner h1 {
        font-size: 28px;
        line-height: 28px;
    }

    .banner h2,
    .productlist-list-page .banner h2 {
        margin-top: 5px;
        font-size: 17px;
        line-height: 17px;
    }
    /*          END main banner           */

    .image-tile-item .banner-content-inside h2 {
        font-size: 8.2vw;
    }

    .image-tile-item .banner-content-inside h3 {
        font-size: 4.7vw;
        line-height: 7vw;
        margin-bottom: 2.4vw;
    }

    .banner .btn:after {
        height: 36px;
        bottom: 16px;
    }
}
/*          END mobile views          */

/*MENU FONT FIX*/
@media screen and (min-width: 1300px) and (max-width: 1400px) {
    .hyp-top-lvl {
        font-size: 80% !important;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1299px) {
    .hyp-top-lvl {
        font-size: 70% !important;
    }
}

@media screen and (min-width: 1100px) and (max-width: 1199px) {
    .hyp-top-lvl {
        font-size: 60% !important;
    }
}


/*@media screen and (min-width: 700px) {
    .hyp-top-lvl {
        font-size: 40% !important;
    }
}

@media screen and (min-width: 800px) {
    .hyp-top-lvl {
        font-size: 50% !important;
    }
}

@media screen and (min-width: 1000px) {
    .hyp-top-lvl {
        font-size: 60% !important;
    }
}


@media screen and (min-width: 1200px) {
    .hyp-top-lvl {
        font-size: 70% !important;
    }
}
*/

@media screen and (min-width: 639px) and (max-width: 1800px) {
    .product-details-description-2 {
        display: none !important;
    }

    .no-aside .carousel-image,
    .no-aside .carousel-item {
        height: 360px;
        width: 360px;
    }
}

@media screen and (max-width: 639px) {
    .product-details-description-2 {
        margin: 30px 0;
        /*  letter-spacing: 0.2px;*/
        font-size: 12px;
        font-weight: 300;
        color: black;
        line-height: 20px;
    }

    .product-details-description {
        display: none !important
    }

    .zoomContainer {
        display: none;
    }

    .carousel-item {
        margin-right: 180px !important;
    }

    /* .details-img {
        display:none;
    }*/

    .font-product-title {
        padding: 5px;
    }

    .special-label {
        left: 1px;
    }
}