/* responsive design work */
/* site was designed desktop-first, so these are overrides for tablet and mobile */
/* pages cascade to smaller widths: >1200(desktop), <1200, <980, < 768, <575, <360 */

/*
    .loggedOut .myAccountLogin,
    .loggedIn .myAccountLogin { color:red !important; display: none !important;}
*/

/*  isMobile mobileBlock  */ 

.mobileBlock .mobileBlockItem1 a > img {box-sizing:border-box; padding: 0px 2px 2px 0px; }
.mobileBlock .mobileBlockItem2 a > img {box-sizing:border-box; padding: 0px 0px 2px 2px; }

.mobileBlock .mobileBlockItem3 a > img {box-sizing:border-box; padding: 2px 2px 2px 0px; }
.mobileBlock .mobileBlockItem4 a > img {box-sizing:border-box; padding: 2px 0px 2px 2px; }

.mobileBlock .mobileBlockItem5 a > img {box-sizing:border-box; padding: 2px 2px 0px 0px; }
.mobileBlock .mobileBlockItem6 a > img {box-sizing:border-box; padding: 2px 0px 0px 2px; }


body.isMobile .mobileBlock {
    display: block;
    padding: 5px 0px; 
}
body.isMobile .mobileBlock .row {margin-left: auto;}
body.isMobile .desktopSlider{display: none;}
/*body.isMobile .homeMainWrapper {padding: 0px 10px;} */
body.isMobile .promoSpot > a { border: none; }
body.isMobile .cardLink .catalogItemMag,
body.isMobile .productDetailLink {display: none !important;}

body.isMobile .cardExpandAll,
body.isMobile .categoryTabs ul .ckHelp,
body.isMobile .nav-tabs>li>a.showTextView, 
body.isMobile .nav-tabs>li>a.showGalleryView, 
body.isMobile .nav-tabs>li>a.showDetailView {display: none !important;}

body.isMobile #search.sidesearch .submenu  input,
body.isMobile #search.sidesearch .submenu  select {
   font-size:18px;
   line-height: 18px;
}

@media only screen and (min-width: 1200px) {
    .mainMenu{height: 40px !important;}
    .noSidePanel.mainListing.col-sm-9 { width: 90%; }
    .singleCardView h1 { max-width: 920px; }
}

@media only screen and (max-width: 1200px) {
    
    /*1200 global*/
   .ui-menu.ui-autocomplete .ui-menu-item {
        padding-top:5px;
        padding-bottom: 5px;

    }
    body .container .globalPromo,
    body .container{width: 100%;}
    .scheckout .container,    
    .checkout .container {width: 100%;}

    .checkout .mainWrapper,
    .scheckout .mainWrapper,
    .subpageWrapper{padding-left: 5px;}
    
    .myaccount h1,
    .scheckout h1,
    .checkout h1{margin-left: 0px; }
    
    body .mainWrapper {
        min-width: 320px;
        overflow: hidden;
        padding-top: 50px;
        width: 100%;
    }
    body.myaccount .mainWrapper{padding: 50px 15px;}
    body.hasSidebar .mainWrapper {padding-left: 5px;}
    .hasSidebar h1{margin-left: 40px;}
    h1{margin-left: 5px;} /* fixed for single card view*/
    /*1200px myaccount*/

    .categoryTabs {margin-left: 30px;}
    .myaccount .logout {display: none;}

    .flashAlert{ top:50px; }

    .existingAddressWrapper,
    .scheckout .panel,
    .checkout .panel,
    .myaccount .panel { float: none; text-align: center;}
    .myaccount .addressBook > .row {text-align: center;}
    .wishlist{ margin: auto;}
    /*1200px header*/
    .headerCart .sellItemCount,
    .headerCart .itemCount {right: -5px;}

    .header, .footer { min-width: 100%; }
    .header,
    .header > .container {
        height: 50px;
        min-height: 50px;
        width: 100%;
    }
    .header {  
        top:0px;
        transition:top .3s;
    }
    .header,
    .innerHeaderWrapper {overflow:visible;}

    .hiddenMenu .header {
        top:-50px;

    }
    .categoryTabs ul .ckHelp {
        right: -7px;
        padding: 3px;
        top: 10px;
    }
    .headerCompanyName{left: 60px; top: 10px;}
    .smmTransitionX .header {  overflow: initial !important;}
    .showMobileMenu .header {  overflow: initial;}
    .showMobileMenu .headerCart {position: absolute; right: 0px;}
    .dropdown-backdrop {display: none !important;}
    .showMobileMenu .mainMenu #MenuList7 {left:auto;}

    .smmTransitionX .headerSearch{/*margin-right: 3px;*/}
    .showMobileMenu .customerSupport{margin-right: 54px;}
    .headerSearch { /*left: 60px; */}

    #headersearch .searchIcon {


        display: inline-block;
        color: #fff;
        cursor: pointer;
        font-size: 14px;
        height: 30px;
        left: auto;
        margin-left: 10px;
        position: absolute;
        top: 2px;
        width: 30px;
        z-index: 11;

}

    #autocomplete #advancedSearchButton {display: none;}
    .showSearch #autocomplete #advancedSearchButton {
            display: block;
        left: 0px;
        top: 90px;
        position: fixed;
        width: 100%;
        z-index: 1;
        background-color: #dcdcdc;
        line-height: 40px;
        margin: auto !important;
        text-align: center;
    }
    .header .headerLogo {
        height: 45px;  
        margin-top: 3px; 
        width: 45px;  
    }
    .input-group .form-control.headerSearchInput{ font-size: 16px; }
    .headerCart {padding: 0px;}
    .headerCart > a{ padding-left:4px; }
    .loggedIn .showSearch .headerMtgLink {left: 125px;}
