* { margin: 0; padding: 0; }

        /*html { font-size: calc(16px + (26 - 16) * ((100vw - 768px) / (1600-768))); }

        @media screen and (max-width: 768px){ html { font-size: 16px; } }

        @media screen and (min-width: 1600px){ html { font-size: 26px; } } overflow-y: hidden; */

        body { overflow-x: hidden; font-family: 'Roboto', sans-serif; font-size: calc(16px + (26 - 16) * ((100vw - 768px) / (1600-768))); }

        @media screen and (max-width: 768px){ body { font-size: 16px; } }

        @media screen and (min-width: 1600px){ body { font-size: 26px; } }  

        #main 
        {
            position: absolute; /* top: 110px; */
            /* Provide scrollbars if needed, position below header, and derive height from top/bottom   bottom: 0;*/
            overflow: auto; 
            width: 100%; 
        }   

        .mobileSlideInMenu
{   z-index: 101; width: 50%; height: 100%; border: 1px solid #b3b3b3; position: fixed; left: -60%; top: 0px; background-color: #eee; color: black; padding: 1% 5% 1% 5%; 
  overflow-y: scroll;      
    font-size: 0.7em;
    font-weight: bold; 
}
.mobileMenuItemRow { display: flex; width: 100%; height: 10%; }
.mobileMenuItemColumn50 { width: 50%; height: 100%; cursor: pointer; } 
.mobileMenuItemColumn100 { width: 100%; height: 100%; cursor: pointer; } 
.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }

/*/////////////////////////////////////header.css/////////////////////////////////////////////////////////*/
.headerContent
{   
  position: fixed;
  top: 0;   
  width: 100%;  
  display: block;
  z-index: 101;
} 

