@font-face {
    font-family: 'ElegantIcons';
    src: url('../../../../system/admin/fonts/ElegantIcons.eot');
    src: url('../../../../system/admin/fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'), url('../../../../system/admin/fonts/ElegantIcons.woff') format('woff'), url('../../../../system/admin/fonts/ElegantIcons.ttf') format('truetype'), url('../../../../system/admin/fonts/ElegantIcons.svg#ElegantIcons') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* -------------------------- */


/* ----- SEARCH PROCESS ----- */


/* -------------------------- */


/* ----- SEARCH PAGE ----- */

.search_header_wrap {
    border-bottom: 1px solid #BEBEBE;
}

.search_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 70px;
}

.search_header_left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding-right: 50px;
}

.search_header_left .num_results {
    font-size: 14px;
    line-height: 20px;
    color: #61636A;
}

.search_header_left .termCat,
.search_header_left .termModel {
    color: #268176;
    padding: 0 5px;
}

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

.search_sort_wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.search_sort_wrap span {
    font-size: 14px;
    color: #414348;
}

.search_sort_wrap .sys_sortsearchby {
    width: 185px;
    height: 50px;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 14px;
    color: #414348;
    border: 1px solid #BEBEBE;
    background: #fff url(../images/triangle-down-black.svg) no-repeat 95% center;
}

.search_main_wrap {
    display: flex;
    gap: 20px;
}

.search_sidebar_wrap {
    flex: 1 0 auto;
    max-width: 285px;
    width: 285px;
    background: #F4F4F4;
    margin-left: calc((-100vw + 1200px) /2);
    padding-left: calc((100vw - 1200px) /2);
    padding-top: 30px;
    min-height: 500px;
}

.applied_filter_title {
    font-size: 14px;
    color: #454545;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 10px;
}

.applied_filters {
    padding-bottom: 40px;
}

.applied_filters {}

.appliedFilter {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 8px 0;
}

.appliedFilter span {
    font-size: 14px;
    color: #234093;
}

.removeFilter {
    display: block;
    width: 15px;
    height: 15px;
    background: url(../images/x-circle-green.svg) no-repeat center;
    background-size: contain;
}

.filter_group_wrap {
    padding-bottom: 40px;
}

.filter_heading {
    font-size: 14px;
    color: #454545;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 10px;
}

.filterLinks {
    list-style: none;
    padding: 0;
    margin: 0;
}

.filterLinks>li {
    padding: 0;
    margin: 0;
}

.filterLinks>li>a {
    font-size: 14px;
    color: #3B3B3D;
    line-height: 30px;
}

.search_results_wrap {
    flex: 3 1 auto;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 20px;
    padding: 30px 0;
}

.search_results_footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 20px 0;
}

.search_results_footer .backToTop {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #485764;
    padding: 0 20px;
    height: 45px;
}

.search_results_footer .backToTop span {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
}

.search_results_footer .backToTop::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: url(../images/triangle-up-black.svg) no-repeat center;
    background-size: auto;
}


/* Pager */

.search_pager {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
}

.search_pager .pager_link a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #B4B4B4;
    width: 40px;
    height: 40px;
}

.search_pager .pager_link a span {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.search_pager .pager_link.pager_current_page a {
    background: #234093;
}

.search_pager .pager_link.pager_current_page a span {
    color: #fff;
}

.search_pager .pager_link.pager_prev_button a,
.search_pager .pager_link.pager_next_button a {
    width: auto;
    padding: 0 20px;
    background: #485764;
}

.search_pager .pager_link.pager_prev_button a::before,
.search_pager .pager_link.pager_next_button a::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: url(../images/triangle-right-white.svg) no-repeat center;
    background-size: auto;
}

.search_pager .pager_link.pager_prev_button a::before {
    transform: scale(-1, 1);
}


/* Product Block */

.product_block {
    width: 285px;
    border: 1px solid #BEBEBE;
    box-sizing: border-box;
    transition: 0.2s ease-in-out all;
}

.product_image {
    width: 100%;
    height: 285px;
}

.product_image a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.product_image a img {
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: auto;
}

.product_delivery_info {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 30px;
    width: 100%;
}

.product_delivery_info.nextDay {
    background: #FAB312;
}

.product_delivery_info.standard {
    background: #485764;
}

.product_delivery_info.noStock {
    background: #65707D;
}

.product_delivery_info span {
    font-size: 12px;
    color: #3B3B3B;
}

.product_delivery_info.noStock span,
.product_delivery_info.standard span {
    color: #fff;
}

.product_delivery_info::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/truck-black.svg) no-repeat center;
    background-size: auto;
}

.product_delivery_info.standard:before {
    background: url(../images/truck-white.svg) no-repeat center;
}

.product_delivery_info.noStock::before {
    content: none;
}

.product_info {
    transition: 0.2s ease-in-out all;
    padding-top: 10px;
}

.product_title {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 10px;
    box-sizing: border-box;
    height: 42px;
    overflow: hidden;
}

.product_title a {
    font-size: 16px;
    font-weight: bold;
    color: #3B3B3D;
    line-height: 21px;
}

.product_price_row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 10px;
    box-sizing: border-box;
}

.product_price_wrap {}

.product_price_wrap .unit_price {
    font-size: 12px;
    line-height: 20px;
    color: #3B3B3D;
    text-transform: uppercase;
}

.product_price {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    line-height: 22px;
}

.product_price div {}

.product_price div span {
    font-size: 16px;
    font-weight: bold;
    color: #3B3B3D;
}

.product_price .mainprice small{font-size: 10px;}

.product_price .nowprice span {
    color: #D99C48;
}

.product_price .wasprice span {
    font-size: 14px;
    color: #3B3B3D;
    text-decoration: line-through;
    font-weight: normal;
}

.store_collect {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    height: 20px;
}

.store_collect span {
    font-size: 12px;
    color: #29AC8E;
}

.store_collect::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: url(../images/tick-circle-green.svg) no-repeat center;
    background-size: auto;
}

.product_sku {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 40px;
    border: solid #BEBEBE;
    border-width: 1px 0;
    box-sizing: border-box;
    padding: 0 10px;
}

.product_sku span {
    font-size: 13px;
    color: #3B3B3D;
}

.product_button_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
}

.product_buy_button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #234093;
    width: 160px;
    height: 45px;
    transition: 0.2s ease-in-out all;
}

.product_buy_button span {
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    transition: 0.2s ease-in-out all;
}

.product_view_button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #234093;
    width: 160px;
    height: 45px;
    transition: 0.2s ease-in-out all;
}

.product_view_button span {
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    transition: 0.2s ease-in-out all;
}

.saleSticker {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 45px;
    background: #D99C48;
}

.saleSticker span {
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

.stockSticker {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 45px;
    background: #B0B7BF;
}

.stockSticker span {
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

.product_block:hover {
    box-shadow: 0px 0px 12px #00000029;
}

.product_block:hover .product_info {
    background: #F4F4F4;
}

.product_block:hover .product_buy_button::before {
    filter: brightness(100);
}


/*Category Block*/

.category_block {
    width: 186px;
    background-color: #fff;
    cursor: pointer;
}

.catImage {
    height: 186px;
}

.catTitle {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    padding: 0 10px;
    box-sizing: border-box;
    background: #171717;
    transition: 0.2s ease-in-out all;
}

.catTitle>a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    font-weight: bold;
    text-align: center;
    transition: 0.2s ease-in-out all;
}

.category_block:hover .catTitle {
    background: #234093;
}


/* ----- DETAILS PAGE ----- */

.details_page {}

.details_page_header_wrap {
    border-bottom: 1px solid #BEBEBE;
}

.details_page_header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 70px;
}

a.backLink {
    font-size: 12px;
    color: #234093;
    text-decoration: underline;
}

.details_page_main {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 20px 0;
}

.details_page_left {
    width: 480px;
}

.productImages_wrap {}

.productImage {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
}

.productImage a {
    width: 100%;
}

.productImage a img {
    max-width: 100%;
    height: auto;
}

.smallImages_wrap {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 5px;
}

.smallImage {
    width: 110px;
    height: 110px;
    border: 1px solid #F0F0F0;
}

.smallImage a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.smallImage a img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.details_page_right {
    width: calc(100% - 480px);
    padding-left: 20px;
    box-sizing: border-box;
}

.productTitle {}

.productTitle h1 {
    font-size: 36px;
    font-weight: 700;
}

.productDeliveryInfo_wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 5px 0
}

.productDeliveryInfo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 35px;
    padding: 0 10px;
}

.productDeliveryInfo.nextDay {
    background: #234093;
}

.productDeliveryInfo.standard {
    background: #485764;
}

.productDeliveryInfo.noStock {
    background: #65707D;
}

.productDeliveryInfo span {
    font-size: 12px;
    color: #fff;
}

.productDeliveryInfo::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/truck-white.svg) no-repeat center;
    background-size: auto;
}

.productDeliveryInfo.noStock::before {
    content: none;
}