/*
    .searchIconWrapper {
       top: -1px;
    position: absolute;
    right: 20px;
    }
    */
    .searchFieldWrapper{display: none;}
    .showSearch .searchFieldWrapper {
        background-color: #dcdcdc;
        border-bottom: 1px solid #aaa;
        border-top: 1px solid #aaa;
        display: block;
        left: 0px;
        padding: 5px;
        position: fixed;
        top: 50px;
        width: 100%;
        z-index: 1;
    }
    .purchasing .showSearch .searchFieldWrapper {background-color: darkseagreen;}
    .searchIconWrapper{   
         position: absolute;
        right: 32px;/*75px*/
        top: 0px;
    }



    .smmTransitionX .searchIconWrapper{ right: 29px;  }
    .loggedIn .searchIconWrapper{ right: -173px;  }

    .showSearch #tags {
        font-size: 18px;
        left: 50%;
        line-height: 18px;
        margin-left: -150px;
        width: 300px;    
    }
    .headerSearch{
        /*top:-8px;width: 70%;*/
        left: auto;
        top: 4px;
        width: 200px;

    }
    .loggedIn .headerSearch{right: 200px;  width: auto;}

    .showSearch .headerMtgLink,
    /*.headerMtgLink {left: -100px;}*/
     .headerMtgLink {display: inline-block; left: 125px;}
   /* .showMobileMenu .headerMtgLink {margin-left: 1px;}*/
    #headersearch .searchIcon{font-size: 18px;}
    .smmTransitionX #headersearch .searchIcon{ margin-left: 7px;}
    .loggedIn.smmTransitionX #headersearch .searchIcon{ margin-left: 10px;}
    .headerSearch .searchIconText{display: none;}

    


    #autocomplete{width: 100%;}
    #autocomplete > a{
        border: none;
        display: inline-block;
        left: -15px;
        line-height: 10px;
        position: absolute;
        top: 26px;  
    }
     .showSeach #advancedSearchButton {display: inline-block;}
    .input-group .form-control.headerSearchInput{
        line-height: 16px;
        max-width: 300px;
        min-width: 150px;
        padding-left: 4px;
        width: 85%;  
    
    }
    
    .input-group .form-control.headerSearchInput::-webkit-input-placeholder{font-size: 12px;padding-top:2px;}
    .input-group .form-control.headerSearchInput::-moz-input-placeholder{font-size: 12px;padding-top:2px;}
    .input-group .form-control.headerSearchInput::-ms-input-placeholder{font-size: 12px;padding-top:2px;}
    

    .mainMenu {
        background-color: transparent;
        border: none;
        
        display: block;
        left: auto;
        overflow: visible;
        padding-top: 5px;
        right: -150%;
        top: 50px;
        width: 280px;
        /*
        background-color: #091f47;
        border: none;
        display: none;
        left: auto;
        overflow: visible;
        padding-top:5px;
        right: 0px;
        top:50px;
        width: 220px;
        */
    }
    .mainMenu {transition: right .3s;}
    .showMobileMenu .mainMenu{
        overflow-y:auto; 
        right: 0px;
    }
    .smmTransitionX.showMobileMenu .mainMenu{overflow-y:hidden;}
    .showSubMenu .mainMenu{ margin-top: 0px;}


   
   .headerLinks .dropdown-menu{ 
       position: fixed;
       right: 212px;
       top:40px;
    }
    
    .myAccountMenuWrapper {top: -8px;}

    
    .showMobileMenu  .mainMenu:after {
        background-color: #fafafa;
        border-left: 1px solid #ddd;
        content: " ";
        display: block;
        height: 100%;
        width: 100%;
        position: fixed;
        top: 50px;
        height: 100%;
        z-index: -1;
        opacity: .85;
        transition: top .3s;

    }
    .mainMenu > div{display: block; height: 100%; }
    .mainMenu > div > .menuList:last-child{ margin-bottom: 180px; }
    .hiddenMenu .mainMenu:after{top: 0px;}
    .header .menuList > span {
        transition: opacity .3s;
        -webkit-transition: opacity .3s;
    }
    .showMobileMenu .softOverlay { opacity: .3; z-index: 90;}
    .mainMenu a.btn{color: #091f47;}

    .header .menuList > a.btn:hover,
    .header .menuList > a.btn:active,
    .header .menuList > span:active ,
    .header .menuList > span:hover { background-color: #eee; opacity: .6; }
    .header .menuList > a.btn {color: #333;}
     /*.myAccountMenuWrapper {
        display: none;
        right: -15px;
        top: 50px;
    }*/
    .header .menuList:nth-child(7) > a.btn:after{display: none;}
    
     .smmTransitionX .header .menuList.open #MenuList0,
     .smmTransitionX .header .menuList.open .dropdown-menu {overflow: initial !important;}
    /*.showMobileMenu .mainMenu {display: block;}*/
    .miniHeaderMenuIcon {
        cursor: pointer;
        display: block;
        right: -2px;
        top: 6px;
        padding: 10px;
    }
    .mainMenu .dropdown-menu{ border-top: 1px solid #ccc;}
    .mainMenu  .menuList .dropdown-menu>li>a{line-height: 35px;margin-left: 1px}
    /*#MenuList1{top:-92px;}*/
    .headerCart .sellItemCount {display: none;}
    .sellcart .headerCart .sellItemCount,
    .purchasing .headerCart .sellItemCount{display: block; top:3px;}
    .sellcart .headerCart .itemCount,
    .purchasing .headerCart .itemCount {display: none;}

    .mainMenu .menuList {
        height: auto;
        margin: 0px;
        position: initial;
        width: 100%;   
    }
     .mainMenu  .menuList .dropdown-menu>li>a:hover{}
    .menuList b{font-weight: 400;}
    .mainMenu .btn {
        color: #333;
        font-size: 1em;
        padding-left: 15px;
        text-align: left;
        width: 100%;
    }
    .mainMenu .menuList:last-child .btn:after,
    .mainMenu .btn:after {
        content: "\003e";
        font-size: 20px;
        font-weight: 100;
        letter-spacing: 1px !important;
        position: absolute;
        right: 15px;
        -ms-transform: scale(.7,1.5); 
        -webkit-transform: scale(.7,1.5); 
        transform: scale(.7,1.5); 
    }
    .mainMenu .menuList:last-child .btn { 

     }
    .menuList:nth-of-type(7) .btn:after {}
    .mainMenu .menuList:nth-of-type(7) {  }
   /* .mainMenu #MenuList0,*/
    .mainMenu .dropdown-menu {
        background-color: transparent; 
        border: none;
        box-shadow: none;
        display: block;
        left: auto;
        opacity: 1 !important;
        right: -320px;/*-100%; interwork with px?*/
        transition: right .3s;
        top: 40px;
        width: 100%;
        height: auto;

    }

    .header .menuList.open #MenuList0,
    .header .menuList.open .dropdown-menu { 
        overflow: auto !important;
            padding-bottom: 140px;
        right: 0px; 
    }

   /* .smmTransitionX .header{background-color: red !important;  }*/
    .smmTransitionX .mainMenu .dropdown-menu{display: block !important;}
   /* .smmTransitionX .mainMenu .open .dropdown-menu,*/
    .mainMenu .open .dropdown-menu { display: block !important;}
    
    .showMobileMenu .showSubMenu .menuList {
        display: none;
        opacity: 0; 
        transition:opacity .3s;
    }
    .smmTransition .showSubMenu .menuList {display: block;}

    .showMobileMenu .showSubMenu .menuList.open {
        display: block; 
        margin-bottom: auto;
        opacity: 1;
    }
    .showMobileMenu .showSubMenu .menuList.open .btn { 
        position: absolute;
        top: 0px;
        font-weight: 700;
    }
    .showMobileMenu .showSubMenu .menuList.open .btn:after {content:'\003c';}
    .showMobileMenu .showSubMenu .menuList.open b{font-weight: 600;}

    .headerLinks {right:40px; }
    .showMobileMenu .headerLinks {padding-top:6px; }
    /*1200px footer*/
    .home .footer {
        margin-top: 100px;
    }
    .home .footer:before{  
        left: 0px;
        margin-left: 0px;
        width: 100%;
    }
    .footer .container {
        max-width: 100%;
        text-align: center;
        width: 100%;         
    }
    .footerTopspots > div {margin-top: 5px;}
    .footer .footerLocationDetails .itemTitle {
        font-weight: 500;
        white-space: normal;
    }
    .footer .footerLocationDetails {
        padding-left: 0px;
        width: 55%;
    }
    .footer .footerLocationDetails.col2 {
        padding-left: 0px;
        width: 40%;
    }
    .footerCallout h2 { font-size: 30px; padding-right: 110px;}
    .footerLinklist .menuList {
        margin: 0px 9px 0px 0px;
    }
    .footerLinklist .menuList:first-child {
        margin: 0px 0px 0px 0px;
    }

    /* 1200px editionSlider
    #fullEditionList {
        top:49px;
        transition: margin-left .5s;
    }
    #fullEditionList ul{display: block;}
    */

    /* 1200px homepage hero*/
    .homeMainWrapper .mainHero {height: 340px; width: 100%;}
    .mainHero .itemImage { background-size: cover; }
    .mainHero a {display: none;} /*DISABLES ANY INTERNAL LINKS*/
    .mainHeroMenu {display: none;}

    /* 1200px homepage slider*/
    .productListSlider { height: 420px; /*overflow: scroll;-webkit-overflow-scrolling: touch;*/ }
    .productListSlider .next.active, 
    .productListSlider .prev.active { display: block; opacity: 1; }
    .productListSlider .prev { margin-left: -44px; }
    .productListSlider .next.active.noSliderControls, 
    .productListSlider .prev.active.noSliderControls { display: none; }
    
    

    /*.homeMainWrapper .sliderListWrapper { padding-left: 30px;}*/

    /* 1200px promoSpots */
    body .homeMainWrapper .container {
        left: 0px !important;
        width: 100% !important;
    }
    /*.promoSpot .text { display: none !important; }
    .promoSpot h3 span {border: none;}*/
    .promoSpot:not(.whitespacePromo2) .itemImage{height: 220px;}
    .threeItemWrapper .itemImage{ height: 200px !important; width: 260px;}
    .whitespacePromo .newFeaturePromo .itemImage { width: 100%; background-size: contain;}
    .subLandingHero p {padding: 0px 5px;}
    /* 1200px setList */
    
    .completeSetList {display: none !important;}


    /* 1200px product listing */
    .mainListing{
        width: 100%;  
    }
    .shopMain {width: 100%;}
    .mainListing {/*padding-left: 50px !important;*/}
    .listShowDetails .mainListing {padding-left: 35px !important;}
    .saleItems .mainListing {padding-left: 20px !important;}

    .shopMain .productListRow {
        left: 50%;
        margin: 20px auto auto -376px;
        width: 752px;
        position: relative

    }  
    .purchasing .shopMain .productListRow {
        left: 0%;
        margin: 30px auto 20px auto;
        position: relative;
        width: 752px;        
    }

    .listShowDetails .productListRow {
        left: 0px;
        margin: auto;
        width: 100%;
    }
    .textOnlyList .productListRow { margin-left: -350px;

    /*left: 0px !important;
        margin: auto !important;
        width: 100% !important;*/
    }

    .resultsHeader { padding-left: 40px;}
    
    /* 1200px sidecart */
    #sidecartContainer{display: none;}

    /* 1200px advanced search */

    .sidePanel #search.sidesearch > div,
    .sidePanel #search.sidesearch .submenu, 
    .sidePanel #search.sidesearch .editionToggle {background-color: #f6f6f6;}

    .advSearchToggleTab{display: block;z-index: 999999;}
    .advSearchToggleTab{}
   /* .sidePanel.open .advSearchToggleTab{ left:196px !important;}

    
    .sidePanel.scrolledDown:not(.open) .advSearchToggleTab{left:-80px; }*/

    .singleCardView h1 {  margin-left: 5px;}
    #search.sidesearch{
        margin-top: 0px;
    }
    #search.sidesearch > .formButtons {
        padding: 15px 10px 14px 5px;
    }
    .sidePanel{ 
        border: 2px solid #becde9;
        left: -250px;
        overflow: visible;
        padding-right: 0px;
        position: fixed;
        width: 250px;
        top:55px;
        z-index: 11;
        transition: left .3s;
    }
    .sidePanel.open { left: -20px; }
    .hiddenMenu .sidePanel:not(.open){left: -290px;}

    #sideSearchExpandAll{background-color: #f6f6f6;}

    /*1200px adv search page*/
    .advSearchInstructions:not(.hiddenSidePanel) .advSearchWrapper .mainListing {margin-left: 0px;padding-left: 50px !important;}
    .advSearchInstructions:not(.hiddenSidePanel) h1 {margin-left: 35px;}
    .advSearchInstructions.hiddenSidePanel .advSearchWrapper .mainListing {padding: 15px 55px !important;}

    /* 1200px single product display */
    .shopMain {padding-right: 5px;}
    .cardDetail {margin-bottom: 50px; margin-left:-10px;}
    .cardDetail .cardDetailImages{ min-width: 300px;}
    
    .cardDetail .suggestions {margin-left:15px;}

    /*1200px promospots */
    .mbhBanner .itemImage{ height: 130px; }
    /*.promoSpot h3 span {margin-left:15px;}*/

    /* 1200px sell pages */
    .purchasing .mainListing{padding-left: 0px !important;}
    .sellFormWrapper .addToCartFormBulk .qty {font-size: 16px;}
   /* .purchasing.pdtSellBulk .mainListing{padding-left: 15px !important;}*/
    .purchasing.pdtSellBulk .mainListing,
    .purchasing.pdtSellSealed .mainListing{margin: 0px 15%;width: 70%;}
    
    /* 1200px Cart Page*/
    .mainCartWrapper{ /*margin-bottom: 200px; */}
    .mainCartWrapper h1 {margin-left: 14px;    }
    .checkoutButton { font-size: 16px;}
    .shoppingCartSummaryTitle{font-size:14px;}
    .cartTotal {margin-left: -10px;}
   body:not(.listShowDetails):not(.textOnlyList) .productListWrapper.sealedProduct .productDesc { /*max-width: 260px;*/}

    /* 1200px Checkout Pages*/
    .breadcrumbItem {
        margin-right: 30px;
    }
    .ccPaymentWrapper {
        left: 50%;
        margin-left: -403px;
        margin-top: 0px;
        position: relative;
        width: 555px;
        padding-top: 10px;
    }
    .paymentSelectionWrapper .btn,
    .storeCreditPaymentWrapper .btn{display: block; margin: 6px auto; position:relative; width: 300px; }
    /* 1200px About and whats new pages */
    .aboutTitle{ background-size: contain; width: 97% !important;}
    .aboutWrapper > div {width: 46%;}
    .aboutTextBackground{width: 55%;}
    .aboutText{
        float: right;
        margin-top: 50px;
        width: 46%
    }
    .aboutText2{padding-right: 15px;}
   .newFeatureList {
        width: 550px; 
        margin: auto; 
    }
    .newFeatureBackground { 
        background-size: 500px;
        height: 550px;
        margin: auto;
        width: 550px;   
    
    }

    /* Sitewide Notification UI */
    #siteNotice, 
    .hasSidebar #siteNotice {
        padding: 10px 35px;
        width:100%;
    }

}

