html { 
    scroll-behavior: smooth; 
  }


:root {
    --color-white :white;
    --color-alice-blue :#E1EDF2;
    --color-primary-red :#FF0000;
    --color-primary-blue :#005377;
    --color-light-grey :#E3EBEE;
    --color-dim-grey : #99a1a9;
    --color-neutral-grey :#C0C7CA;
    --color-neutral-black :#090D0F;
    --color-error-red :#FD2D2D;
    --color-warning-orange :#FF6A12;
    --color-info-blue :#1372A2;
    --color-success-green :#4EC032;
    --color-alert-green :green;

    --color-campaign-blue : #1890FF;    
    --color-campaign-yellow : #FAAD14;
    --color-campaign-red : #F5222D;    
    --color-campaign-green : #52C41A;    
    --color-campaign-orange :#FF6A12;


  }

body{
    /* background-color: var(--color-neutral-black); */
    max-width: 100%; 
    margin: 0 auto !important; 
    float: none !important; 
    font-family: 'Inter', sans-serif;
    font-family: 'Montserrat', sans-serif;

}

.bodyblue{
    background-color: var(--color-alice-blue);
}

.announce{
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: var(--color-primary-blue);
    color: white;
    z-index: 100;
    width: 100%;
    height: 30px;
    text-align: center;
    
}


.blinking {

    animation: opacity 3s ease-in-out infinite;
    opacity: 1;
}

.loader-spinner {
    border: 4px solid #f3f3f3; /* Light grey */
    border-top: 4px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 16px;
    height: 16px;
    animation: spin 2s linear infinite;
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

  @keyframes opacity {
    0% {
      opacity: 1;
    }
  
    50% {
      opacity: 0
    }
  
    100% {
      opacity: 1;
    }
  }


.alert-danger{
    color: var(--color-error-red);
    padding-left: 2px;
    background-color: transparent;
    border: 0;
}


.alert-success{
    color: var(--color-alert-green);
    padding-left: 2px;
    background-color: transparent;
    border: 0;
}

.container{
    width: 90%; 
    margin: auto;
    overflow: hidden;
    /* min-height: 1000px; */
}

.container a {
    text-decoration: none;
}

hr.new {
    border: 1px solid gray;
    opacity: 30%;
  }

/* FONTS */
h1{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 49px;
    letter-spacing: 1px;
    color: var(--color-neutral-black);
}

h2{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    letter-spacing: 1.2px;
    color: var(--color-neutral-black);
}

h3{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 1px;
    color: var(--color-neutral-black);
}

h4{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 1px;
    color: var(--color-neutral-black);
}

h5{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 1px;
    color: var(--color-neutral-black);
}

h6{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.5px;
    color: var(--color-neutral-black);
}

.font-normal{

    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 0.25px;
    /* color: var(--color-neutral-black); */
}

.font-normal-i{
    font-family: 'Inter';
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 0.25px;
    /* color: var(--color-neutral-black); */
}


.font-bold{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 0.25px;
    /* color: var(--color-neutral-black); */
}

.font-bold-mont{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 26px;
    letter-spacing: 0.25px;
    /* color: var(--color-neutral-black); */
}

.font-normal-mont{

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    /* color: var(--color-neutral-black); */
}

.btn-deep-blue{
    background-color: #005377;
    color: white;
}

.btn-deep-blue-sm{
    background-color: #005377;
    color: white;
    border-radius: 5px;
    font-size: 12px;
    padding: 2px 15px 2px 15px;
}

.btn-deep-blue-lg{
    background-color: #005377;
    color: white;
    border-radius: 6px;
    font-size: 12px;
    padding: 5px 20px 4px 20px;
}

.btn-deep-blue-lg:hover{
    border: var(--color-light-grey);
    background-color: var(--color-info-blue);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.btn-transparent-sm{
    
    background-color: transparent;
    color: #005377;
    border-radius: 4px;
    border: 1px solid #005377;
    font-size: 10px;
    padding: 2px 20px 2px 20px;
    font-weight: bold;
    margin-right: 10px;
}


.btn-transparent-lg{
    background-color: transparent;
    color:  #005377;
    border-radius: 4px;
    border: 1px solid #005377;
    font-size: 12px;
    padding: 5px 20px 4px 20px;
}


.btn-transparent-lg:hover{
    border: var(--color-light-grey);
    background-color:  var(--color-light-grey);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.text-white{
    color: var(--color-white);
}
.text-secondary{
    color: var(--color-neutral-grey);
}
.text-muted{
    color: gray;
}
.text-discount{
    text-decoration: line-through;
    color: gray;
}

select {
    border: 0;
    outline: 0;
    background-color: transparent;
  }

  .btn-transparent{
    border: 0;
    outline: 0;
    background-color: transparent;
  }

.clearfix{
    clear: both;
  }

*[disabled] {
    pointer-events: none !important;
}

.position-float-right{
    float: right;
    margin-right: 10px;
}

.topwrapper{
    margin: 140px auto 0;
    width: 980px;
    /* border: 2px solid blue; */

}

.topbar{
    position: fixed;
    max-width: 100%;
    top: 0px;
    background-color: var(--color-white);
    padding: 40 0 16 0;
    max-height: 110px;
    z-index:99; 
    vertical-align: middle;

    /* border: 2px solid red; */
}


.malllogocontainer{
    float: left;
    width: 30%;
    text-align: left;
    height: 100%;
    padding-left: 2%;
    /* border: 1px solid red; */
  }


.malllogocontainer img{
    max-height: 90%;
    max-width: 90%;
    /* border: 1px solid green; */
}

.searchbar-container {
    background-color: var(--color-alice-blue);
    margin-top:8px;
    /* border: 1px solid red; */
}
.searchbar-container:focus-within {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.19);
}



.searchbar-button{
    height: 33px;
    background-color: var(--color-alice-blue);
    color: var(--color-primary-blue);
    border: 0;
    box-shadow: none;
    font-size: small;
}

.searchbar{
float: left;
margin-bottom: auto;
width: 40%;
text-align: center;
border: 0;
}

.search_input{
    background-color: var(--color-alice-blue);
    color: var(--color-primary-blue);
    border: none;
    font-size: small;
    cursor:text;
}

.search_input:focus{

    background-color: transparent;
    resize: none;
    outline: none;
    outline-width: 0;
    box-shadow: none;

}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--color-primary-blue) !important;
    opacity: 1; /* Firefox */
  }

  .block-grp{
    display: inline-block;
    color: var(--color-info-blue);
  }