.storeCollect {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 35px;
    background: #29AC8E;
    padding: 0 10px;
}

.storeCollect span {
    font-size: 14px;
    color: #fff;
}

.storeCollect::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/tick-circle-white.svg) no-repeat center;
    background-size: auto;
}

.productSKU_wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 5px 0;
}

.productSKU {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 35px;
    background: #F0F0F0;
    padding: 0 10px;
}

.productSKU span {
    font-size: 14px;
    color: #3B3B3B;
    font-weight: bold;
}

.productPackSize {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 35px;
    background: #F0F0F0;
    padding: 0 10px;
}

.productPackSize span {
    font-size: 14px;
    color: #3B3B3B;
    font-weight: bold;
}

.productPrice_wrap {
    padding: 10px 0;
}

.productPrice_wrap .unitPrice {
    font-size: 16px;
    line-height: 28px;
    color: #3B3B3D;
}

.productPrice {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    flex-wrap: wrap;
}

.productPrice div {}

.productPrice div span {
    font-size: 26px;
    font-weight: bold;
    color: #3B3B3D;
}

.productPrice div small{font-size: 16px;}

.productPrice .mainPrice {
    width: 100%;
}


.productPrice .nowPrice span {
    color: #D99C48;
}

.productPrice .wasPrice span {
    color: #3B3B3D;
    text-decoration: line-through;
    font-weight: normal;
}

.product-info {
    background: #EDEDED;
    padding: 20px 0;
    margin-bottom: 20px;
}

.product-info-item {
    border: 1px solid #D8E1EB;
    background: #fff;
    padding: 10px;
    margin-bottom: 20px
}

.product-info-item:last-child {
    margin-bottom: 0;
}

.product-info-heading {
    font-weight: bold;
    color: #3B3B3D;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 5px;
}

.product-info-heading:after {
    content: "";
    display: block;
    width: 50px;
    height: 4px;
    background: #234093;
}

.product-info-content {
    color: #3B3B3D;
    font-size: 16px;
    line-height: 22px;
}

.productCatalogue {
    display: flex;
    align-items: center;
    column-gap: 10px;
}


/* variations */

.variation_wrap {
    padding: 10px 0;
}

.variation_label {
    font-size: 16px;
    line-height: 24px;
    color: #3B3B3D;
}

.variation {
    position: relative;
}

.variation select {
    width: 100%;
    height: 50px;
    border: 1px solid #BEBEBE;
    background: none;
    padding: 0 10px;
    box-sizing: border-box;
}

.variation .after {
    display: block;
    width: 50px;
    height: 30px;
    border-left: 1px solid #BEBEBE;
    background: url(../images/triangle-down-black.svg) no-repeat center;
    background-size: auto;
    pointer-events: none;
    position: absolute;
    top: calc(50% - 15px);
    right: 0;
}

.addToCart_wrap {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 10px;
}

.addToCart_wrap p {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 50px;
    padding: 0;
}


/* quantity */

.quantity_wrap {}

.quantity_label {
    font-size: 16px;
    color: #3B3B3D;
    line-height: 22px;
}

.quantity {
    display: flex;
    align-items: center;
    width: 140px;
    height: 50px;
    border: 1px solid #BEBEBE;
    background: #fff;
    padding: 10px 0;
    box-sizing: border-box;
}

.quantity .quant {
    display: block;
    width: 45px;
    height: 100%;
}

.quantity .quant.minus {
    background: url(../images/quantity-minus.svg) no-repeat center;
    background-size: auto;
}

.quantity .quant.plus {
    background: url(../images/quantity-plus.svg) no-repeat center;
    background-size: auto;
}

.quantity input {
    width: calc(100% - 90px);
    height: 100%;
    background: none;
    border: solid #BEBEBE;
    border-width: 0 1px;
    text-align: center;
}


/* add to cart */

.addToCart {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 50px;
    background: #234093;
    box-sizing: border-box;
    padding: 0 20px;
    transition: 0.2s ease-in-out all;
    color: #fff;
}

.addToCart span {
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    transition: 0.2s ease-in-out all;
}

.addToCart:hover {
    background: #232872;
}

.addToCart:hover::before {
    filter: none;
}

.catalogues {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.catalogues a {
    color: #3B3B3D;
}


/* delivery */

.delvLink {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 50px;
    padding: 0 10px;
    background: none;
}

.delvLink span {
    font-size: 14px;
    color: #434343;
    text-decoration: underline;
}

.delvLink::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/truck-black.svg) no-repeat center;
    background-size: auto;
}

.details_page_info_wrap {
    background: #F0F0F0;
}

.details_page_info {
    padding: 20px 0;
}

.details_page_info_section {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #BEBEBE;
    background: #fff;
    margin-bottom: 20px;
}


/*Details Tabs*/

.details_tabs {
    width: 100%;
    margin: 20px 0 40px;
}

.details_tabs .tab_buttons {
    display: flex;
    height: 65px;
    align-items: center;
    justify-content: flex-start;
}


/*.details_tabs .tab_buttons .hidden,
.details_tabs .tab_button.hidden { display: none; } */

.details_tabs .tab_buttons a {
    display: flex;
    align-items: center;
    font-weight: 500;
    color: #3B3B3D;
    font-size: 16px;
    height: 100%;
    padding: 0 40px;
    background: #F0F0F0;
    border: solid transparent;
    border-width: 1px 1px 0 1px;
    margin-bottom: 1px;
}

.details_tabs .tab_buttons a.active {
    background: #FFFFFF;
    border-color: #BEBEBE;
}

.details_tabs .tab_content {
    display: none;
    background: #fff;
}

.details_tabs .tab_content.active {
    display: block;
}

.details_tabs .tab_content>div {
    padding: 30px 20px;
    box-sizing: border-box;
    border: 1px solid #BEBEBE;
    min-height: 200px;
    color: #3B3B3D;
    font-size: 16px;
    line-height: 24px;
}

.details_tabs .tab_content>div img {
    max-width: 100%;
    height: auto;
}

.info_section_title {}

.info_section_title span {
    display: block;
    font-size: 16px;
    color: #3B3B3D;
    font-weight: bold;
    line-height: 22px;
    position: relative;
    padding-bottom: 20px;
}

.info_section_title span::before {
    content: "";
    display: block;
    width: 50px;
    height: 4px;
    background: #BEBEBE;
    position: absolute;
    bottom: 10px;
    left: 0;
}

.info_section_content .asscat {
    display: block;
    padding: 5px 0;
}

.associations_wrap {
    padding: 30px 0;
}

.associations_title {
    padding-bottom: 20px;
}

.associations_title span {
    display: block;
    font-size: 24px;
    color: #3B3B3D;
    font-weight: bold;
    padding: 10px 0;
    position: relative;
}

.associations_title span::after {
    content: "";
    display: block;
    width: 50px;
    height: 4px;
    background: #BEBEBE;
    position: absolute;
    bottom: 0px;
    left: 0;
}

.associations {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 20px;
}

.details_page_footer {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 0;
}

.details_page_footer .backToTop {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #485764;
    padding: 0 20px;
    height: 45px;
}

.details_page_footer .backToTop span {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
}

.details_page_footer .backToTop::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: url(../images/triangle-up-black.svg) no-repeat center;
    background-size: auto;
}


/* added to cart */

.apprise-overlay {
    background: rgba(0, 0, 0, 0.2);
}

.addedtocart-content {
    margin: -20px -20px -30px -20px;
    padding: 10px 10px 10px 10px;
    background: #fff;
    position: relative;
    z-index: 1;
}

.addedtocart-content>div:first-child {
    display: flex;
    align-items: center;
    color: #3B3B3D;
    font-size: 22px;
    height: 32px;
    column-gap: 10px;
    border-bottom: 1px solid #D8E1EB;
    padding-bottom: 10px;
}

.addedtocart-content .addedtocart-product {
    padding: 20px 0;
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #D8E1EB;
    margin-bottom: 10px;
    column-gap: 10px;
}

.addedtocart-content .addedtocart-product>div:first-child {
    border: 1px solid #EEF6FF;
    overflow: hidden;
    width: 135px;
    height: 135px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 0;
    flex-shrink: 0;
}

.addedtocart-content .addedtocart-product>div:first-child img {
    max-width: 100%;
}

.addedtocart-content .addedtocart-title {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
}

.addedtocart-content .productSKU {
    margin-bottom: 10px;
}

.addedtocart-content .mainPrice {
    font-size: 26px;
    font-weight: bold;
    color: #3B3B3D;
}

.addedtocart-content .mainPrice small{font-size: 16px;}

a.addedtocartButton {
    margin-right: 10px;
}


/* ----- MODULES ----- */


/* -- Product Module -- */

.product_module {
    padding: 30px 0;
}

.product_module.bg_on {
    background: #F4F4F4;
}

.product_module.full_width {
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative !important;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.pm_container {
    padding: 0 10px;
    box-sizing: border-box;
}

.product_module:not(.full_width) .pm_container {
    width: 100%;
    padding: 0;
}

.pm_title_wrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.pm_title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding-bottom: 10px;
}