@media only screen and (max-width: 980px) {
    
    /* 980pm myaccount*/
    .invoiceWrapper td {
        display: inline-block;
        float: left;
        margin-right: 15px;
        position: relative;
        width: 280px;
    }

    /*980px header*/
    .header{ /*position: relative;*/ }
   .textOnlyList .mainListing {/*padding-left: 15px;*/}
    
    /*#headersearch .searchIcon{margin-left: 20px;}
    .showSearch .headerMtgLink, .headerMtgLink {left: 145px;}*/

    /*980px footer*/
    .footerTopspots > div {width: 28%;}
    .footerTopspots > .footerTopspotA {width: 40%;}
    .footerCallout h2 { font-size: 22px; line-height: 38px;}
    .footerLinklist .menuList {
        vertical-align: top;
        width: 30%;
    }

    .footerLinklist .dropdown-menu {
        display: block;
        float: none;
        position: relative;
        width: 100%;
    }
    .footer .footerFooter {margin-top: 80px;}

    /* 980px homepage hero*/
    /*breaks supplies defualt view body .mainWrapper {padding-top: 0px;}*/

    .homeMainWrapper .mainHero {height: 260px; }

    /* 980px promoSpots */    
   /* .promoSpot h3  {font-size: 20px;}*/
   .twoItemWrapper > div{padding:0px 0px 0px 2px;}
   .twoItemWrapper > div:first-child{padding:0px 2px 0px 0px;}
    .promoSpot:not(.whitespacePromo2)  .itemImage img,
    .promoSpot:not(.whitespacePromo2)  .itemImage {
        height: auto !important;
        width: 100%;
    }
    .promoSpot:not(.whitespacePromo2)  .itemImage img {
        height: auto;
        width: 99%;
    }
    .mbhBanner .itemImage{ height: 130px; }
     

    .promoSpot h3 {padding-top: 10px;}
    .promoSpot .text {font-size:16px; padding: 5px;}
    .whitespacePromoB{margin-top: 0px !important;}
    .whitespacePromoB .itemImage{left: -75px;top:20px;}
    .whitespacePromoB .text {font-size:18px;}



    /* 980px product listing */
    .mainListing { text-align:left; width: 100%;  }
    .listShowCart.listShowDetails:not(.purchasing):not(.myaccount):not(.cart):not(.sellcart) .productItemWrapper:nth-child(4n+1) {margin-right: 28px;}
    .zoomItem .detailFlavortext td{ display: none; }    
    .zoomItem .productDetailTitle{width: 240px;}

    .zoomItem .addToCartWrapper {
        left: 430px;
        margin-top: 100px;
        position: absolute;
    }
    .listShowDetails  .zoomItem .addToCartWrapper {
        display: none;
    }
    body:not(.listShowDetails):not(.textOnlyList) .zoomItem {margin-bottom: 100px;}
    /*body:not(.listShowDetails):not(.textOnlyList) .stylePrice,*/
    body.catalog .cardDetail .stylePrice{font-size: 22px;}
    .cardDetail .salePrice {
        float: left;
        padding-right: 5px;
        font-size: 22px;
    }
    .cardDetail .stylePrice strike{padding-left: 5px;}
    /* body:not(.textOnlyList):not(.listShowDetails):not(.purchasing):not(.pdtSealed) .productListRow{    */
    body.pdtFoils:not(.textOnlyList):not(.listShowDetails) .productListRow,
    body.pdtSingles:not(.textOnlyList):not(.listShowDetails) .productListRow{ 
        margin: 30px auto auto -300px;
        width: 600px;
    }

    .purchasing .productListRow{    margin-left: 2%;}

    .itemContentWrapper{max-width: 435px;}
    .itemContentWrapper table { width: 260px;}
    .textOnlyList .itemContentWrapper {        padding: 15px 0px 0px 0px;    }

    .productDetailSet, .productDetailTitle { width: 170px;}
    .productDetailDrillIn {
        min-width: 100px;
        right: 10px;
    }

    /* 980px single product display */
    body.catalog .cardDetail .dropdown-menu {left: -10px;}
    .cardDetail .cardDetailSub {    padding: 0px 0px 0px 25px; width: 30%;}
    .cardDetail .cardDetailSub { max-width: 300px;}

    
    /* 980px promospots*/
    .subLandingHero .itemImage {
        height: 120px !important;

        background-position: inherit;
    }
    /* 980px sell pages */
    .purchasing .itemRow .productDetailType {left: 90px;}
    .buyList .itemCart {width: 270px;}
    /*.textOnlyList .itemContentWrapper {max-width: 200px;}*/
    .purchasing .itemRow {}

    /*980px Cart Page*/
    .checkoutButton { font-size: 14px;}
    .checkoutButton .secure {display: none;}
    
    /* 980px checkout  */
    .reviewOrderWrapper,.finalizeSubtotal, .finalizeShipping, .finalizeTax, .finalizeTotal,.reviewOrderForm{width: 100%;}
    


    /*980px gift guide pages*/
    .landingPromoBanner,
    .landingWrapper,
    .landingPromoBanner .itemImage img {
        width: 100% !important;
    }
    .landingPromoBanner .itemImage{
        background-size: contain;
        padding-right: 5px;
    }
    #giftguide-tabs > div { width: 100%;}


}