.loginbar{
float: left;
margin-top:10px;
width: 30%;
font-size: small;
padding-right: 2%;
padding-left: 8%;
text-align: left;
/* border: 1px solid red; */
}


.loginbar a{
  display: inline-block;
  text-decoration: none;
  /* border: 1px solid green;   */
  padding-right: 24px;
}

.icon,
.icontext {
  vertical-align: middle;
  display: inline-block;
}

.cartbadge{
    position: absolute;
    margin-left: 16px;
    width: 18px;
    height: 18px;
    padding: 5px;
    text-align: center;
    font-size: 10px;
    line-height: 6px;
    color: var(--color-white);
    background-color: var(--color-error-red);
    border: 1px solid var(--color-alice-blue);
    border-radius: 50%;
    z-index: 99;
}

.dropdown-toggle{
    border: 0;
    color: var(--color-info-blue);
    background-color: transparent;
    /* border: 1px solid black; */
    /* margin-right: 40px; */
}

.dropdown a{
    color: #005377 !important;
    font-size: small;
}



.navtable{
    position: fixed;
    background-color: var(--color-neutral-black);
    font-size: small;
    margin-bottom: 0;
    top: 100px;
    z-index:97; 
}


.navtable-td{
    height: 40px;
    text-align: center;
}


.navtable-td a{
    color: white;
    text-decoration: none;
}

.navtable-td:hover{
    color: white;
    text-decoration: none;
    background-color: var(--color-primary-red);
}

.navtable-td:active{
    color: white;
    text-decoration: none;
    background-color: var(--color-primary-red);
}

.carousel{
    width: 100%;
    /* border: 2px solid green; */
}

.carousel-inner img {
    margin: auto;
    width: 100%;
  }

.carouselleft{
    position: absolute;
    top: 45%;
    color: black;
}

.carouselright{
    position: absolute;
    top: 45%;
    left: 85%;
    color: black;
}