.pm_title span {
    font-size: 24px;
    color: #3B3B3D;
    font-weight: 900;
}

.pm_subtitle {
    padding-bottom: 10px;
}

.pm_subtitle span {
    font-size: 14px;
    color: #393838;
    line-height: 28px;
    text-align: center;
}

.pm_gal_wrap {
    position: relative;
    padding: 20px 0;
}

.pm_gal {}


/* List View */

.pm_gal.list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.pm_gal.list .product_block {
    width: 283px;
}

.pm_gal.list .product_image {
    height: 281px;
}


/* Carousel View */

.pm_gal.carousel {}

.pm_gal.carousel .product_block {
    width: 280px;
    margin: 0 10px;
}

.pm_gal.carousel .product_image {
    height: 278px;
}


/* navigation */

.pm_gal_wrap.carousel .pm_gal_nav {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background: #234093;
    border-radius: 100%;
    box-shadow: 0px 0px 6px #00000029;
    position: absolute;
    top: calc(50% - 15px);
    cursor: pointer;
}

.pm_gal_wrap.carousel .pm_gal_nav::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border: solid #fff;
    transform: rotate(45deg);
}

.pm_gal_wrap.carousel .pm_gal_prev {
    left: -20px;
}

.pm_gal_wrap.carousel .pm_gal_prev::after {
    border-width: 0 0 3px 3px;
    margin-left: 5px;
}

.pm_gal_wrap.carousel .pm_gal_next {
    right: -20px;
}

.pm_gal_wrap.carousel .pm_gal_next::after {
    border-width: 3px 3px 0 0;
    margin-right: 5px;
}

.pm_gal_wrap.carousel .pm_gal_pagination {
    display: flex;
    justify-content: flex-start;
    position: absolute;
    bottom: -10px;
    width: 100%;
    height: 25px;
    z-index: 1;
}

.pm_gal_wrap.carousel .pm_gal_pagination ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    padding: 0;
}

.pm_gal_wrap.carousel .pm_gal_pagination li {
    padding: 0;
}

.pm_gal_wrap.carousel .pm_gal_pagination button {
    height: 8px;
    width: 30px;
    box-sizing: border-box;
    display: inline-block;
    background: #fff;
    border: 1px solid #234093;
    border-radius: 5px;
    font-size: 0;
    transition: ease-in-out all .3s;
    cursor: pointer;
}

.pm_gal_wrap.carousel .pm_gal_pagination li.slick-active button {
    background: #234093;
}

.pm_gal_wrap.list .pm_gal_nav {
    display: none;
}


/* -- Category Module -- */

.category_module {
    padding: 30px 0;
}

.category_module.bg_on {
    background: #F4F4F4;
}

.category_module.full_width {
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative !important;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.cm_container {
    padding: 0 10px;
    box-sizing: border-box;
}

.category_module:not(.full_width) .cm_container {
    width: 100%;
    padding: 0;
}

.cm_title_wrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.cm_title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding-bottom: 10px;
}

.cm_title span {
    font-size: 24px;
    color: #3B3B3D;
    font-weight: 900;
}

.cm_subtitle {
    padding-bottom: 10px;
}

.cm_subtitle span {
    font-size: 14px;
    color: #393838;
    line-height: 28px;
    text-align: center;
}

.cm_gal_wrap {
    position: relative;
    padding: 20px 0;
}

.cm_gal {}


/* List View */

.cm_gal.list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}


/* Carousel View */

.cm_gal.carousel {}

.cm_gal.carousel .category_block {
    width: 182px;
    margin: 0 9px;
}


/* navigation */

.cm_gal_wrap.carousel .cm_gal_nav {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background: #2BA293;
    border-radius: 100%;
    box-shadow: 0px 0px 6px #00000029;
    position: absolute;
    top: calc(50% - 15px);
    cursor: pointer;
}

.cm_gal_wrap.carousel .cm_gal_nav::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border: solid #fff;
    transform: rotate(45deg);
}

.cm_gal_wrap.carousel .cm_gal_prev {
    left: -20px;
}

.cm_gal_wrap.carousel .cm_gal_prev::after {
    border-width: 0 0 3px 3px;
    margin-left: 5px;
}

.cm_gal_wrap.carousel .cm_gal_next {
    right: -20px;
}

.cm_gal_wrap.carousel .cm_gal_next::after {
    border-width: 3px 3px 0 0;
    margin-right: 5px;
}

.cm_gal_wrap.carousel .cm_gal_pagination {
    display: flex;
    justify-content: flex-start;
    position: absolute;
    bottom: -10px;
    width: 100%;
    height: 25px;
    z-index: 1;
}

.cm_gal_wrap.carousel .cm_gal_pagination ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    padding: 0;
}

.cm_gal_wrap.carousel .cm_gal_pagination li {
    padding: 0;
}

.cm_gal_wrap.carousel .cm_gal_pagination button {
    height: 8px;
    width: 30px;
    box-sizing: border-box;
    display: inline-block;
    background: #fff;
    border: 1px solid #8E8E8E;
    border-radius: 5px;
    font-size: 0;
    transition: ease-in-out all .3s;
    cursor: pointer;
}

.cm_gal_wrap.carousel .cm_gal_pagination li.slick-active button {
    background: #234093;
    border-color: #234093;
}

.cm_gal_wrap.list .cm_gal_nav {
    display: none;
}


/* ---------------------------- */


/* ----- CHECKOUT PROCESS ----- */


/* ---------------------------- */


/* ----- LARGE CART ----- */

.shoppingCheckout.exVat .incvat_only {
    display: none;
}

.shoppingCheckout.incVat .exvat_only {
    display: none;
}

.cartProduct {
    width: 100%;
    display: flex;
    padding: 10px;
    gap: 10px;
    min-height: 90px;
    box-sizing: border-box;
    background: #fff;
    margin-bottom: 10px;
    border: 1px solid #D8E1EB;
}

.cartProductDetails {
    display: flex;
    gap: 20px;
    flex: auto;
}

.cartProdImage {
    width: 58px;
    height: 58px;
}

.cartProdImage img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.cartProdInfo {}

.cartProdTitle {
    font-size: 14px;
    line-height: 20px;
    /* height: 40px; */
    margin-bottom: 5px;
    color: #393A3D;
    text-transform: lowercase;
    font-weight: bold;
}

.cartProdPartNo {
    color: #234093;
    font-size: 12px;
    font-weight: normal;
}

.cartProdExtras {
    font-size: 10px;
    line-height: 20px;
    color: #393A3D;
    text-transform: lowercase;
    display: flex;
    gap: 10px;
    font-weight: bold;
}

.cartProdExtras span {
    display: block;
    position: relative;
}

.cartProdExtras span:not(:last-child)::after {
    content: "|";
    position: absolute;
    right: -5px;
    top: 0;
}

.cartProdPrice {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 0px;
    width: 100px;
    flex-grow: 0;
    flex-shrink: 0;
}

.cartProdPrice>div {
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    color: #393A3D;
    text-align: center;
}

