/* als responsive css script */

/***** small desktops *****/

.is-at-bottom {
    top: 0 !important; /* foundation fix for idiotic is-anchored is-at-bottom behavior. */
}

.mobile {
    display: none;
}

.header .responsive-search {
    margin-left: 20px;
    display: none;
}

.header .responsive-search .loupe {
    width: 22px;
}

/* menu */
.responsive-menu-toggle {
    display: flex;
    xheight: 100px;
    vertical-align: top;
    align-items: center;
    margin-left: 0.9375rem;
    margin-left: 1rem;
    margin-left: 20px;
    flex-direction: column;
    justify-content: top;
    xpadding-top: 34px;
    display: none;
}

.responsive-menu-toggle .burger {
    display: block;
    width: 26px;
    width: 28px;
    margin-top: 2px;
    margin-top: 0;
    height: 38px;
    padding-top: 10px;
    opacity: .95;
}

.burger span {
    display: block;
    background: #58595b;
    height: 3px;
    border-radius: 10px;
}

.burger span + span {
    margin-top: 6px;
}

.responsive-menu-toggle .close {
    display: block;
    width: 26px;
    font-size: 48px;
    font-weight: 400;
    text-align: center;
    height: 30px;
    line-height: 32px;
    display: none;
}

.responsive-menu-toggle .menu-label {
    font-size: 10px;
    line-height: 20px;
    display: block;
    font-weight: 600;
    display: none;
}

.responsive-menu-on .responsive-menu-toggle .burger {
    xdisplay: none;
    opacity: .45;
}

.responsive-menu-on .responsive-menu-toggle .close {
    display: block;
    display: none;
}


.responsive-menu-on .main-navigation-responsive {
    max-height: 1000px;
    transition: max-height .5s;
}

#responsive-menu {
    xborder-top: 1px solid rgba(0, 0, 0, .1);
}

.main-navigation-responsive {
    margin: 0;
    list-style: none;
    xposition: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    background: #fff;
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s cubic-bezier(0, 1, 0, 1), width 0s;
}

.main-navigation-responsive .acc-link a {
    xcolor: #00b085;
}

.main-navigation-responsive .acc-link .user-icon {
    opacity: .15;
    width: 18px;
    margin-right: 0;
    vertical-align: middle;
    margin-top: 1px;
    float: right;
}


.main-navigation-responsive > li > a {
    line-height: 60px;
    line-height: 1;
    font-size: 18px;
    font-weight: 700;
    display: block;
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding: 0;
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
    padding-left: 0.9375rem; /* 25px @ 16px root size */
    padding-right: 0.9375rem;
    padding-top: 13px;
    padding-bottom: 4px;
    line-height: 20px;
    font-size: 16px;
}

.main-navigation-responsive > li {
    padding-bottom: 9px;
}

.accordion-menu.main-navigation-responsive .is-accordion-submenu a {
    line-height: 40px;
    line-height: 34px;
    xfont-size: 16px;
    xfont-weight: 700;
    display: block;
    xborder-top: 1px solid rgba(0, 0, 0, .1);
    padding: 0;
    xpadding-left: 1.5625rem;
    xpadding-right: 1.5625rem;
}

