:root {
    --color-durazno:#FFAC81;
    ---font-principal:'Montserrat';
    --color-font:#202F22;
   }

   .fondo{
    background-image:();
    height: 300px;
   }

   .btn-group{
    background-color:#f8d3c1!important ;
    border-radius: 2.375rem;
    font-size: 14px;

   }
   .table-td{
      font-size: 16px;
      color: #202F22;
      font-size: 15px;
   }
   .select-store{
    background-color: #ffab8128;
    border-radius: 2.375rem;
    font-size: 16px;
    padding-left: 30px;
    padding-right: 30px;
   }
   .select-store:hover{
    background-color: #FFAC81;
   }
   .second-menu{
    display: flex;
    justify-content: center;
    padding: 20px;
   }
   .menu-second-store-1{
    float: right;
    
   }
   .menu-second-store-1{
    float: left;
   }
   .dropdown-toggle{
background-color: #ffff;
border: #202F22 solid 2px;
border-radius: 20px;
margin: 5px;

   }

   .shopping-cart-button {
      background-color: #FFAC81;
      color: #fff;
      font-family: var(---font-principal);
      margin: 10px;
      border-radius: 40px;
      padding: 8px;
      padding-left: 30px;
      padding-right: 30px;
      display: block;
      text-decoration: none;
  }

  .Suscribete{
   padding-top: 60px;
   padding-bottom: 60px;
  }




  /* start medias Web*/
@media screen and (max-width: 2561px) {  
}

@media screen and (max-width: 1500px){   
}

@media screen and (max-width: 1024px) {
   
}
/* Tablets*/
@media screen and (max-width: 850px) {
   .store-menu{
      display: grid;
   }
   .fondo{
      height: 100%;
   }
   .second-menu {
      display: table-cell;}

      .dropdown-toggle {
         white-space: unset;
         width: 100%;
     }
}
/*Movil-Horizontal*/
@media screen and (max-width: 841px) and (orientation: landscape) {
}
/*Movil-Horizontal*/
@media screen and (max-width: 820px) and (orientation: landscape) { /*iphone 11*/
}



 /**tablet**/
@media screen and (max-width: 769px) {
  
}
/*Movil-Horizontal*/
@media screen and (max-width: 670px) and (orientation: landscape) {
}
/* Movil horizontal */
@media (max-width: 570px) and (orientation: landscape) {
}

/* Movil-celular */
@media screen and (max-width: 590px){


}
@media screen and (max-width: 376px) {
}
@media screen and (max-width:320px) {

}