.cartProdPrice>.cartMainPrice {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.cartProdPrice>.cartMainPrice small{margin-left: 3px; font-size: 10px;}

.cartProdPrice>.cartNowPrice {
    color: #E7355F;
    font-weight: bold;
}

.cartProdPrice>.cartWasPrice {
    font-size: 10px;
    line-height: 12px;
    color: #949597;
}

.cartProdPrice>.cartWasPrice span {
    text-decoration: line-through;
}

.cartProdPrice>.cartSaving {
    height: 19px;
    line-height: 19px;
    padding: 0 10px;
    background: #fff;
    border: 1px solid #E7355F;
    font-size: 12px;
    color: #E7355F;
    text-transform: uppercase;
}

.cartProdEdit {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    flex-grow: 0;
    flex-shrink: 0;
    line-height: 24px;
    gap: 0px;
    width: 118px;
    position: relative;
}

.cartProdEdit>span {
    color: #234093;
    font-size: 12px;
    margin-right: auto;
}

.cartQuantity {
    width: 118px;
    height: 40px;
}

.quantity_box {
    border: 1px solid #D8E1EB;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    background: #fff;
}

.quantity_box a {
    width: 50px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.quantity_box input {
    height: 20px;
    width: 20px;
    font-size: 1em;
    margin: 5px 0;
    padding: 0;
    text-align: center;
    border: 1px solid #D8E1EB;
    border-width: 0 1px;
    height: 27px;
    width: 48px;
}

.cartQuantity>a {}

.cartQuantity>input {}

.cartUpdate {
    display: flex;
    align-items: center;
    margin-right: auto;
}

.cart_update {
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 24px;
    color: #255E99;
    column-gap: 5px;
}

.cartProdDelete {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    flex-grow: 0;
    flex-shrink: 0;
    width: 55px;
    border-left: 1px solid #D8E1EB;
    background: #F9B312;
    margin: -10px -10px -10px 0;
}

.cart_delete {
    display: block;
    width: 35px;
    height: 35px;
    background: url(../images/bin.svg) no-repeat center;
}


/* cart_breakdown */

.cart_breakdown {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cart_breakdown>div {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #E3E3E3;
}

.cart_breakdown>div span {
    font-size: 18px;
    line-height: 28px;
    color: #fff;
}

.cart_breakdown>div small{font-size: 12px;}

.cart_breakdown>div .total_label {
    width: 60%;
}

.cart_breakdown>div .total_amount {}

.cart_breakdown>.total_discounts span {
    color: #fff;
}

.cart_breakdown>.total_promo span {
    color: #fff;
}

.cart_breakdown>.total_total {
    border: 0;
}

.cart_breakdown>.total_total span {
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
    color: #fff;
    text-transform: capitalize;
}


/* ----- CHECKOUT ----- */

body[data-page=checkout] .top_strap,
body[data-page=checkout] .header_wrap,
body[data-page=checkout] .menu_wrap,
body[data-page=checkout] .footer_wrap,
body[data-page=checkout] .byline_wrap {
    display: none;
}

.checkout {
    display: flex;
    margin: -10px 0;
}

.checkout_left {
    width: 50%;
    min-height: 800px;
    padding: 20px 10px;
    box-sizing: border-box;
    position: relative;
    background: #fff;
}

.checkout_left::before {
    content: "";
    display: block;
    height: 100%;
    width: 50vw;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: calc((-100vw + 1200px) / 2);
    z-index: -1;
}

.checkout_right {
    width: 50%;
    padding: 135px 10px 20px 10px;
    box-sizing: border-box;
    background: #232872;
    position: relative;
}

.checkout_right:after {
    content: "";
    width: calc(50vw - 100%);
    height: 100%;
    position: absolute;
    top: 0;
    left: 100%;
    background: #232872;
}

.checkout a.backtoshopping {
    display: block;
    font-size: 14px;
    line-height: 28px;
}

.checkout a.logo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.checkout a.logo img {
    margin: 20px 0;
}

.checkout .checkout_logger {
    font-size: 16px;
    line-height: 20px;
    color: #393A3D;
    margin-bottom: 20px;
}

.checkout_tab {
    margin-bottom: 20px;
    border-radius: 3px;
}

.checkout_left .checkout_tab {
    background: #EDF3FF;
}

.checkout_tab_sup_header {
    display: flex;
    align-items: center;
    font-weight: 900;
    font-size: 24px;
    color: #2c2c2c;
    column-gap: 10px;
    padding: 0 10px;
    line-height: 50px;
}

.checkout_tab_header {
    display: flex;
    align-items: center;
    height: 45px;
    padding: 0 10px;
    position: relative;
}

.checkout_tab_header.expandable {
    cursor: pointer;
}

.checkout_tab_header.expandable::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/chevron-down-teal.svg) no-repeat center;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: calc(50% - 10px);
    transform: scale(1, -1);
    transition: all 0.2s;
}

.checkout_tab_header.expandable.active::after {
    transform: scale(1, 1);
}

.checkout_tab_title {}

.checkout_tab_title>span {
    font-size: 16px;
    font-weight: bold;
    line-height: 32px;
    color: #2c2c2c;
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.checkout_tab_content {}

.checkout_tab_inner {
    background: #EDF3FF;
    padding: 10px;
}

.checkoutButton {
    display: block;
    line-height: 50px;
    background: #EDF3FF;
    font-size: 14px;
    color: #2c2c2c;
    text-decoration: none;
}

.checkout_tab[data-tab=cart] .checkout_tab_header {
    padding-bottom: 5px;
}

.checkout_tab[data-tab=cart] .checkout_tab_title>span.basket {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    color: #fff;
}

.checkout_tab[data-tab=cart] .checkout_tab_inner {
    background: none;
    padding: 0;
}

.checkout_field {
    position: relative;
    margin-bottom: 10px;
}

.checkout_field :is(input,
select,
textarea) {
    height: 45px;
    width: 100%;
    padding: 0 10px;
    background: #fff;
    border: 1px solid #D8E1EB;
    box-sizing: border-box;
}

.checkout_field select {
    background-color: #fff;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.checkout_field textarea {
    height: 95px;
    resize: none;
    padding: 10px;
    font-family: inherit;
    font-size: 14px;
}

.checkout_field label {
    font-size: 16px;
    line-height: 36px;
    color: #3B3B3D;
}

.checkout_checkbox_row {
    display: flex;
    align-items: center;
    margin: 10px 0;
    gap: 10px;
}

.customCheckBox {
    display: block;
    height: 10px;
    width: 10px;
    border: 2px solid #000;
}

.customCheckBox.checked {
    background: url(../images/wee-black-tick.svg) no-repeat center;
    background-size: contain;
}

span.required.red {
    color: #E7355F;
}

.checkout_tab_payopts {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.paymentOption {
    border: 1px solid #D8E1EB;
    padding: 10px;
    background: #fff;
    display: flex;
    column-gap: 10px;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    width: calc((100% - 20px)/2);
    box-sizing: border-box;
}

.payopt-radio {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border: 2px solid #000;
    border-radius: 50%;
    padding: 3px;
    cursor: pointer;
}

.paymentOption.paymentOptionSelected .payopt-radio:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: #000;
    border-radius: inherit;
}

.paymentOption img {
    max-width: 90%;
}

.continueButton {
    display: block;
    width: 100%;
    line-height: 50px;
    text-align: center;
    background: #234093;
    color: #fff !important;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
}

.continueButton:after {
    content: url(../images/chevron-white-right.svg);
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(0, -50%);
    transition: transform 0.5s ease-out;
}

.continueButton:hover:after {
    transform: translate(10px, -50%);
}

.recaptcha {
    margin: 20px 0;
}


/* banner */

.checkout_info_banner {
    width: 100%;
    padding: 15px 30px;
    margin: 10px 0;
    box-sizing: border-box;
    box-shadow: 0px 0px 4px #00000029;
}

.checkout_info_banner>div {
    width: 100%;
}


/* delivery tab */

.delivery_tab>div {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.delivery_radiobox {
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid #D8E1EB;
    padding-bottom: 10px;
}

.delivery_radio {
    display: block;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #778492;
    position: relative;
    border-radius: 100%;
}

.delivery_radio.active::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: #234093;
    border-radius: 100%;
    position: absolute;
    top: calc(50% - 5px);
    left: calc(50% - 5px);
}

.delivery_label {
    font-size: 14px;
    color: #393A3D;
}

.delivery_label span {
    font-weight: bold;
}

.delivery_selectbox {
    display: none;
    gap: 10px;
}

.delivery_selectbox.active {
    display: flex;
}

.deliverySelector,
.collectionSelector {
    width: 370px;
    height: 45px;
    padding: 0 10px;
    box-sizing: border-box;
    color: #575756;
    background: #fff url(../images/chevron-down-black.svg) no-repeat 98% center;
    border: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.delivery_info {
    display: flex;
    align-items: center;
    gap: 10px;
}

.delivery_info img {
    height: 20px;
    width: auto;
}

.delivery_info span {
    display: block;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

.delivery_freeover_box {
    font-size: 12px;
    line-height: 15px;
}

.delivery_freeover_box span {
    font-weight: bold;
}

.checkout_tab_row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.checkout_tab_row .checkout_tab {
    width: calc(50% - 5px);
}


/* vat tab*/

.vat_tab {
    display: none;
    position: relative;
}

.checkout_tab_subtitle {
    font-size: 16px;
    line-height: 19px;
    margin: 0 0 10px 0;
    color: #3B3B3D;
}

.vat_tab input {
    width: 100%;
    height: 46px;
    background: #fff;
    padding: 0 10px;
    box-sizing: border-box;
    border: 1px solid #DBD8D8;
    color: #575756;
}

.checkout_tab_button {
    width: 100%;
    display: flex;
    padding: 10px 0;
}

.checkout_tab_button>a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 10px;
    height: 42px;
    margin-left: auto;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}


/* promo tab */

.promo_tab {
    display: none;
    position: relative;
}

.promo_label {
    font-size: 16px;
    line-height: 19px;
    margin: 0 0 10px 0;
    color: #3B3B3D;
}

.promo_input {
    width: 100%;
}

.promo_input input {
    width: 100%;
    height: 46px;
    background: #fff;
    padding: 0 10px;
    box-sizing: border-box;
    border: 1px solid #DBD8D8;
    color: #575756;
}

.promo_button_row {
    width: 100%;
    display: flex;
    padding: 10px 0;
}

.promo_button_row>a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 10px;
    height: 42px;
    margin-left: auto;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}


/* account tab */

.acc_tab_tab {}

.acc_tab_header {
    font-size: 14px;
    line-height: 19px;
    color: #393A3D;
    cursor: pointer;
    position: relative;
}

.acc_tab_header::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/chevron-down-black.svg) no-repeat center;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: calc(50% - 10px);
    transition: all 0.2s;
}