.accordion-menu.main-navigation-responsive > li > .is-accordion-submenu {
    padding-left: 1.5625rem;
    xpadding-right: 1.5625rem;
    xmargin-top: -10px;
    xmargin-bottom: 10px;
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a:after {
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: '';
    display: inline-block;
    height: 9px;
    transform: rotate(135deg);
    vertical-align: top;
    width: 9px;
    border-color: #58595b;
    margin-top: -1px;
    margin-right: 4px;
}

.accordion-menu .is-accordion-submenu-parent[aria-expanded="true"] > a:after {
    transform: rotate(0deg);
    border-width: 2px 0 0 0;
    width: 14px;
    margin-top: 4px;
    margin-right: -2px;
    margin-right: 2px;
}

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

    .header .logotype {
        width: 95px;
    }

    .acc-link {
        display: none;
    }

    /* wrapper */
    body {

    }

    .desktop {
        display: none;
    }

    .tablet {
        xdisplay: inline-block;
    }

    .header-top .phone-icon {
        display: inline-block;
    }

    .toggle-customer-type-container, .semi-submit-order {
        display: none !important;
    }

    .product-finder .term {
        width: 67%;
        font-size: 22px;
    }

    .product-finder .button {
        width: 33%;
        font-size: 22px;
    }

    .footer-cs-icon {
        display: none;
    }

    .xmain-navigation {
        width: 100px;
        height: 100px;
        overflow: hidden;
    }


    .grid-container {
        padding-left: 1.5625rem; /* 25px @ 16px root size */
        padding-right: 1.5625rem;
    }

    .header-bottom-products {
        font-size: 20px;
    }

    /* product page */
    .xzoom-container {
        width: 100%;
    }

    .single-product .xzoom {
        display: inline-block;
        width: 40%;
        margin-left: 30%;
        width: 60%;
        margin-left: 20%;
    }

    .single-product .xzoom-thumbs {
        width: 60%;
        margin-left: 20%;
        padding-right: 5px;
    }

    .variants .variant {
        xborder-bottom: 1px solid rgba(0, 0, 0, .1);
        xpadding: 8px 0; /* 14px */
        xpadding-left: 10%;
    }

    .cell-photos {
        xorder: 2;
        xpadding-top: 60px;
    }

    .single-product h1 {
        font-size: 2rem;
    }

    .cell-product-description {
        order: 1;
    }

    /*
    .variants .cell {
        font-size: 14px;
        text-align: left;
        line-height: 30px;
        xwidth: auto;
        xpadding-right: 20px;
    }

    .variants .col-code {
        width: auto;
        padding-right: 0px;
        font-size: 16px;
        width: 10%;
        margin-left: -10%;
    }

    .variants .col-code .code {
        xfont-weight: 700;
        display: inline-block;
        padding-top: 10px;
        padding-bottom: 6px;
    }

    .variants .col-desc {
        font-size: 16px;
        width: 80%;
        padding-left: 0;
    }

    .variants .col-order {
        text-align: right;
        position: relative;
        padding-right: 0;
    }

    .single-product a.order {
        position: absolute;
        top: 0;
        right: 0;
        line-height: 44px;
        margin-top: -30px;
    }

    .variants .tablet {
        margin-right: 6px;
    }
    */
    .variants .grid-x .col-code {
        width: 14%;
    }

    .variants .grid-x .large-1 {
        width: 10%;
    }

    .variants .variant {
        font-size: 15px;
    }

    /* cart page */
    .order-progress {
        margin-bottom: 20px;
    }

    .order-progress .step {
        xwidth: 82px;
        xfont-size: 11px;
    }

    .order-progress .step-1 {
        left: 26%;
        margin-left: 0;
    }

    .order-progress .step-2 {
        left: 50%;
        margin-left: -60px;
    }

    .order-progress .step-3 {
        right: 26%;
        left: auto;
        margin-right: 0;
    }

    .order-progress .trail-incomplete {
        left: 30%;
        width: 40%;
    }

    .box .box-header {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        line-height: 60px;
    }

    .boxes .delete-box {
        height: 30px;
        width: 30px;
        line-height: 28px;
        font-size: 30px;
        margin-top: 15px;
        margin-right: -4px;
    }

    .box .column-headings {
        margin-left: 1.25rem;
        margin-right: 1.25rem;
        padding-top: 2px;
        line-height: 48px;
    }

    .box .items .product {
        margin-left: 1.25rem;
        margin-right: 1.25rem;
    }

    .box .items .col-code {
        width: 15%;
    }

    .box .items .medium-1 {
        width: 10%;
    }

    .box .items .medium-3 {
        width: 28%;
        padding-left: 1%;
    }

    .col-quantity {
        font-size: 14px;
    }

    .col-quantity label {
        font-size: 14px;
        margin-left: 5px;
        line-height: 22px;
        padding-left: 24px;
    }

    .box .items .col-remove {
        width: 3%;
        position: relative;
    }

    .skinned-checkbox {
        padding-left: 0;
    }

    .skinned-checkbox .green-checkbox {
        position: absolute;
        top: 3px;
        right: 0px;
        left: auto;
    }

    .box-label-row {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .box-label-row .medium-2 {
        width: 15%;
        max-width: 15%;
    }

    .box-label-row .medium-10 {
        width: 85%;
    }

    .add-instruction {
        padding-left: 0;
        padding-top: 10px;
        line-height: 1.6;
        color: #888;
        font-size: 13px;
        width: 90%;
        display: block;
    }

    .page-id-71 .ui-autocomplete {
        min-width: 70%;
        box-sizing: content-box;
        padding: 0;
    }

    /* checkout */
    .deliver-to-row {
        margin-left: 1.25rem;
        margin-right: 1.25rem;
        padding-bottom: 18px;
        margin-bottom: 0;
    }

    .addresses {
        margin-top: 18px;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        padding-bottom: 1rem;
    }


    .add-address-form {
        max-height: 1200px;
    }

    /* basic cehckout */
    .basic-checkout .box .box-header {
        display: none;
    }

    .basic-checkout .box h4 {
        padding-left: 1.25rem;
    }

    .checkout .questionnaire {
        padding: 1.25rem;
        margin-top: 40px;
    }

    .q-header {
        margin-bottom: 4px;
    }

    /* receipt */
    .receipt {
        padding: 1.5625rem
    }

    .receipt h2, .receipt-date {
        line-height: 40px;
        margin-top: 6px;
        margin-bottom: -6px;
    }

    .receipt .column-headings {
        padding-right: .9375rem;
    }

    .receipt .product {
        padding-right: .9375rem;
    }

    .receipt .items .col-code {
        width: 18%;
        max-width: 18%;
    }

    .receipt .items .medium-1 {
        width: 10%;
    }

    .receipt .items .medium-3 {
        width: 38%;
        padding-left: 2%;
    }

    .receipt .col-quantity {
        font-size: 14px;
    }

    .receipt .col-quantity label {
        font-size: 14px;
        margin-left: 5px;
        line-height: 22px;
        padding-left: 24px;
    }

    .receipt .items .col-remove {
        xwidth: 5%;
    }

    .receipt .box-label-row {
        xpadding-left: 1.25rem;
        xpadding-right: 1.25rem;
    }

    .receipt .box-label-row .medium-2 {
        width: 18%;
        max-width: 18%;
    }

    .receipt .box-label-row .medium-10 {
        width: 75%;
    }

    .box-item-summary {
        max-height: 2000px;
        margin: 0 1.25rem;
    }

    .box .box-item-summary .items .product,
    .box .box-item-summary .column-headings {
        margin-left: 0;
        margin-right: 0;
    }

}

/* end small desktops */

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

    .header-right {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .header .responsive-search, .responsive-menu-toggle {
        display: inline-block;
    }

    /* cart page */
    .order-progress {
        margin-bottom: 20px;
    }

    .order-progress .step {
        xwidth: 82px;
        xfont-size: 11px;
    }

    .order-progress .step-1 {
        left: 23%;
        margin-left: 0;
    }

    .order-progress .step-2 {
        left: 50%;
        margin-left: -60px;
    }

    .order-progress .step-3 {
        right: 23%;
        left: auto;
        margin-right: 0;
    }

    .order-progress .trail-incomplete {
        left: 30%;
        width: 40%;
    }

    .add-box-buttons {
        margin-top: 20px;
    }

    .add-box-buttons .add-label {
        display: block;
        line-height: 1;
        padding-top: 1.25rem;
    }

    .add-box-buttons .button {
        width: 49%;
        width: 38%;
        display: inline-block;
        margin-top: 16px;
    }

    .add-box-buttons .button + .button {
        margin-top: 16px;
        margin-left: 0;
    }

    .add-box-buttons .button.tablet-pad {
        margin-left: 2%;
    }

    .box {
        margin-top: 40px;
    }

    .box .box-header {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        line-height: 60px;
    }

    .boxes .delete-box {
        height: 30px;
        width: 30px;
        line-height: 28px;
        font-size: 30px;
        margin-top: 15px;
        margin-right: -4px;
    }

    .box .column-headings {
        margin-left: 1.25rem;
        margin-right: 1.25rem;
        padding-top: 2px;
        line-height: 48px;
    }

    .box .items .product {
        margin-left: 1.25rem;
        margin-right: 1.25rem;
    }

    .box .items .col-code {
        width: 17%;
    }

    .box .items .medium-1 {
        width: 10%;
    }

    .box .items .medium-3 {
        width: 36%;
        padding-left: 1%;
    }

    .col-quantity {
        font-size: 14px;
    }

    .col-quantity label {
        font-size: 14px;
        margin-left: 5px;
        line-height: 22px;
        padding-left: 24px;
    }

    .box .items .col-remove {
        width: 5%;
    }

    .box-label-row {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .box-label-row .medium-2 {
        width: 17%;
        max-width: 17%;
    }

    .box-label-row .medium-10 {
        width: 83%;
    }

    .add-instruction {
        padding-left: 0;
        padding-top: 10px;
        line-height: 1.6;
        color: #888;
        font-size: 13px;
        width: 90%;
        display: block;
    }

    .page-id-71 .ui-autocomplete {
        min-width: 70%;
        box-sizing: content-box;
        padding: 0;
    }

    /* checkout */
    .checkout .row.error .valid:after {
        display: block;
        margin-top: -5px;
        margin-bottom: 5px;
        margin-left: 0;
    }

    .box-item-summary {
        max-height: 2000px;
        margin: 0 1.25rem;
    }

    .box .box-item-summary .items .product,
    .box .box-item-summary .column-headings {
        margin-left: 0;
        margin-right: 0;
    }

}

/***** tablets *****/

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

    .header .responsive-search, .responsive-menu-toggle {
        display: inline-block;
    }

    .sticky-wrap {
        min-height: 0;
    }

    .subheader-none .sticky-wrap {
        min-height: 0;
    }

    .sticky-container {
        position: relative;
        height: auto !important; /* foundation sticky override */
    }

    .grid-container {
        padding-left: 1.5625rem; /* 25px @ 16px root size */
        padding-right: 1.5625rem;
    }

    .header-top {
        display: none;
    }

    .acc-link {
        display: block;
    }

    .header-top .col-account {
        display: none;
    }

    .cell-social {
        justify-content: center;
        padding-top: 2rem;
    }

    .header {
        height: 100px;
        min-height: 100px;
    }

    .cart {
        line-height: 100px;
    }

    .header-logo {
        xtransform: scale(.7);
    }

    .header .logomark {
        height: auto;
        width: 44px;
    }

    .header .logotype {
        /*xtransform: scale(.85);
        xmargin-left: -5px;
        width: 100px;
        width: 80px;
        margin-left: 10px;*/
    }

    .header-right {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .cart {
        display: flex;
        flex-direction: column;
    }

    .cart-label {
        xdisplay: none;
        order: 2;
        font-size: 10px;
        line-height: 20px;
        font-weight: 600;
        text-align: center;
        display: none;
    }

    .header .badge {
        height: 38px;
        line-height: 38px;
        width: 35px;
        font-size: 18px;
        font-size: 17px;
        order: 1;
        margin-left: 0;
    }

    .header .cart:hover .badge {
        transform: none;
    }

    .header-search {
        height: 60px;
    }

    .header-search .term {
        font-size: 14px;
        padding-left: 28px;
        height: 59px;
    }

    .header-search .term-container:after {
        height: 16px;
        width: 16px;
        background-size: 16px auto;
        max-height: 59px;
        top: 22px;
    }

    .search-close {
        font-size: 26px;
        height: 60px;
        line-height: 62px;
    }

    .sticky-wrap.search-on .header-search {
        border-top: 1px solid rgba(0, 0, 0, .1);
    }

    .sticky-wrap.search-on, .subheader-none .sticky-wrap.search-on {
        min-height: 150px;
    }

    .header-bottom-products, .header-bottom-orders {
        line-height: 50px;
        min-height: 0;
        font-size: 16px;
    }

    .single-product .header-bottom-products {
        line-height: 25px;
    }

    .fragment-title-inner {
        line-height: 25px;
    }

    .fragment {
        margin: 0;
        padding: 0;
    }

    .fragment a {
        display: none;
    }

    .fragment:after {
        display: none;
    }

    .fragment-title {
        min-height: 50px;
        height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    /*
    .footer {
        padding-top: 44px;
        padding-bottom: 42px;
    }

    .footer-logo {
        font-size: 28px;
        line-height: 56px;
        font-weight: 300;
        display: block;
    }

    .footer-logo img {
        xwidth: 50px;
        xwidth: 63px;
        margin: 0 auto;
        display: block;
    }

    .footer-numbers {
        line-height: 30px;
        xfont-size: 18px;
        padding-top: .75rem;
    }

    .cell-social {
        padding-top: 1.5rem;
        padding-top: 1.75rem;
    }

    .footer .social a + a {
        margin-left: 20px;
    }

    .footer-bottom {
        padding: 1.5rem 0 1.25rem;
        line-height: 44px;
    }

    .footer-bottom .cell {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .footer-bottom .menu {
        order: 1;
        margin-left: 0;
    }

    .footer-bottom .menu li + li {
        margin-left: 20px;
    }

    .footer-bottom .menu a {
        line-height: 44px;
        margin-left: 0;
    }

    .footer-bottom .copyright {
        order: 2;
    }
    */
    .footer-logo {
        font-size: 22px;
        font-weight: 400;
    }

    .footer-logo img {
        width: 60px;
        margin-top: 10px;
    }

    .cell-footer-cs {
        padding-left: 2.5%;
    }

    .cell-social {
        padding-top: 1.5rem;
        padding-top: 1.75rem;
        padding-top: .4rem;
        justify-content: flex-end;
    }

    .footer .social a {
        padding-right: 0;
    }

    .footer .social a .hover {
        left: 9px;
    }


    /* product list */
    .single-product .cell-photos,
    .single-product .cell-product-description {
        width: 100%;
    }

    .tax-product_category .main-content .grid-container {
        padding-left: 0;
        padding-right: 0;
    }

    .tax-product_category .main-content .grid-x > .sidebar {
        width: 100%;
        padding-left: 1.5625rem; /* 25px @ 16px root size */
        padding-right: 1.5625rem;
    }

    .tax-product_category .main-content .grid-x > .product-grid {
        width: 100%;
        padding-left: 1.5625rem; /* 25px @ 16px root size */
        padding-right: 1.5625rem;
    }

    .product-grid .product .thumb img {
        width: 180px;
    }

    /* address book */
    .address-book-add {
        width: 30%;
        margin-left: 35%;
    }

    .address-list .button + .button {
        margin-left: 4%;
    }

    .address-list .button {
        width: 48%;
    }

    .address-list .button.address-make-default {
        width: 54%;
        margin-top: 4%;
    }

    .address-list .default .label-address-default {
        margin-top: 4%;
        margin-bottom: -2%;
    }

    .address-list .form-on .form {
        max-height: 1200px;
    }

    .address-list .form-actions {
        padding-top: 20px;
    }

    /* my account page */
    .page-my-account a {
        line-height: 120px;
        xmargin-bottom: 14px;
        font-size: 16px;
        xtext-align: left;
        xtext-indent: 16px;
        border-radius: 4px;
    }

    /* my details page */
    /* orders list page */
    .orders-page {
        line-height: 40px;
    }

    .col-order-date {
        xtext-align: center;
    }

    .col-order-details {
        xdisplay: none;
    }

    /* create account page */
    .expanded-account-type .button-group {
        xflex-direction: column;
    }

    .expanded-account-type .button {
        /*width: 100%;
        font-size: 16px;
        line-height: 1.6;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
        padding: 16px;*/
        width: 40%;
        padding: 16px 20px;
        font-size: 17px;
        line-height: 1.6;
    }

    .expanded-account-type .button br {
        display: none;
    }

    /* products list */
    .responsive-product-filters-toggle {
        line-height: 50px;
        width: 100%;
        display: block;
        padding-left: 1.5625rem; /* 25px @ 16px root size */
        padding-right: 1.5625rem;
        background: #ebebeb;
        font-weight: 600;
    }

    .responsive-product-filters-toggle .filters-icon {
        background: #ebebeb var(--wpr-bg-d1015313-e4b2-4913-95e0-6d9bee504701) no-repeat 50% 14px / 26px 22px;
        width: 26px;
        height: 50px;
        float: right;
        opacity: .6;
    }

    .tax-product_category .sidebar {
        max-height: 0;
        overflow: hidden;
        transition: max-height .5s cubic-bezier(0, 1, 0, 1), width 0s;
        padding: 0;
    }

    .responsive-product-filters-on.tax-product_category .sidebar {
        max-height: 2000px;
        transition: max-height .5s;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
    }

    .sidebar .bottom-pad {
        padding-bottom: 30px;
    }

    .sidebar .title {
        height: 84px;
        margin-bottom: -20px;
    }

    .filter-fieldset {
        margin-top: 14px;
    }

    .has-tip .label-name {
        border-bottom: none;
    }

    label.has-tip .label-name:after {
        display: none;
    }

    .product-grid .summary {
        margin-top: 15px;
        padding-bottom: 20px;
        margin-bottom: 0;
    }

    .product-grid .summary .count {
        font-size: 16px;
    }

    .tags-label {
        display: none;
    }

    .product-grid .summary .tags-container .tag {
        margin-left: 0;
    }

    .product-grid .product a {
        padding-top: 30px;
        padding-bottom: 20px;
    }

    .product:hover .thumb img {
        transform: none;
    }

    /* product page */
    .single-product .main-content .row.overview {
        padding-top: 30px;
        padding-bottom: 20px;
    }

    .cell-photos {
        order: 1;
        padding-top: 0;
        padding-bottom: 20px;
    }

    .single-product .xzoom {
        width: 50%;
        margin-left: 25%;
    }

    .single-product .xzoom-thumbs {
        width: 80%;
        margin-left: 10%;
        margin-top: 30px;
    }

    .single-product .xzoom-gallery {
        border-width: 1px;
        width: 40px;
    }

    .single-product h1 {
        font-size: 22px;
        max-width: 100%;
    }

    .single-product .brand-logo {
        margin-bottom: 8px;
    }

    .single-product .brand-logo.bbraun {
        height: 32.7px;
        height: 35px;
        height: 19px;
    }

    .single-product .brand-logo.eakin {
        height: 38px;
        height: 42px;
        height: 22px;
    }

    .single-product .brand-logo.welland {
        height: 97px;
        height: 51px;
    }

    .single-product .brand-logo.omnigon {
        height: 59px;
        height: 31px;
    }

    .single-product .tags span {
        font-size: 14px;
    }

    .variants .call-to-order-message {
        border-radius: 10px;
        margin-left: 0;
        margin-right: 0;
        font-size: 16px;
        line-height: 24px;
    }

    .variants .call-to-order-message img {
        display: none;
    }

    .variants .tip {
        border-radius: 10px;
        margin-left: 0;
        margin-right: 0;
        font-size: 16px;
        line-height: 24px;
    }

    .single-product .call-to-order {
        width: auto;
    }

    .single-product .call-to-order:after {
        xdisplay: none;
        margin-top: 5px;
        margin-left: 6px;
        width: 14px;
        height: 14px;
    }

    .variants h2, .downloads h2, .videos h2 {
        font-size: 1.5rem;
    }

    .variants .tip img {
        display: none;
    }

    .single-product a.order {
        position: absolute;
        top: 0;
        right: 0;
        line-height: 24px;
        font-size: 12px;
        padding: 0 5px;
        background-image: none;
        margin-top: 0;
    }

    .downloads a {
        position: relative;
        padding-left: 50px;
        line-height: 1.5rem;
        font-size: 1rem;
    }

    .downloads a + a {
        margin-top: 1.25rem;
    }

    .downloads .icon {
        position: absolute;
        top: 2px;
        left: 0;
        width: 40px;
    }

    .videos h4 {
        font-size: 1rem;
        line-height: 1;
    }

    .videos .video .overlay {
        background-size: 80px auto;
    }

    .videos .video:hover .overlay {
        background-size: 100px auto;
    }

    /* cart page */
    .order-progress {
        margin-bottom: 20px;
    }

    .order-progress .step {
        xwidth: 82px;
        xfont-size: 11px;
    }

    .order-progress .step-1 {
        left: 15%;
        margin-left: 0;
    }

    .order-progress .step-2 {
        left: 50%;
        margin-left: -60px;
    }

    .order-progress .step-3 {
        right: 15%;
        left: auto;
        margin-right: 0;
    }

    .order-progress .trail-incomplete {
        left: 20%;
        width: 60%;
    }

    .add-box-buttons {
        margin-top: 0;
        margin-bottom: 0;
    }

    .add-box-buttons .add-label {
        margin: 0;
    }

    .add-box-buttons .button {
        border-radius: 50px;
        line-height: 40px;
        font-weight: 700;
        padding: 0 20px;
        margin-bottom: 0;
        display: block;
        width: 100%;
    }

    .add-box-buttons .button + .button {
        margin-left: 0;
        margin-top: .625rem;
    }

    /* products wizard */
    .products-wizard h2 {
        font-size: 1.5rem;
    }

    .products-wizard .cell {
        xmargin-bottom: 0;
    }

    .products-wizard a {
        line-height: 140px;
    }

    .products-wizard .button {
        font-size: 16px;
        padding: 12px 15px;
    }

    /* product page list */
    .variants .variant,
    .variants .variant:hover,
    .variants .variant.no-order:hover {
        padding-left: 0px;
        position: relative;
        font-size: 14px;
        padding: 0 60px 0 0;
        padding: 12px 0;
        margin: 0;
        background: none;
        border: none;
        border-radius: 0;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
    }

    .variants .variant {
        padding-left: 0;
        padding: 12px 0;
    }

    .call-order {
        display: none !important;
    }

    .variants .grid-x .col-code {
        width: 20%;
        width: 16%;
        margin-left: 0;
    }

    .variants .grid-x .medium-1 {
        width: 10%;
    }

    .variants .col-code .code {
        padding-top: 0;
        padding-bottom: 0;
        font-size: 14px;
    }

    .variants .cell {
        text-align: center;
        line-height: 1.5rem;
    }

    .variants .column-headings .cell {
        xtext-align: left;
    }

    .variants .col-code, .variants .col-desc {
        text-align: left;
        font-size: 14px;
    }

    .variants .grid-x .col-order {
        text-align: right;
        width: 8.33333%;
        width: 10%;
        position: relative;
    }

    .variants .tablet {
        display: none;
    }

    .single-product .call-to-order {
        line-height: inherit;
        font-size: .875rem;
    }

    .single-product a.order {
        line-height: 30px;
        font-size: 12px;
        padding: 0 8px;
        background-image: none;
        margin-top: 0;
        margin-top: 0px;
        font-weight: 600;
        top: -3px;
        right: -1px;
    }

    .variants .product-cart {
        padding: 0;
        text-align: left;
        margin-top: 12px;
    }

    .variants .variant.expanded {
        border: none;
        background: none;
        border-radius: 0;
        background: rgba(0, 0, 0, .05);
        background: #e0e0e0;
        background: #d3e5e1;
        margin-left: -1.5625rem;
        margin-right: -1.5625rem;
        padding-left: 1.5625rem;
        padding-right: 1.5625rem;
        border: none !important;
        margin-top: -1px;
        padding-top: 13px;
    }

    .variants .variant.expanded .col-order {
        xxright: 1.5625rem;
        xposition: relative;
    }

    .product-cart {
        max-height: 500px;
        padding: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        padding-top: 6px;
        margin-top: 8px;
        padding-top: 0;
    }

    .product-cart .instruction {
        xwidth: 80%;
        padding-right: 20%;
        line-height: 1.6;
        margin-bottom: 8px;
        margin-bottom: 0;
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .product-cart .instruction.tier-2 {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .product-cart .close {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 30px;
        top: 12px;
    }

    /*
    .variants .variant,
    .variants .variant:hover,
    .variants .variant.no-order:hover {
        padding-left: 0px;
        position: relative;
        font-size: 14px;
        padding: 0 60px 0 0;
        padding: 10px 0;
        margin: 0;
        background: none;
        border: none;
        border-radius: 0;
        border-bottom: 1px solid rgba(0,0,0,.1);
    }

    .variants .variant:hover, .variants .variant.expanded {
    }

    .variants .grid-x .col-code {
        xposition: absolute;
        xtop: 0;
        xleft: 0;
        margin-left: 0;
        font-size: 14px;
        line-height: 1.6;
        width: 100%;
        width: 80%;
    }

    .variants .col-code .code {
        padding-top: 0;
        padding-bottom: 4px;
    }

    .variants .grid-x .col-desc {
        width: 100%;
        width: 80%;
        font-size: 14px;
        line-height: 1.6;
    }

    .variants .col-size,
    .variants .col-plateau_size,
    .variants .col-volume,
    .variants .col-circumference,
    .variants .col-colour,
    .variants .col-width,
    .variants .col-pack_size {
        font-size: 14px;
        line-height: 1.6;
    }

    .variants .variant .col-order {
        position: absolute;
        top: 0;
        right: 0;
        width: 20%;
    }
    .variants .variant.expanded .col-order {
        right: .9375rem;
    }

    .single-product a.order {
        line-height: 30px;
        font-size: 12px;
        padding: 0 8px;
        background-image: none;
        margin-top: .625rem;
        font-weight: 600;
    }

    .single-product .call-to-order {
        font-size: .875rem;
    }

    .variants .variant.expanded {
        border: none;
        background: none;
        border-radius: 0;
        background: rgba(0,0,0,.05);
        background: #e0e0e0;
        margin-left: -.9375rem;
        margin-right: -.9375rem;
        padding-left: .9375rem;
        padding-right: .9375rem;
        border: none !important;
        margin-top: -1px;
        padding-top: 1px;
    }

    .product-cart {
        max-height: 500px;
        padding: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        padding-top: 6px;
        margin-top: 8px;
        padding-top: 0;
    }

    .product-cart .instruction {
        xwidth: 80%;
        padding-right: 20%;
        line-height: 1.6;
        margin-bottom: 8px;
        margin-bottom: 0;
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .product-cart .instruction.tier-2 {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .product-cart .close {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 30px;
        top: 12px;
    }


    .product-cart .button {
        width: 100%;
    }*/
    /* cart page */
    .add-box-buttons .add-label {
        display: block;
        line-height: 1;
        padding-top: 1.25rem;
    }

    .add-box-buttons .button {
        width: 49%;
        width: 38%;
        display: inline-block;
        margin-top: 16px;
    }

    .add-box-buttons .button + .button {
        margin-top: 16px;
    }

    .add-box-buttons .button.tablet-pad {
        margin-left: 2%;
    }

    .box {
        margin-top: 40px;
    }

    .box .box-header {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        line-height: 60px;
    }

    .boxes .delete-box {
        height: 30px;
        width: 30px;
        line-height: 28px;
        font-size: 30px;
        margin-top: 15px;
        margin-right: -4px;
    }

    .box .column-headings {
        margin-left: 1.25rem;
        margin-right: 1.25rem;
        padding-top: 2px;
        line-height: 48px;
    }

    .box .items .product {
        margin-left: 1.25rem;
        margin-right: 1.25rem;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .box .items .col-code {
        width: 19%;
    }

    .box .items .medium-1 {
        width: 10%;
    }

    .box .items .medium-3 {
        width: 38%;
        padding-left: 2%;
    }

    .col-quantity {
        font-size: 14px;
    }

    .col-quantity label {
        font-size: 14px;
        margin-left: 5px;
        line-height: 22px;
        padding-left: 24px;
    }

    .box .items .col-remove {
        width: 5%;
    }

    .box-label-row {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .box-label-row .medium-2 {
        width: 19%;
        max-width: 19%;
    }

    .box-label-row .medium-10 {
        width: 81%;
    }

    .add-instruction {
        padding-left: 0;
        padding-top: 10px;
        line-height: 1.6;
        color: #888;
        font-size: 13px;
        width: 90%;
        display: block;
    }

    .page-id-71 .ui-autocomplete {
        min-width: 70%;
        box-sizing: content-box;
        padding: 0;
    }

    /*
    .order-progress {
        margin-top: 30px;
        margin-bottom: 10px;
    }

    .add-box-buttons {
        margin-bottom: 40px;
    }

    .add-box-buttons .button {
        text-align: left;
    }


    .box {
        padding-bottom: 4px;
    }

    .box .box-header {
        padding: 14px .9375rem;
        line-height: 1.2;
    }

    .box .box-header .small-1 {
        position: relative;
    }

    .boxes .delete-box {
        margin-right: 0;
        height: 26px;
        width: 26px;
        font-size: 25px;
        line-height: 22px;
        margin-top: 0px;
        top: 50%;
        position: absolute;
        right: 0;
        margin-top: -13px;
    }

    .page-id-71 .box-label-patient-name {
        display: block;
    }

    .box .column-headings {
        margin: 0 .9375rem;
    }

    .box .items .product {
        margin: 0 .9375rem;
        position: relative;
    }

    .box .items .col-code {
        width: 100%;
        padding-right: 15%;
        font-size: 16px;
        line-height: 1.6;
    }

    .box .column-headings .cell {
        padding-bottom: 10px;
    }

    .box .items .col-desc {
        width: 100%;
        xwidth: 80%;
        padding-right: 15%;
        font-size: 14px;
        line-height: 1.6;
    }

    .box .items .medium-1,
    .box .items .medium-3 {
        width: 100%;
        text-align: left;
        margin-top: 4px;
        font-size: 12px;
        line-height: 22px;
    }

    .box .mobile {
        display: inline-block;
        margin-right: 6px;
    }

    .col-quantity label {
        font-size: 12px;
        margin-left: 5px;
    }

    .box .items .col-remove {
        position: absolute;
        right: .9375rem;
        right: 0;
        top: 10px;
        xwidth: 10px;
        xheight: 10px;
        xbackground: red;
        top: 50%;
        margin-top: -9px;
    }

    .boxes .delete-item {
        position: absolute;
        top: 0;
        right: 0;
        xline-height: 1;
        padding-left: 0;
    }

    .col-quantity input[type=number] {
        height: 22px;
    }

    .box .skinned-checkbox {
        position: absolute;
        top: 0;
        right: 0;
    }

    .skinned-checkbox .green-checkbox {
        position:absolute;
        top: 0;
        right: 0;
        left: auto;
    }

    .box-row-add-product label {
        width: 100%;
    }

    .box .term {
        width: 80%;
        font-size: 14px !important;
    }

    .page-id-71 .ui-autocomplete {
        min-width: 80%;
        box-sizing: content-box;
        padding: 0;
    }

    .page-id-71 .ui-menu-item {
        padding: 10px 20px;
        line-height: 1.6;
        border-bottom: 1px solid rgba(0,0,0,.2);
    }

    .box-row-add-product .button {
        width: 20%;
    }

    .add-instruction {
        padding-left: 0;
        padding-top: 10px;
        line-height: 1.6;
        color: #888;
        font-size: 12px;
        width: 90%;
        display: block;
    }

    .box-label-row {
        padding: 10px .9375rem;
    }

    .box-label-row .medium-2 {
        max-width: 100%;
        line-height: 1.8;
        margin-bottom: 8px;
    }

    .box-label-row .medium-10 {
        width: 100%;
    }

    .box textarea {
        height: 76px;
    }

    .cart-errors.on {
        max-height: 160px;
    }*/
    /* checkout */
    .deliver-to-row {
        margin-left: 1.25rem;
        margin-right: 1.25rem;
        padding-bottom: 18px;
        margin-bottom: 0;
    }

    .addresses {
        margin-top: 18px;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        padding-bottom: 1rem;
    }

    .checkout .row.error .valid:after {
        display: block;
        margin-top: -5px;
        margin-bottom: 5px;
        margin-left: 0;
    }

    .add-address-form {
        max-height: 1200px;
    }

    /* basic checkout */
    .questionnaire input[type=text], .questionnaire select {
        width: 100%;
        max-width: 100%;
    }

    /* receipt */
    .receipt {
        padding: 1.5625rem
    }

    .receipt h2, .receipt-date {
        line-height: 40px;
        margin-top: 6px;
        margin-bottom: -6px;
    }

    .receipt .column-headings {
        padding-right: .9375rem;
    }

    .receipt .product {
        padding-right: .9375rem;
    }

    .receipt .items .col-code {
        width: 25%;
        max-width: 25%;
    }

    .receipt .items .medium-1 {
        width: 10%;
    }

    .receipt .items .medium-3 {
        width: 38%;
        padding-left: 2%;
    }

    .receipt .col-quantity {
        font-size: 14px;
    }

    .receipt .col-quantity label {
        font-size: 14px;
        margin-left: 5px;
        line-height: 22px;
        padding-left: 24px;
    }

    .receipt .items .col-remove {
        xwidth: 5%;
    }

    .receipt .box-label-row {
        xpadding-left: 1.25rem;
        xpadding-right: 1.25rem;
    }

    .receipt .box-label-row .medium-2 {
        width: 25%;
        max-width: 25%;
    }

    .receipt .box-label-row .medium-10 {
        width: 75%;
    }

    .box-item-summary {
        max-height: 2000px;
        margin: 0 1.25rem;
    }

    .box .box-item-summary .items .product,
    .box .box-item-summary .column-headings {
        margin-left: 0;
        margin-right: 0;
    }

}

/* end tablets */

/***** phones *****/
/* equivalent of foundation "small" */

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

    .sticky-wrap {
        min-height: 0;
    }

    .subheader-none .sticky-wrap {
        min-height: 0;
    }

    .sticky-container {
        position: relative;
        height: auto !important; /* foundation sticky override */
    }

    .grid-container {
        padding-left: 0.9375rem; /* 25px @ 16px root size */
        padding-right: 0.9375rem;
    }

    .header-top {
        display: none;
    }

    .header-top .col-account {
        display: none;
    }

    .cell-social {
        justify-content: center;
        padding-top: 2rem;
    }

    .header {
        height: 100px;
        min-height: 100px;
    }

    .cart {
        line-height: 100px;
    }

    .header-logo {
        xtransform: scale(.7);
    }

    .header .logomark {
        xtransform: scale(.7);
        width: 36px;
        height: auto;
    }

    .header .logotype {
        xtransform: scale(.85);
        xmargin-left: -5px;
        width: 100px;
        width: 80px;
        margin-left: 10px;
    }

    .header-right {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .cart {
        display: flex;
        flex-direction: column;
    }

    .cart-label {
        xdisplay: none;
        order: 2;
        font-size: 10px;
        line-height: 20px;
        font-weight: 600;
        text-align: center;
        display: none;
    }

    .header .badge {
        height: 38px;
        line-height: 38px;
        width: 35px;
        font-size: 18px;
        font-size: 17px;
        order: 1;
        margin-left: 0;
    }

    .header .cart:hover .badge {
        transform: none;
    }

    .header-search {
        height: 60px;
    }

    .header-search .term {
        font-size: 14px;
        padding-left: 28px;
        height: 59px;
    }

    .header-search .term-container:after {
        height: 16px;
        width: 16px;
        background-size: 16px auto;
        max-height: 59px;
        top: 22px;
    }

    .search-close {
        font-size: 26px;
        height: 60px;
        line-height: 62px;
    }

    .sticky-wrap.search-on .header-search {
        border-top: 1px solid rgba(0, 0, 0, .1);
    }

    .sticky-wrap.search-on, .subheader-none .sticky-wrap.search-on {
        min-height: 150px;
    }

    .header-bottom-products, .header-bottom-orders {
        line-height: 50px;
        min-height: 0;
        font-size: 16px;
    }

    .single-product .header-bottom-products {
        line-height: 25px;
    }

    .fragment-title-inner {
        line-height: 25px;
    }

    .fragment {
        margin: 0;
        padding: 0;
    }

    .fragment a {
        display: none;
    }

    .fragment:after {
        display: none;
    }

    .fragment-title {
        min-height: 50px;
        height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .footer {
        padding-top: 44px;
        padding-bottom: 42px;
    }

    .footer-logo {
        font-size: 28px;
        line-height: 56px;
        font-weight: 300;
        display: block;
    }

    .footer-logo img {
        xwidth: 50px;
        xwidth: 63px;
        margin: 0 auto;
        display: block;
    }

    .footer-numbers {
        line-height: 30px;
        xfont-size: 18px;
        padding-top: .75rem;
    }

    .cell-social {
        padding-top: 1.5rem;
        padding-top: 1.75rem;
    }

    .footer .social a + a {
        margin-left: 20px;
    }

    .footer-bottom {
        padding: 1.5rem 0 1.25rem;
        line-height: 44px;
    }

    .footer-bottom .cell {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .footer-bottom .menu {
        order: 1;
        margin-left: 0;
    }

    .footer-bottom .menu li + li {
        margin-left: 20px;
    }

    .footer-bottom .menu a {
        line-height: 44px;
        margin-left: 0;
    }

    .footer-bottom .copyright {
        order: 2;
    }

    /* product list */
    .tax-product_category .main-content .grid-container {
        padding-left: 0;
        padding-right: 0;
    }

    .tax-product_category .main-content .grid-x > .sidebar {
        width: 100%;
        padding-left: 0.9375rem; /* 25px @ 16px root size */
        padding-right: 0.9375rem;
    }

    .tax-product_category .main-content .grid-x > .product-grid {
        width: 100%;
        padding-left: 0.9375rem; /* 25px @ 16px root size */
        padding-right: 0.9375rem;
    }

    .product-grid .product .thumb img {
        width: 200px;
    }

    /* address book */
    .address-book-add {
        width: 60%;
        margin-left: 20%;
    }

    .address-list .button + .button {
        margin-left: 4%;
    }

    .address-list .button {
        width: 48%;
    }

    .address-list .button.address-make-default {
        width: 60%;
        margin-top: 4%;
    }

    .address-list .default .label-address-default {
        margin-top: 4%;
        margin-bottom: -2%;
    }

    .address-list .form-on .form {
        max-height: 1200px;
    }

    .address-list .form-actions {
        padding-top: 20px;
    }

    /* my account page */
    .page-my-account a {
        line-height: 50px;
        margin-bottom: 14px;
        font-size: 16px;
        text-align: left;
        text-indent: 16px;
        border-radius: 4px;
    }

    /* my details page */
    .page-my-details .instruction br {
        display: none;
    }

    /* orders list page */
    .orders-page {
        line-height: 40px;
    }

    .col-order-date {
        text-align: center;
    }

    .col-order-details {
        display: none;
    }

    /* create account page */
    .expanded-account-type .button-group {
        flex-direction: column;
    }

    .expanded-account-type .button {
        width: 100%;
        font-size: 16px;
        line-height: 1.6;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
        padding: 16px;
    }

    .expanded-account-type .button br {
        display: none;
    }

    /* products list */
    .responsive-product-filters-toggle {
        line-height: 50px;
        width: 100%;
        display: block;
        padding-left: 0.9375rem; /* 25px @ 16px root size */
        padding-right: 0.9375rem;
        background: #ebebeb;
        font-weight: 600;
    }

    .responsive-product-filters-toggle .filters-icon {
        background: #ebebeb var(--wpr-bg-d1015313-e4b2-4913-95e0-6d9bee504701) no-repeat 50% 14px / 26px 22px;
        width: 26px;
        height: 50px;
        float: right;
        opacity: .6;
    }

    .tax-product_category .sidebar {
        max-height: 0;
        overflow: hidden;
        transition: max-height .5s cubic-bezier(0, 1, 0, 1), width 0s;
        padding: 0;
    }

    .responsive-product-filters-on.tax-product_category .sidebar {
        max-height: 2000px;
        transition: max-height .5s;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
    }

    .sidebar .bottom-pad {
        padding-bottom: 30px;
    }

    .sidebar .title {
        height: 84px;
        margin-bottom: -20px;
    }

    .filter-fieldset {
        margin-top: 14px;
    }

    .has-tip .label-name {
        border-bottom: none;
    }

    label.has-tip .label-name:after {
        display: none;
    }

    .product-grid .summary {
        margin-top: 15px;
        padding-bottom: 20px;
        margin-bottom: 0;
    }

    .product-grid .summary .count {
        font-size: 16px;
    }

    .tags-label {
        display: none;
    }

    .product-grid .summary .tags-container .tag {
        margin-left: 0;
    }

    .product-grid .product a {
        padding-top: 30px;
        padding-bottom: 20px;
    }

    .product:hover .thumb img {
        transform: none;
    }

    .is-at-bottom {
        top: 0 !important; /* foundation fix for idiotic is-anchored is-at-bottom behavior. */
    }

    /* product page */
    .single-product .main-content .row.overview {
        padding-top: 30px;
        padding-bottom: 20px;
    }

    .cell-photos {
        order: 1;
        padding-top: 0;
        padding-bottom: 20px;
    }

    .single-product .xzoom {
        width: 50%;
        margin-left: 25%;
    }

    .single-product .xzoom-thumbs {
        width: 80%;
        margin-left: 10%;
        margin-top: 30px;
    }

    .single-product .xzoom-gallery {
        border-width: 1px;
        width: 40px;
    }

    .single-product h1 {
        font-size: 22px;
        max-width: 100%;
    }

    .single-product .brand-logo {
        margin-bottom: 8px;
    }

    .single-product .brand-logo.bbraun {
        height: 32.7px;
        height: 35px;
        height: 19px;
    }

    .single-product .brand-logo.eakin {
        height: 38px;
        height: 42px;
        height: 22px;
    }

    .single-product .brand-logo.welland {
        height: 97px;
        height: 51px;
    }

    .single-product .brand-logo.omnigon {
        height: 59px;
        height: 31px;
    }

    .single-product .tags span {
        font-size: 14px;
    }

    .variants .call-to-order-message {
        border-radius: 10px;
        margin-left: 0;
        margin-right: 0;
        font-size: 16px;
        line-height: 24px;
    }

    .variants .call-to-order-message img {
        display: none;
    }

    .variants .tip {
        border-radius: 10px;
        margin-left: 0;
        margin-right: 0;
        font-size: 16px;
        line-height: 24px;
    }

    .single-product .call-to-order {
        width: auto;
    }

    .single-product .call-to-order:after {
        xdisplay: none;
    }

    .variants h2, .downloads h2, .videos h2 {
        font-size: 1.5rem;
    }

    .variants .tip img {
        display: none;
    }


    .downloads a {
        position: relative;
        padding-left: 50px;
        line-height: 1.5rem;
        font-size: 1rem;
    }

    .downloads a + a {
        margin-top: 1.25rem;
    }

    .downloads .icon {
        position: absolute;
        top: 2px;
        left: 0;
        width: 40px;
    }

    .videos h4 {
        font-size: 1rem;
        line-height: 1;
    }

    .videos .video .overlay {
        background-size: 80px auto;
    }

    .videos .video:hover .overlay {
        background-size: 100px auto;
    }

    /* cart page */
    .order-progress .step {
        width: 80px;
        font-size: 10px;
    }

    .order-progress .step-1 {
        left: 0;
        margin-left: 0;
    }

    .order-progress .step-2 {
        left: 50%;
        margin-left: -40px;
    }

    .order-progress .step-3 {
        right: 0;
        left: auto;
        margin-right: 0;
    }

    .order-progress .trail-incomplete {
        left: 10%;
        width: 80%;
    }

    .add-box-buttons {
        margin-top: 0;
        margin-bottom: 0;
    }

    .add-box-buttons .add-label {
        margin: 0;
    }

    .add-box-buttons .button {
        border-radius: 50px;
        line-height: 40px;
        font-weight: 700;
        padding: 0 20px;
        margin-bottom: 0;
        display: block;
        width: 100%;
    }

    .add-box-buttons .button + .button {
        margin-left: 0;
        margin-top: .625rem;
    }

    /* products wizard */
    .products-wizard h2 {
        font-size: 1.5rem;
    }

    .products-wizard .cell {
        margin-bottom: 0;
    }

    .products-wizard a {
        line-height: 100px;
    }

    .products-wizard .button {
        font-size: 18px;
        padding: 14px 28px;
    }

    /* welcome page */
    .welcome-page h1 {
        font-size: 1.5rem;
    }

    .welcome-page .welcome-pro p {
        font-size: 14px;
    }

    .welcome-page .button {
        max-width: 60%;
    }

    /* home */
    .product-finder {
        height: 250px;
    }

    .product-finder-bg {
        height: 250px;
    }

    .product-finder .term {
        width: 100%;
        border-radius: 50px;
        font-size: 16px;
        height: 60px;
        padding-left: 50px;
    }

    .product-finder .term-container:after {
        background-size: 20px auto;
        width: 20px;
        height: 20px;
        left: 18px;
        top: 21px;
    }

    .product-finder .button {
        display: none;
    }

    /* product page list */
    .variants .mobile {
        display: inline-block;
        margin-right: 6px;
    }

    .variants .variant,
    .variants .variant:hover,
    .variants .variant.no-order:hover {
        padding-left: 0px;
        position: relative;
        font-size: 14px;
        padding: 0 60px 0 0;
        padding: 10px 0;
        margin: 0;
        background: none;
        border: none;
        border-radius: 0;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
    }

    .variants .variant:hover, .variants .variant.expanded {
    }

    .variants .column-headings .col-order {
        width: 20%;
    }

    .variants .variant.grid-x .medium-1 {
        width: 100%;
        text-align: left;
    }

    .variants .grid-x .col-code {
        xposition: absolute;
        xtop: 0;
        xleft: 0;
        margin-left: 0;
        font-size: 16px;
        line-height: 1.6;
        width: 100%;
        xxwidth: 80%;
        padding-right: 20%;
    }

    .variants .col-code .code {
        padding-top: 0;
        padding-bottom: 4px;
        font-size: 16px;
    }

    .variants .grid-x .col-desc {
        width: 100%;
        xwidth: 80%;
        padding-right: 20%;
        font-size: 16px;
        line-height: 1.6;
    }

    .variants .col-size,
    .variants .col-plateau_size,
    .variants .col-volume,
    .variants .col-circumference,
    .variants .col-colour,
    .variants .col-width,
    .variants .col-pack_size {
        font-size: 14px;
        line-height: 1.6;
    }

    .variants .variant.grid-x .col-order {
        position: absolute;
        top: 15px;
        right: 0;
        width: 20%;
        text-align: right;
    }

    .variants .variant.expanded .col-order {
        right: .9375rem;
    }

    .variants .variant.expanded a.order {
        top: -2px;
    }

    .single-product a.order {
        line-height: 30px;
        font-size: 12px;
        padding: 0 8px;
        background-image: none;
        margin-top: .625rem;
        font-weight: 600;
    }

    .single-product .call-to-order {
        font-size: .875rem;
        margin-top: 8px;
    }

    .variants .variant.expanded {
        border: none;
        background: none;
        border-radius: 0;
        background: rgba(0, 0, 0, .05);
        background: #e0e0e0;
        background: #d3e5e1;
        margin-left: -.9375rem;
        margin-right: -.9375rem;
        padding-left: .9375rem;
        padding-right: .9375rem;
        border: none !important;
        margin-top: -1px;
        padding-top: 11px;
    }

    .product-cart {
        max-height: 700px;
        padding: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        padding-top: 6px;
        margin-top: 8px;
        padding-top: 0;
    }

    .product-cart .instruction {
        xwidth: 80%;
        padding-right: 20%;
        line-height: 1.6;
        margin-bottom: 8px;
        margin-bottom: 0;
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .product-cart .instruction.tier-2 {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .product-cart .close {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 30px;
        top: 12px;
    }

    .product-cart .patient-name {
        display: block;
    }

    .product-cart .button {
        width: 100%;
        text-align: left;
    }

    .popup-login {
        padding: 1.25rem;
    }

    .popup-login h2 {
        font-size: 24px;
    }

    .popup-login a {
        line-height: 30px;
    }

    .popup-login .medium-6 {
        margin-top: 10px;
    }

    /* cart page */
    .order-progress {
        margin-top: 30px;
        margin-bottom: 10px;
    }

    .add-box-buttons {
        margin-bottom: 40px;
    }

    .add-box-buttons .button {
        text-align: left;
    }


    .box {
        padding-bottom: 4px;
    }

    .box .box-header {
        padding: 14px .9375rem;
        line-height: 1.2;
    }

    .box .box-header .small-1 {
        position: relative;
    }

    .boxes .delete-box {
        margin-right: 0;
        height: 26px;
        width: 26px;
        font-size: 25px;
        line-height: 22px;
        margin-top: 0px;
        top: 50%;
        position: absolute;
        right: 0;
        margin-top: -13px;
    }

    .page-id-71 .box-label-patient-name {
        display: block;
    }

    .box .column-headings {
        margin: 0 .9375rem;
    }

    .box .items .product {
        margin: 0 .9375rem;
        position: relative;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .box .items .col-code {
        width: 100%;
        padding-right: 15%;
        font-size: 16px;
        line-height: 1.6;
    }

    .box .column-headings .cell {
        padding-bottom: 9px;
        padding-top: 8px;
    }

    .box .items .col-desc {
        width: 100%;
        xwidth: 80%;
        padding-right: 15%;
        font-size: 14px;
        line-height: 1.6;
    }

    .box .items .medium-1,
    .box .items .medium-3 {
        width: 100%;
        text-align: left;
        margin-top: 4px;
        font-size: 12px;
        line-height: 22px;
        padding-left: 0;
    }

    .box .mobile {
        display: inline-block;
        margin-right: 6px;
    }

    .col-quantity label {
        font-size: 12px;
        margin-left: 5px;
    }

    .box .items .col-remove {
        position: absolute;
        right: .9375rem;
        right: 0;
        top: 10px;
        xwidth: 10px;
        xheight: 10px;
        xbackground: red;
        top: 50%;
        margin-top: -9px;
    }

    .boxes .delete-item {
        position: absolute;
        top: 0;
        right: 0;
        xline-height: 1;
        padding-left: 0;
    }

    .col-quantity input[type=number] {
        height: 22px;
    }

    .box .skinned-checkbox {
        position: absolute;
        top: 0;
        right: 0;
    }

    .skinned-checkbox .green-checkbox {
        position: absolute;
        top: 0;
        right: 0;
        left: auto;
    }

    .box-row-add-product label {
        width: 100%;
    }

    .box .term {
        width: 80%;
        font-size: 14px !important;
    }

    .page-id-71 .ui-autocomplete {
        min-width: 80%;
        box-sizing: content-box;
        padding: 0;
    }

    .page-id-71 .ui-menu-item {
        padding: 10px 20px;
        line-height: 1.6;
        border-bottom: 1px solid rgba(0, 0, 0, .2);
    }

    .box-row-add-product .button {
        width: 20%;
    }

    .add-instruction {
        padding-left: 0;
        padding-top: 10px;
        line-height: 1.6;
        color: #888;
        font-size: 12px;
        width: 90%;
        display: block;
    }

    .box-label-row {
        padding: 8px .9375rem 12px;;
    }

    .box-label-row .medium-2 {
        max-width: 100%;
        width: 100%;
        line-height: 1.8;
        margin-bottom: 7px;
    }

    .box-label-row .medium-10 {
        width: 100%;
    }

    .box textarea {
        height: 76px;
    }

    .cart-errors.on {
        max-height: 160px;
    }

    /* checkout page */
    .deliver-to-row {
        margin-left: .9375rem;
        margin-right: .9375rem;
        padding-top: 13px;
        padding-bottom: 10px;
        margin-bottom: 0;
    }

    .addresses {
        padding-left: .9375rem;
        padding-right: .9375rem;
        margin-top: 10px;
        padding-bottom: 4px;
    }

    .saved-address-list-container {
        width: 100%;
    }

    .order-builder .saved-address-list {
        width: 100%;
    }

    .add-address {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .checkout .box label {
        line-height: 1.8rem;
    }

    .checkout .row.error .valid:after {
        display: block;
        margin-top: -5px;
        margin-bottom: 5px;
        margin-left: 0;
    }

    .button.cart-nav-button {
        width: 100%;
        border-radius: 50px;
    }

    .cart-actions .button + .button {
        margin-left: 0;
    }

    .add-address-form {
        max-height: 1200px;
    }

    .box-item-summary {
        max-height: 2000px;
        margin: 0 .9375rem;
    }

    .box .box-item-summary .items .product,
    .box .box-item-summary .column-headings {
        margin-left: 0;
        margin-right: 0;
    }

    /* basic cehckout */
    .basic-checkout .box .box-header {
        display: none;
    }

    .basic-checkout .box h4 {
        padding-left: .9375rem;
    }

    .checkout .questionnaire {
        padding: .9375rem;
        margin-top: 40px;
    }

    .q-header {
        margin-bottom: 2px;
    }

    .questionnaire .question {
        line-height: 1.2rem;
        padding-bottom: 10px;
        padding-top: 2px;
    }

    .questionnaire input[type=text], .questionnaire select {
        width: 100%;
    }

    /* receipt */
    .order-nav .button {
        width: 100%;
    }

    .order-nav-dropdown {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .receipt {
        padding: .9375rem;
    }

    .receipt h2 {
        text-indent: 0;
        font-size: 2rem;
        line-height: 2rem;
        padding-top: 4px;
        padding-bottom: 12px;
    }

    .receipt-date {
        text-align: left;
        line-height: 1rem;
    }

    .order-receipt .box-summary {
        margin-top: 20px;
    }

    .order-receipt .box-header {
        margin-left: -.9375rem;
        margin-right: -.9375rem;
    }

    .receipt .product {
        xpadding-left: .9375rem;
        padding-top: 10px;
        padding-bottom: 10px;
        border-top: 1px solid rgba(0, 0, 0, .1);
    }

    .receipt .items .col-code {
        width: 100%;
        max-width: 100%;
        padding-right: 15%;
        font-size: 16px;
        line-height: 1.6;
        text-indent: 0;
    }

    .receipt .column-headings {
        border-bottom: none;
        margin-bottom: 0;
        padding: 4px 0 2px;
    }

    .receipt .column-headings .cell {
        padding-bottom: 9px;
        padding-top: 8px;
    }

    .receipt .items .col-desc {
        width: 100%;
        xwidth: 80%;
        padding-right: 15%;
        font-size: 14px;
        line-height: 1.6;
    }

    .receipt .items .medium-1,
    .receipt .items .medium-3 {
        width: 100%;
        text-align: left;
        margin-top: 4px;
        font-size: 12px;
        line-height: 22px;
        padding-left: 0;
    }

    .receipt .mobile {
        display: inline-block;
        margin-right: 6px;
    }

    .receipt .items .col-quantity label {
        font-size: 12px;
        margin-left: 5px;
    }

    .receipt .box-label-row .medium-2 {
        width: 100%;
        max-width: 100%;
    }

    .receipt .box-label-row .col-code {
        text-indent: 0;
    }

}

/* end phones */