/* user.css ----------------------------------------------------------------- */

@font-face 
{
    font-family: 'geosanslightregular';
    src: url('../products/ext/fonts/geosanslight-webfont.eot');
    src: url('../products/ext/fonts/geosanslight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../products/ext/fonts/geosanslight-webfont.woff2') format('woff2'),
         url('../products/ext/fonts/geosanslight-webfont.woff') format('woff'),
         url('../products/ext/fonts/geosanslight-webfont.ttf') format('truetype'),
         url('../products/ext/fonts/geosanslight-webfont.svg#geosanslightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'geosanslightmedium_italic';
    src: url('../products/ext/fonts/geosanslight-oblique-webfont.eot');
    src: url('../products/ext/fonts/geosanslight-oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../products/ext/fonts/geosanslight-oblique-webfont.woff2') format('woff2'),
         url('../products/ext/fonts/geosanslight-oblique-webfont.woff') format('woff'),
         url('../products/ext/fonts/geosanslight-oblique-webfont.ttf') format('truetype'),
         url('../products/ext/fonts/geosanslight-oblique-webfont.svg#geosanslightmedium_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'bradley_hand_itcregular';
    src: url('../products/ext/fonts/bradhitc-webfont.eot');
    src: url('../products/ext/fonts/bradhitc-webfont.eot?#iefix') format('embedded-opentype'),
         url('../products/ext/fonts/bradhitc-webfont.woff2') format('woff2'),
         url('../products/ext/fonts/bradhitc-webfont.woff') format('woff'),
         url('../products/ext/fonts/bradhitc-webfont.ttf') format('truetype'),
         url('../products/ext/fonts/bradhitc-webfont.svg#bradley_hand_itcregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'bradley_hand_itc_ttregular';
    src: url('../products/ext/fonts/bradhi-webfont.eot');
    src: url('../products/ext/fonts/bradhi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../products/ext/fonts/bradhi-webfont.woff2') format('woff2'),
         url('../products/ext/fonts/bradhi-webfont.woff') format('woff'),
         url('../products/ext/fonts/bradhi-webfont.ttf') format('truetype'),
         url('../products/ext/fonts/bradhi-webfont.svg#bradley_hand_itc_ttregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* set a max-width for horizontal fluid layout and make it centered */
body {
  overflow-x: hidden;    /*SWW Turning horizontal scrollbar off */
  /*https://stackoverflow.com/questions/4192277/disable-horizontal-scroll-on-mobile-web*/
  width: 100%;
  font-size: calc(14px + 0.4vw);  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* Linuxuk HTTP Error  IP Trap    */
a.Ban {font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #0033FF; font-weight:bold; }
a.Ban {font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #0033FF; font-weight:bold; }
a.Ban:hover {font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #0033FF;font-weight:bold; }
/* Linuxuk HTTP Error  IP Trap  end  */
.mainbody {
   padding-bottom:15px;   
}
.normal-login {
  display: inherit;  
}
.small-login {
  display: none;  
}
.my-asterisk::before {
  font-size: calc(10px + 0.2vw) !important; 
  vertical-align: middle !important;
}
.easyshop {
  font-size: calc(10px + 0.2vw);   
} 
.copyright {
  font-size: calc(8px + 0.2vw);   
}
.categories {
  font-size: calc(11px + 0.3vw);
  max-width: 600px!important;  
}
.lp_subtitle {
    margin-top:3px;
    margin-bottom:3px;
    color: deeppink;
    color: rgba(255,20,147,1);        
    font-size: calc(13px + 0.4vw);
    white-space: nowrap;
    overflow: hidden;
}  
.justify-content-center {
  display: flex;    
   -ms-flex-pack: center !important;
   justify-content: center !important; 
}
.panel-heading {
 /* font-family: Verdana; 
  font-weight: bold;   
  */   
  /*  background-color: #ff6699 !important; 
    background-color: #f2f2f2 !important;   
    2CB5BB  DDCFAC  EE9C78  ffff99   B1DA8F
    74BC9D
    */
    background-color: #74BC9D !important;
    
}
.banner_pad_left {
  padding-left: 0px;     
}
.well {
  background-color: #f2f2f2 !important;
}
.list-group-item-text {
   font-size: calc(12px + 0.3vw); 
   font-weight: normal;  
}
.navbar-collapse {
 /* padding-left: 3px;  
  padding-right: 3px; */
}
#columnLeft, #columnRight{
  font-size: calc(12px + 0.3vw);  
}
.carousel-control.left, .carousel-control.right {
  background: none !important;
  filter: progid: none !important;
  outline: 0;
   @include reset-filter();
 }
.carousel .carousel-control {
  visibility: hidden;
}
.carousel:hover .carousel-control {
  visibility: visible;
} 
#bodyContent { 
    padding-left:10px;
    padding-right:10px;
}   
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  max-width: 1400px !important; /* or 950px */
}

.productHolder {
  background-color: white;
  min-height: 185px !important; 
  min-width: 225px !important; 
  max-width: 425px !important; 
  overflow: hidden;
  margin-bottom: 10px;
}

img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
    
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
    
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

.img-responsive {
    width: 100%;
  /*   width: auto;  this makes images full size 
    height: auto;               */
    max-width: 500px !important; 
}
 /*Go Top Button*/
.go-top {   
    /*https://codepen.io/yying6/pen/yGhHu  */
    z-index:1000;
    position: fixed;
    bottom: 2em;
    right: 2em;
    text-decoration: none !important;
    color: white;
    background-color: rgba(0,205,200,0.4);
    font-size: 12px;
    font-weight:bold;
    padding: 1em;
    display: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:6px;    
}

.go-top:hover {
    background-color: rgba(0,205,200,0.8);
    text-decoration: none !important;
}
.go-top:visited {
    background-color: rgba(0,205,200,0.4);
    text-decoration: none !important;
    color: white;
}
/*Go Top Button end*/
/*Go Coupon Button*/

.go-coupon {   
    /*https://codepen.io/yying6/pen/yGhHu  */
    width: 143px;
    z-index:1000;
    position: fixed;
    top: 20em;  /* Hopefully above Go Top original top: 25em;  */
    right: 3%;
    text-decoration: none !important;
    color: white;
    background-color: rgba(207, 14, 223, 0.7);
    font-size: 18px;
    font-weight:bold;
    padding: 1em;
    display: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:6px;    
}
.go-coupon:hover {
    background-color: rgba(207, 14, 223, 0.8);
    text-decoration: none !important;
}
.go-coupon:visited {
    background-color: rgba(207, 14, 223, 0.4);
    text-decoration: none !important;
    color: white;
}
@media screen and (max-width: 499px) {
    .go-coupon {   
        /*https://codepen.io/yying6/pen/yGhHu  */
        top: 25em;
        right: 5%;
    }    
    
}
/*Go Coupon Button end*/
  
.cat-label {
   max-width: none !important; 
}
#piGalImg_2 {
   width: 100px !important;
   height: 100px !important;    

}
#piGalImg_3 {
   width: 100px !important;
   height: 100px !important;    

}
#piGalImg_4 {
   width: 100px !important;
   height: 100px !important;    

}
.myinfoBox, .buttonBox {
  padding-top: 10px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 10px;
  vertical-align:middle;
  background:#F0F0F0;  /* f8f8f9 - from orig PediPro.com     E6E6E6 EBEBEB */
  border: thin;
  border-color: #000;
  border-style: solid;
}

.buttonBox {
    display: table-cell;
    vertical-align:middle;
    height:55px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 6px;
    margin-right: 6px;
}

.buttonBoxDropDown {
    float: left;
    vertical-align:middle;
    padding-top:5px;
    padding-left:5px;
    line-height: 20px;
}
.txtnum {
  width: auto !important;  
}
.txt-btn {
   border:0 !important; 
   font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;   
   display: inline-block;
}
.btn-box {
    min-height: 80px !important ;
    height: 80px !important ;
    border:0 !important; 

}
.btn-back {
    margin-left:10px;
    margin-right:10px;
    padding-top: 6px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 6px;
    vertical-align:middle;
    background:#F0F0F0;  /* f8f8f9 - from orig PediPro.com     E6E6E6 EBEBEB */
    border: thin;
    border-color: #000;
    border-style: solid;
}
.btn-mini {
  border: thin;
  border-color: #000;
  border-style: solid;
  padding: 0 6px;
  font-size: 10.5px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
.btn-small {
    border: thin;
    border-color: #000;
    border-style: solid;
    padding: 2px 10px;
    font-size: 11.9px;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
          border-radius: 3px;
} 
.column-cart {
   font-family: Verdana, Arial, sans-serif;
   font-size: 12px; 
}    
.buythedozen {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
}
  /* 6 methods to verticle center text https://vanseodesign.com/css/vertical-centering/   */
.navbar-fix {
   height: 8px; 
   line-height: 8px;
   padding:0px;
   margin:0px;
   font-size: 2px;
   width:50%;
   color:#ff6699;   /* same color as background of navbar */
   background-color:transparent ;
   /*background-color: white ;    */
    
}  
  
.navbar-login {
   height:40px;   
   padding-left:20px;
   /* padding-top:6px; was 15px   */
   /*    line-height: 50px;      
   line-height: normal;    */  
  
   display: table;
   width: 100%;
}
.navbar-login ul{
     
   /*  padding-top:8px;   was 15px  */
   line-height: 40px;    
       
   display: table-cell;
   vertical-align: middle;
 

} 
 /*  was trying to vertically center text for Matt's iPhone 10*/
.not_using{          
    display: -ms-flexbox;
    -ms-box-orient: horizontal;
    -ms-box-pack: center;
    -ms-box-align: center;

    display: flex;
     -webkit-justify-content: flex;
    align-items: center;
    -webkit-align-items: center;  
    
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: inline-flex;-webkit-justify-content: center;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;

    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
 
.navbar-inverse {
    background-color: #ff6699;   
}
.navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-text {
    color: #000 !important;  
    font-size: 16px;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open   {
    color: #fff !important; 
}

/* BEGIN Bootstrap 3 - 
This is from bootstrap.css (ver 3), with mods, because bootstrap 4 changed the look of the indicators and the panels    */
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  margin-right: 6px;
  text-indent: -999px;
  cursor: pointer;
  /*background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0); */
  background-color: red !important;
  background-color: rgba(242, 38, 19, 1);
  border: 1px solid #fff;
  /*border-radius: 10px;    */ 
  opacity: 1;                  
  border-radius: 0px;
}
.carousel-indicators .active {
  width: 11px;
  height: 11px;
  margin-right: 4px;
  background-color:  #fff !important;
}
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
/* END from Bootstrap 3 *********************************** */ 
.panel-heading {
 /* font-family: Verdana; 
  font-weight: bold;   
  */   
  /*  background-color: #ff6699 !important; 
    background-color: #f2f2f2 !important;   
    2CB5BB  DDCFAC  EE9C78  ffff99   B1DA8F
    74BC9D
    */
    background-color: #74BC9D !important;
    
}

.cols-1 {
    margin-bottom:10px !important;
    overflow:visible!important;
}
.divbox_col_pad {
    padding: 0px 5px;
}
.productPriceTitle {
  font-family: Verdana, Arial, sans-serif;
  font-size: calc(15px + 0.2vw); 
  font-weight:bold; 
}
.productPriceSpecialTitle  {
  font-size: calc(15px + 0.2vw);    
}
.productPriceBTDTitle {
  font-size: calc(15px + 0.2vw); 
  font-weight:bold;  
}
.productEachPriceTitle {
  font-size: calc(15px + 0.2vw); 
  font-weight:bold;       
}
.productPrice {
  font-family: Verdana, Arial, sans-serif;
  font-size: calc(13px + 0.2vw); 
}
.productEachPrice {
  font-size: calc(13px + 0.2vw);    
}
.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  font-size: calc(13px + 0.2vw);   
  color: #ff0000;
}
.productHolder {
  padding-left: 8px;
  padding-right: 8px;
}


/* *********************************** */
#bodyWrapper {
   max-width: 3000px !important;
}

.body-sans-header {
  max-width: 2400px !important;  
    
}

#storeLogo {  /*  id is for the column  */
    padding-top: 8px ;
    padding-bottom: 8px ; 
}

.storeLogo {    /*  this is for the image  */
    width: 700px;
    height: auto; 
}


/*  original breadcrumb 
.breadcrumb, .breadcrumb li {
    background-color: silver;
    padding-top: 2px !important;
    padding-bottom: 2px !important ;
}

.breadcrumb > li + li:before {

  color: #000 !important;

}         */
/* **************************** */
 /* https://css-tricks.com/examples/HSLaExplorer/ */
 /* https://www.w3schools.com/colors/colors_converter.asp */
/* **************************** */
/* **************************** */
/* Responsive breadcrumb */ 
/* https://codyhouse.co/gem/css-breadcrumbs-and-multi-step-indicator*/



.cm-header-breadcrumb {
  background: rgba(148,191, 181, 0.1);     
  padding-right:0px; 
  padding-top:0px; 
  padding-bottom:0px;   
  margin-top:0px; 
  margin-bottom:0px;
}
.cd-breadcrumb, .cd-multi-steps {
  width: 90%;
  max-width: 1200px; /*768px;  */
  padding: 0.2em 1em;
  margin: 0.2em auto;
  background-color: rgba(184, 253, 254, 1); 
  background: rgba(184, 253, 254, 1);
  border-radius: .25em;

}
.cd-breadcrumb:after, .cd-multi-steps:after {
  content: "";
  display: table;
  clear: both;
}
.cd-breadcrumb li, .cd-multi-steps li {
  display: inline-block;
  float: left;
  margin: 0.5em 0;
  background: #f1fdfe;
  background: rgba(184, 253, 254, 0.6); 
  
}
.cd-breadcrumb li::after, .cd-multi-steps li::after {
  /* this is the separator between items */
  display: inline-block;
  content: '\00bb';
  margin: 0 .6em;
  color: #959fa5;
}
.cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after {
  /* hide separator after the last item */
  display: none;
}
.cd-breadcrumb li > *, .cd-multi-steps li > * {
  /* single step */
  display: inline-block;
  font-size: 1.4rem;
  color: #2c3f4c;
}
.cd-breadcrumb li.current > *, .cd-multi-steps li.current > * {
  /* selected step */
  color: #96c03d;
}
.no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover {
  /* steps already visited */
  color: #96c03d;
}
.cd-breadcrumb.custom-separator li::after, .cd-multi-steps.custom-separator li::after {
  /* replace the default arrow separator with a custom icon */
  content: '';
  height: 16px;
  width: 16px;
  background: url(../products/images/cd-custom-separator.svg) no-repeat center center;
  vertical-align: middle;
}
.cd-breadcrumb.custom-icons li > *::before, .cd-multi-steps.custom-icons li > *::before {
  /* add a custom icon before each item */
  content: '';
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-right: .4em;
  margin-top: -2px;
  background: url(../products/images/cd-custom-icons-01.svg) no-repeat 0 0;
  vertical-align: middle;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::before {
  /* change custom icon using image sprites */
  background-position: -20px 0;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::before {
  background-position: -40px 0;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::before {
  background-position: -60px 0;
}
.cd-breadcrumb.custom-icons li.current:first-of-type > *::before, .cd-multi-steps.custom-icons li.current:first-of-type > *::before {
  /* change custom icon for the current item */
  background-position: 0 -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(2) > *::before {
  background-position: -20px -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(3) > *::before {
  background-position: -40px -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(4) > *::before {
  background-position: -60px -20px;
}
/****/
.modal-content {
    background-color: hsla(184,85%,45%,1) !important;  
    width: 400px;  
    position: absolute;
    left: 50%;
    top: 50px; 
    margin-left: -200px;
} 
.modal-body {
    background-color:white;
    border:1px solid #999999;
    cursor:default;
    text-align:left;
    padding: 25px 25px 20px;
}
.col-centered{
    float: none;
    margin: 0 auto;
} 
 
.landing_logo, .landing_logo_col {
  margin-left:0px;
  padding-left:0px;
}  
@media screen and (max-width: 499px) {
    .modal-content {
        width: 90%;  
        left: 65%;
        top: 50px; 
    }    

}    
/****/ 



@media only screen and (min-width: 768px) {
  .cd-breadcrumb, .cd-multi-steps {
    padding: 0 1.2em;
  }
  .cd-breadcrumb li, .cd-multi-steps li {
    margin: 1.2em 0;
  }
  .cd-breadcrumb li::after, .cd-multi-steps li::after {
    margin: 0 1em;
  }
  .cd-breadcrumb li > *, .cd-multi-steps li > * {
    font-size: 1.6rem;
    font-size: calc(9px + 0.4vw);   
  }
}

/* -------------------------------- 
Triangle breadcrumb
-------------------------------- */

@media only screen and (min-width: 768px) {
  .cd-breadcrumb.triangle {
    /* reset basic style   */        
    background-color: transparent;  
    padding: 0;
  }
  .cd-breadcrumb.triangle li {    
    position: relative;
    padding: 0;
    margin: 4px 4px 4px 0;
  }
  .cd-breadcrumb.triangle li:last-of-type {
    margin-right: 0;
  }
  .cd-breadcrumb.triangle li > * {        /* SWW This is the item as Triangle before collapse */
    position: relative;
    padding: 1em .8em 1em 2.5em;
    color: #2c3f4c;
    background-color: #edeff0;
    /* the border color is used to style its ::after pseudo-element */
    border-color: hsla(184,85%,35%,1); 
    background: blue; /* fallback color */
    background: hsla(184,85%,35%,1); 
  }
  .cd-breadcrumb.triangle li.current > * {
    /* selected step */
    color: #ffffff;
    background-color: #96c03d;
    border-color: #96c03d;
  }
  
.cd-breadcrumb.triangle li:nth-child(2) a       { background:        hsla(184,85%,45%,1); }
.cd-breadcrumb.triangle li:nth-child(2) a:after { border-left-color: hsla(184,85%,45%,1); }
.cd-breadcrumb.triangle li:nth-child(3) a       { background:        hsla(184,85%,55%,1); }
.cd-breadcrumb.triangle li:nth-child(3) a:after { border-left-color: hsla(184,85%,55%,1); }
.cd-breadcrumb.triangle li:nth-child(4) a       { background:        hsla(184,85%,65%,1); }
.cd-breadcrumb.triangle li:nth-child(4) a:after { border-left-color: hsla(184,85%,65%,1); }
.cd-breadcrumb.triangle li:nth-child(5) a       { background:        hsla(184,85%,75%,1); }
.cd-breadcrumb.triangle li:nth-child(5) a:after { border-left-color: hsla(184,85%,75%,1); }
/*.breadcrumb li:nth-child(6) a       { background:        hsla(184,85%,85%,1); }
.breadcrumb li:nth-child(6) a:after { border-left-color: hsla(184,85%,85%,1); }*/
.cd-breadcrumb.triangle li:last-child a {
 /* background: transparent !important;  */
  color: black;
  pointer-events: none;
  cursor: default;
  padding-right: 20px; 
  
}     
  .cd-breadcrumb.triangle li:first-of-type > * {
    padding-left: 1.6em;
    border-radius: .25em 0 0 .25em;
  }
  .cd-breadcrumb.triangle li:last-of-type > * {
    padding-right: 1.6em;
    border-radius: 0 .25em .25em 0;
  }
  .no-touch .cd-breadcrumb.triangle a:hover {
    /* steps already visited */
    color: #ffffff;
    background-color: #2c3f4c;
    border-color: #2c3f4c;
  }
  .cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after {
    /* 
        li > *::after is the colored triangle after each item
        li::after is the white separator between two items
    */
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    content: '';
    height: 0;
    width: 0;
    /* 48px is the height of the <a> element */
    border: 24px solid transparent;
    border-right-width: 0;
    border-left-width: 20px;
  }
  .cd-breadcrumb.triangle li::after {
    /* this is the white separator between two items */
    z-index: 1;
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
    border-left-color: #ffffff;
    /* reset style */
    margin: 0;
  }
  .cd-breadcrumb.triangle li > *::after {
    /* this is the colored triangle after each element */
    z-index: 2;
    border-left-color: inherit;
  }
  .cd-breadcrumb.triangle li:last-of-type::after, .cd-breadcrumb.triangle li:last-of-type > *::after {
    /* hide the triangle after the last step */
    display: none;
  }
  .cd-breadcrumb.triangle.custom-separator li::after {
    /* reset style */
    background-image: none;
  }
  .cd-breadcrumb.triangle.custom-icons li::after, .cd-breadcrumb.triangle.custom-icons li > *::after {
    /* 50px is the height of the <a> element */
    border-top-width: 25px;
    border-bottom-width: 25px;
  }
  @-moz-document url-prefix() {
    .cd-breadcrumb.triangle li::after,
    .cd-breadcrumb.triangle li > *::after {
      /* fix a bug on Firefix - tooth edge on css triangle */
      border-left-style: dashed;
    }
  }
}



/* **************************** */
.category-header {
   margin-top:2px; 
   margin-bottom:0px;
   margin-left: -15px ;  
   margin-right: -15px ;  
   padding-top: 0px;
   padding-bottom: 0px;
}
.searchbox-margin {
   padding-left: 10px ;
}

.well {
   margin-bottom: 3px; 
   padding-left: 25px ;  
   padding-right: 25px ;  
    
}
#columnLeft, #columnRight {
   /* max-width: 220px;    */
}
 
.js-banner-splash-label {
   padding:20px !important;
}
                 
.buythedozen {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
}

.infoBoxContainer { }

.infoBoxHeading {
  padding: 2px;
  font-size: 11px;
  margin-top: 5px;  /*SWW*/
 /* background-image:*/
}

.infoBoxContents {
  padding: 5px;
  font-size: 11px;
  line-height: 1.5;
}

/*** Begin Polls and Surveys***/
TD.pollBoxRow, TD.surveyBoxRow {   
font-family: Verdana, Arial, sans-serif;   
font-size: 10px;   border-color: #eeeeee;   
border-style: solid;   border-width: 1px;
width:100%;  /* SWW */
} 

TD.pollRadioButtonCell, TD.surveyRadioButtonCell {   
font-family: Verdana, Arial, sans-serif;   
font-size: 10px;   border-color: #eeeeee;   
border-style: solid;   border-width: 1px;
text-align:center;
width:8%;  /* SWW */
min-width: 20px;
} 

TD.pollRadioTextCell, TD.surveyRadioTextCell {   
font-family: Verdana, Arial, sans-serif;   
font-size: 10px;   border-color: #eeeeee;   
border-style: solid;   border-width: 1px;
width:92%;   /*SWW */
} 

TD.pollBoxText {   
font-family: Verdana, Arial, sans-serif;   
font-size: 10px;   border-color: #eeeeee;   
border-style: solid;   
border-width: 1px;
} 

.pollOptRow, .surveyOptRow {   
background: #f1f9fe; 
width:100%;  /* SWW */
} 

.surveyTextRow {    /* SWW */
background: #f1f9fe; 
width:100%;  
} 
TR.pollFooter { 
  background: #f1f9fe;
}  

/* Start centerpanel Rotator */
#centerpanelRotator { 
  /*width: 728px;   centerpanel width */
  /*height: 90px;   centerpanel height */
  width: 100%;   /*centerpanel width */
  height: 100%;
  min-width: 200px;
  min-height: 280px;
  /*overflow: hidden; */
  position: relative; 
}

#sidebannerRotator { 
  width: 100%;   /*centerpanel width */
  height: 100%;
  min-width: 100px;
  min-height: 100px;
  /*overflow: hidden; */
  position: relative; 
}

#centerpanelRotator ul  { 
  list-style: none; 
  padding: 0; 
  position: relative; 
}

#sidebannerRotator ul { 
  list-style: none; 
  padding: 0; 
  position: relative; 
}


#centerpanelRotator ul li { 
  display: none;       /* was none */
  width: inherit;  /* centerpanel width */
  height: inherit;  /* centerpanel height */
  /*width: 728px;   centerpanel width */
  /*height: 90px;   centerpanel height 
  position: absolute;        */
  margin-right: auto;
  margin-left: auto;
  top: 0px; 
  left: 0px; 
}

#sidebannerRotator ul li { 
  display: none; 
  width: inherit;  /* centerpanel width */
  height: inherit;  /* centerpanel height */
  /*width: 728px;   centerpanel width */
  /*height: 90px;   centerpanel height */
  position: absolute; 
  top: 0px; 
  left: 0px; 
}

#centerpanelNav { 
  position: absolute; 
  right: 15px;  /* Distance from the right side of the controls box to the right edge of the centerpanel */
  bottom: 15px;  /* Distance from the bottom of the controls box to the bottom of the centerpanel */
  background: url(../products/images/icons/transBlack75.png) repeat 0 0;  /* Controls box background image */
  padding: 5px 5px 5px 10px; 
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
}