.acc_tab_header.active::after {
    transform: scale(1, -1);
}

.acc_tab_header span {
    font-size: 16px;
    font-weight: bold;
}

.acc_tab_content {
    display: none;
    width: 100%;
}

.acc_tab_inner {
    width: 100%;
    padding: 10px 0;
}

.acc_tab_row {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 10px 0;
}

.acc_tab_col {
    width: 50%;
}

.acc_tab_col span {
    display: block;
    font-size: 14px;
    line-height: 22px;
    color: #393A3D;
}

.acc_input {
    display: flex;
    height: 50px;
}

.acc_input input {
    flex: auto;
    height: 100%;
    background: #fff;
    border: 0;
    padding: 0 10px;
    box-sizing: border-box;
    color: #575756;
    appearance: textfield;
}

.acc_tab .cancelLogin {
    font-size: 14px;
    color: #393A3D;
    text-decoration: underline;
}


/* contact tab */

.contact_tab_text {
    font-size: 14px;
    line-height: 20px;
    color: #393A3D;
}


/* billing tab */

.billing_tab>div {}

.billing_row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.billing_col {
    width: 100%;
}

.billing_text {
    font-size: 14px;
    line-height: 19px;
    color: #393A3D;
    font-weight: bold;
    padding: 10px 0;
}

.billing_check {
    display: flex;
    align-items: center;
    padding: 5px 0;
    gap: 10px;
}


/* confirmation checkboxes */

