/* inicio banners*/ 
            
            .text p{margin: auto;}
            .banner-marca{font-size: 3.8rem; font-weight: bold;margin-top: 20% !important;}
            .banner-hasta{font-size: 1.5rem; margin-top: 2% !important;}
            .banner-descuento{ color: #eb0028; font-size: 7rem; font-weight: bold;}
             .porcentaje {font-size: 5rem; font-weight: bold;}
            .banner-categoria{font-size: 1.5rem;}
    /* Final*/          
            
            
            
     /*-------------------------------------------------------------------------------------------------------------------------------*/        
            
            
            
            @media (max-width: 1340px) {
                                                     

                 .banner-marca{font-size: 3rem; font-weight: bold;margin-top: 10% !important;}
                
         
            }
            
            
            
    /*-------------------------------------------------------------------------------------------------------------------------------*/        
                     
            @media (max-width: 1023px){
                
            .text p{margin: auto;}
           .banner-marca{font-size: 2rem; font-weight: bold;margin-top: 10% !important;}
            .banner-hasta{font-size: 1rem; padding: 2px 0px 0px 0px;}
            .banner-descuento{font-size: 5rem; font-weight: bold;}
             .porcentaje {font-size: 2rem; font-weight: bold;}
            .banner-categoria{font-size: 1rem;}
                 
              
            }
            
            
            
            
     /*-------------------------------------------------------------------------------------------------------------------------------*/        
                   
    @media (max-width: 780px) {
        

        .text p{margin: auto;}
            .banner-marca{font-size: 1.5rem; font-weight: bold;margin-top: 10% !important;}
            .banner-hasta{font-size: 1rem; padding: 2px 0px 0px 0px;}
            .banner-descuento{font-size: 3.5rem; font-weight: bold;}
             .porcentaje {font-size: 2rem; font-weight: bold;}
            .banner-categoria{font-size: 1rem;}
        
            }
            
            
     /*-------------------------------------------------------------------------------------------------------------------------------*/        
            
            
            
            
            
      /*-------------------------------------------------------------------------------------------------------------------------------*/        
                   
            @media (max-width: 600px) {
                
                           
        .text p{margin: auto;}
           .banner-marca{font-size: 1.4rem; font-weight: bold;margin-top: 30% !important;}
                .banner-hasta{font-size: 0.8rem; padding: 2px 0px 0px 0px;}
            .banner-descuento{font-size: 3.5rem; font-weight: bold;}
             .porcentaje {font-size: 2rem; font-weight: bold;}
            .banner-categoria{font-size: 0.8rem;}
                
               
            }
            
            
             /*-------------------------------------------------------------------------------------------------------------------------------*/        
            

@media (max-width: 575px) {
    
    
    
        .banner-marca{font-size: 1rem; font-weight: bold;margin-top: 30% !important;}
    
    
}


         
             /*-------------------------------------------------------------------------------------------------------------------------------*/        
            

@media (max-width: 400px) {
    
    
    .banner-marca{font-size: 1rem; font-weight: bold;margin-top: 30% !important;}
            .banner-hasta{font-size: 0.7rem; padding: 1px 0px 0px 0px;}
            .banner-descuento{font-size: 2rem; font-weight: bold;}
             .porcentaje {font-size: 1.6rem; font-weight: bold;}
            .banner-categoria{font-size: 0.7rem;}
    
    
}