.centerpanelText, .centerpanelTopBannerText, .centerpanelBottomBannerText {
  /*font-family: Lucida Grande, Lucida Sans, Verdana, Arial, sans-serif;
  font-family:Georgia, "Times New Roman", Times, serif;*/
  font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
  padding: 5px 0 5px 0;
  font-size: 14px;
  line-height: 1.6;
}

.centerpanelTopBannerText, .centerpanelBottomBannerText {
  padding-left: 15px;
  padding-top: 10px;
}

.centerpanelImage {
 padding-right: 7px !important;   
}

#sidebannerNav { 
  position: absolute; 
  right: 15px;  /* Distance from the right side of the controls box to the right edge of the centerpanel */
  bottom: 15px;  /* Distance from the bottom of the controls box to the bottom of the centerpanel */
  background: url(../products/images/icons/transBlack75.png) repeat 0 0;  /* Controls box background image */
  padding: 5px 5px 5px 10px; 
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
}

#centerpanelNav a { 
  margin: 3px 10px 0 0 ; 
  height: 10px; 
  width: 10px; 
  display: block; 
  background: url(../products/images/icons/dotDark.png) no-repeat 0 0;  /* Controls Button image (Inactive) */
  float: left; 
}

#sidebannerNav a { 
  margin: 3px 10px 0 0 ; 
  height: 10px; 
  width: 10px; 
  display: block; 
  background: url(../products/images/icons/dotDark.png) no-repeat 0 0; /*  Controls Button image (Inactive) */
  float: left; 
}