@media only screen and (max-width: 767px) {
     /*768px global*/

    .ckHelp {display: none;}
    .orderContents .ckHelp {
        display: inline;
    }
    .checkout .ckHelp {
         padding-top: 11px;
     }


     /*768px login/register*/
     .signinWrapper{
            padding-top: 50px;
     }

     .signinWrapper h2{padding-top: 15px;}
     .signinWrapper .guestCheckout {float: right;}
    .signinWrapper .leftPanel, 
    .signinWrapper .rightPanel {
        
        display: block;
        height: auto;
        left:0px;
        margin: 0px auto 15px auto;
        padding: 0px 20px 50px 20px;
        top:0px;
        width: 320px;

    }
    .signinWrapper h1{left:0px;}
    .checkoutSigninWrapper.signinWrapper h1{left:15px;}
    .checkoutSigninWrapper.signinWrapper form{}
    .checkoutSigninWrapper.signinWrapper .rightPanel > * {padding-left: 0px; width: 280px;}
    .signinWrapper .leftPanel{padding-bottom:65px !important}
    .mobileHorzDivider{
        display: block;
        border-top: 1px solid #d1d1d1;
        margin: 0px 50px;
        width: 200px !important;
        color: #777;
    }
    .mobileHorzDivider > span { 
        position: absolute;
        margin-top: -17px;
        background-color: #fff;
        padding: 5px 10px;
        left: 50%;
        /* margin-left: 0px; */
        width: 32px
    }
    .signinWrapper .leftPanel p {padding: 0px;}
     .signinWrapper form{ border: none !important; float: none; position: relative; }
     .signinWrapper .rightPanel h4 { margin-top: auto;text-align: left; width: 280px;}
     .newRegButton{float:right; }
     .signinWrapper form a {
        display: block;
        text-align: right;
        margin: 15px auto;
    }
    .signupCallout {font-size: 10px;line-height: 11px;}
    .signupFormWrapper h2{margin-top: 0px;}

    /*768px myaccount*/
        .myaccount .productItemWrapper{margin-bottom: 0px !important;}
        .myaccount .productItemWrapper.zoomItem {margin-left: 0px  !important;}
         .orderHistoryWrapper .table-responsive>.table>tbody>tr>td{white-space: initial;}

    /*768px header*/
    .headerCart {width: 30px;}
    .headerCart .itemCount {right: -10px;}
    .headerLinks {
        right:40px; 
        z-index:15;
    }
    .headerLinks a,
    .headerLinks a:hover,
    .headerLinks a:active { color: #333;}
    
    .headerLinks .myAccountMenu {
        color:#333;
        cursor: default;
        margin-left: 0px;
        padding-left: 0px;
        width: 210px;
    }    

    .myAccountMenuWrapper .dropdown-menu{
       background-color: #dedede;
        border-radius: 0px;  
    }
    .myAccountLogin { right: 220px;}
    .headerLinks > .customerSupport {
        display: none;
        right: -15px;
        top: 78px;
    }
    /*.showMobileMenu .headerLinks > a,*/
     .loggedIn .headerSearch{
        /* right: 0px; */
    }

     .showMobileMenu.smmTransitionX .headerMtgLink,
     .showMobileMenu .headerMtgLink{margin-left: 0px;}
    
    .showMobileMenu .headerSearch,
    .showMobileMenu.smmTransitionX .headerSearch { left:-34px;/*left: -53px;-23px*/ }
    .showMobileMenu .loggedIn  .headerSearch,
    .showMobileMenu.smmTransitionX .loggedIn .headerSearch { left: -23px }

    .smmTransitionX .headerSearch { left: -4px;}
    .showMobileMenu .showSubMenu .headerSearch{ left: -53px;}

    .showMobileMenu.smmTransitionX .headerLinks > .customerSupport{
        display: block;
       /* right: 0px; top: 64px;*/
        right: -70px;
        top: 23px;
    }
    .showMobileMenu .headerLinks > .customerSupport {
        display: block;
        right: -70px;
         top: 3px; 
     }
    .showMobileMenu.smmTransitionX .loggedIn .headerLinks > .customerSupport,
    .showMobileMenu .loggedIn .headerLinks > .customerSupport {top: -3px;}

    .showMobileMenu .showSubMenu .headerLinks > a, 
    .showMobileMenu .showSubMenu .headerLinks > .customerSupport {display: none;} 
    .headerLinks > .myAccountLogin {
        display: none;
        right: -80px;/*-15px;*/
        top: 15px; /*55px*/
    }
    .loggedIn .myAccountMenuWrapper .caret,
   .myAccountMenuWrapper .caret{display: none;}
   .showMobileMenu .loggedIn .myAccountMenuWrapper .caret{display: block;}

    .loggedIn .myAccountMenu{display: none;  position: relative;top: -9px;}
    .loggedIn .searchIconWrapper{/*right: 20px;*/right: -168px;}
    /*.loggedIn*/ .headerSearch{ width: 180px; }
    .showMobileMenu .loggedIn .myAccountMenu{display: block; padding-right: 15px;}
    .showMobileMenu .myAccountMenuWrapper .caret {color:#333; right:3px; top:1px;}
    .loggedOut .myAccountLogin{display: none;}
    .myAccountLinkEmailText {}
    .showMobileMenu .loggedOut .myAccountLogin {display: block; top:15px;}
   
    .searchIconWrapper {right: 20px;}

   .myAccountMenuWrapper {right: -10px;top: 54px;}
   .headerLinks .dropdown-menu{ 
       position: fixed;
    right: 0px;
    top: 84px;/*76px;*/
    border: none;
    -webkit-box-shadow: none;
    padding: 0px;
    width: 279px;
    }
    .smmTransitionX .myAccountMenuWrapper,
    .myAccountMenuWrapper .dropdown-menu:after{display: none;}
    

 
    .showMobileMenu .myAccountMenuWrapper .dropdown-menu li { 
        display: inline-block;
        float: right;
        padding: 0px 15px;
    }
    .showSubMenu .myAccountMenuWrapper{ display: none !important;}
    .myAccountLogin {right: 90px;}
    /*.showMobileMenu .loggedIn .headerLinks a {display: none;}*/
    .showMobileMenu .loggedIn .myAccountMenuWrapper .dropdown-menu a,
    .showMobileMenu .loggedIn .myAccountMenuWrapper{ display: block; color:#333;}
    /*.showMobileMenu .myAccountMenu{color:#333;}*/

    .showMobileMenu .showSubMenuheaderLinks > a {display: none;}
    
    .mainMenu{  margin-top: 50px; }
    .loggedOut .mainMenu {margin-top: 50px;}
    .showSubMenu.loggedOut .mainMenu,
    .showSubMenu .mainMenu{ margin-top: 0px;}


   /*768 footer*/
   .home .footer { 
        margin-top: -80px; 
        padding: 15px;
    }
   .topspotHeading {
        font-size: 16px;
        padding: 10px 0px 0px 0px;
    }
   .footer .footerLinklist {padding-left: 12%; }
   .footer .footerLocationDetails li {
        min-width: 112px;
   }
    .footerCallout h2 { font-size: 16px;}
    .footerLinklist .menuList:first-child,
    .footerLinklist .menuList {
        float:left;
        margin-left: 30px;
        padding-bottom: 10px;
        width: 35%;
    }
    .home .footer:before {display: none;}


    /* 768px homepage hero*/
    .homeMainWrapper .mainHero {height: 200px; }

    /* 768px promoSpots */    
    .promoSpot h3  {font-size: 18px;padding: 10px 0px 0px 0px;}
    .promoSpot h3 span {width: 100%  !important;}
    .promoSpot .text { font-size: 14px; padding: 5px 5px 5px 5px; }
    .promoSpot:not(.whitespacePromo2) .itemImage { height: 140px; }
    .promoSpot .icon {display: none !important;}
    .twoItemWrapper > div{padding: 0px;}
    .twoItemWrapper > div:first-child{padding: 0px 5px 0px 0px;}
    .threeItemWrapper > .promoSpot{ 
        float: none;
        width: 280px;
        padding: 0px;
        margin: auto;
    }
    .threeItemWrapper .promoSpot .itemImage,
    .threeItemWrapper .itemImage{ height: 200px !important; width: 260px;}

    /* 768px product listing */
    .categoryTabs{padding-top: 0px; padding-right: 15px;}
    body:not(.textOnlyList):not(.listShowDetails) .productListRow{    
        margin: 60px auto auto -220px;
        margin-top: 60px !important;
        width: 430px;
     }
     .purchasing .shopMain .productListRow {margin-top: 55px;}

     body.purchasing:not(.textOnlyList):not(.listShowDetails) .productListRow{margin:auto;}
     .listShowDetails .productListRow {
        left: 50%;
        margin: 20px auto auto -290px;
        width: 580px;
    }
    .textOnlyList .productListRow {  margin-left: -255px;  width: 540px; }
    .nav-tabs { border-bottom: none; }
    .nav-tabs>li{
        display: inline-block;
        float: none;
        position: relative;
    }
    .nav-tabs>li>a {
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #091f47;
        border-radius: 0;
        padding: 6px 5px;
        margin: 4px;
    }
    .nav-tabs>li>a:hover { background-color: #f9f9f9; border-bottom: 1px solid #091f47; }
    
    .nav-tabs>li.active>a, 
    .nav-tabs>li.active>a:focus,
    .nav-tabs>li.active>a:hover {
        background-color: #f9f9f9; 
        border: none; 
        border-bottom: 4px solid #091f47;
        font-weight: 700;
    }
    .nav-tabs>li>a.expandAllCards,
    .nav-tabs>li>a.showTextView, 
    .nav-tabs>li>a.showTextView:hover, 
    .nav-tabs>li>a.showGalleryView, 
    .nav-tabs>li>a.showGalleryView:hover, 
    .nav-tabs>li>a.showDetailView:hover, 
    .nav-tabs>li>a.showDetailView {
        background-color: transparent;
        border: none !important;  
        /*top: -20px;  */
     }

     .mainListing {padding-left: 0px !important; }
    .resultsHeader,.resultsFilters {
        float: left !important;
        padding-top: 5px;
     }
    .resultsFilters {padding-left: 25px;}
    .purchasing.textOnlyList .itemContentWrapper,
    .itemContentWrapper {
        max-width: 255px;
        /*position: relative;  */
     }
     body:not(.listShowDetails):not(.textOnlyList) .itemContentWrapper { padding:0px 0px 0px 5px; position: relative;  }
     body:not(.listShowDetails):not(.textOnlyList) .detailFlavortext {
       display: none;
       /*
        margin-left: -175px;
        overflow: auto;
        position: absolute;
        top: 225px;
        right: auto;
        width: 440px;
        */
    }
    .textOnlyList .row:not(.cardDetail) .addToCartWrapper{margin-right: -15px;}

    .productDetailTitle { font-size: 16px; }
    /*    body:not(.listShowDetails):not(.textOnlyList) .productItemWrapper {*/
    body.pdtFoils:not(.textOnlyList):not(.listShowDetails) .productItemWrapper,
    body.pdtSingles:not(.textOnlyList):not(.listShowDetails) .productItemWrapper{ 
       margin: 0px auto 60px -212px;
        left: 50%;
        position: relative;
        width: 424px;
    }
    /*body:not(.listShowDetails):not(.textOnlyList) .productItemWrapper {margin-bottom: 125px;}*/
     body:not(.listShowDetails):not(.textOnlyList):not(.cart):not(.sellcart) .productItemWrapper.zoomItem {  margin-left: -280px; }
  
    .zoomItem .addToCartWrapper {left: 310px;}

    body:not(.listShowDetails):not(.textOnlyList) .detailFlavortext td {
        display: block;
        max-height: 80px;
        overflow: auto;
        padding: 0px 5px 0px 5px;   
        
    }
    .zoomItem .productDetailSet, .zoomItem .productDetailTitle {
        width: 120px;
    }

    .textOnlyList .row:not(.cardDetail) .itemAddToCart:before { right: 240px;}
    .textOnlyList .detailWrapper td {width: 165px;}
    .textOnlyList .productDetailType{ margin-left: -15px;}

    .zoomItem .detailFlavortext {display: none;}
    body:not(.listShowDetails) .zoomItem .itemContentWrapper {position: absolute; right: 5px; text-align: right;}
    .zoomItem .itemContentWrapper table {   padding-left: 0px;}

    body:not(.listShowDetails):not(.textOnlyList) .productListWrapper.sealedProduct .productDesc{
        width: 100%;
    
    }
    body:not(.listShowDetails):not(.textOnlyList) .productListWrapper.sealedProduct .productTitle{
        position: absolute;
        top: -23px;
        font-size: 16px;
        font-weight: 500;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;  
        width:100%;
    }
    body:not(.listShowDetails):not(.textOnlyList) .productListWrapper.sealedProduct.gradedMagic .productTitle{
        overflow: initial;
        text-overflow: initial;
        white-space: initial;
    }

    .productListWrapper.sealedProduct.gradedMagic > .productThumb {
        margin-top: 25px;
    }
    body:not(.listShowDetails):not(.textOnlyList) .productListWrapper.sealedProduct.gradedMagic .productAddToCart {
        top: 20px;
    }
    .singleItemRestrictions > div{padding-right: 5px;}
    .productDetailDrillIn {right: 20px;}
    .textOnlyList  .productListWrapper.sealedProduct .productTitle{ width:60%; }

    .oversized.productDetailTitle:after{
        left: -154px;
    }

     /* 768px single product display */

    body.catalog .cardDetail .dropdown-menu {left: 10px;}
    .cardDetail .cardDetailSub {
        width: 45%;
    }
    /*enable to move info to below add-to cart
    .cardDetail .cardDetailInfo {
        position: absolute;
        left: 300px;
        top: 310px;
    }
    */
    .cardDetail .otherVersionWrapper {
        /*margin-left: -300px;*/
        margin-top: -100px;
    }
    .cardDetail .sellCardLink {/*margin:0px;*/ width: 100%;}

    .cardDetailInfo table {margin-bottom: 0px;}
    .cardDetailInfo td {line-height: 1 !important;}

    .singleSealedAddToCart{width: 185px;}

    .singleSealedThumb{    width: 270px;}

     .cardActions {
        /*position: absolute;
        top: 430px;
        left: -280px;
        width: 280px;
        /*top: 455px;
        left: -295px;*/

    }
    .cardActions {
      /*  position: absolute;
        top: 440px;
        width: 300px;
        */
    }

    .cardDetail .cardDetailSub {
    }
    .flipCardWrapper .cardActions {top:480px;}
    .cardActions .btn{ padding: 7px 12px; }
    /*.cardDetail .suggestions h4{margin-top: 80px;}*/
    .cardDetail > .suggestions {margin-top: 520px;}
    .suggestions td {display:inline-block; width: 47%;}
    .cardDetail .cardDetailManageItem{margin-bottom: 105px;/*180px;*/}


    body.pdtSingles:not(.listShowDetails):not(.textOnlyList) .stylePrice{font-size: 20px;    margin-top: -76px;}
    body.pdtSingles:not(.listShowDetails):not(.textOnlyList) .stylePrice strike{ 
        /*display: none;*/
    }
    body.pdtSingles:not(.listShowDetails):not(.textOnlyList) .stylePrice .salePrice{font-size: 20px; top:-48px;}
    


    /*768px promospot*/
    .hasSidebar .container .globalPromo {width: 100%;}
    .subLandingHero .itemImage {
        height: 120px !important;
    }

    /* 768px sell pages */
      .purchasing .shopMain .productListRow { width: 100%; }
    .purchasing .itemRow .productDetailType {}
    .buyList .itemCart {
       position: relative;
    margin-right: auto;
    margin-top: 40px; /*75px;*/
    /* margin-left: 0px; */
    left: 0px
    }
    .purchasing .productListWrapper.sealedProduct .productAddToCart {
        bottom: 20px; 
        top:auto;
    }
    .addToCartFormBulk{  margin:0px 10px 0px -15px;   }
    .purchasing .addToCartByType {margin:0px !important;}
    .purchasing  .itemAddToCart {width: 100% !important; }
    .purchasing .itemRow .productDetailType { left: 120px;/*20px;*/ }
    .purchasing.pdtSellBulk .mainListing,
    .purchasing.pdtSellSealed .mainListing { margin: 0px 5%;width: 90%; }
    .purchasing .itemRow {margin-left: 15px;}

    /*768px Cart Page*/
    .mainCartListing,
    .mainCartSideWrapper{
        display: block;
        width: 100%;    

    }
    .mainCartSideWrapper .shippingCalc {margin-left: 0;     transform: translateX(0%);}
    .mainCartSideWrapper > div{padding-left: 15px;}
    .shoppingCartSummaryTitle{ 
        background-color: #e5e5e5; 
        color:#405577;
        display: block;
        margin-bottom: 15px;
        padding: 5px;
    }
    .mainCartInfo td {padding: 5px;}
    .checkoutButton2{display: block; margin: 15px;}
    body:not(.listShowDetails):not(.textOnlyList) .productListWrapper.sealedProduct .productDesc {
        max-width: 100%;
    }
    
  
    /* 768px Checkout Pages*/
    .checkoutBreadcrumbs{margin: 15px 0px;}
    .ccPaymentWrapper{ margin-left: -291px; }
    .breadcrumbItem {
       background: #fff;
    border-bottom: 1px solid #000;
    display: inline-block;
    color: #091f47;
    margin: 0px 15px 10px 0px;
    padding: 3px 7px 5px 23px;
    position: relative;
    width: 80px;
    }

    .breadcrumbItem:before {
        color: #00073e;
        font-size: 35px;
        position: absolute;
        left: 0px;
        font-weight: 700;
        top: -8px;
    }
    .reviewShipBillWrapper{text-align: center;}
    .mainWrapper > .reviewShipBillWrapper{
        padding: 0px;
        display: block;
        text-align: center;
    }
    .reviewOrderWrapper .table>tbody>tr>td, .reviewOrderForm .table>tbody>tr>td,
    .reviewOrderForm .table>tbody>tr>td:first-child {min-width: 20px; padding:10px;}

    .reviewOrderForm textarea{width: 98%;}


    /*768px gift guide pages*/
    .landingPromoBanner .itemImage {  height: 125px !important; }
    .landingPromoBanner{padding:10px;}
    .giftCategoryWrapper{padding-top:0px; }
    .tccGiftGuideWrapper .giftCategoryWrapper{ padding: 10px;}

    /*768px about and whats new pages*/
    .aboutTitle{margin-top: 0px;}
    .aboutTextBackground{display: none;}
    .aboutWrapper > div {height: 200px; padding-right: 15px; width: 96%;}
    .about1,.about2,.about3{background-position: center;}
    .aboutText{height: auto !important; margin-top: 0px;  width: 96%; }
    .aboutWrapper  p{min-height: 10px; padding-bottom: 25px;}

    /*786px deck builder*/
    .mtgDeckBuilder .nav-tabs {
        border-bottom: 1px solid #ddd;
        display: block;
        margin-left: 15px;
    }
     .mtgDeckBuilder .nav-tabs>li{margin-bottom: -5px;}
     .mtgDeckBuilder .nav-tabs>li>a{
        border-bottom-color: transparent;
        border-radius: 4px 4px 0 0;
        position: relative;
        display: block;
        padding: 10px 15px;
    }
    .mtgDeckBuilder  .nav-tabs>li>a,
    .mtgDeckBuilder  .nav-tabs>li>a:focus, 
    .mtgDeckBuilder  .nav-tabs>li>a:hover{ background-color: transparent;

    }
    .mtgDeckBuilder  .nav-tabs>li.active>a,
    .mtgDeckBuilder  .nav-tabs>li.active>a:focus, 
    .mtgDeckBuilder  .nav-tabs>li.active>a:hover{background-color: #fff; border: 1px solid #ddd; border-bottom: 1px solid #fff;  }

    .mtgDeckBuilder .deckBuilderResultsCol {display: none;}
    .displayBuilderResults.mtgDeckBuilder .deckBuilderResultsCol {display: block;}  

    .mtgDeckBuilder .deckBuilderSearchCol {display: block;}
    .displayBuilderResults.mtgDeckBuilder .deckBuilderSearchCol {display: none;} 
    
    .mtgDeckBuilder .nav-tabs>li>a.showSearchResults{display: none;}

    .showResults .deckBuilderSearchCol {display: none;}

    .showDecklist .deckBuilderResultsCol,
    .showDecklist.displayBuilderResults .deckBuilderResultsCol,
    .showResults .deckBuilderResultsCol {display: block;}

    .showDecklist .deckBuilderResultsCol,
    .showDecklist.displayBuilderResults .deckBuilderResultsCol,
    
    /*.showResults .deckBuilderResultsCol {display: none;}*/

    .displayBuilderResults.mtgDeckBuilder .showInstructions {display: none;}
    .displayBuilderResults.mtgDeckBuilder .nav-tabs>li>a.showSearchResults {display: block;}
    
    .showDecklist.displayBuilderResults.mtgDeckBuilder .deckBuilderSearchCol { display: block;}
    /*768 my account*/
    /*
      .myaccount .wishlist.productItemWrapper.zoomItem{
        width: 100%;
        margin-left: -50% !important;
    }
    */
    /* 768px specialties page */
    .noH1.subLandingHero{    margin-top: -20px; margin-left: -5px;}

}

 @media only screen and (max-width: 576px) {

    .myaccount .wishlist.productItemWrapper.zoomItem{
        width: 100%;
        margin-left: 0px !important;
    }


    .deckBuilderResultsCol .btn-success{left:40%; position: relative;}

    /*576px global*/
    body.hasSidebar:not(.landingPage) .mainWrapper {padding-left: 0px;}
    .modalWrapper .modalDialog{
        left: 0px;
        top: 100px;
        width: 100%;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
    }

    .ckTooltip { min-width: 200px;}

    /*576px myaccount & checkout*/
    .newAddressWrapper{margin:auto; width: 300px;}
    .addressForm label {
        float: none;
        text-align: left;
    } /*used by .myaccount & checkout*/
    .addressForm .formError {margin-right:20px; width: auto;}
    .myaccount .catalogItem{min-height: auto !important;}
    .myaccount .catalogItem.zoomedWrapper{margin-left: -15px; }
    .myaccount .wishlist .inventory,
    .myaccount .wishlist .itemDetails {padding-left: 0px;}
    .myaccount .wishlist .productDetailDrillIn {position: relative !important;right: 0px !important;}
    .wishListRemove {
            top: auto;
        position: relative;
        float: none;
        margin: 15px 0px;
        display: block;
        text-align: left;
        padding: 5px 0px;
        font-size: 15px;
    }
    .myaccount .wishlist.productItemWrapper{
        left: 0px !important;
    }

    .myaccount .wishlist.productItemWrapper{margin:5px auto 0px auto !important;}
    .orderHistoryWrapper {
        margin-top: 15px;
        width: 280px;
        margin: auto;
    }
    .orderHistoryWrapper .table>tbody>tr>td {
        display: block;
        width: 100%;
    }
    .orderHistoryWrapper .table>tbody>tr:first-child{display: none;}

    .orderHistoryWrapper .table>tbody>tr>td:before{display:block; font-weight: 500;}
    .orderHistoryWrapper .table>tbody>tr>td:nth-of-type(1) {font-weight: 700; font-size: 16px;}
    .orderHistoryWrapper .table>tbody>tr>td:nth-of-type(1):before{ content: 'Order ID: '; display: inline; }
    .orderHistoryWrapper .table>tbody>tr>td:nth-of-type(2):before{ content: 'Ship To: '; }
    .orderHistoryWrapper .table>tbody>tr>td:nth-of-type(3):before{ content: 'Order Date: '; }
    .orderHistoryWrapper .table>tbody>tr>td:nth-of-type(4):before{ content: 'Payment Status: '; }
    .orderHistoryWrapper .table>tbody>tr>td:nth-of-type(5):before{ content: 'Ship Status: '; }
    .orderHistoryWrapper .table>tbody>tr>td:nth-of-type(6):before{ content: 'Total: '; }

    /*576px header*/
    .mainMenu{}
    /*.mainMenu #MenuList0,
    .mainMenu .dropdown-menu { left:-40%; }*/
    .addressForm{width: auto;}
    .headerCompanyName{
        /*display: none; OR:*/
        background-size: contain;
        width: 120px;
        left: 54px;
    }

    /*576px footer*/
    .footer .footerLinklist {padding-left: 0px;}
    .footerTopspots * {
        display: inline;
        line-height: 14px;
        text-align: left;
        vertical-align: text-top;
    }
    .footerTopspots > .footerTopspotA,
    .footerTopspots > div {
        display: block;
        height: 85px;
        margin-top: 0px;        
        width: 99%;
    }
    .footerTopspotA .topspotImage {
        left: 50%;
        margin-left: -110px;
        position: absolute;
    }
    .footerTopspotA .topspotHeading{
        display: inline-block;
        padding: 36px 0px 15px 55px;
        text-align: center;
        width: 100%;    
    }
    .footerTopspotA .topspotPrimary a {
        line-height: 18px;
    }
    .footerTopspots > .footerTopspotC{margin-bottom: 0px;}
    .footerTopspots > div {
        display: inline-block;
        margin-top: 30px;
        min-width: 320px;
        width: 50%;
    }
    .footer .footerLocationDetails.col2,
    .footer .footerLocationDetails {
        width: 45%;
    }
    .footer .footerLocationDetails li {
        display: block;
        min-width: 100%;
    }
    .footer .footerLocationDetails .itemTitle {
        display: block;
        font-size: 14px;
        font-weight: 400;
    }
    .topspotPrimary a{line-height: 16px;}
    .topspotSubheading {display: block;  margin: -5px 0px 0px 55px;  }
    .footerTopspotA .topspotPrimary{
        display: block;
        margin-left: 10px;
        margin-top: 15px;
    }
    .footerTopspotC {position: relative;}
    .footerTopspots a {display: block;}

    .footerLinklist .menuList:first-child, .footerLinklist .menuList {
        float:none;
        margin-left: -5%;
        padding-bottom: 10px;
        width: 55%;
    }
    .footer .menuList .btn {padding-bottom: 0px;}
    .footer .footerFooter {margin-top: 30px;    }
    .footer .giftCert{ margin: 20px auto 10px -10px; }
    .footerCallout h2 {
        font-size: 16px;
        line-height: 18px;
        min-height: 65px;
        padding:15px 55px;
    }
    .topspotPrimary {
        display: block;   
        margin: 5px 0px 0px 60px;
     }

     .footer .footerTopspotLocations .topspotSubheading{
         margin-top: -32px;
     }

     .footer .footerTopspotLocations .topspotImage {
         margin-top:0px;
     }
     .footerTopspots .footerTopspotLocations .locationLinks {
         display: inline-block;
     }

    .footer .topspotImage{ display:inline-block;margin-top: 15px;}
    .footer .twitterIcon {right: 5px; top: 20%;} 
    .footer .facebookIcon {left:5px; right: auto; top: 20%;}
    
    /* 576px homepage hero*/
    .homeMainWrapper .mainHero {height: 160px; }
    
    /* 575px slider */
    
    /*.productListSlider .sliderListWrapper {padding-left: 45px;}*/
    .productListSlider .next:hover, 
    .productListSlider .prev:hover {background-color: transparent;}

    .giftCategoryProductList .productListSlider {padding: 0px;}
    .home .giftCategoryProductList .productListSlider .sliderListWrapper {padding-left: 0px;}
    .giftCategoryProductList  .productListSlider .sliderWithControls  .prev { margin-left: -5px; }
    .giftCategoryProductList  .productListSlider .sliderWithControls  .next { right:0px; }
   

     /* 575px promoSpots */    
     .promoSpot h3  {
        padding: 10px 0px 0px 0px;
       font-size: 16px;
    }
    .promoSpot .text{
        display: block !important;
        height: auto;
        font-size: 14px;
        padding: 0px 15px 15px 15px;
    }  
    .whitespacePromo2 .text{width: 220px;}

    .promoSpot .itemImage { height: 120px; top:0px; left:-65px;}
    .promoSpot h3 span{padding-bottom: 3px;}
    .promoSpot .icon {display: none !important;}
   
    .twoItemWrapper > div{
        clear: both;
        width: 320px;
        left: 50%;
        margin-left: -160px;
    }
    .twoItemWrapper > div:first-child{    padding: 0px 0px 30px 0px;}
      .whitespacePromo2 > a { width: 170px;}
    /* 575px product listing */
    .mainListing { padding-left: 0px !important;}
    #sortViewForm{margin-left: auto;}     
    .resultsHeader,
    .resultsFilters {
        font-size: 12px;
        width: 100%;
    }
    .resultsHeader {padding: 0px 0px 0px 5px;}
    .resultsFilters { margin:0px;  }
    .resultsFilters select[name*="sort"] {width: 115px;}
    .pdtSingles .nav > .cardExpandAll {
        right: 0px;
        margin-top: -10px;
    }
    .textOnlyList .productListWrapper.sealedProduct .productAddToCart {margin-top: -10px;}
    /*body:not(.listShowDetails):not(.textOnlyList) .productItemWrapper {*/
        body.pdtFoils:not(.textOnlyList):not(.listShowDetails) .productItemWrapper,
    body.pdtSingles:not(.textOnlyList):not(.listShowDetails) .productItemWrapper{
       margin: 30px auto 60px -155px;
        left: 50%;
        position: relative;
        width: 280px;
    }/*the above is required for mtg list view. if breaking someing, add specifity*/
    .row.wishlist.productItemWrapper{width: 160px !important;}
    .row.wishlist.productItemWrapper .itemThumb{padding-right: 0px;}
    
    body:not(.listShowDetails):not(.textOnlyList) .productItemWrapper.zoomItem { margin-left: -155px;}
    body.cart .productItemWrapper.zoomItem,
    body.sellcart .productItemWrapper.zoomItem { margin-left: -45px !important; z-index: 1;}

    .productItemWrapper.zoomItem .itemContentWrapper {display: none;}


    .listShowCart.listShowDetails:not(.purchasing):not(.myaccount):not(.cart):not(.sellcart) .productItemWrapper{ min-height: 355px;}

     body:not(.listShowDetails):not(.textOnlyList) .row:not(.cardDetail) .addToCartWrapper {
      /*float: none;*/
        float: right;
        margin-top: 0px;
        position: absolute;
        right: -60px;
        top: -115px;
        width: 152px;
    }
    .textOnlyList .row:not(.cardDetail) .addToCartWrapper{margin-right: 10px;}

    body:not(.purchasing):not(.cart):not(.sellcart) .catalogItem{min-height: 200px;}
    .productDetailType {
        margin-top: 0px;
        max-width: 145px;
        padding-left: 15px;
    }
     body:not(.listShowDetails):not(.textOnlyList) .singleItemRestrictions {
       /* margin-top: -15px; */
        right: 0px;       
    }
    .itemContentWrapper{padding-left:0px;position: relative;}
    .shopMain{padding-right: 0px;}
    
    .listShowDetails .productListRow {
        left: 50%;
        margin: 60px auto auto -193px;/*-176px;*/
        width: 392px;
    }
    body:not(.listShowDetails):not(.textOnlyList) .productListRow {
        /*margin-left: 5px;*/
        margin: 95px auto auto -160px;
        width: 320px;
    }

    body:not(.listShowDetails):not(.textOnlyList) .detailWrapper{
        position: absolute;
        top: -215px;
        width: 310px;

    }
    body:not(.listShowDetails):not(.textOnlyList)  .detailWrapper a {
        color: #091f47;
        font-size: 14px;
        overflow: hidden;
        position: absolute;
        text-shadow: 0px 0px 1px #fff;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 148px;        
    }
    body:not(.listShowDetails):not(.textOnlyList) .productDetailTitle {
        display: block;
        line-height: 20px;
        position: absolute;
        text-align: left;
        top: -30px;
        width: 152px;    
    }
   body:not(.listShowDetails):not(.textOnlyList)  .productDetailDrillIn {right: 5px;
    position: absolute;}

    .textOnlyList .productListRow {margin-left: -160px;width: 320px;}

    body:not(.listShowDetails):not(.textOnlyList)  .productDetailSet {
        display: block;
        font-size: 10px;
        margin-left: 0px;
        /* margin-top: 0px; */
        overflow: visible;
        position: absolute;
        text-overflow: ellipsis;
        top: -17px;
        white-space: nowrap;
        width: 144px;

    }

    .listShowDetails .detailWrapper{
        position: absolute;
        top: -207px;
    }

    
    .textOnlyList:not(.cart):not(.sellcart):not(.purchasing) .productItemWrapper {
        padding-bottom: 10px;
    }
    .textOnlyList:not(.purchasing) .itemContentWrapper{width: 320px;}
    .textOnlyList .itemContentWrapper { margin-left: 10%;}
    .purchasing .itemContentWrapper { margin-left: 0px; width:200px;}
    .textOnlyList .row:not(.cardDetail) .addToCartWrapper, 
    .textOnlyList .itemContentWrapper table {
        display: block;
        width: 100%;
     }
     .textOnlyList .productDetailType{
        left: 10%;
        margin-left: 0px;
        margin-top: 35px;
    }
    .textOnlyList .row:not(.cardDetail) .addToCartByType {
        margin: 30px 0px 0px 220px;
        position: relative;
    }
    .textOnlyList .row:not(.cardDetail) .itemAddToCart { width:55%;}
    .textOnlyList .row:not(.cardDetail) .outOfStock .outOfStockNotice {min-width: 100px;}
    
    .listShowDetails .row:not(.cardDetail) .productDetailSet{ top:-22px;}
    .listShowDetails .row:not(.cardDetail) .detailWrapper a{ top:-33px;}

    .pdtSellBulk .productListWrapper > .productDesc{ width: 100%;}
    

    .isMobile .sidePanel.open {
        background-color: #f6f6f6;
        height: 100%;
        width: 95%;
    }

    .oversized.productDetailTitle:after{
        top: 56px;
        left: 2px;
    }

    /* 575px single product display */
    .cardDetail {
           margin-left: -150px;
        width: 300px;
        left: 50%;
        position: relative;
    }
    .cardDetail .otherVersionWrapper {margin-left: 0px;}

   .cardDetail .cardDetailImages, .cardDetail .cardDetailSub {
        width: 100%;
        float: none;
        clear:both;
        padding-left: 0px;/*10%;*/
    }
    .cardDetail .cardDetailImages{margin-top: 160px; padding-right: 15px}
    .cardDetail .addToCartSub{position: initial;}
    body.catalog .cardDetail .addToCartWrapper{position: absolute;top:0px;width: 300px;}
    .cardDetail .otherVersionWrapper{margin-top: 15px;}
    .suggestions td {display:block; width: 100%;}
    .purchasing .productDetailTitle {   width: 235px; }
    body:not(.listShowDetails):not(.textOnlyList) .suggestions .zoomItem {height: 295px !important;}
    body.catalog .cardDetail .dropdown-menu {left: 30px;}
    .listShowDetails .addToCartForm .dropdown-menu {left: -50px;}
    .addToCartForm .qtyList{left:-70px; top:-170px;}


    .sealedProduct{padding-bottom: 60px;}
    body.pdtSealed.textOnlyList .sealedProduct{padding-bottom: 100px;}
    .singleSealedThumb{ margin-left: 10px; }
    .cardDetailInfo .cardActions {
        position: relative;
        margin: 20px 15px;
        top: 0px;
        left: 0px !important;
    }
    /*.cardDetail .suggestions h4{margin-top: -40px;}*/

    .cardDetail .cardDetailManageItem{margin-bottom: 0px;}
    .cardDetail  .suggestions {margin-left: 0px;margin-top: 0px;}
    .cardDetail > .suggestions { padding-top: 0px; }


    /* 575px promospot */
    .subLandingHero .itemImage {height: 85px !important;}
    .promoSpot h3, .promoSpot .text {padding: 1px 10px 0px 10px;}
    .subLandingHero p {padding: 0px 10px;}

    .whitespacePromo.whitespacePromoB,
    .whitespacePromo.whitespacePromoB .itemImage{height: 120px !important}

    /* 575px sell pages */
    .purchasing .itemRow .productDetailType { left: -15px; }
    .purchasing  .addToCartByType{margin:5px 0px 0px -30px !important;}
    .textOnlyList .row:not(.cardDetail) .addToCartButton{ padding-left: 0px;}
    .buyList .itemCart {margin-top: 75px;}
    .purchasing.pdtSellBulk .mainListing,
    .purchasing.pdtSellSealed .mainListing {padding-left:15px !important;}
    .priceGradeGuide {margin-left: 1%;}
    .priceGradeGuide td {width: 25%;}
    
    /* 575px Cart Page */
    .mainCartWrapper  .cartHeader {display: none;}
    .mainCartWrapper .productItemRow .cartImageThumb,
    .mainCartWrapper .productItemRow > span{ 
        padding-top: 50px; 
        position: relative;
    }
    .mainCartWrapper .productItemRow .cartImageThumb{min-height: 160px;}
    .cartHeader .cartProductItemDescription { display: none;}
    .mainCartWrapper .productItemRow {margin-left: 8%;}
    .mainCartWrapper .available {margin-left: -20px;}
    .mainCartWrapper .productItemRow > .cartQty{ }
    .mainCartWrapper .productItemRow > .cartProductItemDescription {
        display: inline-block;
        width: 100%;
        padding-top:0px;
        position: absolute;
        left: 10px;
    }
    .mainCartWrapper .productItemRow > .cartTotal { position: absolute;bottom: 0px;left:123px;padding-top:0px;}
    .mainCartWrapper .productItemRow > .cartPrice { position: absolute;bottom: 20px;left:123px;padding-top:0px;}
    .mainCartWrapper .productItemRow > .cartQty { position: absolute;left:123px;}
    .cartPrice:before{
        content: 'Price:';
        padding-right: 10px;
    }
    .cartTotal:before{
        content: 'Total:';
        padding:0px 10px;
    }
    .cartQty{margin-left: 22px;}
    .cartQty:before{
        content: 'Qty:';
        position: absolute;
        margin-left: -25px;
        margin-top: 3px;
    }
    .addToCartForm .mainCart.qty {font-size:16px;}

    .cart .preorder{margin-top: 138px;position: relative;top: 0px;}
   .mainCartWrapper .productItemRow { margin-bottom: 100px;}

    .sellcart .addItemToCartBulk {top: 23px; left: 59px;}
    .sellcart .removeBulk {    left: 62px; top: 5px;}
    .sellcart .addBulkForm{margin-left: -32px;
    margin-top: -19px;}
   .sellcart .removeBulk .remove{left: 37px;}
   .cartItemStyle{
        position: absolute;
        left: 168px;
        margin-top: -40px;
    }

    .sellcart .foil,
    .cart .foil{ 
        margin-left: 165px;
        margin-top: -13px;
    }
    .sellcart .removeBulk {
        left: 98px;
        top: 5px;
    }
    .sellcart .addToCartForm  .removeBulk .remove{ left:0px; right: auto;}
    .sellcart .addToCartForm .remove{right: 0px;}
    /*body:not(.listShowDetails):not(.textOnlyList) .productItemWrapper {margin-left: 0px} needs more specificity or move to global -mh*/

    /* 575px checkout payment screen */
    .shippingMethodButton{
        left: 5%; 
        padding: 15px 40px 15px 15px;
        width: 90%;
    }
    .storePickupWrapper{left: 5%; width: 90%;}
    .shippingMethodButton:after { right: 10px; }
    .checkoutShippingMethodForm { margin: 5px 5px 5px 0px; }
    .ccPaymentWrapper {
         padding-right: 10px;
        width: 100%;
        margin-left: 0px;
         left: 0px;
    }
    .paymentSelectButton {
        position: relative;
        margin: 0px 0px 5px 10px !important;
    }
    .ccPaymentWrapper label {left: -40px;}
    .ccPaymentWrapper .form-group {margin-bottom: 20px; padding-left: 5px;}
    .ccPaymentWrapper label{     
        left: 0px;
        display: block;
        margin-bottom: 0px;
        padding-left: 10px;
        position: relative;
        text-align: left;
    }
    .ccPaymentWrapper label br {    display: none;}
    .card_cvv .cvv {
        font-size: 12px;
        line-height: 11px;
        display: block;
        position: absolute;
        width: 200px;
        margin: -15px auto auto 110px;
    }
    .card_cvv{margin-top: 0px;}
    .paymentSelectionWrapper .btn{ width: 300px !important; }

    /*576px gift guide pages*/
     .mbhBanner .itemImage,
    .landingPromoBanner .itemImage {
        height: 95px !important;
    }

     /*576px adv search page*/
     .advSearchInstructions .mainWrapper {  /*padding-top: 580px; */}
     .advSearchWrapper .mainListing{display: block; width: 100%;float: none;}
    .advSearchInstructions .mainListing,
     .advSearchInstructions h1 {margin-left: 0px;}

    /*576px about and whats new pages*/
    .videoWrapper {
        height: 160px;
        width: 280px;
        margin-right: 15px;
    }
   .newFeatureList {
        width: 100%; 
        margin: 0px 15px 25px 20px;
    }
    .newFeatureBackground { display: none;}
    .newFeatureList li {margin-top: 30px;}
    .featureImage{
       opacity: .1;
        position: absolute;
        left: 0px;
        margin: -40px 0px 0px 5px;
    }
    .newFeatureList .featureDesc{width: 280px;}
    


}




@media only screen and (max-width: 360px) {
    /*tool tips*/
    .ckTooltip { }
    .ckTooltip.right {margin-left: 60%;}
    .ckTooltip:after, .ckTooltip:before{display: none !important;}

    /* 360px header */
    .input-group .form-control.headerSearchInput { width: 75%;}
    /*.headerMtgLink {left: 140px;}*/
    /*369px footer*/
    .footerTopspots > div { min-width: 300px;}

    .headerCompanyName {width: 85px;}
    /* 360px slider */
    .home .productListSlider .sliderListWrapper {padding-left: 20px;}
    .hotBuyListSlider{padding-left: 40px;}
    .productListSlider .sliderListWrapper .catalogItem > .cardLink.zoomed, .spoilerListSlider .sliderListWrapper .catalogItem > .cardLink.zoomed{margin-left: -103px;}

    /* 360px product listing */
    body:not(.listShowDetails):not(.textOnlyList) .row:not(.cardDetail) .addToCartWrapper {
        right: -52px;
        width: 150px;
    }
    /*body:not(.listShowDetails):not(.textOnlyList) .productItemWrapper {margin-left: 6px}*/
    /*.textOnlyList .productListRow { margin-left: 1%;}*/
    .resultsFilters { padding-left: 5px; }

    #sortViewForm > select:nth-child(2) { max-width: 105px;}
    .listShowDetails .productListRow {
        left: 50%;
        margin: 60px auto auto -120px;
        width: 320px;
    }
    .purchasing .productDetailTitle {   width: 200px; }
    
     /* 360px single product display */
    /*.cardDetail .cardDetailImages, .cardDetail .cardDetailSub {padding-left: 5%; }*/

    /*360px promospot*/
    .promoSpot h3  {
        font-size: 14px;
        /*margin-top: -40px;*/
    }

    /*360px sell page */
    /*.purchasing .itemRow {margin-left: 5px;}*/
    .priceGradeGuide td{ max-width: 120px; }

    /*360px gift guide */
    .landingPromoBanner .itemImage {
        height: 58px !important;
    }
    .mbhBanner .itemImage { height: 55px !important;}
    /* 360px checkout payment screen */

    .paymentSelectButton {
            margin: 0px 0px 5px 5px !important;
        width: 285px  !important;
    }


}


/*disable if too small*/
@media only screen and (max-width: 300px) {
    .miniHeaderMenuIcon,
    .mainMenu,
    .headerLinks{ display: none !important; }
}


/* sad, sad firefox hack:*/
@-moz-document url-prefix() { 
    .footerLinklist .menuList{ margin: 0px 8px; } /* tighten the footer menu, to allow for the default zoom level on some systems */
    .footer .footerLinklist.f3{text-align:center;}
    
    @media only screen and (max-width: 767px) {
        .footerLinklist .menuList{ margin-left:30px; }
        .footerLinklist.f3 .menuList:nth-child(3){
            clear:both;
        }
    }
    
    @media only screen and (max-width: 576px) {
         .footer .footerCallout.f2{margin-top:160px;} 
    }
}