:root {
    --sync-dark-grey-color: #202020;
    --sync-grey-color: #6a6a6a;
    --sync-pale-grey-color: #bebebe;
    --sync-very-pale-grey-color: #eeeeee;
    --sync-pink-color: #eb3463;
    --sync-purple-color: #7339f5;
    --sync-dark-purple-color: #320074;

    --sync-page-width: 1529px;

    --sync-button-border-radius: 30px;

    --sync-nav-menu-standard: rgb(238, 238, 238);
    --sync-nav-menu-pale: rgb(247, 247, 247);
    
}

@media (max-width: 769px) {

    .page-wrapper {
        padding-top: 170px;
    }

    .nav-open .nav-sections {
        padding-top: 40px;
        z-index: 666;
    }

    .price-box {
        z-index: 9998;
        bottom: 0;
        background: var(--sync-pale-grey-color);
        color: var(--sync-dark-grey-color);
        left: 0;
        width: 100%;
        position: fixed;
        padding: 1em 0;
        min-height: 90px;
        padding: 0;
        margin: 0;
    }

    .product .price-box {
        display: none;
        visibility: none;
    }

    .product-info-price .price-box,
    .product-info-price .price-box .weee {
        display: block;
        visibility: visible;
        margin: 0;
        line-height: inherit;
        position: fixed;
        bottom: 0;
    }

    span.price {
        display: block;
        margin: 1em 2em 1.6em;
        font-weight: 600 !important;
    }

    .price-wrapper.price-excluding-tax {
        display: none;
        visibility: none;
    }

    .action.primary.tocart {
        position: fixed;
        bottom: 1em;
        right: 1em;
        z-index: 9999;
        width: 50%;
        max-width: 240px;
    }

    .products .action.primary.tocart {
        display: none;
        visibility: hidden;
    }

    .abs-button-responsive-smaller, .product-info-main .box-tocart .actions .action.tocart {
        width: 50%;
        font-size: 1em;
        line-height: 1.4em;
        padding: 10px 0;
        margin: 0;
    }

    .box-tocart .qty {
        display: none;
    }

    .product.attribute.sku {
        z-index: 9999;
        bottom: 4.9em;
        right: 1em;
        position: fixed;
        font-size: 0.9em;
    }

    .apple-reseller-logos {
        background: var(--sync-very-pale-grey-color) url(https://www.wearesync.co.uk/wp-content/themes/sync/assets/images/apple-accreditation-logos-default.svg) no-repeat 0/95%;
        background-position: center;
        width: 100%;
        height: 60px;
        margin: 0;
        text-indent: -9999px;
        display: block;
        visibility: visible;
        position: fixed;
        top: 70px;
        left: 0;
        z-index: 200;
    }

    .mobile-account-link {
        display: block;
        visibility: visible;
        position: fixed;
        top: 20px;
        right: 65px;
        z-index: 9999;
        height: 30px;
        width: 30px;
    }

    .mobile-account-link svg {
        height: 28px;
        width: auto;
        color: var(--sync-very-pale-grey-color);
    }

    .woocommerce-mini-cart__empty-message {
        display: none;
    }

    .mobile-cart-container {
        position: fixed;
        top: 12px;
        right: 115px; 
        width: 30px; 
    }

    .mobile-cart-container .header-cart-link {
        border: 1.5px solid var(--sync-very-pale-grey-color);
        color: var(--sync-very-pale-grey-color);
        display: inline-block;
        padding: 2px 10px;
        line-height: inherit;
        text-decoration: none;
    }

    .mobile-cart-container .basket-handle {
        border: 1.5px solid var(--sync-very-pale-grey-color);
        border-bottom: 0 none;
        height: 10px; 
        width: 60%;
        margin-left: 18%;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .products-related .product-image-container {
        width: 80%;
    }

    .products-related .product-item-info {
        max-width: 95%;
        width: 95%;
        margin: 0 auto;
        text-align: center;
    }

    .product-info-main .product-addto-links, .product-options-bottom .product-addto-links {
        text-align: center;
    }    

    .cart-container .form-cart .action.continue {
        display: none;
        visibility: hidden;
    }

    .b2b-box-company-detail-info {
        margin-top: 2em;
    }

    .dashboard-top {
        /*
        border-bottom: 1px solid var(--sync-grey-color);
        padding-bottom: 1em;
        margin-bottom: 1em;
        margin-top: 1em;
        */
    }    

    .b2b-box-logo-company {
        float: none;
        margin: 0;
        text-align: center;
        width: 100%;
    }

    /*
    .b2b-box-content.b2b-notifications, 
    .b2b-box-content.b2b-recent-orders, 
    .b2b-box-content.b2b-recent-quotes {
        float: none;
        width: 100%;
        margin-top: 2em;
        font-size: 12px;
        border-bottom: 1px solid var(--sync-grey-color);
    }
*/

    .b2b-order-item-table-content .data-table .col-tax-amount,
    .b2b-order-item-table-content .data-table .col-tax-percent,
    .b2b-order-item-table-content .data-table .col-total {
        display: none;
        visibility: hidden;
    }

    .b2b-order-item-table-content .data-table tbody .col-subtotal,
    .b2b-order-item-table-content .data-table tbody .col-subtotal span.price,
    .b2b-order-item-table-content .data-table tbody .col-price,
    .b2b-order-item-table-content .data-table tbody .col-price span.price {
        margin: 0;
        text-align: right; 
    }

    .b2b-order-item-table-content .data-table .col-ordered-qty {
        text-align: center;
    }

    .b2b-totals {
        text-align: right; 
    }

    .b2b-totals span.price {
        margin: 0;
        margin-bottom: 1em;
    }

    .order-status {
        font-weight: 600;
        padding: 0.5em 1em;
        background-color: var(--sync-very-pale-grey-color);
    }

    .order-date span.label {
        font-weight: 600;
    }

    .account .page-main, .cms-privacy-policy .page-main {
        padding-top: 0;
        position: relative;
    }    

    .b2b-section-header {
        width: 96%;
        display: block;
    }

    .b2b-section-header:after {
        content: '+';
        float: right;
    }

    ul.b2b-recent-order-status-list li, ul.b2b-recent-quote-status-list li {
        font-size: 1.3em;
    }    

    .b2b-block-dashboard-detailed .b2b-notifications-list,
    .b2b-block-dashboard-detailed .b2b-recent-order-status-list,
    .b2b-block-dashboard-detailed .b2b-recent-order-status-list {
        display: none;
        visibility: hidden;
    }

    .b2b-block-dashboard-detailed .b2b-notifications-list.shown,
    .b2b-block-dashboard-detailed .b2b-recent-order-status-list.shown,
    .b2b-block-dashboard-detailed .b2b-recent-order-status-list.shown {
        display: block;
        visibility: visible;
        max-width: 95%;
    }

    .pages .item {
        padding: 0 10px;
    }

    .product-item-actions .actions-secondary > .action.tocompare {
        display: inline-block;
    }

    .navigation .level0 > .level-top {
        padding: 25px 40px 25px 15px;
    }

    .navigation .level0.active > a:not(.ui-state-active), 
    .navigation .level0.has-active > a:not(.ui-state-active) {
        border-color: var(--sync-purple-color);
    }


    button, a.action.primary, .cart.table-wrapper .actions-toolbar>.action, .action-gift {
        border-radius: var(--sync-button-border-radius);
    }

    .related .block-content {
        display: none;
    }

    .column.main .related .title strong {
        background: #f0f0f0;
        border: 1px solid #d1d1d1;
        height: 40px;
        padding: 1px 15px 1px;
        line-height: 40px;
        font-size: 1.8rem;
        color: #7d7d7d;
        font-weight: 600;
        display: block;
        margin: 0;
    }

    .column.main .related .title strong.active {
        background: #fff;
        color: #333;
        text-decoration: none;
        padding-bottom: 5px;
    }

    .product.info.detailed {
        clear: both;
        margin-bottom: 0;
    }

    .block.related .content {
        background: #fff;
        border: 1px solid #d1d1d1;
        margin: 0 0 5px;
        padding: 10px 15px 30px;
    }

    /* styling for contact form */

    .contact-form-container .mp-custom-form-popup .mp-1column,
    .get-in-touch-form-container .mp-custom-form-popup .mp-1column {
        width: 98% !important;
        padding: 0; 
    }


    .contact-form-container .actions-toolbar,
    .get-in-touch-form-container .actions-toolbar {
        float: none;
        width: 150px;
        margin: auto !important;
    }

    .contact-form-container .mp-custom-form-popup button.button.action.continue.primary {
        margin-top: 3em;
    }    

    .contact-form-container-inner, .get-in-touch-form-container-inner {
        width: 95%;
        /* margin: 0 !important; */
    }

    .contact-form-container .mp-custom-form-popup .mp-1column, .get-in-touch-form-container .mp-custom-form-popup .mp-1column {
        /* width: 45% !important; */
        margin-left: 0;
    }

    .contract-form-container .mp-custom-form-popup .mp-1column.lifted,
    .get-in-touch-form-container .mp-custom-form-popup .mp-1column.lifted {
        margin-top: 0;
    }    

    .contact-form-container .mp-custom-form-popup .mp-1column.half-width-text-center,
    .get-in-touch-form-container .mp-custom-form-popup .mp-1column.half-width-text-center {
        width: 95% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .contact-form-container .mp-custom-form-popup .mp-1column.half-width-text-center br,
    .get-in-touch-form-container .mp-custom-form-popup .mp-1column.half-width-text-center br {
        display: none;
        visibility: hidden;
    }

    div#dashboard-tiles {
        display: flex;
        flex-direction: column;
    }

    .row {
        display: flex;
        /* column-gap: 1%; */
        flex-direction: column;
        width: 100%;
        position: relative;
    }

    #dashboard-tiles .col.pr-2 .b2b-box-content {
        min-height: 150px;
        position: relative;
    }

    .b2b-block-dashboard-detailed a.action.button.primary.mt-2 {
        position: absolute;
        width: 190px;
        top: 0;
        right: 25px;
        width: 125px;
        overflow: hidden;
        height: 36px;
    }

    li.pl-4.pr-4.text-center.pb-4.pt-2 {
        border-radius: 20px;
        min-height: 0;
    }

    .b2b-actions-toolbar .row.pb-5 {
        width: 160px;
        text-align: right;
        padding: 16px 16px 16px 10px;
        position: absolute;
        top: 584px;
        right: -14px;
    }

    tr.b2b-data-grid-filters {
        display: none;
        visibility: hidden;
    }

    .b2b-table th {
        padding: 10px 0px 10px 15px;
    }

    .b2b-table .col-customer_name,
    .b2b-table .col-shipping_name,
    .b2b-table .col-po_number {
        display: none;
        visibility: hidden;
    }

    .b2b-order-details-items span.price {
        display: block;
        margin: 1em 2em 1.6em;
        font-weight: 600 !important;
        text-align: right;
        margin-top: -22px;
    }

    .b2b-order-price span.price {
        margin-top: 0;
    }

    .table-order-tracking-details tr th:nth-child(2),
    .table-order-tracking-details tr td:nth-child(2) {
            display: none;
            visibility: hidden;
    }

    /* end of styling for contact form */

    .b2b-box-logo-company .b2b-box-content.col-6 {
        width: 100%;
        float: none;
        text-align: centerf;
    }    

    .b2b-table div#order_item_9_title {
        max-height: 77px;
        overflow: hidden;
    }

    .b2b-data.b2b-table.table-quote-detail .sku {
        display: none;
        visibility: hidden;
    }

    #quote-allcart-form {

    }

    #requisition-view-form .action.primary.tocart,
    #quote-allcart-form .action.primary.tocart {
        position: unset;
        bottom: unset;
        right: unset;
        z-index: 9999;
        width: 200px;
        max-width: 240px;
    }

    .row.align-items-center .text-right  {
        text-align: center;
    }   

    .b2b-requisition-items.b2b-table.cart .b2b-requisition-item-image,
    .b2b-requisition-items.b2b-table.cart .subtotal,
    .b2b-requisition-items.b2b-table.cart .qty,
    .b2b-requisition-items.b2b-table.cart .price,
    .b2b-requisition-items.b2b-table.cart .sku {
        display: none;
        visibility: hidden;
    }

}