#centerpanelNav a.active { 
  background-image: url(../products/images/icons/dotLight.png);  /* Controls Button image (Active) */
}

#sidebannerNav a.active { 
  background-image: url(../products/images/icons/dotLight.png);  /* Controls Button image (Active) */
}

#centerpanelNav span.pause, #centerpanelNav span.play { 
  cursor: pointer; 
  height: 15px; 
  width: 15px; 
  display: block; 
  background: url(../products/images/icons/pause.png) no-repeat 0 0;  /* Controls Pause icon */
  float: left; 
}

#sidebannerNav span.pause, #centerpanelNav span.play { 
  cursor: pointer; 
  height: 15px; 
  width: 15px; 
  display: block; 
  background: url(../products/images/icons/pause.png) no-repeat 0 0; /*  Controls Pause icon */
  float: left; 
}

#centerpanelNav span.play { 
  background-image: url(../products/images/icons/play.png);  /* Controls Play icon */
}
#sidebannerNav span.play { 
  background-image: url(../products/images/icons/play.png);  /* Controls Play icon */
}
.divider-tall {
  clear: both;
  height: 13px;
}
/* End centerpanel Rotator */


.ht {  
    visibility:hidden;
    display: none;
    margin: 0 auto;
    padding: 10px;
}
#paypal_button {  
    margin: 10px 15px;
    padding: 10px;
    text-align: center;
}