.aboveHeaderMenuContainer { background-color: #eee; height: 20px; }
@media (max-width: 1000px) { .aboveHeaderMenuContainer { display: none; } }
@media (min-width: 1001px) { .aboveHeaderMenuContainer { display: block; } }
 
.aboveHeaderMenu
{  
    display: flex;
    justify-content: space-between;
    font-size: 0.7em; 
    margin: 0% 2% 0%;
    height: 100%;
}

.aboveHeaderMenuLeft
{
    display: table;
    width: 33%;
    text-align: left;
    height: 100%;
    /* padding: 0% 0% 0% 2%; */
}

.aboveHeaderMenuCenter
{
    display: table;
    width: 33%;
    text-align: center;
    height: 100%;
}

.aboveHeaderMenuLeftCaption
{
   display: table-cell;
   vertical-align: middle;
   color: #410a6c;
   font-weight: normal;
}
.aboveHeaderMenuRight
{
    display: table;   
    width: 34%;
    /* text-align: center; */
    /* padding: 0% 2% 0% 5%; */
    height: 100%;
}

@media (max-width: 1000px) { .aboveHeaderMenuRight { width: 30%; /* padding: 0% 2% 0% 5%;  */  } }
@media (min-width: 1001px) { .aboveHeaderMenuRight { width: 30%; /* padding: 0% 2% 0% 5%; */   } }

.aboveHeaderMenuRightPhone
{
    display: table-cell; vertical-align: middle; cursor: pointer; text-align: right; cursor: default;
}

.aboveHeaderMenuRightChat
{
    display: table-cell; vertical-align: middle; cursor: default; 
}
  
.aboveHeaderMenuRightChatFlex
{
    display: flex; justify-content: center; align-items: center; cursor: default;
}

.aboveHeaderMenuRightMessage
{
    display: table-cell; vertical-align: middle; cursor: pointer; 
    /*text-align: right;*/
}

.line
{
    background-color: #eee; 
    border: 1px solid lightgray;
    padding: 0% 2%;
}

.headerMenu
{
  display: flex;
  width: 100%;
  color: black;
  /* padding: 1% 0;  */
  /* background-color: transparent; */
  background-color: #eee;
} 

@media (max-width: 767px) 
{ 
    .headerMenu
    {
        height: 50px;
    }
}

.menuItemLeft
{  
  display: flex;
  width: 40%;
  justify-content: space-around;      /*space-evenly*/
  align-items: center;        
  font-size: 0.7em;
  font-weight: bold;
}

.menuItemLeft > div { cursor: pointer; }
.menuItemLeft > img { cursor: pointer; }

.menuItemRight
{   
  display: flex;
  width: 52%;
  justify-content: flex-end;
  /* margin: 1% 0%; */
  /* margin-top: auto; */
  align-items: center;
}

.menuItemRightItemSearchBar { align-items: center; width: 40%; margin:  0% 5% 0% 0%; font-size: 0.8em; font-weight: normal; padding: 1% }

.menuItemInitials
{
  /* background-color: green;    
  color: white;
  padding: 0.25%;   
  display: none;  
  height: 10%; */
}

@media (max-width: 767px) 
{ 
    .menuItemInitials
    {
        /* margin: 0.5% 0% 0%; 
        padding: 0.15%; */
    }
}

/* .initials { display: table-cell; vertical-align: middle; } */

.menuItemLogo { display: flex; margin: 0% 2% 0%; align-items: center; /* text-align: right; */ }

.headerInner, .captionInner, .menuItemLeft { display: none; }  

.menuItemRightItem > img{ height: 20px; cursor: pointer; vertical-align: middle; }     
.menuItemLogoItem > img{ height: 27px; cursor: pointer; vertical-align: middle; }  


@media (min-width: 1001px) 
{ 
    .headerInner, .captionInner, .menuItemLeft { display: none; }                     .above1000Width { display: block; } .above1000WidthFlex { display: flex; } 
    .menuItemRightItem > img{ height: 20px; cursor: pointer; vertical-align: middle; }     
    .menuItemLogoItem > img{ height: 27px; cursor: pointer; vertical-align: middle; }     
    .menuItemRightItemSearchBar { width: 60%; }                                       .mobileMainMainLink { display: none; }
    .menuItemLogo { display: none; }                                                  /* .menuItemRight { width: 55%; } */
    .searchIconDiv { display: none }
    .menuItemRightItem { margin-right: 10%; }                                         .optionPanel { display: none }
}     

@media (max-width: 1000px) 
{ 
    .headerInner, .captionInner, .menuItemLeft { display: none; }                     .hamburgerIcon { height: 20px; cursor: pointer; } .below1000Width { display: block; }
    .below1000WidthFlex { display: flex; width: 50%; margin: 0% 2%; }                 .menuItemRight { width: 44%; margin: 0% 1%; } 
    /* .menuItemRightItem > img{ height: 15px; cursor: pointer; }                     /*vertical-align: middle;
    .menuItemLogoItem > img{ height: 25px; cursor: pointer; }   */                    /*vertical-align: middle;*/
    .menuItemRightItemSearchBar { display: none; } 
    
    .mobileMainMainLink { display: block; }
    .menuItemLogo { }
    .searchIconDiv { display: block }
    .menuItemRightItem { margin: 0% 15% 0% 5%; }    
} 

.mobileSearchBar { display: none; width: 98%; position: fixed; top: 50px; left: 0px; padding: 1%; background-color: #eee; }

#search
{   
    background-image:url('https://ur1stop.com/images/ruaa/search_icon.png');
    background-size: 12px auto;
    background-repeat:no-repeat;
    padding-right:10px;
    background-position:right;
    background-origin: content-box;    

    width: 90%; height: 50%;    vertical-align: middle; 
    padding: 2.5%;         
    border: 1px solid #2189C8; 
    border-radius: 3px;           
}  

.user-dropdown-content, .services-dropdown-content, .dropdown-content, .dropdown-content1, .dropdown-content2, .dropdown-content3, .dropdown-content4, .dropdown-content5, .dropdown-content6, .dropdown-content7, .dropdown-content8, .dropdown-content9, .dropdown-content10, .dropdown-content11, .dropdown-content12, .dropdown-content13
{
  display: none; max-height: 250px; overflow-y: scroll;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Hide scrollbar for Chrome, Safari and Opera */ .dropdown-content::-webkit-scrollbar { display: none; }
/* Hide scrollbar for IE, Edge and Firefox */ .dropdown-content { -ms-overflow-style: none;  /* IE and Edge */ scrollbar-width: none;  /* Firefox */ }

/* Hide scrollbar for Chrome, Safari and Opera */ .services-dropdown-content::-webkit-scrollbar { display: none; }
/* Hide scrollbar for IE, Edge and Firefox */ .services-dropdown-content { -ms-overflow-style: none;  /* IE and Edge */ scrollbar-width: none;  /* Firefox */ }

/* Hide scrollbar for Chrome, Safari and Opera */ .user-dropdown-content::-webkit-scrollbar { display: none; }
/* Hide scrollbar for IE, Edge and Firefox */ .user-dropdown-content { -ms-overflow-style: none;  /* IE and Edge */ scrollbar-width: none;  /* Firefox */ }

.user-dropdown-content a, .services-dropdown-content a, .dropdown-content a, .dropdown-content1 a, .dropdown-content2 a, .dropdown-content3 a, .dropdown-content4 a, .dropdown-content5 a, .dropdown-content6 a, .dropdown-content7 a, .dropdown-content8 a, .dropdown-content9 a, .dropdown-content10 a, .dropdown-content11 a, .dropdown-content12 a, .dropdown-content13 a 
{
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.tDMItem
{
  text-align: center; margin: 7%; padding: 5%;
}

.tDMItem:hover
{
  color: #769e2d;
}

.user-dropdown-content a:hover, .services-dropdown-content a:hover, .dropdown-content a:hover, .dropdown-content1 a:hover, .dropdown-content2 a:hover, .dropdown-content3 a:hover, .dropdown-content4 a:hover, .dropdown-content5 a:hover, .dropdown-content6 a:hover, .dropdown-content7 a:hover, .dropdown-content8 a:hover, .dropdown-content9 a:hover, .dropdown-content10 a:hover, .dropdown-content11 a:hover, .dropdown-content12 a:hover, .dropdown-content13 a:hover   
{
  /* background-color: #ddd; */
  color: #769e2d;

}

.show { display: block; }  

#cartIconDiv { position: relative; }
#cartCounter { position: absolute; top: -10px; right: -14px; width: 15px; border-radius: 55%; background: rgb(245, 136, 41); padding: 2px; color: white;
               font-size: 12px; text-align: center; }

@media (max-width: 767px) { #cartCounter { width: 10px; font-size: 10px; } }
@media (min-width: 768px) { #cartCounter { width: 10px; font-size: 10px; } }
/*/////////////////////////////////////header.css/////////////////////////////////////////////////////////*/

/*/////////////////////////////////////home.css/////////////////////////////////////////////////////////*/
/*SERVICES*/
  .services
  {
    /* display:flex; min-height: 200px; */
  }

  /* Mobile (Smartphone)
  @media (max-width: 480px) { .servicesNested { padding: 0em 3em; } }
  @media (min-width: 481px) { .servicesNested { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0em; padding: 5em 0em; min-height: 100px; } } */

  .servicesNested { display: none; min-height: 100px; }  

  @media (max-width: 1000px) 
  { 
      /* .servicesNested { display: flex; padding: 5em calc(5% + (200 - 5) * ((100vw - 361px) / (1000-361))); min-height: 100px; } */
      .servicesNested { display: none; padding: 5% calc(5% + (200 - 5) * ((100vw - 361px) / (1000-361))); } .below1000WidthServices { display: block; /*width: 100%; */  }   

      .servicesNestedInner { display: flex; }

      .servicesNestedInner > div { padding: 1%; } 
  }  
  /* Tablets Ipads portrait mode 
  @media (min-width: 768px) { .servicesNested { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 0em; padding: 5em 3em; min-height: 100px; } } */
  /* Tablets Ipads portrait mode */
  @media (min-width: 1001px) 
  { 
      /* .servicesNested { display: flex; padding: 5em 8em; min-height: 100px; } */
      .servicesNested 
      { display: none; padding: 3% 10% 0%; } 
      .above1000WidthServices { display: flex; } 
  }
  /* Desktops 
  @media (min-width: 1281px) { .servicesNested { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 0em; padding: 5em 20em; min-height: 100px; } }
  /* Huge size (Larger screen) */
  /*@media (min-width: 1281px) { .servicesNested { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 0em; padding: 5em 25em; min-height: 100px; } } */
  
  /* .servicesNested > div{ background:#eee; } .servicesNested > div:nth-child(odd){ background:#ddd; } border:#333 1px solid; 
  .servicesNested > div{ padding:1em; } 
  .servicesNestedInner { display: grid; grid-template-columns: 1fr; }
  .servicesNestedInner > div{ background:#eee; min-height: 75px; } .servicesNestedInner > div:nth-child(odd){ background:#ddd; min-height: 140px; } */
  /* .servicesNestedInner > div{ border:#333 1px solid; padding:1em;   }      

  .servicesNestedInner > div:nth-child(1){ border-radius: 10px 10px 0px 0px; }
  .servicesNestedInner > div:nth-child(2){ border-radius: 0px 0px 5px 5px; } */

  .servicesNested > div:nth-child(1){ padding: 3% 1% 3% 0%; }
  .servicesNested > div:nth-child(2){ padding: 3% 1% 3% 1%; }
  .servicesNested > div:nth-child(3){ padding: 3% 1% 3% 1%; }
  .servicesNested > div:nth-child(4){ padding: 3% 0% 3% 1%; }


  .servicesNestedInner { justify-content: center;  }

  .serviceCaption { text-align: center; padding: 0rem 0.25rem; }

  /*body > div{ background:#eee; } body > div:nth-child(odd){ background:#ddd; } 
  .nested > div{ background:#eee; } .nested > div:nth-child(odd){ background:#ddd; }
  .nested > div{ border:#333 1px solid; padding:1em; } */    

  /* Top Container */
  /* Mobile (Smartphone)*/
  @media (max-width: 767px) 
  { 
      /* .freeShipping { display: none; }
      .freeShipping480 { display: grid; grid-template-columns: 1fr; } 
      .freeShippingLeft 
      {         
        min-height: 300px;               
        background-size: cover;
        background-position: center;
        padding: 1rem;
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: center;        
      }
      .freeShippingRight { min-height: 300px; background: url(https://www.ur1stop.com/images/ruaa/shipping.jpg); background-size: 100%; background-repeat: no-repeat; } */

      .freeShipping { display: none; }
      .freeShipping480 { display: block; } 
      .freeShippingLeft 
      {   
        padding: 1rem;
        display: flex;
        flex-direction: column;
        align-items: start;             
      }
      .freeShippingRight { text-align: right; }      

      .payLater { display: block; }  
      .payLaterLeft { }
      .payLaterRight { padding: 1rem; display: flex; flex-direction: column; align-items: start; }
  }   
   
  @media (min-width: 768px) 
  { 
      /* .freeShipping480 { display: none; }
      .freeShipping { display: grid; grid-template-columns: 3fr 2fr; grid-template-areas: 'freeShippingLeft freeShippingRight'; } 
      .freeShippingLeft 
      {         
        grid-area: freeShippingLeft;
        min-height: 400px;               
        background-size: cover;
        background-position: center;
        padding: 1rem;
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: center;
        margin-left: 5%;        
      }
      .freeShippingRight 
      { 
        grid-area: freeShippingRight;
        min-height: 550px; background: url(https://www.ur1stop.com/images/ruaa/shipping.jpg); background-size: 100%; background-repeat: no-repeat;
      } */

      .freeShipping480 { display: none; }
      .freeShipping { display: table; width: 100%; } 
      .freeShippingLeft 
      {       
          width: 51%;
          /* padding: 1%; */
          display: table-cell;
          /* margin-left: 10%; */
          vertical-align: middle;
          padding: 0 3% 0 12%;
          font-size: 1.35em;
      }      

      .freeShippingRight { width: 46%; display: table-cell; } 

      .payLater { display: table; width: 100%; }  
      .payLaterLeft 
      {     
          width: 47%;
          display: table-cell; 
      }
      
      .payLaterRight 
      { 
          width: 50%; 
          display: table-cell; 
          vertical-align: middle;
          padding: 0 10% 0 6%;
          font-size: 1.35em;
      }
  } 
  /* Tablets Ipads portrait mode 
  @media (min-width: 1001px) { .freeShipping { display: grid; grid-template-columns: 3fr 2fr; grid-template-areas: 'freeShippingLeft freeShippingRight'; } }
  /* Desktops 
  @media (min-width: 1281px) { .freeShipping { display: grid; grid-template-columns: 3fr 2fr; grid-template-areas: 'freeShippingLeft freeShippingRight'; } }
  /* Huge size (Larger screen) 
  @media (min-width: 1281px) { .freeShipping { display: grid; grid-template-columns: 3fr 2fr; grid-template-areas: 'freeShippingLeft freeShippingRight'; } } font-size: 2rem; */  

  .freeShippingRight > img { width: 100%; }
  .payLaterLeft > img { width: 100%; }

  .freeShippingLeft h1, .payLaterRight h1 
  {  
      margin-bottom: 0;
      color: #410a6c;     
  }

  .freeShippingLeft p, .payLaterRight p 
  {  
      font-size: 0.7em;
      margin-top: 0;
      color: var(--dark);
      text-align: justify;
  }
   
  /*NEW ARRIVALS*/

  .topDealsContainer { padding: 3% 0% 0%; }
  .newArrivalCaption, .topDealsCaption { font-size: 0.7em; text-align: center; color: #410a6c; margin: 0% 0% 2%; }
  .newArrival { }

  .newArrivalNestedInner { width: 33.3%; text-align: center; }
  .newArrivalNestedInner > div:nth-child(1)
  {   
      /* background:#ddd; */ min-height: 90px; border-radius: 10px 10px 0px 0px; border-width: 2px 2px 0px 2px; padding: 5%; border-color: #ccc; border-style: solid;
  }

  .newArrivalNestedInnerImg { width: 50%; cursor: pointer; }
  .newArrivalNestedInnerTitle { font-size: 0.9em; color: #7f7f7f; padding: 5%; height: 70px; } 
  .newArrivalNestedInnerListPrice { font-size: 0.8em; color: #7f7f7f; text-decoration: line-through; }
  .newArrivalNestedInnerPrice { font-size: 0.9em; font-weight: bold; }
  .newArrivalNestedInnerRentalPrice { font-size: 0.9em; font-weight: bold; }
  .newArrivalNestedInnerBuyButton { background-color: #769e2d; color: white; padding: 5px; margin-right: 2%; font-weight: normal; cursor: pointer; }
  .newArrivalNestedInnerRentButton { background-color: #f58829; color: white; padding: 5px; margin-right: 2%; font-weight: normal; cursor: pointer; }
  
  .newArrivalNestedInner > div:nth-child(2){ /*  background:#eee; */ min-height: 75px; border-width: 0px 2px; border-style: solid; border-color:  #ccc; } 
  .newArrivalNestedInner > div:nth-child(3)
  {   
      /*  background:#eee; */ min-height: 25px; border-radius: 0px 0px 10px 10px; border-width: 0px 2px 2px 1px; border-style: solid; border-color: #ccc;
      padding: 5%; 
  } 
  .newArrivalNestedInner > div 
  { 
      /* border:#333 1px solid; */
      padding: 1%; 
  } 

  @media (max-width: 767px) 
  { 
    .newArrivalNested > div { padding:1em 0.1%; } 

    .newArrivalNestedInnerTitle { font-size: 0.7em; color: #7f7f7f; padding: 5%; height: 70px; } 
    .newArrivalNestedInnerListPrice { font-size: 0.6em; color: #7f7f7f; text-decoration: line-through; }
    .newArrivalNestedInnerPrice { font-size: 0.7em; font-weight: bold; }
    .newArrivalNestedInnerRentalPrice { font-size: 0.7em; font-weight: bold; }

  }
  @media (min-width: 768px) 
  {
    .newArrivalNested > div:nth-child(1){ padding:1em 0em 1em 1em; }
    .newArrivalNested > div:nth-child(2)
    { 
        padding:0.1em; 
        border-radius: 20px;
        -webkit-box-shadow: 3px 3px 5px 6px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
        -moz-box-shadow:    3px 3px 5px 6px #ccc;  /* Firefox 3.5 - 3.6 */
        box-shadow: 3px 3px 10px 10px #ccc;     
    }

    .newArrivalNested > div:nth-child(2) > div { border: 0; }

    .newArrivalNested > div:nth-child(3){ padding:1em 1em 1em 0em; } 
  }   

  /* Mobile (Smartphone)
  @media (max-width: 480px) 
  { 
      .nA767 { display: block; } 
      .newArrivalNested 
      { 
       } 
  }
  @media (min-width: 481px) 
  { 
      .nA767 { display: block; }
      .newArrivalNested { display: none; } 
      .mobTab { display: block }
  } */

  .newArrivalNested { display: none; } 

  /* Low Resolution Tablets and ipads */
  @media (max-width: 767px) 
  { 
      .nA767 { display: block; }
      .newArrivalNested { display: none; } 
      .mobTab { display: block }
  }

  /* Tablets Ipads portrait mode */
  @media (min-width: 768px) 
  { 
      .nA767 { display: none; } 
      .newArrivalNested { display: none; } 
      .des { display: flex; padding: 1% 5% 1% 5%; }
  }
  /* Tablets Ipads portrait mode */
  @media (min-width: 1001px) 
  { 
      .nA767 { display: none; } 
      .newArrivalNested { display: none; } 
      .des { display: flex; padding: 1% 12% 1% 12%; }
  }
  /* Desktops */
  @media (min-width: 1281px) { /* .servicesNested { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 0em; padding: 5em 15em; min-height: 100px; } */ }
  /* Huge size (Larger screen) */
  @media (min-width: 1281px) { /* .servicesNested { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 0em; padding: 5em 25em; min-height: 100px; } */ } 
  
  /* .newArrivalNested > div{ background:#eee; } .newArrivalNested > div:nth-child(odd){ background:#ddd; } border:#333 1px solid; */
  
  .btn 
  {
    background: var(--dark);
    color: var(--light);
    padding: 0.6rem 1.3rem;
    text-decoration: none;
    border: 0;
  }

  /*3COLUMNS*/
  .threecolumns
  {
    margin: 3% 10% 0%;
  }

  @media (max-width: 1000px) { .threecolumns { width: 97%; margin: 0 1.5%; } }  

   /* Tablets Ipads portrait mode */
  @media (max-width: 767px) { .threecolumnsNested { display: block; } }  

  @media (min-width: 768px) { .threecolumnsNested { display: flex; width: 100%; margin: auto; } }

  /* .servicesNested > div{ background:#eee; } .servicesNested > div:nth-child(odd){ background:#ddd; } border:#333 1px solid; */
  .threecolumnsNested > div{ padding: 1%; } 

  .threecolumnsNestedInner {  }

  @media (max-width: 767px) { .threecolumnsNestedInner { text-align: center; width: auto;   } }  
  @media (min-width: 768px) { .threecolumnsNestedInner { text-align: center; width: auto; } } 

  .threecolumnsNestedInner > div > img { width: 40%; }

  @media (max-width: 767px) 
  {
      .threecolumnsNestedInner > div > img { width: 30%; }
  }

  /* .threecolumnsNestedInner > div{ min-height: 75px; } 
  .threecolumnsNestedInner > div:nth-child(odd){ min-height: 140px; } */
   
  .threecolumnsNestedInnerHeaderItem { font-size: 0.8em; font-weight: bold }
  .threecolumnsNestedInnerTextItem { font-size: 0.8em; padding: 8% 6%; }

  /*ourPartner margin: 3% 0;*/
  .ourPartner { margin: 5% 0% 0%; }  
  .ourPartnerCaption { font-size: 0.7em; text-align: center; color: #410a6c; margin: 0% 0% 2%; }
  .ourPartnerNested { margin: 0% 10% 3%; }
  .ourPartnerNestedInner > img { width: 100%; }

  @media (max-width: 1000px) 
  { .ourPartnerNested { width: 97%; margin: 0 1.5%; } }  


  /*/////////////////HOME TOP DEALS////////////////////////////////*/
  .topDeals { margin: 0 10%; }

  .flex-row
  {
      display: flex;justify-content: center;align-items: center; margin: -1% auto;font-size: 0.8em;font-weight: bold; flex-wrap: wrap;  
  }

  @media (min-width: 768px) 
  {
      .flex-row-item
      {
          /* width: 96%; */
          color: #7f7f7f;
          text-align: center;
          padding: 1% 1%;
          /* border: 2px solid lightgray; */
          flex: 23%;
      }

      .bf-flex-row-item
      {
          /* width: 96%; */
          color: #7f7f7f;
          text-align: center;
          padding: 1% 1%;
          /* border: 2px solid lightgray; */
          flex: 0%;
      }
  }

  @media (max-width: 767px) 
  {
      .flex-row-item
      {
          /* width: 96%; */
          color: #7f7f7f;
          text-align: center;
          padding: 1% 1%;
          /* border: 2px solid lightgray; */
          flex: 31.3%;
      }

      .bf-flex-row-item
      {
          /* width: 96%; */
          color: #7f7f7f;
          text-align: center;
          padding: 1% 1%;
          /* border: 2px solid lightgray; */
          flex: 31.3%;
      }
  }

  .flex-row-item > a
  {
      font-size: 0.8em;font-weight: bold;
      text-decoration: none;
      color: black;
  }

  .flex-row-item > a > img
  {
    width:100%;
  }

  .flex-row-item > a > div
  {
    text-align: center;
    margin: 5% 0% 0%;
  }

  .bf-flex-row-item > a
  {
      font-size: 0.8em;font-weight: bold;
      text-decoration: none;
      color: black;
  }

  .bf-flex-row-item > a > img
  {
    width:100%;
  }

  .bf-flex-row-item > a > div
  {
    text-align: center;
    margin: 5% 0% 0%;
  }

  /*/////////////////HOME TOP DEALS////////////////////////////////*/

  .tooltip {
  position: relative;
  display: inline-block;
  /* border-bottom: 1px dotted black; */
}

.tooltip .tooltiptext {
  display: none;
  /* width: 200px; */
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  font-size: 0.7em;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  display: block;
}

.dot, .reviewDot, .blackFridayDealDot {
  height: 7px;
  width: 7px;
  background-color: white;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid green; 
  margin: 0% 0.7%;
  cursor: pointer;
}
.present {
  
  background-color: green;
   
}
/*/////////////////////////////////////home.css/////////////////////////////////////////////////////////*/

/*/////////////////////////////////////footer.css/////////////////////////////////////////////////////////*/
  /* footer */
  .footer
  {  
      min-height: 300px; 
      font-size: 0.8em;
      background-color: #ffffff;
  }  

  .footerLogo
  {
      text-align: center;
      padding: 2rem;
  }

  .footerNested
  {
      display: flex;
      justify-content: space-around;
      color: black;     
      padding: 3% 0;     
      border-width: 2px 0 0 0;
      border-style: solid;
      border-color: black;
      /* width: 80%; */
      margin: 0 1%;
  }

  .footerNestedInnerFlex { display: flex; margin: 5% 0; }

  .footerNested { display: none; }   
     
  @media (max-width: 767px) 
  { 
    .footerNested { display: none; } 
    .below767Width { display: block; }     
    .footerNestedInner > img{ width: 20%; cursor: pointer; } 
    .footerNestedInner { width: 40%; margin: 0 5%; }
    .footerNestedInnerLogo { text-align: center; width: 95%; } 
  }

  @media (min-width: 768px) 
  {  
    .footerNested { display: none; }
    .above767Width { display: flex; }     
    .footerNestedInner > img{ width: 80%; cursor: pointer; }
  }

  @media (max-width: 1000px) 
  { 
    .footerNested { width: 97%; margin: 0 1.5%; }       
  }  

  .footerNestedInner > .footerNestedInnerHeaderItem { font-size: 0.9em; font-weight: normal; cursor: pointer; }
  .footerNestedInner > .footerNestedInnerItem { font-size: 1.2em; font-weight: normal; margin: 9% 0; }

  @media (max-width: 767px) 
  { 
    .footerNestedInner > .footerNestedInnerItem { font-size: 1.4em; margin: 12% 0; cursor: pointer; }
  }

  .socialMediaIcons
  {  
    display: flex;
    /* width: 45.5%;
    justify-content: flex-end; */
    margin: 10% 0; 
    align-items: center; 
  }

  .socialMediaIconsItem { margin-right: 5%; }
  .socialMediaIconsItem > img{ height: 25px; cursor: pointer; vertical-align: middle; }     
/*/////////////////////////////////////footer.css/////////////////////////////////////////////////////////*/

/*/////////////////////////////////////utilities.css/////////////////////////////////////////////////////////*/
@media (min-width: 1001px) { #innerLoginPopup, #innertaxCheck, #innerCheckoutErrorPopup { width: 35%; } } 
@media (max-width: 1000px) { #innerLoginPopup, #innertaxCheck, #innerCheckoutErrorPopup { width: 45%; } }
@media (max-width: 480px)  { #innerLoginPopup, #innertaxCheck, #innerCheckoutErrorPopup { width: 85%; } }  
/*/////////////////////////////////////utilities.css/////////////////////////////////////////////////////////*/

@media (min-width: 1001px) { .viewMoreButon { width: 10%; } } 
@media (max-width: 1000px) { .viewMoreButon { width: 30%; } }
@media (max-width: 480px)  { .viewMoreButon { width: 50%; } }

.menuButton 
{
  background: #410a6c;
  border-radius: 8px;
  color: white;
  padding: 3% 3%;
  text-decoration: none;
  border: 0;
  font-size: 1em;
  margin: 0% auto 0% 2%;
  text-align: center;
  cursor: pointer;
}

/*CART PAGE*/
.cartTableDiv 
{
    padding-top: 20px; text-align: center; margin: 0% 1%; font-size: 0.8em; font-weight: bold; width: 98%;
}    
 
#cartBottomBar > div
{
     width:80%    
} 

@media (max-width: 1000px) 
{ 
    #cart { background-color: #ededed; margin: 2% 1%; }
    .itemTitleClass { font-size: 1.5em; }
    .itemPriceClass { font-size: 1.5em; }
}

@media (min-width: 1001px) 
{ 
    #cart { background-color: #ededed; margin: 2% 5%; }
    .itemTitleClass { font-size: 1.2em; }
    .itemPriceClass { font-size: 1.2em; }
}

.createItem { display: flex; justify-content: space-between; }
.createItemDesc { font-weight: normal; }