: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 (min-width: 769px) {

    .products-list {

    }

    .products-list .product-item-details {
        text-align: left;
    }

    .product-item-name {
        font-size: 1.8rem;
        display: block;
        margin: -3px 0 5px;
        min-height: 105px;
    }

   .products-list .product-item-name {
        min-height: unset;
        font-weight: 600; 
        font-size: 2.6rem; 
    }

   .products-list .product-item-inner {
        display: flex;
        flex-direction: column;
    }

    .products-list .product.description.product-item-description {
        order: 1;
        margin: 0 0 2em;
    }

    .products-list .product.actions.product-item-actions {
        order: 2;
    }

    .products-list .product-item .special-price .price, 
    .products-list .product-item .minimal-price .price {
        font-size: 2rem;
        font-weight: 700;
    }

    .products-list .product-item .price-excluding-tax .price {
        font-size: 1.2rem;
    }


    .pages .item {
        font-size: 1.6rem;
    }

    .pages strong.page {
        font-size: inherit;
    }
 
    .filter-options-item {
        cursor: pointer;
    }

    div#search_autocomplete {
        background: var(--sync-very-pale-grey-color);
    }
    .search-autocomplete dl {
    }

    .search-autocomplete dl li {
        padding: 5px 10px; 
        cursor: pointer;
    }

    .product.attribute.overview {
        margin-bottom: 40px;
    }

    .main-header .mobile-cart-container {
        display: none;
        visibility: hidden; 
    }

    .products-grid .product-item-actions {
        content: "";
        display: inline-block;
        clear: both;
        margin: 0; 
    }

    .sidebar,
    .toolbar-products,
    .actions-secondary {
        display: block;
        visibility: visible;
    }

    .products-grid .product-item {
        padding: 0;
        width: 100%;
        border: 0;
    }

    .product-item-actions .actions-secondary {
        display: inline-block;
        visibility: visible;
        float: left; 
        width: 100%;
    }

    .products-grid .product-item {
        display: inline-block;
        margin-left: 2%;
        padding: 0;
        width: calc((100% - 2%) / 2);
    }

    .product-item-actions .actions-primary {
        display: inline-block;
        vertical-align: middle;
        float: right;
        width: 100%;
    }

    h1 {
        text-align: left;
    }

    .flash-container .pagebuilder-column {
        margin: 0 28px;
    }

    .flash-container .pagebuilder-column:first-of-type {
        margin-left: 0;
    }

    .flash-container .pagebuilder-column:last-of-type {
        margin-right: 0;
    }

    footer .footer-columns .column.four .poweredby {
        background: transparent url( https://www.wearesync.co.uk/wp-content/themes/sync/assets/images/poweredby-logo.svg) no-repeat 0 0/100%;
        text-indent: -9999px;
        width: 100%;
        max-width: 261px;
        margin: 20px 0 25px 0;
        height: 22px;
    }

    footer .footer-columns .column.four .footer-social-links h3 {
        text-align: left;
    }

    .apple-reseller-logos, .ui-menu .account-link, .ui-menu .block-search, .ui-menu .cart-container {
        display: unset;
        visibility: visible;
    }

    .page-header .social-media-icons {
        display: block;
        visibility: visible;
    }
    .social-media-icons {
        width: auto;
    }

    .social-media-icons a svg {
        fill: #fff;
        display: block;
        height: 20px;
        transition: all .25s ease-in-out 0s;
    }

    .hide-mobile {
        display: block;
        visibility: visible;
    }

    .copyright {
        text-align: left;
    }

    footer .reveal-wrap {
        display: block;
        visibility: visible;
        height: auto;
    }

    .burger-menu,
    .nav-toggle {
        display: none;
        visibility: hidden;
    }

    nav.main-navigation {
        display: block;
        visibility: visible;
    }

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

    .checkout-index-index.page-layout-checkout .page-wrapper {
        padding-top: 0px;
    }

    .page-header {
        min-width: 100vw;
    }

    .header.content { 
        max-width: var(--sync-page-width);
        min-width: var(--sync-page-width);
        margin: 0 auto; 
        padding: 0;
        height: 77px;
    }

    .section-items.nav-sections-items {
        max-width: var(--sync-page-width);
        margin: 0 auto; 
        padding: 0;
    }

    .main-header .container .logo {
        width: 98px;
        box-sizing: border-box;
        padding: 0;
        border: 0;
        outline: 0;
        vertical-align: baseline;
        background: transparent;
        margin: 0;
        margin-top: 7px;
    }


    .logo {
        margin: 0;
        margin-top: 5px;
        margin-left: 15px;
    }

    .nav-sections {
        padding: 0px;
        margin: 0;
    }

    .sections.nav-sections,
    .sections.nav-sections .navigation {
        background: var(--sync-nav-menu-standard);
        display: block;
        position: fixed;
        top: 77px;
        left: 0;
        min-width: 100vw;
        z-index: 77;
    }

    .navigation {
        font-weight: 600;
        position: unset;
    }

    .navigation ul {
        position: unset;
        max-width: var(--sync-page-width);
        /*
        max-width: 100vw;
        */
        margin: 0 auto;
        max-height: 74px;
    }

    /*
    .block-search {
        width: 40em;
    }

    .block.block-search.ui-menu-item {
        position: absolute;
        top: 0;
        left: 0;
    }
*/
    li.level0.nav-8.category-item.user-block.level-top.parent.ui-menu-item.pull-end,
    li.level0.nav-8.category-item.end-element.level-top.parent.ui-menu-item {
        float: right;
    }

    li.level0.nav-8.category-item.end-element.level-top.parent.ui-menu-item:hover {
        background: transparent;
    }

    .navigation .level0 .submenu {
        box-shadow: none;
        border: 0 none;
        background: var(--sync-nav-menu-pale);
        width: var(--sync-page-width);
        min-width: var(--sync-page-width);
        max-width: var(--sync-page-width);
        /*
        height: 55px;
        line-height: 55px;
        */
        padding: 1.2em 0;
        z-index: 9999;
        overflow: hidden !important;
    }

    .navigation .level0:hover {
        background: var(--sync-nav-menu-pale);
    }

    .navigation .level0 .submenu li {
        display: inline-block;
        padding: 0 17px;
        text-align: center;
    }

    .navigation .level0 > .level-top,
    .navigation .level0.active > .level-top,
    .navigation .level0.has-active > .level-top {
        padding: 19px 17px 20px 17px;
        line-height: 24px;
        color: #000000;
        border: 0 none;
        margin: 0;
    }

    li.level0.nav-8.category-item.user-block.level-top.parent.ui-menu-item:hover {
        background: transparent;
    }

    .page-main {
        width: 100vw;
        max-width: -webkit-fill-available;
        max-width: -moz-available;
        padding: 0 !important;
    }

    [data-content-type='row'][data-appearance='contained'],
    .page-title-wrapper {
        box-sizing: border-box;
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: var(--sync-page-width);
    }

    .category-view {
        max-width: 100vw;
        overflow: hidden;
    }

    .category-description [data-content-type='row'][data-appearance='contained']:first-of-type {
        max-width: 100vw;
        width: 100vw;
        overflow: hidden;
    }


    .columns {
        max-width: var(--sync-page-width);
        margin: 0 auto;
        padding-top: 4em !important;
    }

    .page-main-full-width .columns {
        max-width: 100%;
    }

    .main-header {
        line-height: 1.5;
        box-sizing: border-box;
        margin: 0;
        border: 0;
        outline: 0;
        vertical-align: baseline;
        padding: 20px 20px 0;
    }

    .main-header .container {
        box-sizing: border-box;
        padding: 0;
        border: 0;
        outline: 0;
        vertical-align: baseline;
        background: transparent;
        max-width: var(--sync-page-width);
        margin: 0 auto;
        display: flex;
        justify-content: flex-start;    
    }

    .main-header .container nav.main-navigation {
        box-sizing: border-box;
        margin: 2px 0 0 80px;
    }

    .main-header .container nav.main-navigation ul.nav-menu {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        vertical-align: baseline;
        background: transparent;
        list-style: none;
        display: flex;
        justify-content: flex-start;
    }

    .main-header .container nav.main-navigation ul.nav-menu li {
        list-style: none;
        box-sizing: border-box;
        padding: 0;
        border: 0;
        outline: 0;
        vertical-align: baseline;
        background: transparent;
        margin: 0 12px;
    }

    .main-header .container nav.main-navigation ul.nav-menu li a {
        list-style: none;
        box-sizing: border-box;
        margin: 0;
        border: 0;
        vertical-align: baseline;
        background: transparent;
        outline: none;
        transition: all .25s ease-in-out 0s;
        cursor: pointer;
        font-weight: 600;
        position: relative;
        padding: 5px 0 29px;
        color: #fff;
        display: inline-block;
        text-decoration: none;    
    }

    .main-header .container nav.main-navigation ul.nav-menu li:first-child {
        margin: 0 12px;
        margin-left: 0;
    }

    .main-header .container nav.main-navigation ul.nav-menu li.has-mega-menu .sub-menu-wrap {
        list-style: none;
        box-sizing: border-box;
        border: 0;
        outline: 0;
        vertical-align: baseline;
        position: absolute;
        left: -170px;
        width: 100%;
        background: #fff;
        top: 76px;
        z-index: 9999;
        opacity: 0;
        visibility: hidden;
        transition: opacity .5s;
        display: block;
        max-width: 1143px;
        margin: 0 auto;
        right: 0;
        padding: 35px;
        box-shadow: 0 3px 10px rgba(0,0,0,.2);
    }

    .main-header .container nav.main-navigation ul.nav-menu li.has-mega-menu .sub-menu-wrap ul.sub-menu {
        visibility: hidden;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        vertical-align: baseline;
        background: transparent;
        list-style: none;
        display: flex;
        justify-content: flex-start;    
    }

    .main-header .container nav.main-navigation ul.nav-menu li.has-mega-menu .sub-menu-wrap ul.sub-menu li.mega-menu-column.one {
        visibility: hidden;
        list-style: none;
        box-sizing: border-box;
        padding: 0;
        border: 0;
        outline: 0;
        vertical-align: baseline;
        background: transparent;
        width: 35.4147250699%;
        margin: 0 5.2190121156% 0 0;    
    }

    .main-header .container nav.main-navigation ul.nav-menu li.has-mega-menu .sub-menu-wrap ul.sub-menu li.mega-menu-column a {
        visibility: hidden;
        list-style: none;
        box-sizing: border-box;
        margin: 0;
        border: 0;
        vertical-align: baseline;
        background: transparent;
        outline: none;
        transition: all .25s ease-in-out 0s;
        cursor: pointer;
        font-weight: 600;
        position: relative;
        padding: 5px 0 29px;
        color: #fff;
        text-decoration: none;
        display: none;
    }

    .main-header .container nav.main-navigation ul.nav-menu li.has-mega-menu .sub-menu-wrap ul.sub-menu li.mega-menu-column ul.sub-menu {
        visibility: hidden;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        vertical-align: baseline;
        background: transparent;
        list-style: none;
        justify-content: flex-start;
        display: block;    
    }

    .main-header .container nav.main-navigation ul.nav-menu li.has-mega-menu .sub-menu-wrap ul.sub-menu li.mega-menu-column ul.sub-menu li {
        list-style: none;
        box-sizing: border-box;
        padding: 0;
        border: 0;
        outline: 0;
        vertical-align: baseline;
        background: transparent;
        margin: 0 0 8px;
        line-height: 12px;        
    }

    .main-header .container nav.main-navigation ul.nav-menu li.has-mega-menu .sub-menu-wrap ul.sub-menu li.mega-menu-column ul.sub-menu li.heading a {
        pointer-events: none;
        color: var(--sync-purple-color);
        letter-spacing: 1px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 0;
    }

    .main-header .container nav.main-navigation ul.nav-menu li.has-mega-menu .sub-menu-wrap ul.sub-menu li.mega-menu-column ul.sub-menu li.btm-rule {
        width: 100%;
        border-bottom: 1px solid #707070;
        padding-bottom: 25px;
        margin-bottom: 25px;    
    }

    .main-header .container nav.main-navigation ul.nav-menu li.has-mega-menu .sub-menu-wrap ul.sub-menu li.mega-menu-column ul.sub-menu li:last-child {
        list-style: none;
        box-sizing: border-box;
        padding: 0;
        border: 0;
        outline: 0;
        vertical-align: baseline;
        background: transparent;
        margin: 0 0 8px;
        width: 100%;
        line-height: 12px;
    }

    .main-header .container nav.main-navigation ul.nav-menu li.has-mega-menu .sub-menu-wrap ul.sub-menu li.mega-menu-column ul.sub-menu li.heading {
        visibility: hidden;
        list-style: none;
        box-sizing: border-box;
        padding: 0;
        border: 0;
        outline: 0;
        vertical-align: baseline;
        background: transparent;
        margin: 0 0 8px;
        width: 100%;
        line-height: 12px;
        margin-bottom: 10px;    
    }

    .main-header .container nav.main-navigation ul.nav-menu li.has-mega-menu .sub-menu-wrap ul.sub-menu li.mega-menu-column ul.sub-menu li:last-child {
        list-style: none;
        box-sizing: border-box;
        padding: 0;
        border: 0;
        outline: 0;
        vertical-align: baseline;
        background: transparent;
        width: 100%;
        line-height: 0!important;
        margin: 0!important;
    }

    .main-header .container nav.main-navigation ul.nav-menu li.has-mega-menu .sub-menu-wrap ul.sub-menu li.mega-menu-column ul.sub-menu li a {
        visibility: hidden;
        list-style: none;
        box-sizing: border-box;
        margin: 0;
        border: 0;
        vertical-align: baseline;
        background: transparent;
        outline: none;
        transition: all .25s ease-in-out 0s;
        cursor: pointer;
        font-weight: 600;
        position: relative;
        text-decoration: none;
        display: inline-block;
        padding: 0;
        color: #000;
        line-height: 18px;
    }

    .main-header .container nav.main-navigation ul.nav-menu li.book-button a {
        width: 125px;
        text-transform: uppercase;
        display: inline-block;
        background: transparent url(../images/icon-book-repair-header.svg) no-repeat 0 3px;
        padding: 0 0 0 35px;
        font-size: 0.8em;
    }

    .main-header .container nav.main-navigation ul.nav-menu li.track-button a {
        width: 130px;
        text-transform: uppercase;
        display: inline-block;
        background: transparent url(../images/icon-track-repair-header.png) no-repeat 0 3px/25px;
        padding: 0 0 0 35px;
        font-size: 0.8em;
    }

    .main-header .container .social-media-icons {
        box-sizing: border-box;
        padding: 0;
        border: 0;
        outline: 0;
        vertical-align: baseline;
        background: transparent;
        display: flex;
        margin: 9px 0 0 auto;    
    }

    .social-media-icons {
        text-align: left;
    }

    .social-media-icons a {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        border: 0;
        vertical-align: baseline;
        background: transparent;
        outline: none;
        text-decoration: underline;
        transition: all .25s ease-in-out 0s;
        cursor: pointer;
        color: #6c0bed;
        margin-right: 22px;
        display: inline-block;
    }

    .main-header .container nav.main-navigation ul.nav-menu li.has-mega-menu:hover .sub-menu-wrap
    {
        visibility: visible;
        transition: opacity .5s;
        opacity: 1;
    }

    div.level0.category-item.search-element.level-top.ui-menu-item {
        float: right; 
    }    

    div.level0.category-item.search-element.level-top.ui-menu-item:hover {
        background: transparent; 
    }    

    .main-header .container nav.main-navigation ul.nav-menu li.has-mega-menu:hover .sub-menu-wrap ul.sub-menu,
    .main-header .container nav.main-navigation ul.nav-menu li.has-mega-menu:hover .sub-menu-wrap ul.sub-menu li.mega-menu-column a, 
    .main-header .container nav.main-navigation ul.nav-menu li.has-mega-menu:hover .sub-menu-wrap ul.sub-menu li.mega-menu-column.one,
    .main-header .container nav.main-navigation ul.nav-menu li.has-mega-menu:hover .sub-menu-wrap ul.sub-menu li.mega-menu-column ul.sub-menu,
    .main-header .container nav.main-navigation ul.nav-menu li.has-mega-menu:hover .sub-menu-wrap ul.sub-menu li.mega-menu-column ul.sub-menu li.heading,
    .main-header .container nav.main-navigation ul.nav-menu li.has-mega-menu:hover .sub-menu-wrap ul.sub-menu li.mega-menu-column ul.sub-menu li a
    {
        visibility: visible;
        opacity: 1;
    }

    .page-layout-1column .product.media {
        width: 29%;
        /*
        max-width: 435px;
        */
    }

    .page-title-wrapper.product {
        width: 70%;
        float: right;
    }

    .page-layout-1column .product-info-main {
        width: 70%;
    }

    .swatch-option {
        width: 100%;
        display: block;
        text-align: left; 
        border-color: var(--sync-grey-color);
        background: transparent;
        margin-bottom: 1em;
        box-shadow: 0 0 5px rgba(0,0,0,.15),inset 0 0 0 1px #acacac;
    }

    .swatch-option.text {
        padding: 1em 2em;
        background: transparent;
        outline: none;
    }

    .swatch-option.selected,
    .swatch-option.text.selected {
        border: 1px solid var(--sync-purple-color);
        color: var(--sync-purple-color);
        outline: none;
        background: var(--sync-pale-grey-color);
    }

    .swatch-option:not(.disabled):hover {
        border: 1px solid var(--sync-purple-color);
        color: inherit;
        outline: none;
    }

    .swatch-option-tooltip,
    .swatch-attribute-selected-option {
        display: none !important;
        visibility: hidden;
    }

    footer .footer-columns {
        padding: 0;
        border: 0;
        outline: 0;
        vertical-align: baseline;
        background: transparent;
        display: flex;
        line-height: 1.35;
        margin: 40px 0;        
    }

    footer .footer-columns .column {
        position: relative;
        padding: 10px 0;
        color: #fff;
        margin-right: 4.3193717277%;
        border-right: 1px solid var(--sync-pale-grey-color);
        padding-right: 1.832460733%;
    }    

    footer .footer-columns .column .wrapper h3 {
        font-size: 1.3rem;
        line-height: 1.35;
        letter-spacing: 1px;
        font-weight: 400;
        text-transform: uppercase;
        color: #fff;
        margin-bottom: 20px;
        padding-bottom: 0;
    }

    footer .footer-columns .column.one {
        width: 15.445026178%;
    }

    footer .footer-columns .column.two {
        width: 21.5968586387%;
    }

    footer .footer-columns .column.two .wrap p:first-child strong {
        text-decoration: underline;
        margin-bottom: 0;
    }

    footer .footer-columns .column.three {
        width: 21.5968586387%;
    }

    footer .footer-columns .column.three .wrap p strong {
        text-decoration: underline;
        margin-bottom: 0;
    }    

    footer .footer-columns .column.three .wrap dl {
        display: flex;
        flex-wrap: wrap;
    }  
    
    footer .footer-columns .column.three .wrap dl dt {
        width: 115px;
        margin-bottom: 0;
    }

    footer .footer-columns .column.three .wrap dl dd {
        width: 45%;
        margin-bottom: 0;
    }

    footer .footer-columns .column.four {
        width: 28.4031413613%;
        border: 0;
    }


    footer .footer-columns .column .state {
        display: none;
    }


    footer .footer-columns .column .wrapper h3 {
        font-size: 1.2em;
        border: 0;
    }

    footer .footer-columns .column .wrapper h3 label {
        display: inline-block;
        width: 100%;
        overflow: hidden;
        font-weight: 400;
    }

    footer .footer-columns .column .wrapper h3:after {
        content: '';
    }

    ul, ol {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }

    footer .footer-columns .column .wrapper .reveal-wrap li {
        font-size: 0.85em;
        margin-bottom: 5px;
    }

    footer .footer-columns .column .wrapper .reveal-wrap a {
        color: #fff;
        text-decoration: none;
    }

    footer .copyright {
        margin-left: 19.7643979058%;
    }

    footer .partner-logos-wrapper {
        border-top: 1px solid var(--sync-pale-grey-color);
        margin-top: 40px;
        padding-top: 40px;
        position: relative;
    }

    .apple-reseller-logos {
        background: transparent url(https://www.wearesync.co.uk/wp-content/themes/sync/assets/images/apple-accreditation-logos-default.svg) no-repeat 0 0/100% auto;
        width: 290px;
        height: 22px;
        margin: 23px 0 0 20px;
        float: right;
        text-indent: -9999px;
        display: block;
        visibility: visible;
    }

    .cart-container {
        float: none;
        margin: 10px 10px 0;
    }

    .mini-cart-container {
        float: right;
        margin: 11px 2px 0 0;
    }

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

    .cart-dropdown {
        display: none;
    }

    .basket-handle {
        border: 1px solid var(--sync-dark-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;
    }

    .block-search {
        float: right; 
        margin: 18px 10px 0;
        width: 190px; 
    }

    .block-search .control {
        border-top: 0;
        margin: 0;
        padding: 0 0 5px;
    }    

    .account-link {
        float: right; 
        margin: 25px 0 0 10px;
        width: 15px;
        height: 20px;
    }

    .level1.submenu {
        display: none !important;
        visibility: hidden !important;
    }

}