.overlib {
    
    background-color: yellow; ;
}


/* typeahead */
ul.typeahead>li>a {
    white-space: normal;
}

ul.typeahead.dropdown-menu {
    width: 350px;
}

.date_box_box {
    display:inline;
    float:left;
    /*background-color: white; */
    background-color: #B0B0B0;
    width:100%;
    padding-top:2px;
    padding-bottom:2px;
    margin-left:4px;
    margin-right:4px;
    padding-right:0px;
    font-family:Verdana, Geneva, sans-serif;
    /*border-top-color: white;
    border-top-width: 4px;
    border-top-style: solid;
    border-bottom-color: white;
    border-bottom-width: 1px;
    border-bottom-style: solid; */
}
.date_box, .contact_box  {
    display:inline;
    position: relative;
    float:left;
    color:white;
     /* background-color: #B0B0B0;  same color as .date_box above*/
    padding-top:2px;
    padding-bottom:2px;
    font-size:  11px;
    font-weight: bold;
    text-align:left;    
}
.contact_box {
    text-align:right;

}
.contact_box a {
  color:white;  
}

.footer_box {
    display:inline;
    float:left;
    border-color: #b6b7cb;
    border-width: 1px;
    border-style: solid;
    background-color:white;
    padding-top:3px;
    padding-bottom:3px;
    text-align:center;
    font-size:  9px;
    width:100%;
    margin-left:4px;  
    margin-right:4px;  
}