footer {
    clear: both;
    position: relative;
    height: 280px;
    background-color: var(--color-neutral-black);
    text-align: center;
    bottom: 0;
    width: 100%;
}

.backtotop{
    text-decoration: none;
}
.backtotop:hover{
    text-decoration: none;
}

.backtotopdiv{
    text-decoration: none;
    width: 100%;
    background-color: gray;
    height: 32px;
    text-align: center;
    line-height: 32px;
    top:0;
}

.recaptcha-right{
    float: right;
}


/* PRODUCT DISPLAY */

.reel-titlebar{
    display: inline-block;
    width: 90%;
    margin: 0 5% 0 5%;
}

.reel-title{
    float: left;
    width: 50%;
}


.scrollme{
    margin: 0 5% 0 5%;
    overflow-x: auto; /* or scroll */
    white-space: nowrap;
    width: 90%;
}

.scrollme::-webkit-scrollbar {
    width: 1px;
}
.scrollme::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
  }
.scrollme::-webkit-scrollbar-thumb {
    background: darkgrey;
    border-radius: 10px;
  }



  .categoryanchor{
    position: relative; 
    top: -116;
  }

/* 
.reel-slider{
    float: left;
    width: 50%;
    text-align: right;
    margin-top: 15px;
}

#slideLeft{
    height: 28px;
    width: 28px;
    background-color: transparent;
    border-radius: 50%;
}

#slideRight{
height: 28px;
width: 28px;
background-color: transparent;
border-radius: 50%;
} */

  .seemore{
    float: right;
    background-color: var(--color-primary-blue);
    border: 1px solid white;
    border-radius: 4px;
    width: 100px;
    color: var(--color-white);
    padding: 5px;
    text-align: center;
  }


  .table-responsive{
    border:0;
  }
/* PRODUCT DISPLAY - SMALL REEL */

.prodcard-sm {
position: relative;
display: flex;
flex-direction: column;
word-wrap: break-word;
background-clip: border-box;
padding: 5%;
width: 139px;
}

