﻿@media (max-width: 768px) {
    .ClearanceMobileImage {
        background-size: 100% !important;
    }

    .ConfirmDeliveryBold {
        font-family: myMediumFont;
        font-size: 18px;
        line-height: 40px;
    }

    .MobileMapPadding {
        padding-top: 50px;
    }

    .TextFontProduct {
        font-size: 11px;
    }

    .lg-md-sm-FR {
    }

    .AutoRegisterPadding {
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 25px;
        padding-top: 20px;
    }

    .OurDetailPad {
        padding-left: 0 !important;
        padding-top: 30px;
    }

    .XSOverflowY {
        overflow-y: scroll;
    }

    .ProductLabel {
        right: 18px;
    }

    .SamplePopUpButton1 {
        margin-top: 50px;
        margin-bottom: 10px;
    }

    .SamplePopUpButton2 {
        margin-top: 10px;
        margin-left: 0;
        margin-bottom: 20px;
    }

    .LGMDSMML40 {
        margin-left: 0px;
    }

    .LGMDSMPT20 {
        padding-top: 0px;
    }

    .LGMDSMMT30 {
        margin-top: 10px;
    }

    .LGMDSMPR20 {
        padding-right: 0px;
    }

    .WhiteRoundedBox {
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 35px;
        padding-bottom: 50px;
    }

    .PL20 {
        padding-left: 0px;
    }

    .LGMDSMPR80 {
        padding-right: 20px;
    }

    .XSPT20 {
        padding-top: 20px;
    }

    .DownloadItemPadding {
        padding: 20px;
    }

    .DownloadBegin {
        padding-top: 50px;
    }

    .OrderSummaryItemHeader {
        float: left;
        width: 40%;
        padding-left: 30px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .OrderSummaryItemDetail {
        float: left;
        width: 60%;
        padding-left: 30px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .LGMDSMPinkBorder {
        border-bottom-style: none;
    }

    .FavCircle {
        width: 35px;
        height: 35px;
    }

    .BlackHeaderBlockPadding {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .XSPB40 {
        padding-bottom: 40px;
    }

    .MB120 {
        margin-bottom: 0px;
    }

    .LGMDSMPosAb {
        position: inherit;
    }

    .CompDetailsMarginLR {
        margin-right: 0px;
        margin-left: 0px;
    }

    .LGMDSMFlex {
        display: block;
    }

    .LGMDSMFlex1 {
        flex: 1;
    }

    .PT250 {
        padding-top: 180px;
    }

    .AddMoreEmailCircle {
        width: 30px;
        height: 30px;
        border-radius: 50%;
    }

    .PL75 {
        padding-left: 45px;
    }

    .MobileMLMR25 {
        margin-left: 25px;
        margin-right: 25px;
    }

    .PR50 {
        padding-right: 30px;
    }

    .DelHeadingPL {
        padding-left: 25px;
        padding-right: 25px;
    }

    .ShadowEffectMobileNone {
        box-shadow: none;
    }

    .PageHeaderPT {
        padding-top: 130px;
    }

    .AddedToBasketButton1 {
        margin-bottom: 10px;
    }

    .AddedToBasketButton2 {
        margin-left: 0px;
        margin-top: 0px;
        margin-bottom: 40px;
    }

    .CutPL {
        padding-left: 25px;
    }

    .CloseLineHeight {
        line-height: 25px !important;
    }

    .MobileFloatClear {
        clear: both;
    }

    .MB80 {
        margin-bottom: 0;
    }

    .MobileMT20 {
        margin-top: 20px;
    }

    .Padding24 {
        padding-bottom: 0;
    }

    .MobilePL17 {
        padding-left: 0;
        padding-right: 17px;
    }

    .MobileML17 {
        margin-left: 17px;
    }

    .FloatLeft {
        float: none;
    }

    .ProductDetailOuterBox {
        padding: 0px;
    }

    .ProductTabPT {
        padding-top: 20px;
    }

    .ProductTab {
        height: 60px;
    }

    .AddToBasketMobileMargin {
        margin-top: 20px;
        height: 110px;
    }

    .AddToBasketMobileMarginAc {
        margin-top: 40px;
    }

    .divRemoteWarehouseRollbalances {
        margin-top: 0px;
        margin-left: 5px;
    }

    .StockDetailOuterBox {
        padding: 0px;
    }

    .divAllDetail {
        padding: 0;
    }

    .PriceInfoMT {
        margin-top: 0px;
    }

    .MobilePriceInfoPT {
        padding-top: 20px;
    }

    .PL30 {
        padding-left: 0px;
    }

    .divPriceInfo {
        float: none;
        padding-top: 0px;
    }

    .ProductDetailQDWidth {
        width: 100%;
        padding-bottom: 0px;
    }

    .CutPackPaddingLeft {
        padding-left: 0px;
        padding-top: 30px;
    }

    .QualityHeader {
        padding-top: 80px;
    }

    .ProductWidthHeight {
        height: 20px;
    }

    .ProductBackingStyle {
        text-align: left;
    }

    /*    .ProductRangeStyle {
        text-align: left;
    }*/

    .ProductWidthStyle {
        text-align: left;
    }

    .ResultsBottomBorder {
        border-bottom: none;
    }

    .ProductMoreDetailsBorder {
        border: none;
    }

    .MobileMargin30 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .MobileMargin15 {
        margin-left: 15px;
        margin-right: 15px;
    }

    .MobileFilterIconImage {
        width: 60%;
    }

    .MobileFilterIcon {
        padding-top: 60px;
        padding-right: 30px;
    }

    .NextPrevMargin {
        margin-top: 0px;
        margin-bottom: 10px;
        padding-left: 0;
        padding-right: 0;
    }
    /*.NextPrevMarginAfter
{
    margin-top:70px;margin-bottom:10px;
}*/
    .divResultsPanelAfter {
        padding-top: 300px;
    }

    .SlideHeight {
        height: 640px;
    }

    .SlideHeightDownloads {
        height: 340px;
    }

    .SlideHeightAfter {
        height: 270px;
        margin-top: 90px;
    }

    .MobileNoShadow {
        box-shadow: none;
    }

    .MobileMoreDetailsBG {
        background-color: #e6e6e6 !important;
    }

    .MobileProductBG {
        background-color: #f2f2f2;
        margin: 3px;
    }

    .MobileNextPrevBackground {
        background-color: white;
        margin-left: 25px;
        margin-right: 25px;
    }

    .MoreDetailsLeft {
        padding-left: 15px;
    }

    .MoreDetailsRight {
        padding-right: 15px;
    }


    .ProductItemBorder {
        padding: 10px;
        border: none;
    }

    .RoundedBorderBox {
        height: 40px;
        padding-top: 7px;
    }

    .PaddingPromoTitle {
        padding-top: 120px;
    }

    .PromoImageBGMargin {
        margin-top: 805px;
    }

    .MobileSwatchWidth {
        width: 40%;
    }

    .FilterBoxPaddingMobile {
        padding-top: 3px;
    }

    .MyFilterBox {
        height: 40px;
        padding-top: 4px;
    }

    .MobileFullWidth {
        width: 100%;
    }

    .SearchCatalogueMarginTop {
        margin-top: 20px;
    }

    .SearchBox {
        margin-top: 40px;
    }

    .SearchBoxAfter {
        margin-top: 320px;
    }

    .HomeSlide {
        background-position: 70% 50%;
        background-size: 300%;
    }


    .AdvertPadding1 {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 30px;
    }

    .AdvertPadding2 {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 30px;
    }

    .divBottomAdverts {
        margin-top: 10px;
        padding-bottom: 30px;
    }

    .HomeBoxMargin {
        margin-left: 30px;
    }


    .divPromoBox {
        margin-top: 40px;
        background-size: cover;
        background-position: 70% 30%;
        padding-top: 0;
        padding-bottom: 0;
    }

    .HomeBox {
        border-radius: 0;
        height: 640px;
    }

    .arrowpos3 {
        padding-top: 3px;
    }

    .arrowpos4 {
        padding-top: 4px;
    }

    .FilterCircleWhite {
        width: 26px;
        height: 26px;
        background-color: white;
    }

    .FilterCircle {
        width: 26px;
        height: 26px;
    }

    .divFilterBox {
        margin-left: 30px;
        margin-right: 30px;
        padding: 20px;
        margin-top: 45px;
        padding-bottom: 30px;
    }

    .divFilterBoxAfter {
        margin-top: 370px;
    }

    .PinkDownArrow {
        display: inline-block;
    }

    .MyTextBox {
        height: 43px;
        padding-top: 8px;
    }

    .MyTextBoxButton {
        height: 43px;
        padding-top: 8px;
    }

    .LoggedInAs {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .divTopElements {
        padding-top: 20px;
        margin-left: 30px;
        margin-right: 30px;
    }

    .divTopElementsMobile {
        padding-top: 20px;
        margin-left: 30px;
        margin-right: 30px;
    }

    .divWelcomeMessage {
        padding-top: 200px;
        text-align: center;
    }

    .topwrapper {
        background-color: white;
    }

    .myAccountFlex {
        display: block;
    }

    .lg-md-display {
        display: none;
    }

    .lg-md-sm-displayflex {
        display: none;
    }

    .lg-md-sm-display {
        display: none;
    }

    .sm-xs-display {
        display: block;
    }

    .xs-display {
        display: block;
    }

    .thumbheight {
        height: 350px;
    }

    .lgdisplay {
        display: none;
    }

    .mddisplay {
        display: none;
    }

    .smdisplay {
        display: none;
    }

    .xsdisplay {
        display: block;
    }

    .NOxs {
        display: none;
    }

    .NoMobile {
        display: none;
    }

    .imgMainHeight {
        height: auto;
    }

    .OrderButtonAlign {
        position: relative;
    }

    .MainImageHeaderText {
        font-size: 22px;
    }

    .inner {
        padding-left: 0;
    }

    .NavSeparator {
        margin-right: 2px;
    }

    .NavMargin {
        margin-left: 30px;
    }

    .KCMargin {
        margin-left: 2%;
        margin-right: 2%;
    }

    .BigMenu {
        display: none;
    }

    .MobileMenu {
        display: block;
    }

    .SlideText1 {
        padding-top: 10px;
        text-align: center;
        display: inline-block;
        width: 100%;
    }

    .SlideText2 {
    }

    .SlideText3 {
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .SlideText4 {
        display: none;
    }

    .bx-viewport {
        height: 180px;
    }

    .bx-height {
        height: 180px;
    }

    .bx-wrapper .bx-controls-direction a {
        display: none;
    }

    .MobileMarginTop {
        margin-top: 7px;
    }

    .MarginTop {
        margin-top: 7px;
    }

    .bx-wrapper {
        margin-bottom: 10px;
    }

    .LocateRetailer1 {
        height: 260px;
        overflow: hidden;
        padding: 10px;
        border: solid 1px #d8d8d8;
    }

    .LocateRetailer2 {
        padding-top: 20px;
    }

    .SearchByColour1 {
        height: 260px;
        overflow: hidden;
        padding: 30px;
        border: solid 1px #d8d8d8;
    }

    .ThumbImage {
        height: 150px;
    }

    .HomeImage {
        height: 200px;
    }

    .ThumbDesignImage {
        height: 60px;
    }

    .MobileDetailAlign {
        padding-left: 20px;
    }

    .SearchImage {
        height: 215px;
    }

    .BeInspiredPaddingTop {
        padding-top: 15px;
    }

    .bx-wrapper .bx-pager {
        bottom: 30px;
    }

    .LeftImage {
        padding-right: 10px;
        padding-left: 10px;
    }

    .RightImage {
        padding-right: 10px;
        padding-left: 10px;
    }

    .CenterImage {
        padding-right: 10px;
        padding-left: 10px;
    }

    .SearchBoxWidth {
        width: 130px;
    }

    .EnlargeImage {
        bottom: 30px;
        width: 90%;
        opacity: 0.8;
        padding-top: 3px;
        padding-bottom: 3px;
        filter: alpha(opacity=80);
    }

    .GetInspiredLabel {
        display: block;
        padding-bottom: 15px;
    }

    .GetInspiredLabel2 {
        display: none;
    }



    .FilterTextFont {
        font-size: 10px;
    }

    .MyAccountHeading {
        font-size: 18px;
        font-family: myBoldFont;
        line-height: 26px;
    }

    .BlackHeaderFontSize {
        font-size: 18px !important;
    }

    .OrderConfirmLineValueFontBold3 {
        font-size: 12px;
    }

    .BasketLineValueFontBold {
        font-size: 16px;
    }

    .OrderConfirmLineValueFontBold {
        font-size: 18px;
    }

    .AddMoreEmailIconFont {
        font-size: 40px;
    }

    .AddedtoFavFontBold {
        font-size: 18px;
    }

    .OrderConfirmLineValueFontSemiBold {
        font-size: 13px;
    }

    .DelAddReg {
        font-family: myRegularFont;
        font-size: 12px;
        line-height: 16px;
    }

    .DelAddBold {
        font-family: myBoldFont;
        font-size: 12px;
        line-height: 24px;
    }

    .BasketTotalFont {
        font-family: myRegularFont;
        font-size: 20px;
        line-height: 35px;
    }

    .BasketRemoveFont {
        font-family: myRegularFont;
        font-size: 10px;
        line-height: 16px;
        color: #333333;
    }

    a.BasketRemoveFont:hover {
        color: #333333;
    }

    .BasketItemLineFont {
        font-family: myRegularFont;
        font-size: 12px;
        line-height: 16px;
    }

    .BasketItemHeaderFont {
        font-family: myBoldFont;
        font-size: 12px;
        line-height: 16px;
    }

    .BasketProductFont {
        font-family: myBoldFont;
        font-size: 13px;
        line-height: 16px;
    }

    .ItemFont {
        font-family: myRegularFont;
        font-size: 18px;
        line-height: 24px;
    }

    .TextNB {
        font-family: myRegularFont;
        font-size: 10px;
        line-height: 14px;
    }

    .ProductHeadingFont {
        font-family: myBoldFont;
        font-size: 18px;
    }

    .ProductTabFont {
        font-family: myRegularFont;
        font-size: 12px;
        line-height: 16px;
    }


    .StockDetailFontRegular {
        font-size: 13px;
        line-height: 15px;
    }

    .StockDetailFontBold {
        font-family: mySemiBoldFont;
        font-size: 13px;
        line-height: 15px;
    }

    a.StockDetailFontBold {
        font-family: mySemiBoldFont;
        font-size: 13px;
        line-height: 15px;
    }

    h1 {
        font-size: 26px !important;
        line-height: 24px;
    }

    h2 {
        font-size: 18px;
        line-height: 20px;
    }

    .ProductItemFontLight {
        font-size: 10px !important;
        line-height: 15px;
    }

    .ProductItemFontRegular {
        font-size: 12px !important;
    }

    .ProductItemFontBold {
        font-size: 13px !important;
        line-height: 15px;
    }

    .FilterBoxFont {
        font-family: myMediumFont;
        font-size: 12px !important;
    }

    .BoxTitleFont {
        font-size: 33px;
    }

    .FilterResultsFont {
        font-size: 48px;
        line-height: 42px;
    }

    .FilterResults2Font {
        font-size: 18px !important;
        line-height: 24px !important;
    }

    .FilterText {
        padding-top: 50px;
        margin-left: 35px;
        margin-right: 35px;
    }

    .Med36Font {
        font-size: 18px;
        line-height: 26px;
    }

    .LightNoteFont {
        font-size: 13px !important;
    }

    .TextFont {
        font-size: 13px !important;
    }

    .SearchCatalogueFont {
        font-size: 18px;
        line-height: 26px;
    }

    .WelcomeFontMedium {
        font-size: 24px !important;
        line-height: 25px;
    }

    .WelcomeFontRegular {
        font-size: 22px;
        line-height: 25px;
    }

    .WelcomeFont {
        font-size: 22px;
        line-height: 25px;
        font-family: myBoldFont;
    }

    .LoggedInAsFont {
        font-size: 12.5px;
    }

    .HomeBoxTab {
        margin-left: 0px;
    }

    .QtyPricingFont {
        font-size: 14px;
    }

    .NextPrevNumbers {
        padding-top: 55px;
        padding-right: 10px;
    }

    .CookieOuter {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: white;
        z-index: 999;
        text-align: center;
        transform: none;
    }

    .CookieLHS {
        float: left;
        width: 30%;
    }

    .CookieRHS {
        float: left;
        width: 70%;
    }

    .CookieInner {
        padding-bottom: 200px;
    }

    /*   .MarketingClose {
        position: absolute;
        right: 22%;
        top: 0px;
    }*/

    .TitleBarTopPos {
        top: 0;
    }

    .MarketingClose {
        position: absolute;
        right: 0px;
        top: 10px;
    }



    .MarketingWidth {
        width: 375px;
    }

    .OutOfStockMessage {
        padding-top: 0px;
        padding-bottom: 20px;
    }

    .OutOfStockMessage2 {
        padding-left: 0;
    }

    .ProductPopUpHeight {
        max-height: calc(100vh - 100px);
    }

    .TradeCounterPadding {
        min-height: 250px;
    }

    .QuickQtyBasketText {
        font-size: 11px;
        line-height: 15px;
    }

    .QuickQty {
        width: 50px;
    }

    .QuickQty2 {
        height: 50px;
        padding-top: 13px;
    }

    .QuickQty4 {
        height: 50px;
        padding-top: 6px;
    }

    .ProductRangeStylePricing {
        height: 110px;
    }


    .PromoTopHomeBox {
        border-radius: 0;
        height: inherit;
    }

    .PromoTopTitleFont {
        font-size: 20px;
    }

    .PromoTopTextFont {
        font-size: 13px;
    }

    .PromoTopButtonBox {
        padding-right: 20px;
        padding-left: 20px;
    }

    .Clearance01 {
        margin-top: 5px;
    }

    .xs-sm-display {
        display: block;
    }

    .TitleBarinner {
        padding-left: 15px;
        padding-right: 15px;
    }

    .MenuIcon {
        width: 30px;
        height: auto;
    }

    .topwrapperheight {
        height: 175px;
    }

    .MobileTopBoxPadding {
        padding-top: 50px;
    }

    .TopBoxSpacing {
        padding-left: 0;
        padding-right: 0;
    }

    .TopBoxSpacingLeft {
        padding-left: 0;
        padding-right: 5px;
        padding-top: 10px;
    }

    .TopBoxSpacingRight {
        padding-left: 5px;
        padding-right: 0;
        padding-top: 10px;
    }

    .TopBoxOuter {
        height: 40px;
    }

    .TopBoxTitle {
        font-size: 11px;
    }

    .TopBoxInner {
        padding-top: 10px;
    }

    .MenuHeading {
        color: black;
    }

    .MenuFontLight {
        color: black;
    }

    .MenuArrow {
        color: black;
    }

    .divMenuArrow {
        padding-right: 30px;
    }

    .MenuHeading2 {
        color: black;
    }

    .MenuRepHeading {
        color: black;
    }

    .MenuRepText {
        color: black;
    }

    .AdviceMenuMobile {
        position: absolute;
        width: 95%;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        text-align: left;
        padding-bottom: 20px;
        z-index: 9999;
        box-shadow: 0px 11px 12px #00000029;
        top: 0;
    }

    .SubMenuText {
        font-size: 19px;
    }

    .carousel-image {
        height: 410px;
    }

    .carousel-control.left {
        display: none;
    }

    .carousel-control.right {
        display: none;
    }


    .CarouselTitle {
        font-size: 28px !important;
        line-height: 40px !important;
    }


    .CarouselMyCaption {
        top: 0px;
    }

    .CarouselText {
        font-family: myLightFont;
        font-size: 14px;
    }

    .carousel-caption {
        left: 5%;
        right: 5%;
    }

    .CarouselFooter {
        padding-top: 10px;
    }

    .carousel-indicators {
        bottom: 10px;
    }

    .carousel-tint::after {
        height: 80%;
    }

    .myCarousel {
        height: 410px;
    }

    .HomePopProduct {
        padding-top: 20px;
        text-align: center;
    }

    .PopProdPadding {
        padding-top: 35px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .PopProductsSpacing {
        padding-bottom: 10px;
    }

    .OpenAccPadding {
        padding-top: 30px;
        display: block;
    }

    .OpenAccTextPos {
        padding-top: 40px;
        padding-right: 30px;
        padding-left: 30px;
        text-align: center;
        padding-bottom: 40px;
    }

    .OpenAccTitle {
        font-size: 20px;
    }

    .OpenAccBoxPos {
        display: inline;
    }

    .OpenAccBox {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .OpenAccImagePos {
        padding-top: 0;
    }

    .HomePopProductsHeading {
        font-size: 26px;
    }

    .ReviewTextPos {
        padding-left: 30px;
        padding-right: 30px;
    }

    .VisualTitle {
        color: white;
    }

    .BottomBoxPadding {
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .MobileBoxPadding {
        padding-top: 20px;
    }

    .FooterLHS {
        text-align: center;
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .Footer1 {
        padding-top: 0;
    }

    .SocialFirst {
        float: none;
        display: inline-block;
    }

    .SocialFirstnth {
        float: none;
        padding-left: 0;
        display: inline-block;
    }

    .MobileSocial1 {
        padding-top: 20px;
    }

    .LoginMobile1 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .SignIn1 {
        padding-left: 20px;
    }

    .SignIn2 {
        text-align: left;
    }

    .SignIn3 {
        padding-right: 20px;
        text-align: right;
    }

    .RegisterMargin {
        margin-top: 200px;
    }

    .FilterPop {
        padding-right: 0;
        padding-left: 20px;
    }

    .LoginPricingInner {
        padding-left: 3px;
        padding-right: 3px;
    }

    .ButtonTextFont {
        font-size: 12px !important;
    }

    .PIMv2ButtonText {
        font-size: 13px;
    }

    .CompletionList {
        font-size: 14px;
    }

    .TradeCounter1 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .CreateAccSubmit {
        padding-left: 30px;
    }
}
