.banner-principal{width:100%; margin:auto;}
		
	.banner-principal img { width: 100%; margin: auto; padding-top:2%; }
		
		
		
		.banner-desktop{display: block;}
		
		.banner-mobile{display: none;}
            
            
            #desktop{display: block;}
		
	        #mobile{display: none;}
            
		
            .b{font-weight: bold;}
        
             #b{font-weight: bold;}
            
            .h1{font-size: 25px;
            font-weight: 600;
            text-align: center;}

      /*Contenedor-titulo */
      .contenedor-titulo {
        width: 75%;
        margin: 0 auto;
        color: #ffff;
      }
      .contenedor-titulo h2 {
        color: #ffff !important;
      }

      /*Promociones*/
      .contenedor-promociones {
    width: 95%;
    margin:auto;
    padding: 1%;
    background-color: #ffff;
    box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 10%);
    border: solid 0.5px rgba(0, 0, 0, .1);
    border-radius: 15px;
}
      .promocion-banco {
        margin: 10px;
      }
      .linea {
        width: 95%;
        margin: 20px auto;
        border-bottom: solid 2px #d9d9d9;
      }
      .vigencia {
        font-size: 13px;
          color:#EB0028;
          text-align: justify;
      }
        

      @media (min-width: 768px) {
          
        
	
		
          
        .contenedor-promociones {
          width: 96%;
        }
        .flex-banco-promo {
          display: flex;
          align-items: center;
        }
        .banco {
          width: 25%;
          font-size: 22px;
        }
        .promo {
          width: 75%;
          font-size: 18px;
        line-height: 1.5rem;    
        }
        .vigencia {
          font-size: 15px; }
   
        }
        
@media (max-width: 780px){
 .desktopView .barCpResponsive .barHeaderCP, .fullHeader .barCpResponsive .barHeaderCP {
    background: 0 0!important;
    display: none;} 
}          
            
        @media (max-width: 600px) { 
        
        .banner-desktop{display: none;} 
		.banner-mobile{display: block;}
            
            
              #desktop{display: none;}
		
	        #mobile{display: block;}
            
         .promo { width: 90%; margin: auto; font-size: 18px; text-align: justify;} 
            
            .banco{padding-bottom: 5%;}  
            
        .vigencia {font-size: 15px; text-align: justify; }

        
        }
            
    
      @media (max-width: 550px) {            
            h1{font-size: 28px;
            font-weight: 600;
            text-align: justify;
                width: 90%;
                margin: auto;
           }
            
}
               
        
        
        @media (max-width: 450px) {  
        
               body {
       background: #FFF;
}
            .banco{
             padding-bottom: 0%; 
            }
            
            .banner-principal img { width: 100%; margin: auto; padding-top:8%; }
            
        }
            
            
            
    
        @media (max-width: 430px) {            
            .promo {
    width: 100%;
    margin: auto;
    font-size: 15px;
    text-align: justify;
    line-height: 1.2rem;        }
            
.linea {
    width: 100%;
    margin: 50px auto;
    border-bottom: solid 4px #d9d9d9;}
            
            h1{font-size: 25px;
            font-weight: 600;
            text-align: justify;
            width: 85%;
            margin: auto;
           }
            
}
        
  @media (max-width: 420px) { 
      
      .titulo-h1{
          color: #FFF;
      }
            h1{font-size: 18px;
            font-weight: 600;
            text-align: center;
                width: 85%;
                margin: auto;}
           }
      
      
   @media (max-width: 400px) {       
      h1 {
    font-size: 18px;
    font-weight: 600;
    text-align: justify;
    width: 85%;
    margin: auto;}

            
}
 
            @media (max-width: 390px) {       
      h1 {
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    width: 85%;
    margin: auto;}

    .promo {
    width: 100%;
    margin: auto;
    font-size: 13px;
    text-align: justify;
    line-height: 1.2rem;    
}
                
}

            @media (max-width: 370px) {       
      h1 {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    width: 85%;
    margin: auto;}

            
}