﻿@media only screen and (min-width:450px) {
    .VATSpacer {
        display: none !important;
    }

    .divPriceContainerSmaller {
        display: block !important;
    }
}

@media only screen and (max-width:450px) {
    .VATSpacer {
        display: none !important;
    }
}

@media only screen and (min-width:480px) {
    .breadcrumbs-container, .footer-container, .main-container {
        padding: 30px
    }

    .breadcrumbs-container {
        padding-bottom: 0;
        padding-top: 0
    }

    .storeFrontSearch {
        display: unset !important;
    }
}

/* Basket */
@media only screen and (max-width: 650px) {

    .embla {
        margin-top: 5px;
    }

    .storeFrontGrid {
        /*margin-left: 20px !important;*/
    }

        .storeFrontGrid .savedBasketActionsHeaders {
            display: none;
        }

        .storeFrontGrid .savedBasketActions {
            flex-wrap: wrap;
        }

    .storeFrontOrderGrid, .storeFrontDemandedOrdersGrid, .storeFrontSavedQuotesTableContainer, .reviewTable, .data-table-order-history, .storeFrontBasketTotalsContainer {
        display: none !important;
    }

    .storeFrontRequestedOrderSearchButton {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .storeFrontDemandedOrderSearch {
        display: block !important;
    }

    .storeFrontDemandedOrderSearchText {
        width: 100%!important;
    }

    .storeFrontOrderGridAlt, .storeFrontDemandedOrdersGridAlt, .storeFrontSavedQuotesTableContainerAlt, .reviewTableAlt, .data-table-order-history-alt {
        display: table !important;
        /*width: 100% !important;*/
        clear: both;
        /*margin: 10px;*/
    }

    .storeFrontProductListItem {
        padding: 10px 15px !important;
    }

    .storeFronSavedBasketHeaderAlt {
        display: block !important;
    }

    .storeFronSavedBasketHeader {
        display: none !important;
    }

    .mobileVisibleOnly {
        display: block !important;
    }

    .desktopVisibleOnly {
        display: none !important;
    }

    .mobileVisibleOnlyPLP, .mobileVisibleOnlyPDP {
        display: block !important;
    }

    .desktopVisibleOnlyPLP, .desktopVisibleOnlyPDP {
        display: none !important;
    }

    .storeFrontFiltersContainer {
        margin-left: 10px !important;
    }

    .savedBasketNameControls .basketNameTextBox {
        width: auto !important;
    }

    .storeFrontGridProductRow {
        flex-direction: column;
    }

    .storeFrontBasketTableHeaderRow {
        display: none !important;
        visibility: hidden;
    }

    .storeFrontGridProductRow .imageAndTitleContainer {
        width: auto;
    }

    .storeFrontGridProductRow .quantityAndPriceContainer {
        width: auto;
        margin-top: 10px;
        margin-left: auto;
        width: 60% !important;
    }

    .storeFrontGridProductRow .quantityEntry input[type="text"] {
        margin-right: 10px;
    }

    .storeFrontGridProductRow .quantityEntry {
        width: 40% !important;
    }

    .storeFrontGrid .storeFrontGridProductRow {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    

    .storeFrontGridProductRow .productTitle {
        padding-right: 0px !important;
    }

    .subtotalEntry, .subtotalEntryBundle {
        display: none;
    }

    .StoreFrontBasketQuantityLabel, .StoreFrontBasketQuantityPriceLabel {
        display: block !important;
        text-transform: var(--text-transform-none);
    }

    .storeFrontGridProductRow .imageAndTitleContainer {
        width: 100% !important;
    }

    .storeFrontGridProductRow .priceEntry {
        font-size: 16px;
        padding-top: 5px;
    }

    .embla__button--prev, .embla__button--next {
        display: none !important;
    }

    .storeFrontBasketContainer input[type=submit], input[type=button], .storeFrontSavedQuotesContainer input[type=submit], input[type=button], .storeFrontModalContentButtons input[type=submit], input[type=button] {
        width: 100% !important;
        /*padding:0px !important;*/
        min-width: 0px !important;
    }

    .savedBasketButton{
        width: 155px !important;
        font-size: 11px !important; 
    }

    .savedBasketAddButton {
        background: #d86942 !important;
    }

    .MobileLinkButton {
        width: 100%;
        text-align: center;
        font-size:19px;
    }

    .storeFrontModalInnerInputWithLabel, .storeFrontBasketSendQuoteModalCheckbox {
        width: 100% !important;
    }

    .storeFrontModalInnerDescriptionInput {
        max-width: unset !important;
    }

    .AddToBasket_LoginToBuy {
        width: 100%;
    }

    .AddToBasketLogin {
        margin-left: 0px !important;
        width: 100% !important;
    }

    .storeFrontOrderHistorySearchOrders {
        margin-right: 0px !important;
        text-align: center;
    }

    .storeFrontOrderHistoryPeriodDetail {
        display: block !important;
    }

    .xma_date {
        width: 100% !important;
    }

}

@media screen and (max-width: 770px) {

    .storeFrontProductListItemActions {
        width: 100% !important;
    }

    .upsellRelatedProducts {
        display: none !important;
    }

    .UpsellBoxRelatedProducts {
        width: 330px !important;
        height: unset !important;
        display: block !important;
        margin:auto;
    }

    .UpsellBoxRelatedProductsSlide {
        width: unset !important;
        height: unset !important;
    }

    .SearchResultsPageLayout_Body {
        flex-direction: column;
    }

    .AddToBasketContainer {
        position: relative !important;
    }

    .add-to-favourites {
        float: left !important;
    }

    .SearchResultsPageLayout_Left {
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
        border-right: 0 !important;
    }

    .SearchResultsPageLayout_Right {
        width: auto !important;
        padding-left: 10px !important;
    }

    .StoreFrontAttributeFilter_DropDownList {
        min-width: 270px;
        margin: 0 5px;
    }

    .storeFrontCheckout .storeFrontTabHeaders {
        flex-direction: column;
    }

    .storeFrontCheckout .storeFrontTabHeader {
        width: 100%;
    }

    .storeFrontCheckout .mainCell {
        flex-direction: column;
    }

    .storeFrontCheckout .leftDiv {
        width: auto !important;
        max-width: 100% !important;
        min-width: 270px !important;
        border-right: 0 !important;
        padding-left: 20px !important;
    }

    .StoreFrontFieldRow {
        flex-direction: column;
    }

    .StoreFrontCheckoutFieldLabel {
        width: 100%;
        min-width: 300px;
    }

    .StoreFrontCheckoutFieldInput {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .StoreFrontSaveAddressCheckbox {
        padding: 20px 0;
    }

    .storeFrontCheckout .rightDiv {
        min-width: 270px;
        width: 100%;
        margin: 0;
        padding: 0 0 0 10px;
        border-top: 1px solid #cccccc;
    }

    .StoreFrontCheckoutShippingDetails {
        padding: 20px 0 20px 15px;
        margin-bottom: 20px;
    }

    .StoreFrontCheckoutContactInformation {
        border: none;
        padding: 0 0 20px 10px;
    }

    .StoreFrontCheckoutShippingAddress {
        border: none;
        padding: 0 0 0 10px;
    }

    .StoreFrontCheckoutCardDateDropdowns {
        display: flex;
        flex-direction: column;
    }

    .StoreFrontCheckoutCardDateLabel {
        width: 25%;
    }

    .StoreFrontCheckoutNavigationButtons {
        padding: 10px 10px 60px 10px;
        border-top: none;
    }

    .StoreFrontCheckoutBasketProductImageContainer {
        width: 15% !important;
    }

    .StoreFrontCheckoutBasketProductDetails {
        width: 100% !important;
    }


    .StoreFrontCheckoutBasketProductItem {
    display:block !important;
    }
    .StoreFrontCheckoutBasket_ProductImage {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
        max-height: 100px !important;
    }

    .StoreFrontCheckoutBasket {
        padding: 20px 20px 20px 0px !important;
    }

        .StoreFrontCheckoutBasket .StoreFrontCheckoutBasketTotals {
            margin-top: 0px !important;
            max-width: 400px !important;
        }

        .StoreFrontCheckoutBasket .StoreFrontCheckoutBasketItems {
            overflow: auto;
            /*max-height: 300px;*/
            padding-top: 0px !important;
        }

        .StoreFrontCheckoutBasket .StoreFrontCheckoutBasketItems {
            padding-bottom: 20px;
        }

    .storeFrontTabHeader {
        margin-top: 10px !important;
    }

    .storeFrontCheckout .tabButton {
        text-align: left;
        padding-left: 10px;
    }

    .storeFrontCheckoutAddressType .StoreFrontFieldRow span input[type=radio] {
        float: left;
    }

    .storeFrontCheckoutAddressType .StoreFrontFieldRow span label {
        display: block;
        margin-left: 18px;
    }

    .rightDiv {
        width: 100% !important;
    }

    .storefrontCheckoutLogo {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .storefrontCheckoutBackLink {
        text-align: left !important;
        position: relative !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media only screen and (max-width:800px) {
    .ft-main {
        display: block;
        padding: 1.25rem 1rem !important;
    }

    .skip-content {
        /*margin-right:10px;*/
    }

    .ms-topmenu {
        margin-bottom: 20px !important;
    }

    .cardRowContainerflex {
        display: block !important;
    }

    .card {
        width: unset !important;
        margin: 5px;
    }

    .cardflex {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }

    .product-card-flex {
        margin-left: auto;
        margin-right: auto;
        width: 95%;
    }
}

@media screen and (max-width: 1240px) {
    .header {
        padding-left: 10px !important;
    }

    .LogoBarRight {
        padding-right: 10px !important;
        min-width: 0px !important;
        width: 100% !important;
    }

    .responsiveMenu {
        display: block !important;
    }

    .ms-megamenu {
        display: none;
    }
}

@media screen and (max-width: 1240px) {
    .storeFrontOrderGridAlt, .storeFrontDemandedOrdersGridAlt, .storeFrontSavedQuotesTableContainerAlt, .storeFrontProductListItem, reviewTableAlt {
        flex-direction: column;
        align-items: center;
    }

    .storeFrontProductListItemActions .storeFrontProductListItemPrice {
        float: none !important;
    }

    .storeFrontProductListItemDetailContainer {
        flex-direction: column;
        flex-wrap: unset;
    }

    .AddToBasketContainerPLP {
        position: relative !important;
        bottom: 0px !important;
    }

    .storeFrontProductListItemTop {
        flex-direction: column;
    }

    .storeFrontProductListItemBottom {
        flex-direction: column;
    }

    .storeFrontProductPrice {
        order: 3 !important;
    }

    .storeFrontProductSummary {
        order: 2 !important;
    }

    .storeFrontProductListItemImage {
        float: unset !important;
        width: 100% !important;
        margin: auto !important;
    }

    .desc ul {
         padding-bottom: 0px !important;
    }

    .buttons-set {
        padding-top: 0px;
        margin: 0px;
    }
    .header-promo {
        font-size: 11px !important;
        padding: 5px !important;
    }

    .storeFrontProductListItemDetail {
        min-width: 0 !important;
        width: 100% !important;
        min-height: 20px !important;
    }

    .storeFrontProductListItemPrice {
        padding-top: 0px;
    }



    .storeFrontProductListOptionSearchCount {
        float: none !important;
        text-align: right;
    }

    .storeFrontProductImages_Thumbnails {
        width: 100% !important;
    }

        .storeFrontProductImages_Thumbnails img {
            padding: 0px !important;
        }

    .storeFrontProductPriceAndActionsContainer .storeFrontAddToBasket {
        width: 100% !important;
    }

   /* .storeFrontBasketTotalsTable, .storeFrontBasketActions {
        width: 100% !important;
        margin-left: 0px !important;
    }*/

    .storeFrontBasketActions {
        padding: 0px 10px;
    }

    .StoreFrontBasketContinueShoppingContainer {
        text-align: left;
        padding-bottom: 20px;
        border-top: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
    }

    .StoreFrontBasketContinueShopping {
        display: none;
    }

    .StoreFrontBasketContinueShoppingContainerColumn {
        display: block !important;
        text-transform: var(--text-transform-none);
        white-space: nowrap;
        float: left;
        margin-bottom: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-top: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
        width: 100%;
    }

    .storeFrontBasketPageTitle {
        padding: 10px 0px !important;
    }



    .ContactUsWrapper {
        display: block !important;
    }

    .LogoBarLeftMiniResponsive {
        display: block !important;
    }

    .LogoBarLeftResponsive {
        display: none !important;
    }

    .storefrontCheckoutBackLink {
        display: none !important;
    }

    .storefront-product-promo {
        margin-left: unset;
    }

    .logo-img {
        display: none !important;
    }

    .logo-img-mobile {
        display: block !important;
    }

}







