/*** Mobile Section **/
@media only screen and (max-width: 760px), (min-device-width: 770px) and (max-device-width: 1020px)
{
#login_submit2{background-color:var(--BackColor) !important;color:white !important;}
#PWAApplyButton{background-color:var(--BackColor) !important;color:white !important;}
}

@media screen and (min-device-width: 600px) and (max-device-width:900px)
{
#wRightAdvert{display:none;}
    .MobTitleOrd{float:left !important;width:39% !important;}
    .MobileStatT{float:left !important;width:39% !important;}

    #MobDelDate{display:inline-block !important;}
#login_submit2{background-color:var(--BackColor) !important;color:white !important;}
#PWAApplyButton{background-color:var(--BackColor) !important;color:white !important;}
  #Fav #ProdBlock{width:95% !important;}
    .MobileOrdStatusStatus{float:right !important;}
    /** Confirmation Screen **/
    #ConfirmedRight{width:47% !important;margin-right:2% !important;}
    /** PWA NOT Ordered Screen **/
    #ProdBlock {
        margin-bottom: 10%;
        width: 99%!important;
        max-width: 540px;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
    }
    /** CHeckout Screen **/
    #Checkout .checkoutSummaryRight{width:100% !important;float:left;}
    #Checkout #basketRight{float:left;width:91% !important;}
    #Checkout #CheckoutRight{width:35% !important;margin-right:7%;}
    #Checkout .chkOutSummary{height:auto !important;float:left;}

    /** Accounts Page ***/
    #Account .AccButLi{width:20% !important;}
    #Account .AccButton{padding:14px !important;}

    .QuickAddedButton{width:36% !important;}
    #basketRight{width:44% !important;margin-bottom:150px;}
    .PDFImg{width:83% !important;}
    .ViewImg{width:68% !important;}
    .TransDate{float:Right !important;}
    #LogoI{width:80%;}
    #TitleSixty{width:100% !important;}
    #TitleNine{width:100% !important;}
    #TitleGreat{width:100% !important;}
    #TitleThirty{width:99% !important;text-align:right !important;}
    #FrontPageMiddle{margin-top:60px !important;}
    #searchArea{margin-top:0%;float:left;}
    .chkOutSummary{height:718px !important;}
    .DetLine{font-size:18px !important;}
    #AccountSummHeader li, #AccountSummDetails li, #LedgerDetails li{font-size:18px !important;}
    
    #topHeader{display:none;}
    #LogoI{width:35%;}
    #MiddleHeaderTopMenu{display:none !important;}
    div#right{display:block !important;}
    div#left{display:none !important;}
    #LeftContainer{width:96% !important;margin-left:2%;}
    #RightContainer{width:96% !important;margin-left:2%;}
    #FooterRight { float:left !important; }
div#left{float : left;width:96%;font-size:70% !important;}
div#right{font-size:70% !important;max-width:353px;width:100%;margin-left:auto;margin-right:auto;float:initial !important;}
#PageHeader{color:#082e6c;font-size:30px;}
#mobMenu,#mSecMenu{display:block;}
#BigMenu,#secMenu{display:none;}
#mIcon { display:block; }
#AutoBox{width:95% !important;}
#MiddleHeaderLeft, #middleHeaderRight {
    width: 100% !important;
    position: relative;}
    #MiddleHeaderLeft, #middleHeaderRight {
        width: 100% !important;
        position: relative;}  
#MiddleHeaderTopMenu{display:none;}
#InnerMenuWrap ul li{display:none;}
#bread{display:none;}
div#wleft{display:none;}
#home-page .flexslider {display:none !important;}
#footer{
position: fixed;
height: 66px;
    bottom: 0;
    width: 100%;z-index:99;}
#DashboardAccount{display:none;}
#footerWrap {padding-left:1%;padding-top:1%;display:none;}
#FooterRight { float:left !important; }
#FooterMob{display:block !important;padding-top:10px;}
#MobileBasketStautusBar{display:block !important;}
#FrontPageMiddle{margin-top:60px !important;}
div#ib1 {
    height: 358px;
    border: 0.5px #bcbaba solid;
    color: black;
    background-color: #f5f5f5;
    border-radius: 5px;
}
#SocialMedia{display:none;}
#mainshell {
    min-height: calc(100vh - 200px) !important;
    margin-top: 1% !important;
}
.OuterSliderContainer {
    max-width: 600px !important;
    width: 100% !important;
    float: left;
    margin-bottom:100px;
    margin-left: 12% !important;
    margin-bottom:100px !important; 
    z-index:1; 
}
.debug{margin-top:57px !important;}
#searchArea{margin-top:3%;}

}