.prodcard-img-sm{
width: 100%;
border: 1px solid var(--color-neutral-grey);
border-radius: 3px;
height: 129px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.prodcard-img-sm:hover{
    border: 2px solid var(--color-neutral-black);
}

.prodcard-body-sm {
flex: 1 1 auto;
padding: 1rem 1rem;
height: 70px;
}


.prodcard-title-sm{
font-family: 'Inter';
font-style: normal;
font-weight: 300;
font-size: 12px;
line-height: 14px;
letter-spacing: 0.25px;
color: var(--color-neutral-black);
}



/* PRODUCT DISPLAY - MEDIUM REEL */

.prodcard-md {
position: relative;
display: flex;
flex-direction: column;
word-wrap: break-word;
background-clip: border-box;
vertical-align:top;
padding: 3%;
width: 199px;
/* border: 1px solid green; */
}

.prodcard-img-md{
width: 100%;
border: 1px solid var(--color-neutral-grey);
border-radius: 3px;
height: 180px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.prodcard-img-md:hover{
    border: 3px solid var(--color-neutral-black);
}

.prodcard-body-md {
flex: 1 1 auto;
padding: 1rem 1rem;
min-height: 116px;
/* border: 1px solid red; */
}

.prodcard-title-md{
font-family: 'Inter';
font-style: normal;
font-weight: 300;
font-size: 12px;
line-height: 14px;
letter-spacing: 0.25px;
color: var(--color-neutral-black);
 }



/* PRODUCT DISPLAY - LARGE REEL */

.prodcard-lg {
position: relative;
display: flex;
flex-direction: column;
word-wrap: break-word;
background-clip: border-box;
vertical-align:top;
padding: 3%;
width: 269px;
}

.prodcard-img-lg{
width: 100%;
border: 1px solid var(--color-neutral-grey);
border-radius: 0.35em;
height: 239px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.prodcard-img-lg:hover{
    border: 4px solid var(--color-neutral-black);
}

.prodcard-body-lg {
flex: 1 1 auto;
padding: 1rem 1rem;
height: 70px;
}

.prodcard-title-lg{
font-family: 'Inter';
font-style: normal;
font-weight:lighter;
font-size: 12px;
line-height: 14px;
letter-spacing: 0.25px;
color: var(--color-neutral-black);
}
    
.bg-neutralgray{
    background-color: var(--color-neutral-grey);
}

/* PRODUCT LIST  */

.prodcard-list {
    position: relative;
    display: flex;
    flex-direction: column;
    word-wrap: break-word;
    background-clip: border-box;
    vertical-align:top;
    width: 199px;
    /* border: 2px solid white; */
    /* background-color: white; */
    /* border-radius: 6px; */
    }
    
    .prodcard-img-list{
    width: 100%;
    border: 1px solid var(--color-neutral-grey);
    border-radius: 0.35em;
    height: 189px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
    
    .prodcard-img-list:hover{
        border: 3px solid var(--color-neutral-black);
    }
    
    .prodcard-body-list {
    flex: 1 1 auto;
    padding: 1rem 1rem;
    height: 90px;
    }
    
    .prodcard-title-list{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0.25px;
    max-width: 40px;
    white-space: normal;
    color: var(--color-neutral-black);
     }
    

/* PRODUCT LIST FOR MOBILE */

.prodcard-list-mob {
    position: relative;
    display: flex;
    flex-direction: column;
    word-wrap: break-word;
    background-clip: border-box;
    vertical-align:top;
    width: 160px;
    /* border: 2px solid white;
    background-color: white;
    border-radius: 6px; */
    }
    
    .prodcard-img-list-mob{
    width: 100%;
    border: 1px solid var(--color-neutral-grey);
    border-radius: 0.35em;
    height: 156px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
    
    .prodcard-img-list-mob:hover{
        border: 3px solid var(--color-neutral-black);
    }
    
    .prodcard-body-list-mob {
    flex: 1 1 auto;
    padding: 1rem 1rem;
    height: 90px;
    }
    
    .prodcard-title-list-mob{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0.25px;
    max-width: 40px;
    white-space: normal;
    color: var(--color-neutral-black);
     }
    
.gridme-mob{
    text-align: center;
    display: grid;
    /* grid-template-columns: repeat(3, 1fr);  */
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    grid-gap: 3px;
    justify-content: center;
    margin: 0 5% 0 3%;
}

.gridme{
    text-align: center;
    display: grid;
    /* grid-template-columns: repeat(3, 1fr);  */
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-gap: 3px;
    justify-content: center;
    margin: 0 5% 0 5%;
}


/* CAMPAIGNS */
.campaignbadge-container{
    position: absolute;
    color: var(--color-white);
    font-family: 'Inter';
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0.15px;
    white-space: nowrap;
    border-radius: 0.25rem;
    vertical-align: bottom;
}

.campaign-container-md {
    top: 1rem;
    left: 1rem;
}

.campaign-container-lg{
    top: 1.5rem;
    left: 1.5rem;
}

.campaign-container-list{
    top: 0.5rem;
    left: 0.5rem;
}


.preorderbadge {
    border-radius: 3px;
    width: 75px;
    overflow: hidden;
    padding: 4px 10px 4px 8px;
    background-color: var(--color-campaign-orange);
    transition: width 1s;
    text-align: left;
    font-size: 10px;
    }
    .preorderbadge:empty {
    display: none;
    }



.discountbadge {
    margin-top: 3px;
    border-radius: 3px;
    width: 30px;
    overflow: hidden;
    padding: 4px 10px 4px 10px;
    color: white;
    /* background-color: var(--color-campaign-yellow); */
    background-color: var(--color-campaign-red);
    transition: width 1s;
    text-align: left;
}

.discountbadge:hover {
  width: 100%;
}

.discountbadge:empty {
display: none;
}



.rewardsbadge {
margin-top: 3px;
border-radius: 3px;
width: 30px;
overflow: hidden;
padding: 4px 10px 4px 10px;
background-color: var(--color-campaign-green);
/* background-color: var(--color-campaign-blue); */
transition: width 1s;
text-align: left;
}

.rewardsbadge:hover {
    width: 100%;
    }
.rewardsbadge:empty {
display: none;
}


.merchbadge {
    margin-top: 3px;
    border-radius: 3px;
    width: 30px;
    overflow: hidden;
    padding: 4px 10px 4px 8px;
    /* background-color: var(--color-campaign-red); */
    background-color: var(--color-campaign-yellow);
    transition: width 1s;
    text-align: left;
}

.merchbadge:hover {
    width: 100%;
    }
.merchbadge:empty {
display: none;
}


.freeshipbadge{
    margin-top: 3px;
    border-radius: 3px;
    width: 30px;
    overflow: hidden;
    padding: 4px 10px 4px 8px;
    color: white;
    /* background-color: var(--color-campaign-green); */
    background-color: var(--color-campaign-blue);
    transition: width 1s;
    text-align: left;
}
.freeshipbadge:hover {
    width: 100%;
    }
.freeshipbadge:empty {
display: none;
}


.shoptopbar{ 
    /* margin-top: 105px; */
    display: grid;
    grid-template-columns: 1fr 3.475fr;
    vertical-align: middle;
}

.shoplogo-img{
    width: 100%;
}


.shopbanner-img{
    width: 100%;
}

.shop-layout{      
    display: grid;
    grid-template-columns: 0.75fr 5fr;
    gap: 1px;
    margin: 0;
    padding: 0;
}


.form-container-sm{
    max-width: 500px;
}

.form-container-md{
    max-width: 700px;
}

.form-container-lg{
    max-width: 1000px;
}
.input-form{

    background-color: white;
    padding: 5%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.input-form input{
    background-color: var(--color-alice-blue);
    
}

.input-form select{
    background-color: var(--color-alice-blue);
    
}

.column {
    float: left;
    width: 40%;
    padding: 10px;
  }
  .column-details{
    padding-left: 30px;
    width: 60%;
  }

  .arrow-left-container {
    background-color: var(--color-light-grey);
    position: sticky;
    top: 420px;
    float: left;
    cursor: pointer;
    font-weight: bold;
    font-size: 30px;
    border-radius: 0 3px 3px 0;
    color: var(--color-primary-blue);
    opacity: 30%;
    padding: 8px 20px 8px 8px;
    border: solid 1px blue;
  }

  .arrow-left {
    opacity: 50%;
  }


  .arrow-right-container {
    background-color: var(--color-light-grey);
    position: sticky;
    top: 420px;
    float: right;
    cursor: pointer;
    font-weight: bold;
    font-size: 30px;
    border-radius: 0 3px 3px 0;
    color: var(--color-primary-blue);
    opacity: 30%;
    padding: 8px 8px 8px 16px;
    border: solid 1px blue;
  }

  .arrow-right {
    opacity: 50%;
  }



    /* Next & previous buttons */
    .prod-prev,
    .prod-next {
      cursor: pointer;
      position: sticky;
      top: 45%;
      width: auto;
      padding: 14px;
      margin-top: 20px;
      color: var(--color-primary-blue);
      font-weight: bold;
      font-size: 20px;
      border-radius: 0 3px 3px 0;
      user-select: none;    
      -webkit-user-select: none;
      background-color: var(--color-light-grey);
      opacity: 50%;
    }

    .prod-next{
        float: right;
    }

    .prod-prev{
        float: left;
    }
    
    /* On hover, add a black background color with a little bit see-through */
    .prod-prev:hover,
    .prod-next:hover {
      background-color: var(--color-light-grey);
      text-decoration: none;
    }
    

    .prodvariant{
      border-radius:5px;
      display:inline-block; 
      background: white; 
      padding: 0 10px 0 10px ;
      cursor:pointer;
      border: 1px solid;
      /* border-color: var(--color-neutral-black); */
      text-align: center;
      margin-right: 5px;
      margin-bottom: 5px;
      /* color: var(--color-neutral-black); */
    }

    .prodvariant:hover{
        border:0;
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.19);
    }

        .prodvariant-highlight {
            background-color: #005377;
            color: white;
            border:0;
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.19);
        }

    .prodvariantnostock{
      border-radius:3px;
      display:inline-block; 
      background: lightgray; 
      padding:2%;
      cursor:pointer;
      margin:1%;
      min-width: 95%;
    }


    /* used on the product page */
    .qtyselector-container {
       width: 100px;
       background-color: white;
       border: #090D0F solid 1px;
       border-radius: 3px;
       text-align: center;
       font-size: medium;

    }

    /* used on the cart page */
    .qtyselector-cart-container {
        width: 92px;
        height: 32px;
        background-color: white;
        border: #090D0F solid 1px;
        border-radius: 3px;
        text-align: center;
        font-size: medium;
     }

    .qtyselector-number {
        border: 0;
        text-align: center;
        width: 25px;
        vertical-align: middle;
    }

    .qtyselector-minus {
        display: inline-block; 
        border-right: #090D0F solid 1px;
        padding: 4px 10px 4px 10px;
    }

    .qtyselector-plus {
        display: inline-block; 
        border-left: #090D0F solid 1px;
        padding: 4px 10px 4px 10px;
    }

   
 
     .qtyselector-cart-number {
        display: inline-block;
        vertical-align: top;
        height: 30px;
        margin-left: 8px;
        border-right: #090D0F solid 1px;
        border-left: #090D0F solid 1px;
     }

     .qtyselector-cart-number input{
         width: 30px;
         height: 28px;
         padding-top: 3px;
         padding-left: 8px;
         /* vertical-align: top; */
         border: 0;
         line-height: 24px;
     }
 
     .qtyselector-cart-minus {
        display: inline-block;
        vertical-align: top;
        all: unset;
        cursor: pointer;
        padding-left: 10px;
        padding-top: 3px;
     }
 
     .qtyselector-cart-plus {
        display: inline-block;
        vertical-align: top;
        all: unset;
        cursor: pointer;
        padding-left: 4px;
        padding-top: 3px;
     }
 

    .similarsdiv {
        background-color: var(--color-dim-grey);
        border-top: 2px solid var(--color-neutral-grey);
    }


    .related-tags{
        margin-left: 5%;
        padding-top: 2%;
        padding-bottom: 2%;

    }

    /* .shipping-form {
        background-color: white; 
        border-radius:5px;
        font-size: small;
    } */

    .shipping-form input{
        background-color: var(--color-alice-blue);
        color: var(--color-info-blue);
    }
  
    .shipping-form-address {
        background-color: var(--color-alice-blue);
        display: inline-block; 
        max-width: 250px;
        border-radius: 5px;
        padding: 8px 20px 4px 20px;
        margin-right: 2%;
        margin-bottom: 1%;
        color: var(--color-info-blue);
    }


.column-rewards {
    float: left;
    width: 49%;
    background-color: white;
    border-radius: 5px;
    padding: 10px 10px 10px 10px;
    height: 100px;
  }
  .column-promo{
    float: right;
    background-color: white;    
    width: 49%;
    border-radius: 5px;
    padding: 10px 10px 10px 10px;
    height: 100px;   
  }

 
  .order-receipt-container {
    margin-top:2%; 
    background-color:white; 
    border-radius:10px; 
    padding: 2% 0 2% 0;
  }

  .order-receipt-item {
    display: inline-block; 
    text-align: left;
    border-left: 2px solid var(--color-neutral-grey);
    padding: 0 2% 0 2%;
  }

  .order-details-container {
    background-color: white; 
    border-radius:10px;
    text-align: center;
  }

  .order-details-table td {
    border-style : hidden!important;
   }


  .order-details-table tr {
    border-style : hidden!important;
   }

   .mobile-store-filters{
    /* border: 1px solid green; */
    padding: 0 5% 0 5%;
   }

   .mobile-store-filters-item{
    display: inline-block;
    padding: 0 5% 0 0%;
   }
  

  @media screen and (max-width: 900px) {
    .column {
      width: 100%;
    }
    .column-rewards {
        width: 100%;
      }
      .column-promo{
          width: 100%;
      }
  }

  /* Extra small devices (phones, 300px and down) */
  @media only screen and (max-width: 300px) {
      .footercontainer{
      min-height: 280px;
      }
}

  /* Extra small devices (phones, 300px and down) */
  @media only screen and (min-width: 75px) {

      .footercontainer{
      min-height: 280px;
      }

}



  /* Extra small devices (phones, 300px and down) */
@media only screen and (min-width: 370px) {

    /* .topbar{
        min-height: 160px;
    } */

    /* .topbarcontainer{
        min-height: 210px;  
      } */
      .footercontainer{
      min-height: 280px;
      }

}

 /* Extra small devices (phones, 300px and down) */
 @media only screen and (min-width: 480px) {

      .footercontainer{
      min-height: 280px;
      }

}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

      .footercontainer{
      min-height: 280px;
      }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 668px) {
  
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) { 


}