.checkout_tab_tandc {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 70px;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

.newsletter_box {
    background: #FBF9F5;
}

.newsletter_title {
    padding-left: 35px;
    background: url(../images/newsletter-green.svg) no-repeat left center;
}

.newsletter_text {
    display: flex;
    align-items: center;
    gap: 10px;
}

.newsletter_text span {
    display: block;
    font-size: 16px;
    line-height: 26px;
    color: #3B3B3D;
}

.newsletter_text span:first-child {
    font-weight: bold;
    font-size: 18px;
    color: #5FB530;
}

span.tnc_text {
    font-size: 14px;
    line-height: 19px;
    color: #3B3B3D;
}

.member_addresses {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

:is(.billingAddress,
.deliveryAddress) {
    display: flex;
    width: calc((100% / 3) - 10px);
    padding: 10px;
    box-sizing: border-box;
    background: #fff;
    gap: 10px;
    min-height: 148px;
}

:is(.billingAddress,
.deliveryAddress) input {
    height: 20px;
    margin: 0 5px;
}

:is(.billingAddress,
.deliveryAddress) div {
    font-size: 14px;
    line-height: 18px;
    color: #393A3D;
}

:is(.billingAddress,
.deliveryAddress) div span {
    font-weight: bold;
    font-size: 16px;
    color: #232872;
}

.address_button_row {
    display: flex;
    width: 100%;
}

.address_button_row .addAddress {
    width: 280px;
    padding: 0;
    box-sizing: border-box;
    text-align: center;
    background: #232872;
    color: #fff;
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: bold;
}


/* new address popup */

.add_address_popup {}

.add_address_popup h2 {
    color: #232872;
}

.editAddressBox {}

.editAddressBox :is(input,
select) {
    width: 100%;
    height: 35px;
    padding: 0 10px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #ccc;
    margin: 5px 0;
    color: #393A3D;
}

div.paymentRow {
    line-height: 20px;
    margin: 2px 0;
}

div.paymentCell {
    width: 48%;
    float: left;
    margin: 0 1%;
}

.step2_checkout .continueButton {
    display: table;
    margin: 0 auto;
    text-transform: uppercase;
    padding: 0 20px
}

.paymentButton {
    margin: 5px auto;
    border: 0;
    border-radius: 10px;
    cursor: pointer;
}


/* ----- PAYMENT PAGE ----- */

.payment_header {
    padding: 0 10px;
    margin: 0 0 25px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.payment_header>div {
    display: flex;
    flex-wrap: wrap;
}

.payment_header h1 {
    color: #000000;
    font-weight: bold;
    font-size: 30px;
    margin: 0 0 15px;
    padding: 0;
}

.payment_header>div>div {
    width: 30%;
    font-size: 12px;
    color: #000;
    line-height: 24px;
}

.payment_header>div>div:nth-child(3),
.payment_header>div>div:nth-child(6) {
    width: 50%;
}

.payment_header>div>div:first-child,
.payment_header>div>div:nth-child(4) {
    width: 20%;
}

.payment_content {
    padding: 0 10px;
    margin: 0 0 20px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}

.payment_content h3 {
    color: #000000;
    font-weight: bold;
    font-size: 18px;
    margin: 0 0 10px;
    padding: 0;
    position: relative;
}

.payment_content .payment_order_summary {
    width: 60%;
    padding-right: 15px;
    box-sizing: border-box;
}

.payment_content .payment_delivery {
    width: 40%;
    padding-left: 15px;
    box-sizing: border-box;
    font-size: 12px;
}

.payment_content .payment_delivery p {
    font-size: 12px;
    color: #000;
    padding: 0 0 15px;
    line-height: 20px;
}

.payment_content .payment_order_summary span {
    font-weight: bold;
    font-size: 12px;
    line-height: 28px;
}

.payment_content .payment_order_summary .payment_cart_products>div {
    border-bottom: 1px solid #F2EFEF;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.payment_content .payment_order_summary .payment_cart_products>div>div {
    line-height: 20px;
    padding: 5px 0;
    font-size: 12px;
    color: #000;
}

.payment_content .payment_cart_calculations {
    border-bottom: 1px solid #F2EFEF;
    padding: 5px 0;
}

.payment_content .payment_cart_calculations>div {
    padding: 5px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    color: #000;
    line-height: 20px;
}

.payment_content .payment_total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 0;
}

.payment_content .payment_total>div {
    padding: 5px 0;
    font-size: 12px;
    color: #000;
    line-height: 20px;
    font-weight: bold;
}

.payment_pay {
    padding: 0 10px;
    box-sizing: border-box;
}

.payment_pay h1 {
    color: #000000;
    font-weight: bold;
    font-size: 30px;
    margin: 0;
    padding: 0;
}

.payment_pay label {
    font-size: 16px;
    color: #000000;
    font-weight: normal;
}

.payment_pay .paymentButtonContainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.payment_pay .paymentButtonContainer p {
    line-height: 24px;
    color: #000000;
    font-size: 16px;
    padding: 0;
}

.payment_pay .paymentButtonContainer img {
    margin: 10px 0 0;
}

.payment_pay .paymentButton {
    cursor: pointer;
    line-height: 40px;
    padding: 0 20px;
}

.payment_pay .paymentFields {
    margin-bottom: 25px;
}

.payment_footer {
    text-align: center;
}

.payment_footer p {
    padding: 0;
    font-size: 16px;
    color: #000000;
    line-height: 24px;
}


/* ---------------------- */


/* ----- MEMBERSHIP ----- */


/* ---------------------- */


/* ----- LOGIN PAGE ----- */

.login_header {}

.login_header_container {
    padding: 20px 0;
}

.login_header_title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    font-size: 30px;
    color: #3B3B3D;
    font-weight: bold;
    padding-bottom: 20px;
    position: relative;
}

.account_form {
    margin-top: 10px;
}

.account_tab_select {
    display: flex;
    flex-direction: row;
}

.account_tab_select>div {
    padding: 20px;
    margin-right: 4px;
    border: 1px solid #D2D1D1;
    cursor: pointer;
    background-color: #E9F1F2;
    font-size: 20px;
    color: #3B3B3D;
    font-weight: bold;
}

.account_tab_select>div.active {
    border-bottom: 1px solid #FDFCFC;
    background-color: #FDFCFC;
}

.account_form_section {
    border: 1px solid #D2D1D1;
    background: #FDFCFC;
    margin: -1px 0 20px 0;
}

.account_form .label {
    width: 100%;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: bold;
    color: #4B4B4B;
}

.account_form .value {
    width: 100%;
    margin-top: 0;
}

.signup_form,
.login_form {
    padding: 15px 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.signup_form .formline,
.login_form .formline {
    padding: 5px 0;
}

.signup_form .formline .label,
.login_form .formline .label {
    line-height: 20px;
}

.signup_form .formline .value input,
.login_form .formline .value input {
    height: 30px;
    width: 100%;
    box-sizing: border-box;
}

.signup_form .signup_form_left span,
.login_form span {
    font-size: 16px;
    color: #393838;
    line-height: 28px;
}

.signup_form .value input {
    padding: 0 10px;
    box-sizing: border-box;
    border: 1px solid #CCCCCC;
}

.signup_benefit span {
    color: #393838;
    font-size: 18px;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}

.signup_benefit div {
    padding: 10px 0 10px 25px;
    background: url(../images/wee-green-tick.svg) left center no-repeat;
}

.signup_benefit div:last-child {
    padding: 10px 0 10px 25px;
    background: none;
    font-style: italic;
}

.signupButton,
.loginButton {
    text-align: center;
    box-sizing: border-box;
    margin: 10px 0;
    width: 100%;
}

a.forgotButton {
    font-size: 14px;
    color: #78C7BD;
    text-decoration: underline;
}

.login_account .login_error {
    text-align: center;
    font-size: 16px;
    color: #990000;
    line-height: 40px;
}

.login_account .login_form {
    margin-bottom: 20px;
}


/* forgot password popup */

.forgot_password.login_form {
    flex-direction: column;
    align-items: center;
}

.forgot_password.login_form .formline {
    width: 300px;
}

.forgot_password.login_form span {
    display: block;
    font-size: 20px;
    color: #393838;
    margin: 0 0 10px;
    text-align: center;
}


/* ----- DASHBOARD ----- */

.member_logout {
    justify-content: flex-start;
    padding: 20px 0;
}

.member_logout .memberName {
    padding: 10px 0;
    font-size: 17px;
    font-weight: bold;
    color: #393838;
}

.member_logout .logout-button a {
    font-size: 16px;
    color: #78C7BD;
    margin-left: 10px;
}

.member_logout .logout-button a:hover {
    text-decoration: underline;
}

.dashboard_header h1 {
    color: #393838;
    font-size: 38px;
    position: relative;
    padding-bottom: 20px;
}

.accordian {
    margin: 10px 0;
    position: relative;
}

.dashboard .accordian {
    margin: 20px 0;
    position: relative;
    border-radius: 0;
}

.dashboard .acc-active .acc-title {
    border-radius: 0;
}

.acc-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 60px;
    padding: 0 20px;
    text-indent: 0;
    box-sizing: border-box;
    background-color: #F6F6F6;
    font-size: 20px;
    cursor: pointer;
    color: #1C1B1B;
    font-weight: bold;
    border-radius: 0;
    position: relative;
}

.acc-title::after {
    content: "";
    background: url(../images/chevron-down-black.svg) no-repeat 98% center;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: calc(50% - 8px);
    right: 20px;
    transition: transform 0.3s;
}

.accordian.acc-active .acc-title::after {
    transform: rotate(180deg) translate(-5px, 2px);
}

.acc-content {
    display: none;
    padding: 10px;
}

.acc-active .acc-title {
    background-color: #E9F1F2;
}

.orderRow {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    font-size: 16px;
    line-height: 30px;
}

.orderRow.headingRow .orderCell {
    color: #234093;
    font-size: 18px;
}

.orderCell {
    width: 24%;
}

.orderCell.invCell {
    width: 4%;
}

.label {
    float: left;
    width: 20%;
    line-height: 30px;
    margin: 5px 0;
    font-weight: bold;
}

.value {
    float: left;
    width: 80%;
    overflow: hidden;
    line-height: 40px;
    margin: 5px 0;
}

.value input[type=text],
.value input[type=password],
.value select,
.login_form input[type=text] {
    height: 40px;
    width: 100%;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    margin: 0;
    padding: 0 5px;
}

a.saveDetails,
a.updatePassword {
    float: right;
}

.tabs {}

.tab_titles {
    width: 150px;
    text-indent: 10px;
    float: left;
    text-align: left;
    text-transform: uppercase;
    font-size: 1.2em;
    line-height: 35px;
    color: #323232;
    position: relative;
    cursor: pointer;
    z-index: 2;
    padding-top: 10px;
    box-sizing: border-box;
}

.tab_titles div {
    margin: 5px 0;
    cursor: pointer;
}

.tab_active {
    background: #f4f4f4;
    color: #3E5A8B;
    z-index: 2;
    border: 1px solid #aaa;
    border-width: 1px 0 1px 1px;
    border-radius: 5px 0 0 5px;
    font-weight: bold;
}

.tab_details {
    float: left;
    background: #f4f4f4;
    width: 760px;
    border: 1px solid #aaa;
    position: relative;
    left: -1px;
    z-index: 1;
    padding: 0 10px;
    margin-bottom: 20px;
    border-radius: 5px;
    display: none;
    min-height: 200px;
    box-sizing: border-box;
}

.delivery_addresses {
    display: flex;
    flex-wrap: wrap;
}

.address-block {
    width: 220px;
    margin: 10px 15px;
    padding: 10px;
    border: 1px solid #ccc;
    display: flex;
    height: 300px;
    position: relative;
    box-sizing: border-box;
    font-size: 16px;
    color: #515254;
    line-height: 24px;
}

.address-block>div:first-child {
    padding: 0 10px;
}

.address-block>div:nth-child(2) strong {
    color: #268176;
}

.address-block.dashboard>div:first-child {
    display: none;
}

.address-block>div:nth-child(3) {
    display: flex;
    position: absolute;
    top: 5px;
    right: 5px;
    align-items: center;
}

.address-block>div:nth-child(3)>a {
    width: 30px;
    height: 30px;
    background: url(../images/icon-edit.svg) no-repeat center;
}

.address-block>div:nth-child(3)>a.deleteAddress {
    background: url(../images/icon-delete.svg) no-repeat center;
}

.address-block>a {
    position: absolute;
    bottom: 5px;
    left: 5px;
    right: 5px;
    line-height: 30px;
    background: #232872;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    border-radius: 5px;
    flex: 0 0 auto;
}

.address-edit {
    width: 600px;
    margin: 10px auto;
    padding: 10px;
    flex: 0 0 auto;
    display: none;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.address-edit.active {
    border: 1px solid #ccc;
    display: flex;
    flex-direction: column;
}

.address-edit form input:not([type=submit]),
.address-edit form select,
.address-edit form textarea {
    width: 100%;
    border: 1px solid #ccc;
    height: 40px;
    padding: 0 5px;
    margin: 5px 0;
    box-sizing: border-box;
}

.address-edit form select {
    padding: 0;
}

.address-edit form textarea {
    padding: 5px;
    font-family: inherit;
    height: 90px;
    resize: none;
}

.address-edit form>div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.address-edit form>div>input:first-child {
    margin-right: 10px;
}

.address-edit form>div>input:last-child {
    margin-left: 10px;
}

.address-edit form>input[type=submit] {
    display: inline-block;
    margin: 10px 0;
    padding: 0 30px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    height: 40px;
    background: #232872;
    line-height: 40px;
    border: 0;
    cursor: pointer;
    font-family: inherit;
}

.addBreak {
    width: 100%;
    height: 10px;
}


/* --------------------------------------- */


/* -------- LARGE SCREEN >1200px --------- */


/* --------------------------------------- */

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


/* -------------------------------------------------------------------------------------------------------- LARGE DESKTOP END */


/* --------------------------------------- */


/*-------------DESKTOP < 1199px------------*/


/* --------------------------------------- */

@media (min-width:960px) and (max-width:1199px) {
    /* ----- SEARCH PAGE ----- */
    .search_sidebar_wrap {
        width: 224px;
        max-width: 224px;
        margin-left: calc((-100vw + 960px) /2);
        padding-left: calc((100vw - 960px) /2);
    }
    .search_results_wrap {
        gap: 16px;
    }
    /* -- Product Block -- */
    .product_block {
        width: 228px;
    }
    .product_image {
        height: 228px;
    }
    .product_delivery_info {
        gap: 5px;
    }
    .product_delivery_info span {
        font-size: 10px;
    }
    .product_delivery_info::before {
        height: 15px;
        width: 15px;
        background-size: contain;
    }
    /* ----- MODULES ----- */
    /* -- Product Module -- */
    .pm_gal.list {
        gap: 12px;
    }
    .pm_gal.list .product_block {
        width: 226px;
    }
    .pm_gal.list .product_image {
        height: 224px;
    }
    .pm_gal.carousel .product_block {
        width: 228px;
        margin: 0 4px;
    }
    .pm_gal.carousel .product_image {
        height: 226px;
    }
    /* -- Category Module -- */
    .cm_gal.list {
        gap: 10px;
    }
    .cm_gal.list .category_block {
        width: 180px;
    }
    .cm_gal.list .catImage {
        height: 180px;
    }
    .cm_gal.carousel .category_block {
        width: 180px;
        margin: 0 5px;
    }
    .cm_gal.carousel .catImage {
        height: 180px;
    }
    /* ----- DETAILS PAGE ---- */
    .associations {
        gap: 16px;
    }
}


/* -------------------------------------------------------------------------------------------------------- DESKTOP END */


/* ------------------------------------------------- */


/* --------------TABLET & MOBILE ------------------- */


/* ------------------------------------------------- */

@media (max-width:959px) {
    /* ----- MODULES ----- */
    /* -- Product Module -- */
    .pm_gal.list {
        gap: 11px;
    }
    .pm_gal.list .product_block {
        width: 242px;
    }
    .pm_gal.list .product_image {
        height: 240px;
    }
    .pm_gal_wrap.carousel .pm_gal_nav {
        display: none;
    }
    .pm_gal.carousel .product_block {
        width: 244px;
        margin: 0 4px;
    }
    .pm_gal.carousel .product_image {
        height: 242px;
    }
    /* -- Category Module -- */
    .cm_gal.list {
        gap: 5px;
    }
    .cm_gal.list .category_block {
        width: 184px;
    }
    .cm_gal.list .catImage {
        height: 184px;
    }
    .cm_gal_wrap.carousel .cm_gal_nav {
        display: none;
    }
    .cm_gal.carousel .category_block {
        width: 180px;
        margin: 0 5px;
    }
    .cm_gal.carousel .catImage {
        height: 180px;
    }
    /* ----- DETAILS PAGE ----- */
    .productDeliveryInfo_wrap {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
    .productSKU_wrap {
        gap: 5px;
    }
    .addToCart_wrap {
        flex-wrap: wrap;
    }
    .delvLink {
        width: 100%;
        height: auto;
        justify-content: flex-start;
    }
    .associations_title {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
    }
    .associations_title span {
        padding: 0;
        font-size: 24px;
        font-weight: 900;
    }
    .associations_title span::after {
        content: none;
    }
    /*Details tab*/
    .details_tabs {
        padding: 0 10px;
    }
    .details_tabs .tab_button {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-weight: 700;
        background: #fff;
        color: #3B3B3D;
        font-size: 16px;
        height: 56px;
        padding: 0 20px;
        position: relative;
        border: 1px solid #BEBEBE;
    }
    .details_tabs .tab_button:after {
        content: "";
        height: 8px;
        width: 10px;
        clip-path: polygon(100% 0, 0 0, 50% 100%);
        background: #2BA293;
        transition: ease-in-out all .3s;
    }
    .details_tabs .tab_button.active:after {
        transform: rotate(180deg);
    }
    .details_tabs .tab_button:not(.hideImportant) {
        margin-top: 10px;
    }
    .tab_content {
        border-top: 0;
    }
    .details_tabs .tab_button.active {
        border-bottom-color: #fff;
    }
    .details_tabs .tab_content>div {
        min-height: initial;
    }
}


/* -------------------------------------------------------------------------------------------------------- TABLET & MOBILE END */


/* --------------------------------------- */


/* --------------TABLET------------------- */


/* --------------------------------------- */

@media (min-width:768px) and (max-width:959px) {
    /* ----- SEARCH PAGE ----- */
    .search_sidebar_wrap {
        width: 244px;
        max-width: 244px;
        margin-left: calc((-100vw + 768px) /2);
        padding-left: calc((100vw - 768px) /2);
    }
    .search_results_wrap {
        gap: 12px;
    }
    /* -- Product Block -- */
    .product_block {
        width: 244px;
    }
    .product_image {
        height: 244px;
    }
    .product_delivery_info {
        gap: 5px;
    }
    .product_delivery_info span {
        font-size: 10px;
    }
    .product_delivery_info::before {
        height: 15px;
        width: 15px;
        background-size: contain;
    }
    .product_title a {
        font-size: 14px;
        line-height: 22px;
    }
    .product_price_row {
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 10px;
        height: 78px;
    }
    .product_price_wrap {
        width: 100%;
    }
    .product_buy_button {
        width: 145px;
    }
    .product_view_button {
        width: 145px;
    }
    .saleSticker {
        width: 70px;
    }
    .stockSticker {
        width: 70px;
    }
    .stockSticker span {
        font-size: 12px;
        letter-spacing: 0.44px;
    }
    /* ----- DETAILS PAGE ----- */
    .details_page_left {
        width: 300px;
    }
    .smallImages_wrap {
        gap: 8px;
    }
    .smallImage {
        width: 70px;
        height: 70px;
    }
    .details_page_right {
        width: calc(100% - 300px);
    }
    .associations {
        gap: 12px;
    }
    /* ----- CHECKOUT ----- */
    .cartProduct {
        flex-wrap: wrap;
    }
    .cartProductDetails {
        width: 100%;
    }
    .cartProdDelete {
        border: 1px solid #D8E1EB;
        margin: 0 0 0 auto;
        width: 55px;
    }
    .paymentOption {
        width: 100%;
    }
}


/* -------------------------------------------------------------------------------------------------------- TABLET END */


/* --------------------------------------- */


/* --------------MOBILE------------------- */


/* --------------------------------------- */

@media (max-width:767px) {
    /* ----- SEARCH PAGE ----- */
    .search_header {
        flex-wrap: wrap;
        gap: 20px;
        height: auto;
    }
    .search_header_left {
        width: 100%;
        padding: 15px 0 0;
    }
    .search_header_left .termCat,
    .search_header_left .termModel {
        padding: 0;
    }
    .search_header .search_header_right {
        width: 100%;
        max-width: 100%;
        padding: 0 0 15px;
        justify-content: flex-start;
    }
    .search_header .search_sort_wrap {
        width: 100%;
        max-width: 100%;
    }
    .search_header .sys_sortsearchby {
        width: 100%;
        height: 40px;
    }
    .search_sidebar_wrap {
        padding: 0 15px;
        box-sizing: border-box;
        margin: 0;
        min-height: 0;
        background: #EAF1F2;
        width: 101vw !important;
        max-width: 101vw !important;
        position: relative !important;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        box-sizing: border-box;
    }
    .search_main_wrap {
        flex-direction: column;
    }
    .search_sidebar_wrap.noActiveFilters {
        display: none !important;
    }
    .active_filters_wrap {
        margin-left: auto;
        margin-right: auto;
        width: 320px;
        padding: 20px 15px;
        box-sizing: border-box;
    }
    .applied_filters {
        padding: 0;
    }
    .search_results_wrap {
        gap: 10px;
    }
    .search_results_footer {
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
        gap: 20px;
    }
    .search_pager {
        width: 100%;
        justify-content: center;
    }
    /* -- Product Block -- */
    .product_block {
        width: 155px;
    }
    .product_image {
        height: 155px;
    }
    .product_delivery_info {
        gap: 5px;
        padding: 0 5px;
        box-sizing: border-box;
    }
    .product_delivery_info span {
        font-size: 11px;
    }
    .product_delivery_info::before {
        content: none;
    }
    .product_title {
        height: 52px;
        padding: 0 5px;
    }
    .product_title a {
        font-size: 12px;
        line-height: 18px;
    }
    .product_price_row {
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 10px;
        height: 75px;
        padding: 0 5px;
    }
    .product_price_wrap {
        width: 100%;
    }
    .product_price_wrap .unit_price {
        font-size: 10px;
    }
    .product_price div span {
        font-size: 12px;
    }


    .product_price .wasprice span {
        font-size: 11px;
    }
    .store_collect span {
        font-size: 10px;
    }
    .product_sku {
        height: 35px;
        padding: 0 5px;
    }
    .product_sku span {
        font-size: 11px;
    }
    .product_button_row {
        padding: 5px;
    }
    .product_buy_button {
        width: 85px;
        height: 35px;
    }
    .product_buy_button span {
        font-size: 11px;
    }
    .product_buy_button::before {
        content: none;
    }
    .product_view_button {
        width: 85px;
        height: 35px;
    }
    .product_view_button span {
        font-size: 10px;
    }
    .saleSticker {
        width: 55px;
        height: 35px;
    }
    .saleSticker span {
        font-size: 12px;
        letter-spacing: 0.48px;
    }
    .stockSticker {
        width: 55px;
        height: 35px;
    }
    .stockSticker span {
        font-size: 9px;
        letter-spacing: 0.36px;
    }
    /* ----- DETAILS PAGE ----- */
    .details_page_main {
        flex-wrap: wrap;
    }
    .details_page_left {
        width: 100%;
    }
    .smallImages_wrap {
        gap: 8px;
    }
    .smallImage {
        width: 70px;
        height: 70px;
    }
    .details_page_right {
        width: 100%;
        padding: 20px 0;
    }
    .associations {
        gap: 10px;
    }
    .details_page_footer {
        justify-content: center;
    }
    /* ----- MODULES ----- */
    /* -- Product Module -- */
    .pm_title_wrap {
        justify-content: center;
    }
    .pm_title {
        justify-content: center;
    }
    .pm_title::before {
        width: 25px;
        height: 25px;
    }
    .pm_title span {
        font-size: 20px;
    }
    .pm_gal.list {
        gap: 10px;
    }
    .pm_gal.list .product_block {
        width: 145px;
    }
    .pm_gal.list .product_image {
        height: 143px;
    }
    .pm_gal.carousel .product_block {
        width: 151px;
        margin: 0 2px;
    }
    .pm_gal.carousel .product_image {
        height: 146px;
    }
    .pm_gal_wrap.carousel,
    .pm_gal.carousel,
    .pm_gal.carousel .slick-list,
    .pm_gal.carousel .slick-track {
        max-width: none !important;
    }
    /* -- Category Module -- */
    .category_module.list .cm_container.container_16 {
        padding: 0;
    }
    .cm_title_wrap {
        justify-content: center;
    }
    .cm_title {
        justify-content: center;
    }
    .cm_title::before {
        width: 25px;
        height: 25px;
    }
    .cm_title span {
        font-size: 20px;
    }
    .cm_gal.list {
        gap: 10px;
    }
    .cm_gal.list .category_block {
        width: 150px;
    }
    .cm_gal.list .catImage {
        height: 150px;
    }
    .cm_gal.carousel .category_block {
        width: 150px;
        margin: 0 2.5px;
    }
    .cm_gal.carousel .catImage {
        height: 150px;
    }
    .cm_gal_wrap.carousel,
    .cm_gal.carousel,
    .cm_gal.carousel .slick-list,
    .cm_gal.carousel .slick-track {
        max-width: none !important;
    }
    /* ----- CHECKOUT ----- */
    .checkout {
        flex-direction: column;
    }
    .checkout a.logo img {
        mix-blend-mode: multiply;
    }
    .checkout a.backtoshopping {
        margin-top: 20px;
    }
    .checkout .logo {
        text-align: left;
        margin: 0;
    }
    .checkout_left,
    .checkout_right {
        width: 100%;
        background: none;
        padding: 10px 0;
    }
    .checkout_right {
        background: #EAF1F2;
        margin-bottom: 50px;
    }
    .checkout_left::before {
        content: none;
    }
    .delivery_selectbox {
        flex-wrap: wrap;
    }
    .delivery_selectbox select {
        width: 100%;
    }
    .collectbox {
        padding-top: 20px;
        border-top: 1px solid #E3E3E3;
    }
    .checkout_tab_row {
        flex-wrap: wrap;
        gap: 0;
    }
    .checkout_tab_row .checkout_tab {
        width: 100%;
        background: #fff;
    }
    .checkout_tab_row .checkout_tab_inner {
        background: #fff;
    }
    .promo_tab::before {
        content: none;
    }
    .checkout :is(.billingAddress,
    .deliveryAddress) {
        width: 100%;
    }
    .checkout_checkbox_row {
        padding: 5px;
    }
    .newsletter_text {
        flex-wrap: wrap;
        gap: 0;
        background-position: 0px 10px;
    }
    .newsletter_text span:first-child {
        font-size: 16px;
    }
    .newsletter_text span {
        font-size: 14px;
    }
    .checkout_tab_tandc {
        align-items: flex-start;
        gap: 0;
    }
    .paymentOption {
        width: 100%;
    }
    .checkout_cart_wrap {
        position: relative;
        z-index: 2;
    }
    .checkout_right::after {
        width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        max-width: none;
        z-index: 1;
    }
    .checkout_cart_toggle {}
    .checkout_cart_toggle_header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 70px;
        padding: 0 50px 0 10px;
        position: relative;
        cursor: pointer;
        box-sizing: border-box;
    }
    .checkout_cart_toggle_header::after {
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        background: url(../images/chevron-down.svg) no-repeat center;
        cursor: pointer;
        position: absolute;
        right: 10px;
        top: calc(50% - 10px);
        transform: scale(1, -1);
        transition: all 0.2s;
    }
    .checkout_cart_toggle_header.active::after {
        transform: scale(1, 1);
    }
    .checkout_cart_toggle_header .checkout_tab_title>span.basket {
        display: flex;
        align-items: center;
        gap: 10px;
        position: relative;
        box-sizing: border-box;
        color: #fff;
    }
    .checkout_cart_toggle_header .checkout_tab_price {
        font-size: 14px;
        color: #393A3D;
        font-weight: bold;
    }
    .checkout_cart_toggle_header .basket {
        font-size: 22px;
        font-weight: 900;
    }
    .checkout_cart {
        display: none;
        padding: 10px;
    }
    .cartProduct {
        justify-content: space-between;
        border: 1px solid #ECEAEA;
        row-gap: 0px;
    }
    .cartProductDetails {
        width: 100%;
        margin-bottom: 5px;
    }
    .cartProdEdit {
        width: auto;
        gap: 2px;
    }
    .cartProdDelete {
        align-self: center;
        border: 1px solid #D8E1EB;
        margin: 0 0 0 auto;
        width: 33px;
    }
    .cartProdPrice {
        align-self: center;
        height: 38px;
    }
    .cartProdPrice {
        width: auto;
    }
    .checkout_cart_close {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 50px;
        width: 100%;
        cursor: pointer;
    }
    .checkout_cart_close::after {
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        background: url(../images/chevron-down.svg) no-repeat center;
    }
    div.cartRow {
        flex-wrap: wrap;
    }
    div.prodImage {
        width: 35px;
        height: 35px;
    }
    div.prodSpacer {
        display: none;
    }
    div.cartRow:first-child div.prodImage {
        height: 35px;
    }
    div.prodTitle {
        flex: inherit;
        width: 235px;
    }
    .cartRow div.quantity {
        margin-top: 10px;
    }
    .cartRow div.quantity input {
        height: 26px;
        width: 55px;
    }
    div.remove {
        width: 100%;
    }
    div.update {
        margin-right: 80px;
    }
    .cartDiscount {
        width: 0;
    }
    .features {
        flex-direction: column;
    }
    .deliverybox {
        margin-bottom: 15px;
    }
    .deliverybox select.deliverySelector {
        width: 100%;
        margin-bottom: 10px;
    }
    .promocode {
        align-items: flex-start;
    }
    .promocode>div {
        display: flex;
        width: 100%;
    }
    .promocode>div>input {
        flex: 1;
    }
    .deliverybox label,
    .promocode label {
        font-size: 15px;
        line-height: 20px;
    }
    .step1_checkout {
        flex-direction: column;
    }
    .step1_checkout>div>h2,
    .step2_checkout h2 {
        font-size: 18px;
    }
    .paymentFields .grid_4 {
        margin-bottom: 0;
    }
    .paymentFields .grid_5 {
        margin-bottom: 10px;
    }
    .paymentFields input[type=text],
    .paymentFields select {
        line-height: 30px;
        height: 30px;
        box-sizing: border-box;
        width: 100%;
    }
    .paymentFields p {
        margin: 0;
        padding: 0;
    }
    .deliverybox {
        float: none;
        width: 100%;
    }
    /* ----- PAYMENT PAGE ----- */
    .payment_header h1,
    .payment_pay h1 {
        font-size: 28px;
    }
    .payment_header>div>div {
        width: 100% !important;
    }
    .payment_content .payment_order_summary,
    .payment_content .payment_delivery {
        width: 100%;
        padding: 0;
        margin-bottom: 10px;
    }
    .payment_pay .paymentButtonContainer {
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .payment_pay .paymentButtonContainer p {
        font-size: 14px;
    }
    .payment_pay .paymentButton {
        margin-bottom: 10px;
    }
    .paymentFields .GooglePayButton-logo {
        position: static !important;
        background-size: contain;
        width: 100%;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
    }
    .payment_order_summary>div,
    .payment_delivery>div {
        display: none;
    }
    .payment_order_summary>h3>span,
    .payment_delivery>h3>span {
        height: 32px;
        width: 32px;
        background: #BEBABA;
        border-radius: 100%;
        position: absolute;
        right: 0px;
        top: 0;
    }
     :is(.payment_order_summary,
    .payment_delivery)>h3>span:after {
        content: "";
        background: #fff;
        display: block;
        position: absolute;
        width: 10px;
        height: 2px;
        right: calc(50% - 5px);
        top: calc(50% - 1px);
    }
     :is(.payment_order_summary,
    .payment_delivery)>h3>span:before {
        content: "";
        background: #fff;
        display: block;
        position: absolute;
        width: 10px;
        height: 2px;
        right: calc(50% - 5px);
        top: calc(50% - 1px);
        transform: rotate(90deg);
        transition: opacity 0.3s ease-in-out 0s;
    }
     :is(.payment_order_summary.open,
    .payment_delivery.open)>h3>span:before {
        opacity: 0;
    }
    /****** MEMBERSHIP ******/
    /*Login Page*/
    .account_form .account_tab_select>div {
        background-image: none;
        padding: 20px 15px;
        font-size: 14px;
    }
    .signup_form,
    .login_form {
        flex-direction: column;
    }
    .signup_form_left,
    .signup_benefit,
    .login_form>div {
        box-sizing: border-box;
        padding: 0 10px;
    }
    .signup_benefit span {
        font-size: 16px;
    }
    .signup_form .signup_form_left span,
    .login_form span {
        font-size: 14px;
    }
    /* Dashboard */
    .orderRow {
        flex-wrap: wrap;
        margin-bottom: 10px;
    }
    .orderCell {
        width: 100%;
    }
    .orderCell.statusCell {
        width: calc(90% - 10px);
    }
    .orderCell.invCell {
        width: 10%;
    }
    .orderCell span {
        font-weight: bold;
        color: #234093;
    }
    .label {
        float: none;
        width: 100%;
    }
    .value {
        float: none;
        width: 100%;
    }
    .productTitle h1 {
        font-size: 22px;
        line-height: 32px;
    }
}


/* -------------------------------------------------------------------------------------------------------- MOBILE END */