.osc_box {
    display:inline;
    float:left;
    width:100%;
    padding-top:0px;
    text-align:center;
    font-size:  9px;
    vertical-align:top;
    /*border-top-color: #b6b7cb;
    border-top-width: 1px;
    border-top-style: solid; */
}
.col-align-middle {
    padding-top:10%;
} 

.colorRed {
 color: red;   
}


/* Extra small devices (phones, up to 480px) */
@media screen and (max-width: 499px) {
    body {
      font-size: 14px;     /* was 13 */
      min-width:280px;
    } 
    .normal-login {
      display: none;  
    }
    .small-login {
      display: block;  
    }    
    #bodyWrapper {
      padding-left: 6px !important;
      padding-right: 6px !important;
    }
    .page-header {
       margin-top: 20px;
       margin-bottom: 10px;
    }     
    .col-align-middle {
        padding-top:4%;
    }       
    .lp-pad {
      padding-left: 8px !important;
      padding-right: 8px !important; 
    }
    .lp-text-left{
      text-align:left !important;
    }  
    .lp-text-right{
      text-align:right !important;
    }        
    .lp-img-center {
       float:none !important;
       margin-left: auto;
       margin-right: auto;
       display: block;
    }
    .btn-responsive {
       font-size: calc(13px + 0.5vw); 
       width: 95%; 
    }
    .date_box, .contact_box  {
       font-size: 12px ; 
    }
    .date_box{
       margin-right: 2px ; 
       padding-right: 2px ;
       padding-left: 4px ;  
    } 
    .contact_box  {
       margin-left: 2px ; 
       padding-left: 2px ;
       padding-right: 4px        
    }       
    .date_box_box {
      padding-left:15px;
      padding-right:10px;
      width:95%
    }
    .btn-sm {
        font-size: 15px;     /* was 12 */
    }
    .btn-back {
        color: rgb(51, 122, 183);  
    }
    .modular-header-row{
       margin-left: 1px;
       margin-right: 0px; 
    }
    h1 {font-size: 22px;}    
    h2 {font-size: 20px;} 
    h3 {font-size: 19px;}     
    h4 {font-size: 18px;} 
     
    .page-header {
       height: 14px  !important;   
       margin:0px;
       padding:0px;
    } 
    
    .page-header h1 {
        display: none !important; 
      /*  font-size: 18px !important; */  
    }    
    .lp_subtitle {
        color: deeppink;
        color: rgba(255,20,147,1);        
        font-size: calc(12px + 0.4vw);
        white-space: nowrap;
        overflow: hidden;
    }    
           
    #columnLeft, #columnRight, .categories {
       font-size: calc(14px + 0.3vw);  
    }
    .item_center {
       display: flex;
       justify-content: center;  
    }   
    .specials, .categories {
       min-width: 300px!important;
       max-width: 490px!important;
 
    }    
    .img-responsive {           /*   .category-img {   */
       width: 85%;
       max-width: 300px !important;  /*  was 300px 350  */     
    }  
    #storeLogo  {    /*  this is for the column  */
       max-width: 98% !important; 
       padding-top: 6px !important;
       padding-bottom: 6px !important ;
       padding-left: 3px !important;
       padding-right: 3px !important ;                    
    }  
 
    .storeLogo {   /*  this is for the image  */
        width: 98% !important;
        max-width: 98% !important; 
        height: auto; 
    }     
    .cat-label {
       max-width: 350px !important; 
    }    
    .easyshop {
      background-color:#f2f2f2;     
      margin-left:0px;
      margin-right:0px;    
    }  
    .nav-pills > li {
        border-color: black ;
    }
    .easyshop_cell {background-color:white !important;}
    
    #cboxContent, #colorbox, .cboxPhoto { 
     /*  width: 100% !important;
       height: 100% !important;   */
    }
    .productHolder {
       border: thin;
       border-color: #000;
       border-style: solid;
    }
    .divbox_col_pad {
       padding: 0px 0px;
    }        
}
@media screen and (min-width: 500px) and (max-width: 767px) {

    .modular-header-row{
       margin-left: 1px;
       margin-right: 0px; 
    }
    h1 {font-size: 24px;}    
    h2 {font-size: 21px;} 
    h3 {font-size: 20px;}     
    h4 {font-size: 18px;}  
    .lp_subtitle {
        color: deeppink;
        color: rgba(255,20,147,1);
        font-size: calc(16px + 0.4vw);
        white-space: nowrap;
        overflow: hidden;
    }
         
    .btn-sm {
        font-size: calc(12px + 0.4vw);      /* was 12 */          
    }
    .date_box, .contact_box  {
       font-size: 12px ; 
    }  
    
    .page-header {
       margin-top: 30px;
       margin-bottom: 15px;
    }    
    .date_box_box {
      padding-left:10px;
      padding-right:10px;
    }    
    .productHolder {
       max-width: 500px !important;
       border: thin;
       border-color: #000;
       border-style: solid;
    }  
     .item_center {
       display: flex;
       justify-content: center; 
    }  

   .specials, .categories {
     min-width: 400px!important;
/*     max-width: 500px!important;
     display: flex;  */
     justify-content: center;  
    }   
    .img-responsive {           /*   .category-img {   */
       width: 80%;
       max-width: 400px !important; /*  was 450  */                  
    }   
    .cat-label {
       max-width: 450px !important; 
    }   
    .easyshop {
      background-color:#f2f2f2;     
      margin-left:0px;
      margin-right:0px;    
    }  
    .nav-pills > li {
        border-color: black ;
    }
    .easyshop_cell {background-color:white !important;}
    .storeLogo {   
       max-width: 500px  ;
       width: 90%;  
    }     
      
}
/* Small devices (tablets, 768px and up) */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .img-responsive {           /*   .category-img {   */
       width: 80%;
       max-width: 700px !important;              
    }  
   .modular-header-row{
      margin-left: 10px;
      margin-right: 10px; 
   }    
   h1 {font-size: 28px;} 
   h2 {font-size: 24px;} 
   .date_box_box {
     padding-left:10px;
     padding-right:15px;
    }  
  .productHolder {
     max-width: 500px;
     padding-left: 2px;
     padding-right: 2px;
  }
  .specials, .categories {
     min-width: 400px!important;
/*     max-width: 500px!important;
     display: flex;  */
     justify-content: center;  
  }  
  .easyshop {
      margin-left:0px;
      margin-right:0px;    
  } 
  .storeLogo {   
       max-width: 500px !important;  
  }      
}
/* tablets/desktops and up ----------- */
@media screen and (min-width: 992px) and (max-width: 1199px) {
   .date_box_box {
     padding-left:10px;
     padding-right:15px;
   }    
   .modular-header-row{
       margin-left: 20px;
       margin-right: 20px; 
   }    
   h1 {font-size: 32px;}   
   h2 {font-size: 26px;} 
  .productHolder {
     padding-left: 2px;
     padding-right: 2px;
  }
  .item_padding {
     padding-left: 2px;
     padding-right: 2px;       
  } 
  .btn_padding {
     padding-left: 10px;
     padding-right: 0px;        
  }   
  #bodyContent { 
     padding-left:0px;
     padding-right:0px;
  }   
  .storeLogo {   
       max-width: 500px !important;  
  }         
}
/* large desktops and up ----------- */
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .date_box_box {
     padding-left:10px;
     padding-right:15px;
  } 
  #columnLeft {
   
  }    
  #columnRight{
     
  }
  .modular-header-row{
       margin-left: 70px;
       margin-right: 70px; 
  }  
  .item_padding {
     padding-left: 5px;
     padding-right: 5px;       
  } 
  .btn_padding {
     padding-left: 5px;
     padding-right: 5px;        
  }    
  .storeLogo {   
     max-width: 500px !important;  
  }      
  .landing_logo {
        /*  padding-left: 55px;  */
  }       
}

@media screen and (max-width: 1024px) { 
  img.bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}
@media screen and (min-width: 1025px) { 
 
    .category-header {
    }
    #bodyContent { 
      padding-left:10px;
      padding-right:10px;
    }   
    .storeLogo {   
       max-width: 500px !important;  
    }         
}
@media screen and (min-width: 1400px)  {
    .modular-header-row{
       margin-left: 90px;
       margin-right: 90px; 
    }  
    .storeLogo {   
       max-width: 500px !important;  
    }
    .landing_logo {
      /*  padding-left: 75px;  */
    }      
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: white;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color:black !important;
  }
}